.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.media-gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 5%;max-width:1700px;margin:auto;scroll-margin-top:95px}
.gallery-heading{display:grid;grid-template-columns:.4fr 1fr;gap:35px;margin-bottom:40px;align-items:start}
.gallery-heading h2{font-size:clamp(34px,4.2vw,66px);line-height:1.2;letter-spacing:-.06em;margin:0 0 20px}
.gallery-heading p:not(.index){color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}
.gallery-item{margin:0;min-width:0}
.gallery-item>a{display:block;position:relative;overflow:hidden;background:#101b22;border:1px solid #ffffff25}
.gallery-item img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transition:filter .25s}
.gallery-expand{position:absolute;right:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;background:#0b1115dd;color:#eeeae1;border:1px solid #ffffff66;border-radius:50%;font-size:22px;opacity:0;transition:opacity .2s}
.gallery-item>a:hover img{filter:brightness(1.08)}
.gallery-item>a:hover .gallery-expand,.gallery-item>a:focus-visible .gallery-expand{opacity:1}
.gallery-item figcaption{display:flex;align-items:baseline;gap:14px;margin-top:14px;font-size:14px;line-height:1.7}
.gallery-number{font:10px/1.7 monospace;color:var(--muted)}
.gallery-dialog{position:fixed;inset:0;width:min(1500px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:18px;border:1px solid #ffffff40;background:#0b1115;color:#eeeae1;overflow:auto;overscroll-behavior:contain}
.gallery-dialog::backdrop{background:#02070bef;backdrop-filter:blur(10px)}
.gallery-dialog-top,.gallery-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.gallery-dialog-top{padding-bottom:14px}
.gallery-dialog-top p{font:10px/1.6 monospace;letter-spacing:.1em;color:#b4d7c5}
.gallery-dialog button{border:1px solid #ffffff40;background:transparent;color:inherit;font:inherit;min-height:44px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px}
.gallery-dialog button b{font-size:23px;font-weight:400}
.gallery-dialog>img{width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;background:#060b0e}
.gallery-dialog-bottom{padding-top:16px}
.gallery-dialog-bottom h3{font-size:14px;font-weight:500;line-height:1.6;margin:0}
.gallery-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.gallery-controls>span{font:12px/1.5 monospace;color:#b4d7c5}
.gallery-controls button{min-width:44px;font-size:20px}
.gallery-dialog :focus-visible,.media-gallery :focus-visible{outline:2px solid #b4d7c5;outline-offset:4px}
.latest-trailer-link{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#050b0f;grid-row:1/4}
.latest-trailer-link>img{width:100%;height:100%;object-fit:cover}
.latest-external{font-size:12px;color:var(--cyan);padding-block:16px;display:inline-block;align-self:start}
.portal-brand img{width:min(100%,490px);height:auto}
@media(max-width:900px){.gallery-heading{grid-template-columns:1fr;gap:20px}.gallery-dialog-bottom{align-items:flex-start}.latest-trailer-link{margin-bottom:18px}}
@media(max-width:600px){.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-heading h2{font-size:36px}.media-gallery{padding-block:60px}.gallery-dialog{width:calc(100vw - 16px);padding:12px}.gallery-dialog-top{gap:10px}.gallery-dialog-top p{font-size:8px}.gallery-dialog-top button{font-size:12px}.gallery-dialog-bottom{flex-direction:column;gap:14px}.gallery-controls{width:100%;justify-content:space-between}.gallery-dialog>img{max-height:calc(100dvh - 240px)}.gallery-expand{opacity:1;width:30px;height:30px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.gallery-item img,.gallery-expand{transition:none}}