/* Signature scroll film — responsive, sharply rendered, with no heavy framework. */
.hero-immersive{height:250svh;position:relative;background:#070a10;--story-progress:0}.cinema-pin{height:calc(100svh - 88px);min-height:620px;position:sticky;top:88px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 73% 48%,#0a213f90 0%,#080d1780 38%,#070a10 76%)}.cinema-grid{position:absolute;inset:0;background-image:linear-gradient(#33537b0b 1px,transparent 1px),linear-gradient(90deg,#33537b0b 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 65%);z-index:-2}.cinema-ambient{position:absolute;left:46%;top:20%;width:46%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#0953c02b,transparent 64%);z-index:-1;transform:translateY(calc(var(--story-progress)*-40px))}.cinema-ghost{position:absolute;left:1%;right:1%;bottom:20%;font-size:clamp(80px,15.3vw,260px);font-weight:700;line-height:1;letter-spacing:-.08em;color:#4a7eb00b;white-space:nowrap;z-index:-1;transform:translateX(calc(var(--story-progress)*-6%))}.cinema-copy{position:absolute;left:5%;top:17%;width:49%;z-index:3;pointer-events:none}.cinema-copy .eyebrow{color:#7d93af;font-size:9px;letter-spacing:.2em;margin-bottom:30px}.kinetic-panels{position:relative;height:270px}.kinetic-panel{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity,transform;transform:translateY(var(--type-shift,0px));transition:opacity .1s}.kinetic-panel.is-current{pointer-events:auto}.kinetic-panel:first-child{opacity:1}.kinetic-panel h1,.kinetic-panel h2{font-size:clamp(56px,6.4vw,105px);letter-spacing:calc(-.065em + var(--type-track,0em));font-weight:500;line-height:1;white-space:nowrap;margin-bottom:25px}.kinetic-line{display:block}.kinetic-line em{font-style:normal;background:linear-gradient(100deg,#fff 0%,#bac8dd 35%,#3899ff 100%);background-clip:text;-webkit-text-fill-color:transparent}.kinetic-panel p{color:#8498b2;font-size:14px;line-height:1.8}.cinema-buttons{margin-top:30px;pointer-events:auto}.cinema-buttons .btn{border-radius:2px;font-size:11px;padding:13px 19px;gap:24px}.cinema-buttons .btn.primary{background:#eaf2ff;border-color:#eaf2ff;color:#081323;box-shadow:0 0 28px #4c96ff0b}.cinema-buttons .btn.primary:hover{background:#fff;box-shadow:0 8px 38px #8bbeff24}.btn>span{transition:transform .25s}.btn:hover>span{transform:translate(3px,-2px)}.cinema-object{position:absolute;top:3%;right:-2%;width:62%;height:86%;z-index:2;transform:translateY(var(--object-travel,0px));will-change:transform}.cinema-object canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}.cinema-object.has-webgl canvas{opacity:1}.object-orbit{position:absolute;left:10%;top:12%;width:78%;height:76%;border-radius:50%;border:1px solid #3878b72b;transform:perspective(900px) rotateX(50deg) rotateZ(calc(-30deg + var(--object-orbit,0deg)));box-shadow:0 0 0 35px #28578705;pointer-events:none}.object-orbit:after{content:'';position:absolute;left:15%;top:9%;width:4px;height:4px;background:#5faeff;box-shadow:0 0 13px #2a88ff;border-radius:50%}.object-halo{position:absolute;left:23%;top:27%;width:50%;height:50%;border-radius:50%;background:radial-gradient(circle,#1265c814,transparent 60%);pointer-events:none}.object-caption{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.23em;color:#b7cce5;white-space:nowrap}.object-caption>span{color:#277eff;padding:0 12px}.object-callout{position:absolute;right:5%;top:38%;font-size:9px;color:#718ba9;writing-mode:vertical-rl;letter-spacing:.08em}.object-callout>span{height:45px;width:1px;display:inline-block;background:linear-gradient(transparent,#2579c3);margin-bottom:15px}.cinema-bottom{position:absolute;bottom:57px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5}.cinema-scroll{background:none;border:0;color:#879eb9;font-size:8px;letter-spacing:.15em;display:flex;gap:15px;align-items:center;padding:0}.scroll-stem{height:38px;width:1px;background:#3a526e;position:relative;overflow:hidden}.scroll-stem:after{content:'';position:absolute;height:18px;width:1px;background:#7ebcff;animation:stem-flow 2s infinite}.chapter-nav{display:flex;gap:26px}.chapter-nav button{background:none;border:0;border-top:1px solid #23334b;color:#71839c;padding:12px 0 0;min-width:100px;text-align:left;font-size:10px;transition:color .3s,border-color .3s}.chapter-nav button>span{font-size:8px;margin-right:9px;color:#58728f}.chapter-nav button.active{border-color:#62acff;color:#d6e7fc}.chapter-nav button.active>span{color:#5da8ff}.motion-toggle{border:1px solid #28405e;background:#0c17278c;color:#a8bfd9;padding:9px 13px;font-size:9px;border-radius:3px;white-space:nowrap}.motion-toggle:hover{border-color:#558cc9;color:#fff}.cinema-meter{position:absolute;bottom:0;left:0;right:0;height:1px;background:#20324b}.cinema-meter i{display:block;height:1px;background:#258dff;width:calc(var(--story-progress)*100%);box-shadow:0 0 16px #1684ff}.cinema-disclaimer{position:absolute;bottom:14px;left:5%;margin:0;color:#536b88;font-size:8px;letter-spacing:.03em}.tracker-fallback{position:absolute;inset:17% 21%;display:grid;place-items:center;transition:opacity .5s;perspective:1000px}.has-webgl .tracker-fallback{opacity:0;pointer-events:none}.fallback-face{height:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 26% 18%,#3a4658,#121d2c 50%,#080c14 90%);border:1px solid #71839a;box-shadow:8px 8px 0 #111b2b,10px 10px 0 #36506c,20px 45px 70px #0009;transform:rotateX(-16deg) rotateY(calc(-30deg + var(--story-progress)*220deg));display:grid;place-items:center;position:relative}.fallback-face>span{font-size:70px;color:#07101d;text-shadow:0 1px #c4dcff18}.fallback-face>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#218aff;box-shadow:0 0 10px #1276ff;bottom:15%;left:50%}.motion-paused .scroll-stem:after{animation-play-state:paused}.automotive-editorial{padding:15px 4.5% 85px}.automotive-frame{position:relative;min-height:600px;overflow:hidden;border-radius:5px;background:#0c1521}.automotive-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.automotive-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101bd9,transparent 80%),linear-gradient(0deg,#050a11d9,transparent 70%)}.automotive-caption{position:relative;z-index:1;padding:70px 55px 180px;max-width:620px}.automotive-caption h2{font-size:clamp(37px,4.3vw,65px);text-shadow:0 2px 30px #0005}.automotive-caption .btn{border-color:#a6bbd755;background:#07111d55}.image-note{position:absolute;z-index:1;bottom:23px;right:25px;font-size:7px;letter-spacing:.13em;color:#8fa1b8}.product-image img{background:#0d1420}.product-card .product-image{background:#0d1420}.product-card{background:#0d141f}.detail-image{background:#0d1420}.scene{background:#0d1523}.scroll-reveal{will-change:auto}@keyframes stem-flow{from{transform:translateY(-20px)}to{transform:translateY(45px)}}@media(min-width:1600px){.cinema-copy{top:22%}.kinetic-panels{height:330px}.cinema-object{right:0;width:60%}}@media(max-width:1100px){.kinetic-panel h1,.kinetic-panel h2{font-size:6.5vw}.kinetic-panels{height:230px}.cinema-copy{top:22%}.cinema-object{width:63%;right:-5%}.chapter-nav{gap:14px}.chapter-nav button{min-width:85px;font-size:9px}.cinema-buttons .btn{padding:12px 15px;gap:12px}.automotive-frame{min-height:500px}}@media(max-width:900px){.cinema-pin{top:75px;height:calc(100svh - 75px);min-height:600px}.cinema-copy{left:5%;top:15%;width:54%}.kinetic-panel h1,.kinetic-panel h2{font-size:6.9vw}.cinema-object{top:7%;height:78%;width:65%;right:-11%}.cinema-buttons{gap:8px;flex-direction:column;align-items:start}.cinema-buttons .btn{font-size:10px}.cinema-scroll>span:last-child{display:none}.cinema-bottom{gap:15px}.chapter-nav{gap:15px}.object-callout{display:none}.automotive-caption{padding:50px 35px 150px}}@media(max-width:600px){.hero-immersive{height:230svh}.cinema-pin{min-height:650px;height:calc(100svh - 75px)}.cinema-copy{top:6%;width:90%;left:5%}.cinema-copy .eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:18px}.kinetic-panels{height:166px}.kinetic-panel h1,.kinetic-panel h2{font-size:clamp(42px,12vw,66px);line-height:.99;margin-bottom:15px;letter-spacing:-.06em}.kinetic-panel p{font-size:11px;line-height:1.6;max-width:210px}.cinema-buttons{flex-direction:row;margin-top:14px;gap:8px}.cinema-buttons .btn{padding:10px 12px;font-size:9px;gap:10px}.cinema-object{top:37%;right:0;width:100%;height:49%;transform:translateY(calc(var(--object-travel,0px)*.35))}.object-orbit{left:17%;width:66%;top:10%;height:75%}.object-caption{bottom:3%;font-size:7px;letter-spacing:.15em}.cinema-ghost{font-size:20vw;bottom:35%;color:#5d94d409}.cinema-bottom{bottom:43px;left:5%;right:5%;gap:10px}.cinema-scroll{display:none}.chapter-nav{gap:12px;flex:1}.chapter-nav button{min-width:0;flex:1;font-size:8px;padding-top:9px}.chapter-nav button>span{display:block;font-size:7px;margin-bottom:3px}.motion-toggle{padding:8px;font-size:8px}.cinema-disclaimer{font-size:7px;bottom:14px;left:5%;right:5%}.automotive-editorial{padding:5px 5% 50px}.automotive-frame{min-height:480px}.automotive-frame>img{object-position:40% center}.automotive-caption{padding:35px 24px 220px}.automotive-caption h2{font-size:35px}.image-note{bottom:16px;right:16px;font-size:6px}.tracker-fallback{inset:12% 26%}.fallback-face>span{font-size:50px}}@media(max-width:380px){.kinetic-panel h1,.kinetic-panel h2{font-size:43px}.cinema-buttons .btn{font-size:8px;padding:9px 10px}.cinema-bottom{gap:7px}.chapter-nav{gap:8px}.chapter-nav button{font-size:7px}}@media(prefers-reduced-motion:reduce){.hero-immersive{height:170svh}.kinetic-panel{will-change:auto;transform:none!important}.cinema-object{transform:none!important;will-change:auto}.object-orbit{transform:perspective(900px) rotateX(50deg) rotateZ(-30deg)}.fallback-face{transform:rotateX(-16deg) rotateY(-30deg)}.scroll-stem:after{animation:none}.kinetic-line em{background:none;-webkit-text-fill-color:#dceaff}}
.btn:active,.motion-toggle:active,.chapter-nav button:active{transform:scale(.975)}.field:focus-within label{color:#75b5ff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3f92ef;background:#0d1b2c;box-shadow:0 0 0 3px #1376df12}.field input,.field select,.field textarea{transition:border-color .2s,box-shadow .2s,background .2s}.compare-check:has(input:checked){color:#6caeff}.vehicle{transition:background .2s,border-color .2s}.vehicle:hover{background:#12233a}.chip:hover{border-color:#5182bd;color:#b2d6ff}.chapter-nav button:hover{color:#d5e8ff}.cinema-object canvas:focus-visible{outline:1px solid #529cff;outline-offset:-20px}@media(prefers-reduced-motion:reduce){.btn:active,.motion-toggle:active,.chapter-nav button:active{transform:none}}
.cinema-pin{min-height:0}.motion-paused .cinema-object{transform:none}.motion-paused .object-orbit{transform:perspective(900px) rotateX(50deg) rotateZ(-30deg)}@media(max-height:700px) and (max-width:600px){.cinema-copy{top:4%}.kinetic-panels{height:140px}.kinetic-panel h1,.kinetic-panel h2{font-size:44px}.kinetic-panel p{font-size:10px}.cinema-copy .eyebrow{margin-bottom:14px}.cinema-buttons{margin-top:9px}.cinema-object{top:41%;height:42%}.cinema-bottom{bottom:37px}.cinema-disclaimer{font-size:6px;bottom:11px}.chapter-nav button{font-size:7px}}@media(max-height:650px) and (min-width:601px){.cinema-copy{top:8%}.kinetic-panels{height:205px}.kinetic-panel h1,.kinetic-panel h2{font-size:58px}.cinema-copy .eyebrow{margin-bottom:18px}.cinema-buttons{margin-top:10px}.cinema-bottom{bottom:45px}.object-caption{bottom:3%}}