.media-intro{background:var(--navy);color:#fff;padding:65px 0}.media-intro small{color:var(--lime);font-size:9px;letter-spacing:2px}.media-intro h1{font:50px Georgia,serif;margin:12px 0}.media-intro p{color:#b8cbc8}.media-intro nav{margin-top:28px;display:flex;gap:8px}.media-intro nav a{border:1px solid #476267;padding:12px 15px;font-size:9px}.media-intro nav a.active{background:var(--lime);color:var(--navy);border-color:var(--lime)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:55px;padding-bottom:75px}.media-card{border:1px solid #dce3dc;background:#fff}.media-card>div:last-child{padding:22px}.media-card small{font-size:8px;color:var(--teal);letter-spacing:1px}.media-card h2{font:23px Georgia,serif;margin:9px 0}.media-card p{font-size:12px;line-height:1.6;color:#687b77}.media-card a{font-size:9px;color:var(--teal);font-weight:bold;text-transform:uppercase}.media-image{height:230px;display:block;position:relative;overflow:hidden}.media-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.media-image span{position:absolute;inset:auto 14px 14px auto;width:42px;height:42px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:20px}.media-image:hover img{transform:scale(1.04)}.video-frame{aspect-ratio:16/9;background:#071e22}.video-frame iframe{width:100%;height:100%;border:0}.media-placeholder{height:230px;background:#e9eeea;display:grid;place-items:center;font-size:45px;color:var(--teal)}.media-empty{grid-column:1/-1;padding:35px;background:#f4f6f3;color:#71827e}@media(max-width:900px){.media-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.media-grid{grid-template-columns:1fr}.media-intro h1{font-size:38px}}