.media-page{--muted:#b2b4bc}.media-page [hidden]{display:none!important}.media-page .topbar{position:relative;inset:auto}.media-page .nav [aria-current=page]{color:var(--accent);opacity:1}.media-page button{font:inherit;color:inherit;cursor:pointer}.media-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-180%);padding:12px 20px;background:var(--accent);color:#090b10}.skip-link:focus{transform:none}.media-main{padding-top:64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.page-heading h1{font-size:clamp(64px,10vw,128px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;margin:0}.page-heading h1 span{color:var(--accent)}.media-jumps{display:flex;gap:28px;font-size:14px;text-transform:uppercase;letter-spacing:.09em;padding-bottom:8px}.media-jumps a{border-bottom:1px solid var(--line);padding:10px 0}.media-jumps a:hover{border-color:var(--accent)}.media-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.media-section-heading h2{font-size:20px;letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.media-section-heading h2 span{color:var(--accent);margin-right:14px;font-size:14px;font-weight:400}.section-hint{font-size:14px;color:var(--muted)}.photo-section,.clips-section{scroll-margin-top:24px}.carousel{border-top:1px solid var(--line)}.carousel-stage{position:relative;background:#050608;touch-action:pan-y}.carousel-slide{margin:0}.photo-open{display:block;position:relative;aspect-ratio:3/2;overflow:hidden}.photo-open img{display:block;width:100%;height:100%;object-fit:contain}.photo-enlarge{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);background:rgba(9,11,16,.8);transition:background .2s}.photo-open:hover .photo-enlarge{background:var(--accent);color:#090b10}.photo-enlarge svg{width:20px;height:20px}.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.photo-caption{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0;font-size:16px}.photo-count{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.photo-credit{color:var(--muted);font-size:14px}.carousel-controls{display:flex;gap:14px;align-items:center;flex-shrink:0}.icon-button{width:46px;height:46px;border:1px solid var(--line);background:transparent;font-size:24px!important;line-height:1;display:inline-grid;place-items:center;transition:background .2s,border-color .2s}.icon-button:hover{background:var(--accent);border-color:var(--accent);color:#090b10}.carousel-dots{display:flex;align-items:center}.carousel-dot{display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:none}.carousel-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#777c88;transition:background .2s,transform .2s}.carousel-dot[aria-pressed=true]:before{background:var(--accent);transform:scale(1.35)}.rotation-control{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px;border:0;background:none;font-size:14px!important;color:var(--muted)!important}.rotation-control:hover{color:var(--ink)!important}.rotation-icon{width:14px;font-size:14px;text-align:center}.clips-section{padding:76px 0 100px}.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.clip-card{min-width:0}.clip-link{display:block}.clip-thumbnail{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#151923;border:1px solid var(--line)}.clip-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s,opacity .35s}.clip-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 65%)}.clip-play{position:relative;z-index:1;width:64px;height:64px;display:grid;place-items:center;background:var(--accent);color:#090b10;border-radius:50%;transition:transform .25s}.clip-play svg{width:26px;height:26px;margin-left:4px}.clip-link:hover .clip-play{transform:scale(1.08)}.clip-link:hover img{transform:scale(1.025);opacity:.85}.clip-meta{display:flex;align-items:baseline;gap:18px;margin-top:17px}.clip-number{font-size:14px;font-variant-numeric:tabular-nums;color:var(--accent)}.clip-meta h3{font-size:18px;line-height:1.4;font-weight:500;margin:0}.clip-meta p{font-size:14px;color:var(--muted);margin:5px 0 0}.media-page .footer{border-top:1px solid var(--line);padding-top:28px}.empty-media{margin:0;padding:40px 0;color:var(--muted);border-bottom:1px solid var(--line)}.media-dialog{padding:0;border:1px solid var(--line);background:#090b10;color:var(--ink);max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);overscroll-behavior:contain}.media-dialog::backdrop{background:rgba(0,0,0,.94)}.lightbox{width:1400px}.lightbox[open]{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header h2{font-size:16px;line-height:1.4;font-weight:500;margin:0;overflow-wrap:anywhere}.dialog-close{display:flex;align-items:center;gap:14px;min-height:44px;padding:0 8px;border:0;background:none;font-size:14px!important;flex-shrink:0}.dialog-close span{font-size:28px;line-height:1}.dialog-close:hover{color:var(--accent)}.lightbox-image-wrap{display:flex;align-items:center;justify-content:center;min-height:0;padding:12px;background:#050608;flex:1}.lightbox-image-wrap img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 224px);object-fit:contain}.lightbox-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 22px;border-top:1px solid var(--line);flex-shrink:0}.lightbox-footer p{font-size:14px;text-align:center;margin:0;color:var(--muted)}.video-dialog{width:1100px}.player-container{width:100%;aspect-ratio:16/9;background:#050608}.player-container iframe,.player-container video{display:block;width:100%;height:100%;border:0}.player-fallback{font-size:14px;margin:0;padding:16px 22px;color:var(--muted)}.player-fallback a{text-decoration:underline;text-underline-offset:4px}.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.carousel-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.carousel-controls{width:100%;justify-content:flex-end}.rotation-control{margin-right:auto}.media-main{padding-top:48px}.page-heading{margin-bottom:40px}}
@media(max-width:700px){.media-page .nav{flex-wrap:wrap;column-gap:18px;row-gap:10px;justify-content:flex-start}.media-page .brand{letter-spacing:.1em}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.page-heading h1{font-size:clamp(64px,18vw,100px)}.media-jumps{gap:26px;padding-bottom:0}.media-section-heading{align-items:baseline;flex-wrap:wrap;gap:8px}.media-section-heading h2{font-size:18px}.section-hint{font-size:14px}.photo-open{aspect-ratio:4/5}.photo-enlarge{bottom:12px;right:12px}.carousel-toolbar{padding:14px 0}.carousel-controls{gap:8px}.photo-caption{gap:10px}.clip-grid{grid-template-columns:1fr;gap:34px}.clips-section{padding:56px 0 64px}.media-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dialog-header{padding:10px 12px;gap:12px}.dialog-header h2{font-size:14px}.lightbox-footer{padding:12px;gap:12px}.lightbox-image-wrap{padding:6px}.lightbox-image-wrap img{max-height:calc(100dvh - 210px)}.player-fallback{padding:14px}.clip-meta h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.media-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep ten photo selectors within narrow screens, without changing image geometry. */
.carousel-dots{flex-wrap:wrap;justify-content:center;min-width:0}.carousel-dot{flex-shrink:0}.carousel-controls{min-width:0;max-width:100%}.carousel-controls>.icon-button,.rotation-control{flex-shrink:0}
@media(max-width:700px){.carousel-controls{flex-wrap:wrap}.carousel-dots{order:4;width:100%}}