.media-section{scroll-margin-top:100px}
.media-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}
.media-heading h2{font-size:clamp(3rem,5vw,5.5rem)}
.media-heading>p{max-width:390px;color:#bab6ad;font-size:1rem}
.media-nav{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 45px}
.media-nav a{padding:12px 22px;border:1px solid var(--gold);color:var(--gold-soft);font-size:.95rem}
.media-nav a:hover{background:var(--gold);color:#070707}
.media-group{scroll-margin-top:115px;margin-top:55px}
.media-group-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.media-group h3{font-size:2.2rem}
.media-group-heading a,.media-caption a{color:var(--gold-soft);font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.photo-grid,.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.panorama-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:28px;padding:22px 26px;background:linear-gradient(100deg,#16130e,#0c0c0b);border:1px solid var(--gold);color:#fff;transition:background .2s ease,transform .2s ease}
.panorama-card:hover{background:linear-gradient(100deg,#241d10,#11100d);transform:translateY(-2px)}
.panorama-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font:700 1rem var(--display);letter-spacing:-.04em}
.panorama-card strong{display:block;font:700 1.3rem var(--display);text-transform:uppercase}.panorama-card small{display:block;margin-top:4px;color:#b7b2a7;font-size:.95rem}.panorama-card>b{color:var(--gold-soft);font-size:1.5rem}
.photo-card,.video-card{margin:0;min-width:0;background:#11110f;border:1px solid #302c22;overflow:hidden}
.photo-card>a{display:block}.photo-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.photo-card-facade{grid-column:1/-1}.photo-card-facade img{aspect-ratio:16/9;object-fit:contain;background:#080808}
.media-caption{padding:24px}.media-caption h4{font:700 1.7rem/1.15 var(--display);margin:0;color:#fff;text-transform:uppercase}
.media-caption p{color:#b7b2a7;font-size:1rem;line-height:1.7}
.media-caption .media-label{font-size:.875rem;color:var(--gold);margin:0 0 10px}
.video-stage{max-width:400px;margin:24px auto 0;padding:0 16px;min-height:200px}
.video-load{display:block;position:relative;border:0;padding:0;width:100%;background:#080808;color:#fff;cursor:pointer}
.video-load img{display:block;width:100%;height:auto;aspect-ratio:361/640;object-fit:contain}
.video-action{position:absolute;bottom:20px;left:15%;width:70%;padding:13px 10px;background:#d2ad5a;color:#070707;font-size:1rem;font-weight:700;box-shadow:0 4px 25px #0008}
.video-load:hover .video-action{background:#f0d899}.video-load:disabled{cursor:wait}
.video-loaded{max-width:100%;overflow:auto}.video-loaded .instagram-media{width:100%!important;min-width:0!important;margin:0!important}
.media-note{color:#aaa79e;font-size:.875rem;margin-top:24px}
.media-section a:focus-visible,.media-section button:focus-visible{outline:3px solid #f0d899;outline-offset:4px}
@media(min-width:901px){.site-header nav{gap:clamp(10px,1.8vw,28px);font-size:.8rem}.nav-cta{padding:12px 14px}}
@media(min-width:901px) and (max-width:1100px){.nav-wrap{height:80px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{width:22px;height:2px;background:#fff}.site-header nav{position:absolute;top:80px;left:0;right:0;background:#070707;padding:25px;flex-direction:column;align-items:stretch;gap:18px;transform:translateY(-150%);z-index:-1}.site-header nav.open{transform:none}.nav-cta{text-align:center}}
@media(max-width:700px){.media-heading{display:block}.photo-grid,.video-grid{grid-template-columns:1fr}.photo-card-facade{grid-column:auto}.photo-card-facade img{aspect-ratio:4/5}.media-group-heading{align-items:flex-start;flex-direction:column;gap:12px}.media-caption{padding:20px}.video-stage{margin-top:20px}.panorama-card{grid-template-columns:auto 1fr;gap:14px;padding:18px}.panorama-card>b{grid-column:2}.panorama-card small{font-size:.875rem}}
