/* One scroll-linked product story. The static layout is the accessible default. */
.cinematic-site #mobile-web.screen-story{position:relative;background:#171c17;color:var(--ink,#f2f2eb);padding:0;margin:0;overflow:visible;border:0}
.screen-story .screen-sticky{position:relative;isolation:isolate;height:900px;height:min(980px,100svh);min-height:650px;overflow:clip}
.screen-story .screen-heading{position:absolute;z-index:3;top:9%;left:0;width:100%;padding:0 24px;text-align:center;pointer-events:none}
.screen-story .screen-eyebrow{font-size:11px;color:#a4ada0;margin:0 0 18px;letter-spacing:.07em}
.screen-story h2{font-weight:500;font-size:clamp(34px,4.2vw,64px);letter-spacing:-.055em;line-height:1.08;margin:0;max-width:none}
.screen-story h2 span{display:block}
.screen-story .screen-subline{color:#a8b2a1}
.screen-story .screen-stage{position:absolute;inset:29% 0 12%;margin:0;perspective:1600px}
.screen-story .screen-laptop{position:absolute;left:50%;top:50%;width:min(81vw,82svh,1000px);transform:translate(-62%,-50%) scale(.78);transform-origin:center center}
.screen-story .screen-lid{position:relative;padding:1.2% 1.1% 1%;background:linear-gradient(135deg,#778079,#242b26 18%,#111713 80%,#647065);border:1px solid #798379;border-radius:18px 18px 5px 5px;box-shadow:0 22px 50px #0005}
.screen-story .screen-lid::before{content:"";position:absolute;top:.65%;left:50%;width:4px;height:4px;background:#090b09;border-radius:50%}
.screen-story .screen-lid img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:9px 9px 2px 2px}
.screen-story .screen-base{position:relative;width:112%;left:-6%;height:15px;background:linear-gradient(#c1c5be,#8c948b 30%,#454d43 78%,#222a23);border-radius:1px 1px 65% 65%/1px 1px 90% 90%;box-shadow:0 25px 38px #0005}
.screen-story .screen-base::before{content:"";position:absolute;top:0;left:44%;width:12%;height:5px;border-radius:0 0 8px 8px;background:#525b50}
.screen-story .screen-phone{position:absolute;z-index:2;left:68%;top:50%;width:clamp(170px,17vw,245px);transform:translate(-20%,-43%);padding:4px;border:1px solid #d8d7b2;border-radius:40px;background:linear-gradient(125deg,#c7caaa,#454b3b 38%,#9caa82 72%,#e7e0b7);box-shadow:0 30px 48px #0005;transform-origin:50% 70%}
.screen-story .screen-glass{position:relative;overflow:hidden;border:6px solid #151a16;border-radius:35px;background:#131913}
.screen-story .screen-glass img{width:100%;height:auto;display:block;aspect-ratio:786/1560;object-fit:cover}
.screen-story .screen-island{position:absolute;top:2%;left:34%;width:32%;height:3.8%;border-radius:20px;background:#090c0b;z-index:2}
.screen-story .screen-home{position:absolute;bottom:1.4%;left:34%;width:32%;height:3px;border-radius:9px;background:#f4f3e4;z-index:2}
.screen-story .screen-foot{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:#a8b2a1}
.screen-story .screen-foot p{margin:0}.screen-story .screen-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink,#f2f2eb);border-bottom:1px solid #66725e;text-decoration:none;font-size:12px}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.cinematic-site #mobile-web.screen-story.is-scroll-ready{height:190vh;height:190svh}.screen-story.is-scroll-ready .screen-sticky{position:sticky;top:0}}
@media(max-width:767px){
 .screen-story .screen-sticky{height:730px;height:100svh;min-height:580px}
 .screen-story .screen-heading{top:11%;padding:0 24px}.screen-story h2{font-size:clamp(32px,8.6vw,46px);line-height:1.1}.screen-story .screen-eyebrow{font-size:10px;margin-bottom:18px}
 .screen-story .screen-stage{inset:30% 0 14%;perspective:1000px}
 .screen-story .screen-laptop{width:96%;transform:translate(-65%,-34%) scale(.69)}
 .screen-story .screen-lid{border-radius:9px 9px 3px 3px;padding:1.6% 1.3% 1.2%}.screen-story .screen-lid img{border-radius:5px 5px 1px 1px}.screen-story .screen-base{height:7px}.screen-story .screen-base::before{height:2px}
 .screen-story .screen-phone{left:52%;width:min(45vw,210px);transform:translate(-5%,-45%);border-radius:29px;padding:3px}.screen-story .screen-glass{border-width:4px;border-radius:25px}
 .screen-story .screen-foot{left:24px;right:24px;bottom:4%;font-size:10px;gap:14px}.screen-story .screen-foot p{max-width:18ch;line-height:1.6;flex:1}.screen-story .screen-foot a{font-size:11px}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){.cinematic-site #mobile-web.screen-story.is-scroll-ready{height:155vh;height:155svh}.screen-story.is-scroll-ready .screen-sticky{position:sticky;top:0}}
@media(prefers-reduced-motion:reduce){.cinematic-site #mobile-web.screen-story{height:auto}.screen-story .screen-sticky{position:relative}}
@media(max-height:560px) and (orientation:landscape){.cinematic-site #mobile-web.screen-story{height:auto}.screen-story .screen-sticky{position:relative!important;height:650px;min-height:650px}}

.cinematic-site #mobile-web.screen-story .screen-foot p{font-size:12px;line-height:1.5;margin:0;max-width:24ch}
@media(max-width:767px){.cinematic-site #mobile-web.screen-story .screen-foot p{font-size:11px;max-width:16ch}}