@import url('/design/showroom.css');
@import url('/design/atmosphere.css');

/* Cinematic product storytelling. Native scroll remains in control. */
.immersive-home{background:#050607;--story-top:116px;--story-ink:#f7f8f6}
.immersive-home .header{position:fixed;height:64px;padding-inline:4vw;background:#05060730;border:0;backdrop-filter:blur(12px);transition:background .3s;z-index:40}
.immersive-home .header.is-scrolled{background:#090b0de8;border-bottom:1px solid #ffffff16}
.immersive-home .brand{font-size:23px;letter-spacing:-.065em}.immersive-home .brand>span{font-size:6px;letter-spacing:.16em;margin-top:6px}
.immersive-home .header nav{gap:28px}.immersive-home .header nav a{font-size:11px}.immersive-home .header .nav-cta{background:#f5f6f2;padding:9px 17px;color:#111}
.immersive-home .motion-preference{border:0;font-size:9px;padding:8px;color:#c3c7cb;min-height:36px}
.immersive-home .hero{height:100svh;min-height:720px;padding:0;display:block;background:#050607;max-height:none;isolation:isolate}
.immersive-home .hero>picture{inset:0;z-index:-2}.immersive-home .hero>picture .hero-image{opacity:1!important;mask-image:none;object-position:62% 50%;transform:scale(var(--hero-scale,1));height:100%!important;width:100%!important}
.immersive-home .hero:after{display:block;z-index:-1;background:linear-gradient(90deg,#020303bc,transparent 72%),linear-gradient(0deg,#050607 0%,transparent 28%,transparent 80%,#05060760)}
.immersive-home .hero-glow{display:none}.immersive-home .hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(calc(-50% - var(--hero-shift,0px)));padding:0!important;width:70%!important;max-width:940px}
.immersive-home .hero .eyebrow{color:#cfd3d5;font-size:10px;letter-spacing:.24em}.immersive-home .status-dot{background:#eee;box-shadow:none}
.immersive-home .hero h1{font-size:clamp(78px,11.8vw,190px)!important;line-height:.95;letter-spacing:-.075em!important;font-weight:600;margin:27px 0 17px!important;color:#fff}
.immersive-home .hero-tagline{font-family:Manrope,sans-serif;font-size:clamp(23px,2.7vw,44px);letter-spacing:-.05em;line-height:1.2;color:#f1f2ef}
.immersive-home .hero-description{font-size:13px;line-height:1.7;max-width:34ch;color:#bcc2c4;margin-top:24px}
.immersive-home .hero .actions{gap:24px;margin-top:30px}.immersive-home .hero .button.primary{background:#f4f5f1;color:#111;border-radius:4px;padding:14px 22px;gap:30px}
.immersive-home .film-button{font-size:11px}.immersive-home .hero-record,.immersive-home .hero-evidence{display:none}
.immersive-home .hero-foot{left:7vw;right:7vw;bottom:32px;padding:0;border:0;color:#b9c0c2}.immersive-home .hero-foot .image-note{font-size:9px;letter-spacing:.03em}.immersive-home .scroll-line{height:26px;background:linear-gradient(#fff,transparent)}
.immersive-home .chapter-nav{top:64px;height:52px;padding:0 4vw;background:#111316e8;backdrop-filter:blur(20px);border:0;border-bottom:1px solid #ffffff16;justify-content:flex-end;gap:30px;z-index:30}
.immersive-home .chapter-nav .chapter-product{display:inline-flex!important;margin-right:auto;color:#f7f8f6;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.03em}
.immersive-home .chapter-nav a{border:0;padding:0;color:#acb3b8;font-size:10px;display:flex;align-items:center;height:100%}.immersive-home .chapter-nav span{margin:0}.immersive-home .chapter-nav a[aria-current=step]{color:#fff}.immersive-home .chapter-nav a:after{display:none}
.story-overture{min-height:76svh;padding:120px 7vw;display:flex;align-items:center;justify-content:center;text-align:center;background:#050607;position:relative}
.story-overture .eyebrow{color:#888f93;font-size:10px;letter-spacing:.22em;margin-bottom:34px}.story-overture h2{font-size:clamp(42px,6.3vw,100px);line-height:1.07;letter-spacing:-.055em;max-width:17ch;margin:auto;color:#fff}
.story-overture h2 span{color:#686e73}.story-overture p:last-child{font-size:14px;line-height:1.8;color:#959da2;max-width:51ch;margin:30px auto 0}
.product-scroll-story{height:390svh;position:relative;background:#050607;scroll-margin-top:116px}
.product-story-pin{height:calc(100svh - var(--story-top));min-height:560px;position:sticky;top:var(--story-top);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 40%,#26303988,transparent 58%),#07090b}
.product-story-pin:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 65%,#acb8b712,transparent 45%);pointer-events:none}
.story-scene{position:absolute;inset:0;pointer-events:none}.story-scene-photo{position:absolute;inset:0;overflow:hidden;opacity:var(--story-photo,1);transition:opacity .2s}
.story-scene-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(calc(1 + var(--story-progress,0)*.12));mask-image:linear-gradient(90deg,transparent 4%,#000 45%)}
.story-canvas,.story-fallback{position:absolute;left:35%;right:2%;top:3%;bottom:14%;opacity:var(--story-3d,0);transition:opacity .25s}
.story-canvas{pointer-events:auto;touch-action:pan-y}.story-canvas canvas{width:100%;height:100%;touch-action:pan-y;outline-offset:-6px}.story-fallback .holo-stage{height:100%;border:0;background:none}.story-fallback .holo-object{width:180px;height:315px}.story-fallback .holo-grid,.story-fallback .holo-label,.story-fallback .holo-index{display:none}
.story-family-select{position:absolute;right:4vw;top:28px;z-index:6;display:flex;gap:12px;align-items:center;font-size:10px;color:#a5afb5}.story-family-select select{max-width:220px;padding:11px 36px 11px 14px;border:1px solid #ffffff2c;border-radius:4px;background:#10151bdd;color:#f4f5f2;font-size:11px}
.story-copy{position:absolute;left:7vw;top:47%;transform:translateY(-50%);width:33%;max-width:490px;z-index:5;pointer-events:none}
.story-copy .eyebrow{color:#9aa4ab;font-size:10px;letter-spacing:.18em;margin-bottom:26px}.story-copy h2{font-size:clamp(38px,4.5vw,70px);letter-spacing:-.06em;line-height:1.03;color:#f8f9f6}.story-copy h2 span{color:#7e8992}.story-copy>p:not(.eyebrow){color:#9ba7ad;font-size:13px;line-height:1.8;max-width:33ch;margin-top:25px}
.story-detail{margin-top:30px;border-top:1px solid #ffffff25;padding-top:16px;font-size:10px;color:#cbd4d6;line-height:1.7;max-width:33ch}.story-detail strong{display:block;font-size:11px;color:#eff2ef;font-weight:500;margin-bottom:4px}
.story-controls{position:absolute;bottom:34px;left:7vw;right:7vw;z-index:6;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.story-chapters{display:flex;gap:0;border-top:1px solid #ffffff25;padding-top:17px;position:relative}.story-progress-line{position:absolute;top:-1px;left:0;height:2px;background:#e9edeb;width:calc(var(--story-progress,0)*100%)}
.story-chapters button{flex:1;background:none;text-align:left;color:#626e76;font-size:11px;padding:0 15px 0 0;min-height:43px}.story-chapters button span{display:block;font-size:9px;margin-bottom:5px;letter-spacing:.1em}.story-chapters button[aria-pressed=true]{color:#f3f5f0}
.story-controls .story-open{background:#e9eeea;color:#0b1217;font-size:11px;border-radius:4px;padding:13px 19px;min-height:45px;white-space:nowrap}.story-caption{position:absolute;bottom:110px;right:7vw;max-width:330px;text-align:right;font-size:9px;color:#6f7e88;z-index:5;pointer-events:none}
.immersive-world{min-height:100svh;position:relative;overflow:hidden;background:#10181d;isolation:isolate;scroll-margin-top:116px}
.world-photo{position:absolute;inset:0;z-index:-2}.world-photo .product-photo{width:100%;height:100%;object-fit:cover;animation:worldImageIn .8s ease both}.immersive-world:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05090db0,transparent 90%),linear-gradient(0deg,#05090e 0%,#05090e60 25%,transparent 65%);pointer-events:none}
.world-content{padding:15svh 7vw 260px;max-width:870px}.world-content .eyebrow{font-size:10px;color:#e5ecec;letter-spacing:.22em}.world-content h2{font-size:clamp(56px,6.7vw,110px);line-height:1.04;color:#fff;letter-spacing:-.055em;margin:32px 0 25px}.world-content h2 span{color:#fff}.world-content>p:not(.eyebrow){font-size:15px;color:#d8e1e0;line-height:1.8;max-width:39ch}.world-content .actions{margin-top:30px}.world-content .button{border-radius:4px;background:#f3f5f0;color:#152027;font-size:12px}.world-content .world-record{background:transparent;color:#e5eeea;padding:14px 0;font-size:11px}
.world-family-nav{position:absolute;left:7vw;right:7vw;bottom:75px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff35;z-index:5}.world-family-nav button{position:relative;background:none;text-align:left;padding:24px 20px 20px 0;color:#a2afb6;font-size:15px;letter-spacing:-.02em}.world-family-nav button span{display:block;font-size:9px;margin-bottom:10px;color:#8f9ca5;letter-spacing:.1em}.world-family-nav button[aria-pressed=true]{color:#fff}.world-family-nav button[aria-pressed=true]:before{content:'';height:2px;position:absolute;left:0;right:20px;top:-1px;background:#fff}.world-concept{position:absolute;bottom:27px;left:7vw;font-size:9px;color:#a3b0b7}
.immersive-home .intro{display:block;text-align:center;padding:120px 7vw;background:#f1f2ef;max-width:none}.immersive-home .intro>.eyebrow{margin-bottom:25px}.immersive-home .intro h2{max-width:20ch;margin:0 auto;font-size:clamp(40px,4.8vw,76px)}.immersive-home .intro-text{margin:30px auto;color:#56625f;font-size:15px}.immersive-home .intro-marks{max-width:1000px;margin:45px auto 0}
.immersive-home .heritage,.immersive-home .qualification-bridge,.immersive-home .scale-story,.immersive-home #utility-architecture{background:#080b0e}
.immersive-home .lineup{background:#080b0e}.immersive-home .product-grid{gap:30px}.immersive-home .product-card{border-radius:6px;background:#10151a;border:0}.immersive-home .product-card .product-visual{border-radius:3px}.immersive-home .product-card h3{font-size:32px}.immersive-home .family-filters button{border-radius:4px}.immersive-home .family-filters button[aria-pressed=true]{background:#eee;color:#111}.immersive-home .holo-controls-bar button,.immersive-home .product-card .card-primary{border-radius:4px}.immersive-home .section-heading h2{color:#f5f6f2}
.immersive-home .specification{background:#f1f2ef;color:#152027}.immersive-home .specification .section-heading h2{color:#152027}.immersive-home .specification .section-heading>p{color:#66726e}.immersive-home .specification .eyebrow{color:#597165}.immersive-home .spec-note,.immersive-home .spec-source{color:#64726e}.immersive-home .spec-controls select{background:#fff;color:#182a2e;border-color:#132b312c;border-radius:4px}.immersive-home .spec-grid{border-radius:4px;background:#16292d20;border-color:#16292d20}.immersive-home .spec-grid>div{background:#e5eae5}.immersive-home .spec-grid p,.immersive-home .spec-grid strong{color:#152027}.immersive-home .spec-actions .button{background:#182a2e;color:#eff5ed;border-radius:4px}.immersive-home .specification :focus-visible{outline-color:#285b4e}
.immersive-home .frontier{min-height:90svh;background:#050607}.immersive-home .frontier-image{opacity:.5}.immersive-home .frontier h2{font-size:clamp(58px,7vw,110px)}.immersive-home .frontier h2 em{color:#f3f6f1}
@keyframes worldImageIn{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
html[data-motion=calm] .immersive-home .hero-image{transform:none}html[data-motion=calm] .immersive-home .hero-copy{transform:translateY(-50%)}
html[data-motion=calm] .product-scroll-story{height:calc(100svh - var(--story-top));min-height:660px}html[data-motion=calm] .product-story-pin{position:relative;top:0;height:100%;min-height:660px}html[data-motion=calm] .story-scene-photo img{transform:none}
@media(min-width:1800px){.story-copy{max-width:560px}.story-copy h2{font-size:84px}}
@media(max-width:1050px){.immersive-home .header nav{gap:17px}.immersive-home .hero-copy{left:5vw}.immersive-home .hero h1{font-size:12vw!important}.immersive-home .hero-image{object-position:60% 50%}.story-copy{left:5vw;width:39%}.story-copy h2{font-size:42px}.story-canvas,.story-fallback{left:37%;right:0}.story-controls{left:5vw;right:5vw}.world-content{padding-inline:5vw}.world-family-nav{left:5vw;right:5vw}.world-family-nav button{font-size:13px}.story-family-select>span{display:none}}
@media(max-width:760px){
 .immersive-home{--story-top:108px}.immersive-home .header{height:62px;padding-inline:22px}.immersive-home .brand{font-size:22px}.immersive-home .header nav{top:62px;background:#10151af5}.immersive-home .header nav a{font-size:15px}.immersive-home .header-tools{gap:5px}.immersive-home .motion-preference{font-size:9px}
 .immersive-home .hero{height:100svh;min-height:740px;padding:0}.immersive-home .hero>picture{inset:38% 0 7%}.immersive-home .hero>picture .hero-image{height:100%!important;object-position:93% 50%;opacity:.95!important;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent)}.immersive-home .hero:after{background:linear-gradient(0deg,#050607 0%,transparent 28%,transparent 55%,#050607bb 83%)}
 .immersive-home .hero-copy{width:100%!important;left:0;top:0;transform:none!important;text-align:center;padding:125px 22px 0!important}.immersive-home .hero .eyebrow{justify-content:center;font-size:8px}.immersive-home .hero h1{font-size:18vw!important;letter-spacing:-.075em!important;margin:24px 0 14px!important}.immersive-home .hero-tagline{font-size:23px}.immersive-home .hero-description{display:none}.immersive-home .hero .actions{justify-content:center;margin-top:22px;gap:17px}.immersive-home .hero .button.primary{padding:12px 16px;font-size:10px;gap:12px}.immersive-home .film-button{font-size:10px}.immersive-home .hero-foot{left:24px;right:24px;bottom:25px}.immersive-home .hero-foot .image-note{max-width:150px;font-size:8px}
 .immersive-home .chapter-nav{height:46px;top:62px;justify-content:start;padding:0 22px;gap:25px;overflow:auto;mask-image:none}.immersive-home .chapter-nav .chapter-product{font-size:12px;min-width:70px}.immersive-home .chapter-nav a{font-size:9px;flex-shrink:0}
 .story-overture{padding:100px 24px;min-height:66svh}.story-overture h2{font-size:43px}.story-overture .eyebrow{font-size:8px}.story-overture p:last-child{font-size:13px}
 .product-scroll-story{height:310svh}.product-story-pin{min-height:620px}.story-family-select{top:16px;right:24px}.story-family-select select{font-size:10px;padding:9px 26px 9px 12px;max-width:200px}.story-copy{left:24px;right:24px;top:63px;transform:none;width:auto;max-width:none}.story-copy .eyebrow{font-size:8px;margin-bottom:12px}.story-copy h2{font-size:34px;max-width:12ch}.story-copy>p:not(.eyebrow){font-size:11px;max-width:35ch;margin-top:14px;line-height:1.6}.story-detail{display:none}
 .story-canvas,.story-fallback{left:1%;right:1%;top:28%;bottom:17%}.story-scene-photo{top:23%;bottom:17%}.story-scene-photo img{object-fit:cover;object-position:70% 50%;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 75%,transparent)}.story-fallback .holo-object{width:120px;height:215px}
 .story-controls{left:24px;right:24px;bottom:20px;grid-template-columns:1fr;gap:12px}.story-chapters{padding-top:12px}.story-chapters button{font-size:9px;min-height:33px;padding-right:5px}.story-chapters button span{font-size:8px;margin-bottom:4px}.story-controls .story-open{justify-self:end;min-height:37px;font-size:10px;padding:9px 15px}.story-caption{bottom:125px;left:24px;right:auto;text-align:left;max-width:310px;font-size:7px}
 .immersive-world{min-height:850px;height:110svh}.world-content{padding:88px 24px 240px}.world-content .eyebrow{font-size:9px}.world-content h2{font-size:49px;margin:25px 0 20px}.world-content>p:not(.eyebrow){font-size:12px;max-width:32ch}.world-content .actions{gap:15px;margin-top:22px}.world-content .button{font-size:10px;padding:12px 17px;gap:15px}.world-content .world-record{font-size:10px}.world-photo .product-photo{object-position:60% 50%!important}.immersive-world:after{background:linear-gradient(0deg,#05090e,transparent 70%),linear-gradient(180deg,#05090e99,transparent 70%)}
 .world-family-nav{left:24px;right:24px;bottom:57px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.world-family-nav button{font-size:9px;line-height:1.4;padding:16px 0 8px}.world-family-nav button span{font-size:8px;margin-bottom:7px}.world-family-nav button[aria-pressed=true]:before{right:0}.world-concept{left:24px;bottom:23px;font-size:8px}
 .immersive-home .intro{padding:85px 24px}.immersive-home .intro h2{font-size:40px}.immersive-home .intro-marks{display:grid;text-align:left}.immersive-home .product-grid{gap:22px}.immersive-home .product-card h3{font-size:29px}.immersive-home .frontier h2{font-size:54px}
 html[data-motion=calm] .product-scroll-story,html[data-motion=calm] .product-story-pin{min-height:720px}
}

/* The pinned study must fit the available viewport, including its controls. */
@media(max-width:760px) and (max-height:740px){
 .product-story-pin{min-height:0;height:calc(100svh - var(--story-top))}
 .story-family-select{top:12px}.story-copy{top:56px}.story-copy .eyebrow{margin-bottom:8px}.story-copy h2{font-size:26px;max-width:16ch}.story-copy>p:not(.eyebrow){font-size:10px;line-height:1.55;margin-top:10px;max-width:37ch}
 .story-canvas,.story-fallback{top:43%;bottom:27%}.story-scene-photo{top:43%;bottom:27%}.story-caption{bottom:110px}.story-controls{bottom:12px;gap:10px}.story-chapters{padding-top:10px}
 html[data-motion=calm] .product-scroll-story,html[data-motion=calm] .product-story-pin{min-height:0;height:calc(100svh - var(--story-top))}
}
@media(min-width:761px) and (max-height:680px),(min-width:540px) and (max-width:760px) and (max-height:740px){
 .product-story-pin{min-height:0;height:calc(100svh - var(--story-top))}
 .story-family-select{top:12px;right:24px}.story-family-select select{padding-block:8px;font-size:10px}
 .story-copy{top:24px;left:24px;right:auto;width:39%;transform:none}.story-copy .eyebrow{font-size:8px;margin-bottom:10px}.story-copy h2{font-size:28px}.story-copy>p:not(.eyebrow){font-size:10px;line-height:1.5;margin-top:12px}.story-detail{display:none}
 .story-canvas,.story-fallback{left:42%;top:8%;bottom:27%}.story-caption{bottom:77px;left:auto;right:24px;max-width:45%;text-align:right;font-size:7px}.story-controls{left:24px;right:24px;bottom:12px;grid-template-columns:1fr auto;gap:20px}.story-chapters{padding-top:10px}.story-chapters button{font-size:9px;min-height:34px}.story-chapters button span{font-size:8px;margin-bottom:3px}.story-controls .story-open{font-size:10px;min-height:38px;padding:10px 15px}
 html[data-motion=calm] .product-scroll-story,html[data-motion=calm] .product-story-pin{min-height:0;height:calc(100svh - var(--story-top))}
}

/* Small labels and unselected controls remain legible on their actual surfaces. */
.story-chapters button{color:#94a0a8}
.immersive-home .world-tabs button[aria-selected=true]{background:#132b31;color:#f0f6f3;border-color:#b5f4d8}
.immersive-home .spec-grid span{color:#4c6166}
.immersive-home .spec-note,.immersive-home .spec-source{color:#4d6159}

.story-fallback [data-family=storage] .holo-object{width:230px;height:152px}
@media(max-width:760px){.story-fallback [data-family=storage] .holo-object{width:190px;height:125px}}

/* The study keeps a clear toolbar and caption band around the product. */
.story-canvas,.story-fallback{bottom:16%}
.story-caption{font-size:10px;line-height:1.5;color:#a0adb5}
.immersive-home .hero-foot .image-note,.world-concept{font-size:10px;line-height:1.5}
.story-resume{position:absolute;right:calc(4vw + 312px);top:28px;z-index:7;min-height:40px;padding:10px 14px;border:1px solid #ffffff36;border-radius:4px;background:#11171be8;color:#eef2ee;font-size:10px;line-height:1.4;cursor:pointer}
.product-story-pin[data-story-manual=true] .story-canvas,.product-story-pin[data-story-manual=true] .story-fallback{top:11%}
.story-fallback{pointer-events:auto;touch-action:pan-y;overflow:hidden}
.story-fallback .holo-stage{min-height:0;touch-action:pan-y;cursor:grab;outline-offset:-5px}
.story-fallback .holo-object{width:auto;height:min(315px,70%);aspect-ratio:180/315}
.story-fallback [data-family=utility] .holo-object{width:auto;height:min(330px,70%);aspect-ratio:1.134/2.465}
.story-fallback [data-family=storage] .holo-object{width:auto;height:min(152px,60%);aspect-ratio:2.2/1.45}
.story-fallback .holo-stage:active{cursor:grabbing}
.story-canvas canvas:focus-visible,.story-fallback .holo-stage:focus-visible{outline:0;box-shadow:inset 0 -2px 0 #f3f5efb0}
.story-fallback .holo-plane.is-focused{border-color:#f3f5ef;box-shadow:0 0 0 1px #eef4edaa,0 0 24px #ffffff14;filter:brightness(1.25)}
.immersive-home .image-recovery{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:16px;padding:12px 14px;border:1px solid #ffffff35;border-radius:4px;background:#0a1016ed;color:#f1f4f1;pointer-events:auto}
.immersive-home .image-recovery-message{margin:0;font-size:11px;line-height:1.5;max-width:34ch;color:#d5dfe0}
.immersive-home .image-retry{flex:0 0 auto;min-height:36px;padding:9px 12px;border:1px solid #ffffff60;border-radius:3px;background:#edf2ee;color:#111c22;font-size:10px;cursor:pointer}
.immersive-home .scene-note,.immersive-home .film-note{font-size:10px;line-height:1.5}
@media(max-width:1050px){.story-resume{right:calc(24px + 220px)}}
@media(max-width:760px){
 .story-canvas,.story-fallback{bottom:19%}
 .story-caption{font-size:9px;line-height:1.5;max-width:calc(100% - 48px)}
 .immersive-home .hero-foot .image-note,.world-concept{font-size:9px}
 .story-resume{left:24px;right:auto;top:16px;max-width:calc(100% - 236px);min-height:35px;padding:8px 10px;font-size:9px}
 .product-story-pin[data-story-manual=true] .story-copy{top:63px}
 .product-story-pin[data-story-manual=true] .story-canvas,.product-story-pin[data-story-manual=true] .story-fallback{top:28%}
 .immersive-home .hero-copy .image-recovery{margin-inline:auto;text-align:left}
 .immersive-home .image-recovery{gap:10px;padding:10px}
 .immersive-home .image-recovery-message{font-size:10px}
}
@media(max-width:539px) and (max-height:740px){
 .story-copy>p:not(.eyebrow){display:none}
 .story-copy h2{font-size:28px;max-width:16ch}
 .story-canvas,.story-fallback,.story-scene-photo{top:25%;bottom:31%}
 .story-family-select select{width:150px;max-width:150px}
 .story-resume{top:12px;max-width:calc(100% - 208px);min-height:35px;padding:7px 8px}
 .product-story-pin[data-story-manual=true] .story-copy{top:56px}
 .product-story-pin[data-story-manual=true] .story-canvas,.product-story-pin[data-story-manual=true] .story-fallback{top:25%}
 .story-caption{bottom:109px}
}
@media(min-width:761px) and (max-height:680px),(min-width:540px) and (max-width:760px) and (max-height:740px){
 .story-family-select{left:24px;right:auto;top:12px}
 .story-copy,.product-story-pin[data-story-manual=true] .story-copy{top:58px}
 .story-copy h2{font-size:26px}
 .story-copy>p:not(.eyebrow){display:none}
 .story-canvas,.story-fallback{left:42%;top:8%;bottom:34%}
 .product-story-pin[data-story-manual=true] .story-canvas,.product-story-pin[data-story-manual=true] .story-fallback{top:20%}
 .story-resume{left:224px;right:auto;top:12px;max-width:calc(42% - 240px);min-height:33px;padding:7px 9px;font-size:9px}
 .story-caption{left:42%;right:24px;bottom:77px;max-width:none;font-size:9px;line-height:1.5}
}
/* A failed film image must not put its retry action beyond a clipped dialog. */
@media(max-width:760px),(max-height:740px){
 .immersive-home #film-dialog{height:min(650px,calc(100svh - 32px));max-height:calc(100svh - 32px)}
 .immersive-home .film-scene{height:100%;max-height:none}
 .immersive-home .film-copy{left:24px;right:24px;top:72px;bottom:116px;max-width:none;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px;padding-right:4px;padding-bottom:8px}
 .immersive-home .film-copy .image-retry{scroll-margin-block:8px}
 .immersive-home .film-copy h2{font-size:32px;line-height:1.1;margin:14px 0}
 .immersive-home .film-copy #film-description{font-size:12px;line-height:1.6;color:#c6ccd3}
 .immersive-home #film-pause{left:24px;bottom:22px;min-height:36px}
 .immersive-home .film-note{left:24px;right:24px;bottom:67px;max-width:none;font-size:9px;line-height:1.5}
}