/* Scroll-led product storytelling; the default layout remains a normal document. */
.scroll-progress{position:fixed;bottom:0;left:0;right:0;height:3px;z-index:100;background:#edb77c;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.product-scroll-note{display:none}
.scene-story{position:relative;margin:30px 0 0;background:#080a0b}
.scene-window{position:relative;isolation:isolate;overflow:hidden}
.scene-label,.scene-timeline,.scene-counter{display:none}
.scene-panel{position:relative;isolation:isolate;min-height:740px;display:flex;align-items:center;padding:90px max(48px,calc((100% - 1240px)/2));overflow:hidden;background:#101213}
.scene-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040606e8 0%,#040606ad 34%,#04060622 70%),linear-gradient(0deg,#040606a3,transparent 35%)}
.scene-panel>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.scene-copy{max-width:570px}
.scene-copy h2{font-size:clamp(50px,5.6vw,82px);line-height:1.05;font-weight:500;letter-spacing:-.045em;margin:25px 0}
.scene-copy h2 em{font-style:normal;color:#edb77c}
.scene-copy p{font-size:18px;line-height:1.7;color:#d2d4d3;max-width:420px;margin:0 0 15px}
.scene-copy .eyebrow{color:#edb77c}
.image-disclosure{position:relative;padding:14px 24px;margin:0;text-align:center;font-size:12px;color:#b3b8b9;background:#0a0d0e}
.hardware-photo-section{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-top:0}
.hardware-photo-frame{aspect-ratio:4/5;overflow:hidden;background:#151719;border-radius:5px}
.hardware-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.hardware-photo-copy h2{font-size:clamp(40px,4vw,60px)}
.hardware-photo-copy p{font-size:18px;color:#afb4b7;line-height:1.7;margin-top:25px}
.hardware-photo-copy small{display:block;font-size:12px;color:#919b9e;line-height:1.7;max-width:430px;margin-top:25px}
.scroll-word{display:inline-block;transition:opacity .15s linear}
.technical-heading{max-width:700px;margin-bottom:42px}.technical-heading h2{font-size:clamp(38px,5vw,66px);line-height:1.1;margin:20px 0}.technical-heading h2 span{color:#aeb4b7}.technical-heading p{color:#afb4b7;font-size:18px}.technical-image{display:block;border:1px solid #2b3032;border-radius:8px;overflow:hidden;background:#101213}.technical-image img{display:block;width:100%;height:auto}.technical-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:25px;padding:28px 0;border-bottom:1px solid #2b3032}.technical-facts div{display:flex;flex-direction:column;gap:7px}.technical-facts strong{font-size:clamp(19px,2.4vw,30px);font-weight:500}.technical-facts span{color:#aeb4b7;font-size:13px}.technical-note{color:#969fa3;font-size:12px;line-height:1.8;max-width:900px;margin-top:20px}.technical-note a{color:#edb77c}
@media(min-width:1000px){.scene-panel[data-scene="1"]{padding-left:55%;padding-right:40px}.scene-panel[data-scene="1"]:after{background:linear-gradient(270deg,#040606d9 0%,#0406068c 35%,#04060600 70%),linear-gradient(0deg,#04060677,transparent 35%)}.scene-panel[data-scene="1"] .scene-copy h2{font-size:clamp(45px,4.5vw,70px)}}
@media(max-width:650px){.technical-facts{grid-template-columns:1fr 1fr}.technical-facts div:last-child{grid-column:1/-1}.technical-heading{margin-bottom:25px}.technical-note{font-size:11px}}
@media(min-width:1000px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
  .immersive-scroll .cinema-hero{overflow:hidden}
  .immersive-scroll .hero-atmosphere{transform:translate3d(0,var(--hero-drift,0px),0) scale(var(--hero-scale,1));will-change:transform}
  .immersive-scroll .cinema-copy{transform:translate3d(0,var(--copy-drift,0px),0);opacity:var(--copy-opacity,1)}
  .immersive-scroll .product-stage{height:245svh;padding-top:0;padding-bottom:0;max-width:1240px;position:relative}
  .immersive-scroll .product-sticky{position:sticky;top:72px;height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0 30px;overflow:visible}
  .immersive-scroll .product-stage .chapter-heading{flex:0 0 auto;width:100%;margin:0 auto;opacity:1;transform:none}
  .immersive-scroll .product-stage .chapter-heading h2{font-size:clamp(35px,4.4vh,52px);margin-top:8px}
  .immersive-scroll .product-stage .chapter-heading h2 br{display:none}
  .immersive-scroll .product-stage .chapter-heading h2 span{margin-left:.2em}
  .immersive-scroll .product-stage .chapter-heading p{font-size:14px;margin-top:10px}
  .immersive-scroll .product-stage .chapter-heading p br{display:none}
  .immersive-scroll .product-stage-inner{width:min(850px,78vw,90vh);margin:14px auto 0;transform:perspective(1600px) rotateY(var(--product-yaw,-14deg)) rotateX(var(--product-pitch,10deg)) scale(var(--product-scale,.8));will-change:transform;transform-origin:50% 50%;flex:0 1 auto}
  .immersive-scroll .product-stage .device-frame{transform:none!important}
  .immersive-scroll .product-stage .device-screen{min-height:0;padding:14px}
  .immersive-scroll .product-stage .screen-brand b{font-size:18px}
  .immersive-scroll .product-stage .screen-brand img{width:30px;height:30px}
  .immersive-scroll .product-stage .now-playing{margin-top:14px;padding:11px}
  .immersive-scroll .product-stage .station-carousel{margin-top:12px}
  .immersive-scroll .product-stage .station{height:clamp(70px,13vh,145px)}
  .immersive-scroll .product-stage .screen-footer{margin-top:8px;min-height:20px}
  .immersive-scroll .product-stage .device-caption{margin-top:16px}
  .immersive-scroll .product-scroll-note{display:flex;gap:35px;justify-content:center;margin-top:19px;font-size:11px;letter-spacing:.12em;color:#797f82}
  .immersive-scroll .product-scroll-note span{border-top:1px solid #414649;padding-top:8px;transition:color .3s,border-color .3s}
  .immersive-scroll [data-product-story][data-phase="0"] .product-scroll-note span:nth-child(1),.immersive-scroll [data-product-story][data-phase="1"] .product-scroll-note span:nth-child(2),.immersive-scroll [data-product-story][data-phase="2"] .product-scroll-note span:nth-child(3){color:#edb77c;border-color:#edb77c}
  .immersive-scroll .product-stage .product-specs{width:min(850px,100%);margin:18px auto 0;padding-top:16px;opacity:var(--spec-opacity,.5);transform:none}
  .immersive-scroll .product-stage .product-specs strong{font-size:24px}
  .immersive-scroll .product-stage .product-specs span{font-size:12px}
  .immersive-scroll .scene-story{height:360svh;margin-top:20px}
  .immersive-scroll .scene-window{position:sticky;top:72px;height:calc(100svh - 72px);min-height:578px}
  .immersive-scroll .scene-panel{position:absolute;inset:0;min-height:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none;padding-block:90px}
  .immersive-scroll .scene-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
  .immersive-scroll .scene-panel>img{transform:scale(var(--photo-scale,1.08)) translate3d(var(--photo-x,0px),var(--photo-y,0px),0);will-change:transform}
  .immersive-scroll .scene-copy{transform:translate3d(0,30px,0);opacity:0;transition:transform .65s cubic-bezier(.2,.6,.3,1),opacity .5s ease}
  .immersive-scroll .scene-panel.is-active .scene-copy{transform:translate3d(0,0,0);opacity:1}
  .immersive-scroll .scene-label{position:absolute;top:30px;left:max(48px,calc((100% - 1240px)/2));right:max(48px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:12px;letter-spacing:.14em;color:#e1e1da}
  .immersive-scroll .scene-counter{display:inline}
  .immersive-scroll .scene-timeline{position:absolute;bottom:58px;left:max(48px,calc((100% - 1240px)/2));width:min(570px,50vw);display:grid;grid-template-columns:repeat(3,1fr);gap:18px;z-index:3}
  .immersive-scroll .scene-timeline>span{font-size:12px;color:#b5b9ba;position:relative;padding-top:12px;border-top:1px solid #ffffff55}
  .immersive-scroll .scene-timeline i{height:2px;background:#edb77c;position:absolute;left:0;top:-2px;width:100%;transform:scaleX(var(--scene-progress,0));transform-origin:left}
  .immersive-scroll .image-disclosure{position:absolute;z-index:4;bottom:15px;left:0;right:0;padding:0 24px;background:transparent;text-align:right;font-size:11px;color:#e0e3e4;text-shadow:0 1px 6px #000}
  .immersive-scroll .editorial-features article{transition-delay:var(--reveal-delay,0ms)}
  .immersive-scroll .term-card{transform:translate3d(0,var(--card-shift,0px),0);transition:border-color .3s,background .3s}
  .immersive-scroll .management-preview{transform:perspective(1400px) rotateY(var(--portal-yaw,-12deg)) translate3d(0,var(--portal-lift,20px),0);will-change:transform}
  .immersive-scroll .hardware-photo-frame{clip-path:inset(var(--photo-inset,10%) round 5px);will-change:clip-path}
  .immersive-scroll .hardware-photo-frame img{transform:scale(var(--hardware-scale,1.12));will-change:transform}
}
@media(max-width:999px){.scene-panel{min-height:700px;padding-inline:32px}.scene-copy h2{font-size:60px}.scene-panel>img{object-position:65% center}.scene-panel:after{background:linear-gradient(90deg,#040606e8,#0406069e 42%,#04060616),linear-gradient(0deg,#04060670,transparent)}.hardware-photo-section{gap:35px}.hardware-photo-copy h2{font-size:42px}}
@media(min-width:1000px) and (min-height:650px) and (max-height:850px){.immersive-scroll .product-stage .device-frame{padding:12px 14px 16px}.immersive-scroll .product-stage .device-screen{padding:10px}.immersive-scroll .product-stage .station{height:70px;gap:4px}.immersive-scroll .product-stage .station>span{padding:7px 4px;font-size:12px}.immersive-scroll .product-stage .station>b{font-size:10px}.immersive-scroll .product-stage .now-playing{margin-top:10px;padding:8px;gap:9px}.immersive-scroll .product-stage .now-playing>button{width:38px;height:38px}.immersive-scroll .product-stage .now-playing strong{font-size:13px}.immersive-scroll .product-stage .now-playing div>span{font-size:10px}.immersive-scroll .product-stage .device-caption{margin-top:10px;font-size:10px}.immersive-scroll .product-stage .product-specs{margin-top:12px;padding-top:10px}.immersive-scroll .product-stage .product-specs strong{font-size:22px}.immersive-scroll .product-scroll-note{margin-top:12px}}
@media(max-width:650px){.scene-panel{min-height:700px;align-items:flex-end;padding:50px 24px 70px}.scene-panel>img{object-position:65% center}.scene-panel:after{background:linear-gradient(0deg,#040606f5 2%,#040606c7 35%,#04060605 76%)}.scene-copy h2{font-size:45px;margin:16px 0 20px}.scene-copy h2 br:nth-child(2){display:none}.scene-copy h2 em{margin-left:.15em}.scene-copy p{font-size:16px;max-width:350px}.scene-copy .text-link{font-size:15px}.image-disclosure{font-size:11px;padding:14px 20px;line-height:1.7}.hardware-photo-section{grid-template-columns:1fr;gap:30px}.hardware-photo-frame{aspect-ratio:4/3}.hardware-photo-copy h2{font-size:39px}.hardware-photo-copy p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.scroll-word{opacity:1!important;transition:none}.scene-panel,.scene-copy,.scene-panel>img,.product-stage-inner,.management-preview{transform:none!important;transition:none!important}}
@media(max-width:650px){.scene-panel{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}.scene-panel>img{position:relative;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:1672/941;object-position:center}.scene-panel:after{display:none}.scene-copy{padding:32px 24px 55px}.scene-copy h2{font-size:39px}.scene-copy h2 br{display:none}.scene-copy h2 em{margin-left:0}.hardware-photo-frame img{object-position:right center}}