/* V10: the cool blue of the original reference, with restrained photographic motion. */
:root{--accent:#9ac9ec;--accent-deep:#9ac9ec;--acid:#9ac9ec;--green:#9ac9ec}
::selection{background:#9ac9ec;color:#101111}
.opening h1 em{color:#a6c6df}.reading-progress span{background:#9ac9ec!important}
.pill-button:hover,.home-v7 .pill-button:hover,.contact-link:hover,.opening-copy .hero-watch:hover,.opening-copy .hero-watch:focus-visible{background:#9ac9ec;border-color:#9ac9ec;color:#101111}
.hero-watch:hover small,.hero-watch:focus-visible small{color:#22313b}
.pill-button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,.wipe-stage:focus-within{outline-color:#9ac9ec}
.page-prose a,.page-hero h1 em,.video-external,.back-bar .pill-button:hover,.study-article h1 em,.study-index a:hover,.study-sources a{color:#a6c6df}
.compare-modes button[aria-pressed=true],.map-toolbar button[aria-pressed=true],.camera-pick:hover>div>span{background:#9ac9ec;border-color:#9ac9ec;color:#101111}
.comparison-dialog{border-color:#5d7486}.study-chapter blockquote{color:#c8d9e5}
.opening-slices{position:absolute;inset:0;pointer-events:none;z-index:2}
.opening-slice{display:block;position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;will-change:transform,opacity}
.opening-slice.slice-1{clip-path:polygon(0 20%,100% 20%,100% 42%,0 42%)}
.opening-slice.slice-2{clip-path:polygon(0 69%,100% 69%,100% 80%,0 80%)}
.opening-slices[hidden]{display:none!important}
.onset-dot{background:#a6c6df}.travel-map{background:radial-gradient(ellipse at 54% 35%,#182630,#101416 68%)}
.map-land{fill:#243039;stroke:#536773}.pin-ring{fill:#9ac9ec2d;stroke:#9ac9ec}.pin-core{fill:#b9d2e7}
.map-pin[aria-pressed=true] .pin-ring,.map-pin:focus-visible .pin-ring{fill:#9ac9ec80}.map-selected{color:#b9d2e7}
.places-list button[aria-pressed=true],.places-list button:hover{border-color:#9ac9ec}
.page-about .page-gallery{grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;margin-block:45px 70px}
.page-about .page-gallery:not(:has(>.page-media:nth-child(3))){grid-template-columns:1.2fr 1fr}
.page-about .page-gallery .page-media:nth-child(2){margin-top:65px}
.page-about .page-gallery img{max-height:440px}.page-about .page-gallery figcaption{line-height:1.5}
.page-about .after-the-map{border-top:1px solid #ffffff24;margin-top:65px;padding-top:36px}
.after-the-map h2{font:400 clamp(36px,4.4vw,64px)/1.08 var(--heading);letter-spacing:-.05em;margin:22px 0}
.after-the-map h2 em{font-family:Georgia,serif;font-weight:400}.after-the-map>p:not(.eyebrow){max-width:650px;color:#aaaeb3;line-height:1.8;font-size:15px}
.page-about .after-the-map .page-gallery{grid-template-columns:1fr 1.3fr;margin-bottom:30px}
.page-about .page-gallery .about-photo{translate:0 24px;opacity:.5;transition:translate .85s cubic-bezier(.2,.8,.2,1),opacity .85s ease;transition-delay:var(--photo-delay,0ms)}
.page-about .page-gallery .about-photo.photo-arrived{translate:0 0;opacity:1}
.rate-number{font-variant-numeric:tabular-nums;min-width:5ch;color:#a6c6df}
.company-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.company-logos a{min-width:0}
.company-logos img[src*=logo-marvel]{filter:grayscale(1) brightness(0) invert(1);max-height:68px;width:145px}
@media(min-width:800px) and (max-width:1000px){.company-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.company-logos img{max-width:100%!important}}
@media(max-width:799px){.company-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.page-about .page-gallery,.page-about .page-gallery:not(:has(>.page-media:nth-child(3))),.page-about .after-the-map .page-gallery{grid-template-columns:1fr;gap:28px;margin-block:30px 42px}.page-about .page-gallery .page-media:nth-child(2){margin-top:0}.page-about .page-gallery img{max-height:none}.page-about .after-the-map{margin-top:45px}.company-logos img[src*=logo-marvel]{max-height:50px}}
@media(prefers-reduced-motion:reduce){.opening-slices{display:none!important}.page-about .page-gallery .about-photo{translate:none!important;opacity:1!important;transition:none!important}}
.motion-off .opening-slices{display:none!important}.motion-off .page-about .page-gallery .about-photo{translate:none!important;opacity:1!important;transition:none!important}
/* Native video proportions and an opaque player background avoid white letterboxing. */
.video-frame,.video-frame>iframe{background:#000;color-scheme:dark}
.restricted-player-link{position:absolute;inset:0;display:grid;place-items:center;background:#000}
.restricted-player-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.65}
.restricted-player-link>.pill-button{position:relative;background:#090a0eeb;color:#f1f3f5;border-color:#9ac9ec}
.restricted-player-link:hover>.pill-button{background:#9ac9ec;color:#101111}
/* The homepage keeps one row of real, unique production credits. */
.home-v7 .poster-carousel .production-shelf{display:flex;overflow-x:auto;gap:24px;padding:24px 5px 20px;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-x:contain}
.home-v7 .poster-carousel .production-shelf::-webkit-scrollbar{display:none}
.home-v7 .poster-carousel .production-card{flex:0 0 clamp(145px,14vw,190px);scroll-snap-align:none}
.home-v7 .poster-carousel .production-card img{height:clamp(225px,22vw,300px);max-height:none}
.poster-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
.home-v7 .poster-controls .pill-button{min-width:44px;min-height:44px;padding:10px 16px;font-size:12px}
@media(max-width:799px){.home-v7 .poster-carousel .production-card{flex-basis:43vw}.home-v7 .poster-carousel .production-card img{height:64vw}.home-v7 .poster-carousel .production-shelf{gap:20px}}