.media-page { background:var(--paper); }
.media-header { position:relative; }
.media-main { max-width:1120px; min-height:70vh; margin:0 auto; padding:5rem 1.5rem; }
.media-intro { max-width:690px; margin-bottom:2.5rem; }
.media-intro .back-link { display:inline-block; margin-bottom:1.5rem; color:var(--navy-2); font-size:.75rem; font-weight:700; }
.media-intro h1 { margin-bottom:1rem; font-size:clamp(3.7rem,7vw,6rem); }
.media-intro p { color:var(--muted); line-height:1.65; }
.media-tabs { display:flex; gap:.6rem; margin:0 0 2.5rem; }
.media-tabs a { padding:.65rem 1rem; color:var(--muted); border:1px solid var(--line); border-radius:999px; font-size:.75rem; font-weight:700; text-decoration:none; }
.media-tabs a.active { color:white; background:var(--navy-2); border-color:var(--navy-2); }
.photo-grid { columns:4 220px; column-gap:1rem; }
.photo-card { position:relative; display:block; margin:0 0 1rem; overflow:hidden; border-radius:10px; background:#e7ecea; break-inside:avoid; }
.photo-card img { display:block; width:100%; height:auto; transition:transform .3s ease; }
.photo-card:hover img { transform:scale(1.018); }
.photo-card span { position:absolute; right:.55rem; bottom:.5rem; padding:.25rem .45rem; color:white; background:rgba(25,52,74,.76); border-radius:999px; font-size:.55rem; opacity:0; transition:opacity .2s; }
.photo-card:hover span { opacity:1; }
.video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.video-card { padding:1rem; border:1px solid var(--line); border-radius:14px; background:var(--white); }
.video-card video { display:block; width:100%; max-height:620px; border-radius:9px; background:#111; }
.video-card h2 { margin:1rem 0 .25rem; font-size:1.5rem; }
.video-card p { margin:.25rem 0; color:var(--muted); font-size:.78rem; }
@media (max-width:750px) { .media-main { padding-top:3rem; }.video-grid { grid-template-columns:1fr; }.photo-grid { columns:2 140px; } }