/* The viewport is the canvas; reading and comparison keep comfortable inner padding. */
:root{--page-gutter:clamp(24px,4.4vw,88px);--site-header-height:86px;--film-inset:5vw;--film-radius:70px;--film-zoom:1;--hero-shift:0px}
.immersive-site main{width:100%;max-width:none;margin:0;padding:0;overflow:visible}
.immersive-site #homeView{width:100%;overflow:visible}
.immersive-site .header-inner{max-width:none;padding-inline:var(--page-gutter)}
.immersive-site .mega-panel-inner{max-width:none;padding-inline:var(--page-gutter);gap:4vw}
.immersive-site .mega-panel-inner.cards{grid-template-columns:1.1fr 1fr 1.2fr .9fr;gap:4vw}
.immersive-site .mega-backdrop{top:var(--site-header-height)}
.immersive-site #guidesView,.immersive-site #experienceView{max-width:1480px;margin-inline:auto;padding:28px var(--page-gutter) 60px}
.immersive-site .shop-welcome.premium-hero{position:relative;display:flex;align-items:center;isolation:isolate;width:100%;min-height:650px;height:calc(100svh - var(--site-header-height));max-height:890px;margin:0;padding:68px var(--page-gutter) 85px;border:0;border-radius:0;overflow:hidden;background:#081627;gap:0}
.hero-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transform:translate3d(0,var(--hero-shift),0) scale(1.06);will-change:transform}
.immersive-site .shop-welcome.premium-hero:before{content:'';display:block;position:absolute;inset:0;background:linear-gradient(90deg,#061322ba 0%,#08162a50 43%,transparent 70%),linear-gradient(0deg,#0715285c,transparent 45%);z-index:-1;pointer-events:none}
.immersive-site .shop-welcome .hero-copy{position:relative;z-index:3;width:57%;max-width:850px;padding:0;align-self:center;transform:translateY(-12px)}
.immersive-site .shop-welcome .eyebrow{font-size:13px;color:#bad0f5;font-weight:550;letter-spacing:.1em;margin:0 0 24px}
.immersive-site .shop-welcome h1{font-size:clamp(46px,4.5vw,82px);line-height:1.13;letter-spacing:-.055em;font-weight:700;color:white}
.immersive-site .shop-welcome h1 span{display:block;color:#fff}
.immersive-site .shop-welcome h1 span+span{color:#94bbff}
.immersive-site .shop-welcome #welcomeCopy{font-size:18px;line-height:1.8;color:#d1ddf0;margin-top:29px;max-width:580px;font-weight:400}
.immersive-site .shop-welcome .hero-links{margin-top:31px;gap:17px 25px;max-width:600px}
.immersive-site .shop-welcome #heroCompare{display:inline-flex;background:#245bff;color:white;border:1px solid #5f89ff;border-radius:30px;padding:15px 26px;font-size:16px;box-shadow:0 8px 28px #07152535}
.immersive-site .shop-welcome #heroCompare:hover{background:white;border-color:white;color:#193b80}
.immersive-site .shop-welcome #heroLearn{color:#eef4ff;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.immersive-site .shop-welcome .hero-film-link{color:#b6ceff;font-size:14px}
.immersive-site .shop-welcome #heroFineprint{font-size:12px;line-height:1.8;color:#a7bad7;margin-top:22px;max-width:520px}
.immersive-site .shop-welcome .hero-theater{position:absolute;right:var(--page-gutter);bottom:32px;width:clamp(310px,28vw,510px);height:290px;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;z-index:2}
.immersive-site .shop-welcome .theater-topline{top:auto;bottom:69px;left:0;right:0;justify-content:flex-end;gap:10px;color:#e8f1ff;font-size:11px}
.immersive-site #heroShowroomLabel{display:none}
.immersive-site .shop-welcome .motion-toggle{background:#11233c8c;color:#e4edff;border-color:#d9e7ff55;backdrop-filter:blur(10px);font-size:12px}
.immersive-site .shop-welcome.premium-hero .card-stage{inset:0 24px 72px 0}
.immersive-site .shop-welcome .cinema-product{width:69%;left:8%;top:5%;transform:rotate(-12deg);filter:none}
.immersive-site .shop-welcome .cinema-product .product-image{filter:drop-shadow(0 18px 17px #0006)}
.immersive-site .cinema-caption{left:0;right:0;bottom:0;background:#10233caa;border:1px solid #d7e6ff4d;border-radius:13px;backdrop-filter:blur(18px);color:white;padding:13px 17px;min-height:65px}
.immersive-site .cinema-caption span{color:#c2d3ee;font-size:11px}.immersive-site .cinema-caption strong{color:#fff;font-size:15px}
.immersive-site #finder{width:100%;max-width:none;margin:0;padding:35px var(--page-gutter) 42px;background:white;scroll-margin-top:calc(var(--site-header-height) + 10px)}
.immersive-site .browse-results{gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.immersive-site .shop-card .product-stage{height:clamp(195px,14vw,285px);padding:25px 30px 20px}
.immersive-site .shop-card h3{font-size:22px}.immersive-site .shop-card .browse-card-content{padding-inline:24px}.immersive-site .shop-card .card-bottom{margin-inline:-24px}.immersive-site .shop-card-link{padding-inline:24px}
.immersive-site .shop-controls{gap:20px;padding-bottom:21px}.immersive-site .category-rail{padding-block:13px 19px}.immersive-site .category-button,.immersive-site .category-rail #allCategories{padding:10px 18px;font-size:14px}
/* The shell expands with scroll; its inner film remains stationary for a short beat. */
.immersive-site #cinemaStory{position:relative;display:block;width:100%;min-height:0;height:calc(142svh - var(--site-header-height));margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:#fff;scroll-margin-top:var(--site-header-height)}
.film-pin{position:sticky;top:var(--site-header-height);height:calc(100svh - var(--site-header-height));min-height:590px;padding:0;overflow:visible}
.film-shell{position:relative;height:100%;margin-inline:var(--film-inset);border-radius:var(--film-radius);overflow:hidden;background:#edf1fa;isolation:isolate}
.immersive-site .film-screen{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;min-height:0;background:#edf1fa;z-index:0}
.immersive-site .brand-film{object-fit:cover;object-position:center;transform:scale(var(--film-zoom));transform-origin:65% 55%}
.immersive-site .film-screen:after{background:linear-gradient(90deg,#f3f6fce6 0%,#f0f4fc99 25%,transparent 46%),linear-gradient(0deg,#e8eefbbb,transparent 25%)}
.immersive-site .film-heading{position:absolute;left:var(--page-gutter);top:50%;transform:translateY(-52%);width:31%;max-width:500px;padding:0;z-index:2;pointer-events:none}
.immersive-site .film-heading a{pointer-events:auto}
.immersive-site .film-heading .eyebrow{font-size:13px;letter-spacing:.12em;margin-bottom:26px;color:#245bff}
.immersive-site .film-heading h2{font-size:clamp(72px,7vw,122px);line-height:.92;letter-spacing:-.06em;color:#172d55}
.immersive-site .film-heading>p:not(.eyebrow){font-size:17px;color:#4f6387;line-height:1.8;max-width:360px;margin:26px 0}
.immersive-site #filmSource{margin-top:24px}
.immersive-site .film-topline{top:30px;left:auto;right:38px;font-size:12px}.immersive-site .film-topline>span:first-child{display:none}
.immersive-site .film-playback{bottom:55px;left:42%;right:var(--page-gutter);gap:15px;justify-content:flex-end;flex-wrap:wrap}
.immersive-site .film-chapters{padding:6px;border-color:#c9d7f055;box-shadow:0 6px 18px #2138590d}.immersive-site .film-chapters button{font-size:13px;padding:10px 17px}.immersive-site .film-toggle{font-size:13px;min-height:46px}
.immersive-site .film-credit{position:absolute;bottom:0;left:0;right:0;margin:0;padding:13px var(--page-gutter);font-size:11px;color:#5c7091;line-height:1.6;background:#f5f8fd9c;border-top:1px solid #cedaf155;z-index:2;pointer-events:none}
.immersive-site .film-progress{bottom:0;z-index:3;height:3px}
.immersive-site .film-status{left:65%;max-width:380px;z-index:4}
.immersive-site #resources{width:100%;max-width:none;margin:0;padding:78px var(--page-gutter) 75px;background:#eef3fc;border:0;border-radius:0}
.immersive-site .resource-heading{margin:0 0 32px;max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.immersive-site .resource-heading .eyebrow{margin:0 0 7px}.immersive-site .resource-heading h2{font-size:clamp(30px,3vw,46px);max-width:850px}
.immersive-site .resource-links{grid-template-columns:1.18fr 1fr 1fr;gap:24px;margin-bottom:42px}
.immersive-site .resource-teaser{min-height:340px;padding:29px 32px 0;border-radius:22px}
.immersive-site .resource-teaser strong{font-size:clamp(23px,1.75vw,30px);max-width:400px}.immersive-site .resource-teaser .resource-description{font-size:15px;max-width:400px}
.immersive-site .resource-top{margin-bottom:29px}.immersive-site .resource-card-art{height:172px;min-height:165px;margin-inline:-32px}.immersive-site .resource-card-art img{width:250px;right:15px;top:17px}.immersive-site .resource-data-art b{font-size:59px}.immersive-site .country-edition{font-size:clamp(40px,3.7vw,65px)}
.immersive-site .resource-index{gap:0 36px}.immersive-site .resource-index>.resource-panel>summary{min-height:86px;font-size:17px}.immersive-site .resource-index>.resource-panel{border-color:#ced9ed}
.immersive-site footer{max-width:none;width:100%;border-radius:0;background:#102746;color:#adc0df;padding:40px var(--page-gutter);border:0}.immersive-site .footer-brand{font-size:30px;color:#f3f7ff}.immersive-site footer p{color:#acbfdc;font-size:12px}.immersive-site footer .text-button{color:#bed1ff}
.immersive-site :is(a,button,summary,select,input):focus-visible{outline-color:#739aff}
.immersive-site.motion-enabled .resource-links{--read-shift:0px;transform:translateY(var(--read-shift))}
@media(min-width:1800px){.immersive-site .shop-card .browse-card-content{padding-top:24px}.immersive-site .shop-controls select,.immersive-site .shop-search input{min-height:46px}.immersive-site .resource-teaser{min-height:365px}}
@media(max-width:1180px){:root{--page-gutter:30px}.immersive-site .shop-welcome.premium-hero{min-height:640px;max-height:780px}.immersive-site .shop-welcome .hero-copy{width:66%;max-width:710px}.immersive-site .shop-welcome h1{font-size:55px}.immersive-site .shop-welcome #welcomeCopy{font-size:16px;max-width:510px}.immersive-site .shop-welcome .hero-theater{width:325px;height:247px;bottom:25px;right:30px}.immersive-site .shop-welcome .hero-links{max-width:540px}.immersive-site .browse-results{gap:17px}.immersive-site .shop-card .browse-card-content{padding-inline:19px}.immersive-site .shop-card .card-bottom{margin-inline:-19px}.immersive-site .shop-card h3{font-size:20px}.immersive-site .shop-card .product-stage{height:185px;padding-inline:20px}.immersive-site .film-heading{width:34%;left:35px}.immersive-site .film-heading h2{font-size:84px}.immersive-site .film-heading>p:not(.eyebrow){font-size:16px;max-width:280px}.immersive-site .film-playback{right:28px;left:38%;bottom:68px}.immersive-site .film-credit{padding-inline:28px}.immersive-site .film-chapters button{padding:9px 12px;font-size:12px}.immersive-site .resource-links{gap:17px}.immersive-site .resource-teaser{min-height:320px;padding:25px 23px 0}.immersive-site .resource-card-art img{width:210px;right:15px}.immersive-site .resource-card-art{margin-inline:-23px}.immersive-site .resource-data-art b{font-size:49px}}
@media(max-width:950px){.immersive-site .header-inner{padding-inline:24px}.immersive-site .mega-panel-inner.cards{grid-template-columns:1fr 1fr 1fr}.immersive-site .shop-welcome.premium-hero{min-height:700px;max-height:800px;align-items:flex-start;padding-top:62px}.immersive-site .shop-welcome .hero-copy{width:86%;max-width:690px;align-self:flex-start;transform:none}.immersive-site .shop-welcome h1{font-size:52px}.hero-panorama{object-position:62% center}.immersive-site .shop-welcome.premium-hero:before{background:linear-gradient(90deg,#061323d9,#0613236b 68%,transparent),linear-gradient(0deg,#07152655,transparent)}.immersive-site .shop-welcome .hero-theater{bottom:22px;width:300px;height:205px}.immersive-site .browse-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.immersive-site .shop-card .product-stage{height:220px}.immersive-site .resource-heading{display:block}.immersive-site .resource-heading .eyebrow{margin-bottom:13px}.immersive-site .resource-teaser strong{font-size:22px}.immersive-site .resource-data-art{gap:20px}.immersive-site .resource-data-art b{font-size:44px}.immersive-site .resource-card-art img{width:180px}.immersive-site .resource-card-art>span{display:none}.immersive-site .film-heading{top:41%;width:41%}.immersive-site .film-heading h2{font-size:77px}.immersive-site .film-screen:after{background:linear-gradient(90deg,#f3f6fcee,#f0f4fca6 27%,transparent 68%)}.immersive-site .film-playback{left:25px;right:25px;bottom:65px;justify-content:center}}
@media(max-width:700px){:root{--page-gutter:20px;--site-header-height:116px;--film-inset:18px;--film-radius:32px}.immersive-site .header-inner{padding-inline:18px}.immersive-site .mega-panel-inner,.immersive-site .mega-panel-inner.cards{grid-template-columns:1fr 1fr;padding-inline:22px;gap:24px}.immersive-site #guidesView,.immersive-site #experienceView{padding:22px 18px 40px}.immersive-site .shop-welcome.premium-hero{height:740px;min-height:0;max-height:none;padding:44px 24px;align-items:flex-start}.hero-panorama{object-position:69% center;transform:scale(1.05)}.immersive-site .shop-welcome.premium-hero:before{background:linear-gradient(180deg,#07172ede,#0b1e33a3 45%,#091c3660 75%,#091b3499),linear-gradient(90deg,#0614275c,transparent)}.immersive-site .shop-welcome .hero-copy{width:100%;max-width:none;transform:none}.immersive-site .shop-welcome .eyebrow{font-size:12px;margin-bottom:20px}.immersive-site .shop-welcome h1{font-size:clamp(33px,8.8vw,55px);line-height:1.16;letter-spacing:-.055em}.immersive-site .shop-welcome #welcomeCopy{font-size:16px;line-height:1.8;margin-top:23px;max-width:470px}.immersive-site .shop-welcome .hero-links{gap:18px 19px;margin-top:25px;max-width:440px}.immersive-site .shop-welcome #heroCompare{font-size:15px;padding:13px 23px}.immersive-site .shop-welcome #heroLearn,.immersive-site .shop-welcome .hero-film-link{font-size:13px}.immersive-site .shop-welcome #heroFineprint{display:none}.immersive-site .shop-welcome .hero-theater{width:calc(100% - 48px);height:220px;max-width:400px;right:24px;bottom:23px}.immersive-site .shop-welcome .card-stage{inset:0 35px 72px 15px}.immersive-site .shop-welcome .cinema-product{width:57%;left:15%;top:0}.immersive-site .cinema-caption strong{font-size:14px}.immersive-site #finder{padding:21px 18px 28px}.immersive-site .shop-controls{gap:12px}.immersive-site .browse-results{gap:12px}.immersive-site .shop-card .product-stage{height:155px;padding:23px 16px 15px}.immersive-site .shop-card .browse-card-content{padding-inline:13px}.immersive-site .shop-card .card-bottom{margin-inline:-13px}.immersive-site .shop-card-link{padding-inline:13px}.immersive-site .shop-card h3{font-size:18px}.immersive-site .category-button,.immersive-site .category-rail #allCategories{padding:9px 13px;font-size:13px}.immersive-site #cinemaStory{height:calc(120svh - var(--site-header-height));min-height:790px}.film-pin{height:calc(100svh - var(--site-header-height));min-height:700px}.immersive-site .film-screen{inset:245px 0 85px;height:auto;aspect-ratio:auto}.immersive-site .brand-film{object-fit:contain;transform:none}.immersive-site .film-screen:after{background:none}.immersive-site .film-heading{top:35px;left:28px;right:28px;transform:none;width:auto;max-width:none}.immersive-site .film-heading .eyebrow{font-size:12px;margin-bottom:16px}.immersive-site .film-heading h2{font-size:61px;line-height:1}.immersive-site .film-heading h2 br{display:none}.immersive-site .film-heading>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:480px;margin:17px 0}.immersive-site .film-heading .solid-link{font-size:13px;padding:11px 17px}.immersive-site #filmCompare{font-size:12px;margin-left:13px}.immersive-site #filmSource{position:absolute;top:0;right:0;margin:0;font-size:11px}.immersive-site .film-topline{display:none}.immersive-site .film-playback{left:0;right:0;bottom:-36px;gap:7px;flex-wrap:wrap;justify-content:center}.immersive-site .film-screen{overflow:visible}.immersive-site .film-chapters{padding:4px}.immersive-site .film-chapters button{font-size:11px;padding:8px 11px}.immersive-site .film-toggle{font-size:11px;padding:10px 12px}.immersive-site .film-progress{bottom:-44px}.immersive-site .film-credit{font-size:10px;padding:12px 21px;line-height:1.6}.immersive-site .film-status{left:50%;max-width:85%;font-size:13px}.immersive-site #resources{padding:43px 20px 45px}.immersive-site .resource-heading h2{font-size:30px}.immersive-site .resource-links{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:28px}.immersive-site .resource-teaser.guide{grid-column:1/-1;min-height:220px;padding:25px 42% 25px 24px}.immersive-site .resource-teaser{min-height:292px;padding:23px 19px 0}.immersive-site .resource-teaser strong{font-size:21px}.immersive-site .resource-teaser .resource-description{font-size:13px}.immersive-site .resource-card-art{height:135px;min-height:130px;margin-inline:-19px}.immersive-site .resource-card-art img{width:175px;right:3px}.immersive-site .resource-data-art b{font-size:44px}.immersive-site .country-edition{font-size:35px}.immersive-site .resource-index{gap:0 20px}.immersive-site .resource-index>.resource-panel>summary{font-size:15px;min-height:80px}.immersive-site footer{padding:31px 24px}.immersive-site .footer-brand{font-size:26px}}
@media(max-width:390px){.immersive-site .shop-welcome.premium-hero{height:720px;padding-inline:20px}.immersive-site .shop-welcome .hero-theater{right:20px;width:calc(100% - 40px);height:210px}.immersive-site .shop-welcome .hero-links{gap:15px}.immersive-site .shop-welcome #heroCompare{font-size:14px;padding:13px 20px}.immersive-site .shop-welcome #heroLearn,.immersive-site .shop-welcome .hero-film-link{font-size:12px}.immersive-site .film-heading{left:22px;right:22px}.immersive-site .film-heading h2{font-size:54px}.immersive-site #filmSource{font-size:10px}.immersive-site .resource-index{grid-template-columns:1fr}.immersive-site .shop-card .product-stage{height:137px}.immersive-site .resource-teaser strong{font-size:19px}.immersive-site .resource-data-art b{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-panorama{transform:none;will-change:auto}.immersive-site #cinemaStory{height:auto;min-height:0}.film-pin{position:relative;top:auto;height:760px}.film-shell{margin-inline:0;border-radius:0}.immersive-site .brand-film{transform:none}.immersive-site.motion-enabled .resource-links{transform:none}}
/* Use one header offset for anchors, and reserve the complete pin + hold height. */
html:has(body.immersive-site){scroll-padding-top:var(--site-header-height)}
.immersive-site #finder,.immersive-site #cinemaStory{scroll-margin-top:0}
.immersive-site #cinemaStory{--pin-height:max(590px,calc(100svh - var(--site-header-height)));height:calc(var(--pin-height) + 42svh)}
.immersive-site .film-pin{height:var(--pin-height);min-height:0}
@media(max-width:700px){.immersive-site #cinemaStory{--pin-height:max(700px,calc(100svh - var(--site-header-height)));height:calc(var(--pin-height) + 20svh);min-height:0}}
@media(max-height:740px){.immersive-site #cinemaStory{height:auto;min-height:0}.immersive-site .film-pin{position:relative;top:auto;height:740px}}
@media(prefers-reduced-motion:reduce){.immersive-site #cinemaStory{height:auto;min-height:0}.immersive-site .film-pin{position:relative;top:auto;height:760px}}
/* Narrow screens keep every localized heading and control in normal document flow. */
@media(max-width:700px){
 .immersive-site #cinemaStory{height:auto;min-height:0}
 .immersive-site .film-pin{position:relative;top:auto;height:auto;min-height:0}
 .immersive-site .film-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;height:auto;min-height:0}
 .immersive-site .film-heading{position:relative;inset:auto;width:auto;max-width:none;transform:none;margin:31px 26px 18px;padding:0;grid-row:1}
 .immersive-site .film-screen{position:relative;inset:auto;grid-row:2;min-height:350px;width:100%;height:auto;aspect-ratio:1.05;overflow:hidden}
 .immersive-site .brand-film{height:calc(100% - 85px);object-fit:contain;inset:0;width:100%}
 .immersive-site .film-playback{left:12px;right:12px;bottom:16px;gap:7px;justify-content:center;align-content:end;flex-wrap:wrap}
 .immersive-site .film-credit{position:static;grid-row:3;padding:13px 22px;font-size:11px;line-height:1.7}
 .immersive-site .film-progress{bottom:0}
 .immersive-site .film-heading>p:not(.eyebrow){font-size:15px}
 .immersive-site .film-chapters button,.immersive-site .film-toggle{font-size:12px}
 .immersive-site #filmSource{font-size:11px}
}
@media(max-width:390px){.immersive-site .film-heading{margin-inline:22px}.immersive-site #filmSource{position:static;display:table;margin-top:15px}.immersive-site .film-playback{left:8px;right:8px}.immersive-site .brand-film{height:calc(100% - 110px)}}

/* Preserve the single-column catalog intended for very narrow screens. */
@media(max-width:360px){.immersive-site .browse-results{grid-template-columns:minmax(0,1fr)}}