@font-face{font-family:Microgramma;src:url('./assets/microgramma-medium.otf') format('opentype');font-display:swap;font-weight:400}
:root{--night:#090c10;--white:#edeeef;--muted:#8e959e;--red:#ff1a1a;--edge:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:Microgramma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:7px}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}p{font-size:16px;line-height:1.9}h2{font-weight:400;line-height:1.19;letter-spacing:.055em;font-size:clamp(34px,4.15vw,72px)}h2>span{display:block}.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:20px;top:-80px;padding:14px;background:white;color:black;z-index:100}.skip:focus{top:15px}
.site-header{position:fixed;top:0;left:0;right:0;height:100px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:40;background:linear-gradient(#090c10d9,transparent)}.brand{width:80px;flex-shrink:0}.brand img{filter:brightness(0) invert(1)}.site-header nav{display:flex;gap:clamp(20px,2.4vw,44px)}.site-header nav a{font-size:12px;letter-spacing:.22em;transition:color .3s}.site-header nav a:hover{color:#a7b3c3}.header-cta{font-size:12px;letter-spacing:.15em;display:flex;gap:24px;align-items:center;border-bottom:1px solid #737a8459;padding:15px 0}.header-cta span{font-size:20px}.menu-toggle{display:none}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:7px}#mobile-menu{position:fixed;inset:76px 0 0;z-index:50;background:#090c10f7;backdrop-filter:blur(20px);padding:60px var(--edge)}#mobile-menu a{display:block;font-size:22px;letter-spacing:.18em;margin-bottom:36px}
.experience{height:1400svh;position:relative}.experience-screen{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--night)}.environment-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 65% 40%,#62748c38,transparent 48%),radial-gradient(ellipse at 48% 100%,#64728a2b,transparent 45%);transform:translate3d(var(--gx,0),0,0);z-index:0}.hero-type{position:absolute;left:var(--edge);right:var(--edge);top:23%;text-align:center;z-index:1;perspective:1000px;will-change:transform,opacity;pointer-events:none}.hero-type>span{display:block;font-size:clamp(65px,12.7vw,240px);line-height:1.18;letter-spacing:.1em;font-weight:400;white-space:nowrap;color:#e2e4e9}.hero-type>span:last-child{font-size:clamp(40px,7.8vw,160px);letter-spacing:.06em;margin-top:7.5vh;color:#9aa6b4}
#experience-stage{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity 1.3s ease}#experience-stage.loaded{opacity:1}#experience-stage canvas{display:block;width:100%;height:100%}.scene-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#090c10 0%,transparent 14%,transparent 80%,#090c1040),radial-gradient(ellipse at center,transparent 46%,#090c1026)}.scene-loading{position:absolute;bottom:24%;left:var(--edge);z-index:4;font-size:12px;letter-spacing:.18em;transition:opacity .5s;pointer-events:none}.scene-loading i{display:block;width:80px;height:1px;margin-top:17px;background:#748194;transform-origin:left;animation:loading 2s ease infinite}.model-ready .scene-loading{opacity:0}@keyframes loading{0%,100%{transform:scaleX(.3);opacity:.3}50%{transform:scaleX(1);opacity:1}}
.eyebrow{font-size:12px;letter-spacing:.2em;line-height:1.7;color:#aeb6c1;margin-bottom:28px}.scene-copy{position:absolute;z-index:6;top:29%;left:var(--edge);width:43%;max-width:640px;opacity:0;pointer-events:none;perspective:1100px}.scene-copy.is-active{pointer-events:auto}.scene-copy h2{margin-bottom:28px}.scene-copy h2>span{will-change:transform,opacity;transform-origin:left center}.scene-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:450px;color:#b7bec8}.intro-copy{top:auto;bottom:18%;width:auto}.intro-copy .eyebrow{font-size:12px}.intro-copy .intro-note{font-size:14px;line-height:1.9}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 0;border-bottom:1px solid #8a939e70;font-size:12px;letter-spacing:.14em;margin-top:24px;transition:gap .3s}.text-link:hover{gap:62px}.text-link span{font-size:22px}.form-copy{left:auto;right:var(--edge);width:43%}.form-copy h2{font-size:clamp(38px,4.6vw,80px)}.main-link{margin-top:36px;display:inline-flex;align-items:center;gap:36px;font-size:12px;letter-spacing:.16em;border:1px solid #a8b3c16b;padding:22px 26px;transition:background .3s,color .3s}.main-link:hover{background:var(--white);color:var(--night)}.main-link span{font-size:20px}.config-copy{top:26%;width:45%}
.macro-veil{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;clip-path:inset(0 0 0 100%);background:#090c10}.macro-real{position:absolute;left:66%;top:50%;width:100vh;height:150vh;max-width:none;object-fit:cover;transform:translate(-50%,-50%) rotate(-90deg) scale(1.2);filter:saturate(.74) contrast(1.18) brightness(.6)}.macro-veil>div{position:absolute;inset:0;background:linear-gradient(90deg,#090c10 0%,#090c10f0 21%,#090c1000 73%),linear-gradient(0deg,#090c10,transparent 30%,transparent 75%,#090c10)}.material-copy{width:46%}.material-detail{margin-top:32px!important;color:#8e959e!important}.method-copy{top:25%;width:54%;max-width:850px}.method-stages{position:relative;height:320px}.method-stages>article{position:absolute;inset:0;opacity:0}.method-stages h2{font-size:clamp(36px,5.4vw,86px);letter-spacing:.025em;margin-top:16px}.method-stages p{font-size:14px;color:#b7bec8}.method-no{font-size:clamp(50px,6.7vw,110px);line-height:1;color:#66727f;letter-spacing:.08em}.method-track{display:flex;gap:9px;max-width:310px;margin-top:28px}.method-track i{height:2px;flex:1;background:#53617166}.method-track i.active{background:#d9dfe8}
.assembly-labels{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0}.assembly-labels>span{position:absolute;font-size:11px;letter-spacing:.12em;white-space:nowrap;color:#b9c3d1;padding-top:15px;border-top:1px solid #aab7c78c}.experience-bottom{position:absolute;bottom:34px;left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;z-index:8;gap:20px}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.17em;color:#a5aeba}.scroll-cue i{height:33px;width:1px;background:linear-gradient(transparent,#b7c3d3);transform-origin:top;animation:scroll-line 2.2s infinite}@keyframes scroll-line{0%{transform:scaleY(.1);opacity:0}40%,80%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}.chapter-nav{display:flex;gap:24px}.chapter-nav button{padding:15px 0;border-bottom:1px solid transparent;font-size:11px;letter-spacing:.08em;color:#74808f;white-space:nowrap;transition:color .3s,border-color .3s}.chapter-nav button span{margin-left:6px}.chapter-nav button[aria-current]{color:#edeeef;border-color:#edeeef}.motion-toggle{font-size:10px;letter-spacing:.1em;color:#87929e;white-space:nowrap}.motion-toggle span{color:#dce1e8;margin-left:10px}.progress-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#7c8b9d22;z-index:8}.progress-line i{display:block;width:100%;height:100%;background:#d8e4f1;transform:scaleX(0);transform-origin:left}.scroll-anchor{position:absolute;top:calc(var(--at) * (100% - 100svh));width:1px;height:1px;pointer-events:none}
.editorial{height:170svh;position:relative}.editorial-sticky{height:100svh;position:sticky;top:0;overflow:hidden;padding:150px var(--edge) 80px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 80% 50%,#2d3b4b65,transparent 60%)}.editorial-heading{z-index:2}.editorial-heading h2{font-size:clamp(35px,5.3vw,90px)}.editorial-body{margin-top:40px;max-width:600px;z-index:2}.editorial-body p{font-size:14px;color:#aeb7c4;margin-bottom:20px;max-width:530px}.editorial-body p:first-child{color:#edf0f5;font-size:18px}.fit-orbit{position:absolute;right:5%;top:28%;width:32vw;height:32vw;perspective:800px}.fit-orbit span{position:absolute;inset:0;border:1px solid #8398b16b;border-radius:50%;transform:rotateX(64deg) rotateZ(-28deg);box-shadow:0 0 70px #a0b3d00b,inset 0 0 50px #a0b3d00b}.fit-orbit span:nth-child(2){transform:rotateY(60deg) rotateZ(30deg)}.fit-orbit img{position:absolute;inset:36% 27%;width:46%;filter:brightness(0) invert(1);opacity:.6}.riding-chapter{position:relative;height:130svh;overflow:hidden;background:var(--night)}.riding-chapter>img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;filter:saturate(.65) brightness(.5) contrast(1.12)}.riding-mask{position:absolute;inset:0;background:linear-gradient(0deg,#090c10 0%,transparent 30%,transparent 65%,#090c10 100%),linear-gradient(90deg,#090c10c0,transparent)}.riding-chapter>div:last-child{position:absolute;top:37%;left:var(--edge);right:var(--edge)}.riding-chapter h2{font-size:clamp(38px,5.4vw,100px);margin-bottom:30px}.riding-chapter p{font-size:14px}.world-chapter{padding:140px var(--edge) 150px;position:relative}.world-chapter h2{font-size:clamp(34px,5vw,90px);margin-bottom:90px}.world-lines article{display:grid;grid-template-columns:50px 1.1fr 1fr;gap:20px;align-items:center;padding:35px 0;border-top:1px solid #8796ab30;transition:padding .5s,opacity .6s,transform .8s}.world-lines article:hover{padding-left:20px}.world-lines article>span{font-size:12px;color:#748497}.world-lines h3{font-size:16px;letter-spacing:.12em;font-weight:400}.world-lines p{font-size:14px;color:#a1abb7;max-width:410px}.contact-chapter{padding:120px var(--edge) 100px;min-height:90svh;position:relative;overflow:hidden}.contact-chapter h2{font-size:clamp(50px,9.2vw,170px);letter-spacing:.07em;position:relative;z-index:1}.contact-chapter .text-link{position:relative;z-index:2;font-size:15px}.contact-mark{position:absolute;width:52%;right:-10%;top:25%;transform:rotate(-14deg);opacity:.035}.contact-mark img{width:100%;filter:brightness(0) invert(1)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px var(--edge);border-top:1px solid #7e8b9d30;font-size:11px;letter-spacing:.08em;color:#929dab}footer small{font-size:11px}.reveal{opacity:0;transform:translateY(55px);transition:opacity 1s,transform 1s cubic-bezier(.18,.72,.15,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.no-script{padding:150px 30px}
@media(max-width:1100px){.site-header{height:80px}.site-header nav{gap:22px}.site-header nav a{font-size:11px;letter-spacing:.13em}.chapter-nav{gap:16px}.scroll-cue{display:none}.experience-bottom{justify-content:space-between}.scene-copy h2{font-size:clamp(32px,4.8vw,50px)}.scene-copy{width:47%}.eyebrow{font-size:11px;letter-spacing:.14em}.hero-type{top:26%}.intro-copy{bottom:20%;width:auto}.method-copy{width:59%}.method-stages h2{font-size:5.4vw}.editorial-body{max-width:55%}.fit-orbit{right:2%;width:36vw;height:36vw}}
@media(max-width:1000px){:root{--edge:24px}.site-header{height:76px;gap:22px}.brand{width:64px}.header-cta{font-size:10px;margin-left:auto;padding:10px 0;gap:15px}.site-header nav{display:none}.menu-toggle{display:block;padding:3px}.experience{height:1550svh}.hero-type{top:22%;left:20px;right:20px}.hero-type>span{font-size:20vw;letter-spacing:.065em;line-height:1.1}.hero-type>span:last-child{font-size:10.7vw;margin-top:17vh;letter-spacing:.025em}.intro-copy{top:auto;bottom:17%;left:var(--edge);max-width:215px;width:56%}.intro-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px}.intro-copy .intro-note{font-size:11px;line-height:1.75}.intro-copy .text-link{font-size:9px;gap:20px;margin-top:10px;padding:11px 0}.scene-copy:not(.intro-copy){top:14%;left:var(--edge);right:var(--edge);width:auto;max-width:none}.scene-copy h2,.form-copy h2{font-size:clamp(29px,7.8vw,52px);line-height:1.19;letter-spacing:.045em;margin-bottom:15px}.scene-copy h2>span{display:inline}.scene-copy h2>span:after{content:' '}.scene-copy .eyebrow{font-size:10px;margin-bottom:17px;max-width:330px}.scene-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:350px}.scene-copy p br{display:none}.material-detail{margin-top:15px!important}.experience-bottom{bottom:20px;gap:10px;align-items:flex-end;left:var(--edge);right:var(--edge)}.chapter-nav{gap:16px;justify-content:space-between;flex:1}.chapter-nav button{font-size:11px;padding:12px 0}.chapter-nav button span{display:none}.motion-toggle{font-size:9px;letter-spacing:0;max-width:70px;line-height:1.9}.motion-toggle span{display:block;margin:0;text-align:right}.scene-loading{bottom:23%;font-size:10px}.assembly-labels>span{font-size:9px;letter-spacing:.05em;padding-top:8px}.method-stages{height:240px}.method-stages h2{font-size:clamp(28px,7.4vw,50px);margin-top:12px}.method-stages p{font-size:12px;max-width:320px}.method-no{font-size:38px}.method-track{margin-top:0;width:170px}.macro-real{left:70%;top:62%;width:85vh;height:127vh;filter:saturate(.7) brightness(.55) contrast(1.16)}.macro-veil>div{background:linear-gradient(180deg,#090c10 0%,#090c10c0 32%,transparent 62%,#090c10 98%)}.main-link{margin-top:20px;padding:16px 19px;font-size:10px;gap:22px}.editorial{height:145svh}.editorial-sticky{padding:115px var(--edge) 55px;justify-content:flex-start}.editorial-heading h2{font-size:clamp(27px,7vw,45px);line-height:1.3}.editorial-body{max-width:100%;margin-top:28px}.editorial-body p,.editorial-body p:first-child{font-size:13px}.fit-orbit{top:auto;bottom:3%;right:18%;width:64vw;height:64vw;opacity:.5}.editorial-body .text-link{margin-top:0}.riding-chapter{height:100svh}.riding-chapter h2{font-size:clamp(29px,7vw,50px)}.riding-chapter>img{object-position:62%}.riding-chapter>div:last-child{top:32%}.world-chapter{padding:100px var(--edge) 60px}.world-chapter h2{font-size:clamp(28px,7vw,45px);margin-bottom:50px}.world-lines article{grid-template-columns:26px 1fr;gap:12px;padding:25px 0}.world-lines h3{font-size:13px;letter-spacing:.09em;line-height:1.8}.world-lines p{grid-column:2;font-size:12px;line-height:1.8}.contact-chapter{padding:95px var(--edge) 70px;min-height:70svh}.contact-chapter h2{font-size:clamp(40px,11vw,76px)}.contact-chapter .text-link{font-size:12px;letter-spacing:.025em;gap:25px}.contact-mark{width:80%;right:-10%;top:30%}footer{flex-wrap:wrap;font-size:9px;gap:20px}footer span{display:none}footer small{font-size:9px}}
@media(max-width:360px){:root{--edge:20px}.scene-copy:not(.intro-copy){top:15%}.scene-copy h2,.form-copy h2{font-size:27px}.scene-copy .eyebrow{font-size:9px;margin-bottom:12px}.scene-copy>p:not(.eyebrow){font-size:11px}.intro-copy{bottom:15%}.hero-type{top:24%}.method-stages{height:220px}.chapter-nav{gap:10px}.site-header .header-cta{font-size:9px}.eyebrow{font-size:10px}.editorial-sticky{padding-top:100px}}
.reduced-motion .scroll-cue i,.reduced-motion .scene-loading i{animation:none}.reduced-motion .reveal{transition:none;transform:none;opacity:1}.reduced-motion .experience{height:100svh}.reduced-motion .scroll-anchor{display:none}.reduced-motion .hero-type{transition:none}.reduced-motion .chapter-nav button{font-size:11px}.reduced-motion .editorial{height:auto;min-height:100svh}.reduced-motion .editorial-sticky{position:relative}.reduced-motion .experience-bottom{bottom:24px}.reduced-motion .experience-screen{position:relative}.experience-unavailable .scene-loading{opacity:0}.experience-unavailable #experience-stage{opacity:1;background:url('assets/titanium.webp') no-repeat 80% 50% / auto 70%;mask-image:linear-gradient(90deg,transparent,#000 50%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.fit-orbit{transform:none!important}}
.manual-nav{display:none;position:absolute;left:var(--edge);right:var(--edge);bottom:87px;justify-content:space-between;z-index:9}.manual-nav button{font-size:10px;letter-spacing:.08em;padding:12px 0}.manual-nav button:disabled{opacity:.25}.reduced-motion .manual-nav{display:flex}
.intro-copy{bottom:13%}.scene-copy>p:not(.eyebrow),.method-stages p{font-size:16px}.scene-copy p br{display:initial}
.allover-note{margin-top:24px!important;color:#8e959e!important}
@media(max-width:1000px){.intro-copy{bottom:17%}.scene-copy>p:not(.eyebrow),.method-stages p{font-size:14px}.intro-copy .intro-note{font-size:12px}.scene-copy p br{display:initial}}
.form-details{max-width:450px;color:#b7bec8}.form-details p{font-size:16px;line-height:1.95}.form-details.sequential{position:relative;height:80px}.form-details.sequential p{position:absolute;inset:0;margin:0!important;font-size:14px;line-height:1.8}.form-details.sequential .allover-note{color:#b7bec8!important}
@media(max-width:360px){.scene-copy>p:not(.eyebrow),.method-stages p,.form-details p,.form-details.sequential p{font-size:12px}.scene-copy p br{display:none}.form-details.sequential{height:68px}.method-stages{height:200px}.form-copy h2{font-size:25px}.allover-note{margin-top:14px!important}}
@media(max-width:360px){.assembly-labels>span{font-size:8px;letter-spacing:0}}

/* Customer reference: Microgramma, tracking 400 / 1000 em, leading 12 / 10. */
:root{--title-tracking:.4em;--action-radius:8px}
body{font-synthesis:weight}
h1,h2,h3,.hero-type,.eyebrow,.site-header nav,.header-cta,.main-link,.text-link,.chapter-nav{font-weight:700;letter-spacing:var(--title-tracking);line-height:1.2}
.scene-copy h2,.form-copy h2,.method-stages h2{font-size:clamp(28px,3.2vw,56px);letter-spacing:.4em;line-height:1.2;font-weight:700}
.scene-copy h2{margin-bottom:30px}.method-stages h2{margin-top:0}.method-stages{height:210px}
.scene-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.4em;max-width:560px}
.hero-type>span{font-size:10vw;letter-spacing:.4em;font-weight:700;line-height:1.2}.hero-type>span:last-child{font-size:5.4vw;letter-spacing:.4em}
.site-header nav{gap:30px}.site-header nav a{font-size:10px;letter-spacing:.4em;line-height:1.2}
.editorial-heading h2,.world-chapter h2,.riding-chapter h2{font-size:clamp(28px,3.6vw,62px);line-height:1.2;letter-spacing:.4em;font-weight:700}
.contact-chapter h2{font-size:clamp(40px,7vw,112px);line-height:1.2;letter-spacing:.4em;font-weight:700}
.header-cta,.main-link,.text-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #eceff4;border-radius:var(--action-radius);background:#080a0e;padding:18px 26px;line-height:1.2;font-size:13.333px;font-weight:700;letter-spacing:.4em;gap:0;transition:background .25s,border-color .25s,color .25s;transform-origin:center;will-change:transform}
.header-cta{font-size:10px;padding:15px 21px}.intro-copy .text-link{font-size:10px;letter-spacing:.4em;padding:17px 22px;gap:0}.contact-chapter .text-link{letter-spacing:.12em;font-size:13px}
.main-link:hover,.text-link:hover,.header-cta:hover{background:#11151c;color:white;border-color:white;gap:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.main-link:hover,.text-link:hover,.header-cta:hover{animation:button-bounce .55s cubic-bezier(.18,.8,.25,1)}}
@keyframes button-bounce{0%,100%{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.025)}68%{transform:translateY(1px) scale(.995)}}
.main-link:active,.text-link:active,.header-cta:active{transform:scale(.98)}
.eyebrow:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:15px;vertical-align:middle}
.chapter-nav button{font-size:9px;letter-spacing:.22em}.chapter-nav button span{margin:0}.chapter-nav button[aria-current]{border-color:#db343e}
.progress-line i{background:#b52b32}.world-lines article{grid-template-columns:1.1fr 1fr}.world-lines h3{font-size:13px;letter-spacing:.3em;line-height:1.6}
.fit-measure{position:absolute;width:min(43vw,650px);right:1%;top:10%;height:78%;transform-style:preserve-3d;transform-origin:center;will-change:transform}.fit-measure svg{width:100%;height:100%;overflow:visible}.fit-caption{text-align:center;font-size:9px;letter-spacing:.4em;line-height:1.8;color:#8896a8;margin-top:-12px}
.measure-band{fill:none;stroke:#657487;stroke-width:1;opacity:.4;transition:opacity .6s,stroke .6s}.measure-band ellipse{stroke-width:2.5;stroke:url(#tape-shade)}.measure-band text{fill:#a4b0c0;stroke:none;font-family:Microgramma;font-weight:700;letter-spacing:2px;font-size:10px}.measure-band circle{fill:#718196;stroke:none}.measure-band.active{opacity:1;stroke:#d23b44}.measure-band.active circle{fill:#d23b44}.measure-band.active text{fill:#f1f3f6}
.assembly-labels>span{font-size:10px;letter-spacing:.16em}.reduced-motion .fit-measure{transform:none!important}.reduced-motion .measure-band{transition:none;opacity:1}
@media(max-width:1100px){.site-header nav{gap:18px}.site-header nav a{font-size:8px}.header-cta{font-size:9px;padding:14px 17px}}
@media(max-width:1000px){
 .site-header{gap:12px}.brand{width:58px}.header-cta{font-size:8px;padding:13px 15px;letter-spacing:.4em}.menu-toggle span{width:22px}
 .hero-type>span{font-size:15vw;letter-spacing:.4em}.hero-type>span:last-child{font-size:6.65vw;letter-spacing:.4em}
 .scene-copy h2,.form-copy h2,.method-stages h2{font-size:clamp(22px,5.2vw,40px);letter-spacing:.4em;line-height:1.2}.scene-copy h2{margin-bottom:22px}.scene-copy .eyebrow{font-size:8px;letter-spacing:.4em;line-height:1.65;margin-bottom:18px}
 .scene-copy:not(.intro-copy){top:13%}.intro-copy{width:auto;max-width:300px}.intro-copy .text-link{font-size:8px;padding:15px 17px}.intro-copy .eyebrow{font-size:8px}
 .chapter-nav{gap:9px}.chapter-nav button{font-size:7px;letter-spacing:.12em}.chapter-nav button span{display:inline}.motion-toggle{font-size:7px;max-width:60px}.experience-bottom{left:18px;right:18px;gap:13px}
 .main-link{font-size:9px;letter-spacing:.4em;padding:18px 20px;max-width:100%}.text-link{font-size:10px;padding:17px 22px}.assembly-labels>span{font-size:8px;letter-spacing:.08em}
 .method-stages{height:145px}.method-stages p{font-size:13px;max-width:360px}.method-track{margin-top:14px}.editorial-heading h2,.world-chapter h2,.riding-chapter h2{font-size:clamp(25px,5.5vw,40px);letter-spacing:.3em;line-height:1.2}
 .editorial-sticky{height:110svh}.editorial{height:160svh}.editorial-body{max-width:75%;}.fit-measure{right:0;top:auto;bottom:3%;width:70%;height:52%;opacity:.85}.editorial-body p{max-width:400px}.fit-caption{font-size:7px}
 .world-lines article{grid-template-columns:1fr}.world-lines p{grid-column:1}.world-lines h3{letter-spacing:.26em}.contact-chapter h2{font-size:9vw;letter-spacing:.4em}.contact-chapter .text-link{font-size:11px;letter-spacing:.08em}
}
@media(max-width:600px){.editorial-body{max-width:100%}.fit-measure{width:90%;height:47%;bottom:2%;right:0}.editorial-sticky{height:120svh}.editorial{height:180svh}.editorial-body p{font-size:12px}.editorial-body .text-link{font-size:9px}}
@media(max-width:360px){.scene-copy h2,.form-copy h2,.method-stages h2{font-size:20px}.main-link{font-size:8px;padding:17px 16px}.chapter-nav button{font-size:6px}.chapter-nav{gap:6px}.scene-copy .eyebrow{font-size:7px}.intro-copy .text-link{font-size:7px}.assembly-labels>span{font-size:7px}.header-cta{padding:12px;font-size:7px}}
/* Depth narrative: one typographic plane behind the suit and one outline in front. */
.hero-type{top:18%;left:var(--edge);right:auto;width:74%;text-align:left;perspective:none}
.hero-type>span{font-size:10.2vw;letter-spacing:.4em;line-height:1.25;text-align:left}
.hero-type>span:last-child{font-size:5.1vw;letter-spacing:.4em;margin-top:4vh;color:#c0c9d5}
.hero-outline{z-index:3}
.hero-outline>span,.hero-outline>span:last-child{color:transparent;-webkit-text-stroke:1px #e2e8f0}
.design-showcase{display:flex;gap:24px;margin-top:28px}.design-showcase button{font-size:11px;letter-spacing:.25em;color:#6e7b8d;padding:10px 0;border-bottom:1px solid #53617655}.design-showcase button[aria-pressed=true]{color:#fff;border-color:#cf3640}.method-stages .design-credit{margin-top:14px;font-size:9px;letter-spacing:.13em;color:#9aa8bc}
.editorial{height:420svh}.editorial-sticky{height:100svh;padding-top:120px;justify-content:center}.editorial-heading,.editorial-body{max-width:49%}.editorial-heading h2{font-size:clamp(25px,3vw,54px);letter-spacing:.32em}.editorial-body{margin-top:30px}.fit-stage{position:absolute;right:0;top:8%;width:51%;height:86%;isolation:isolate}.fit-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.fit-stage.ready canvas{opacity:1}.fit-focus-label{position:absolute;top:8%;left:8%;font-size:11px;letter-spacing:.4em;color:#e9eef6;z-index:2}.fit-focus-label:before{content:'';display:inline-block;width:28px;height:1px;background:#bb333d;margin-right:16px;vertical-align:middle}.fit-controls{position:absolute;bottom:3%;left:10%;right:10%;display:flex;justify-content:center;gap:20px;z-index:2}.fit-controls button{font-size:9px;letter-spacing:.18em;color:#7d8b9d;padding:12px 0;border-bottom:1px solid transparent}.fit-controls button[aria-pressed=true]{color:white;border-color:#d43a43}.contact-mark{width:clamp(100px,12vw,185px);right:var(--edge);top:auto;bottom:100px;transform:none;opacity:1}.contact-mark img{filter:brightness(0) invert(1)}
.reduced-motion .editorial{height:100svh}.reduced-motion .editorial-sticky{height:100svh}.reduced-motion .hero-outline{display:block}
@media(max-width:1000px){.hero-type{left:var(--edge);top:17%;width:85%}.hero-type>span{font-size:14vw}.hero-type>span:last-child{font-size:6vw;margin-top:8vh}.hero-outline>span,.hero-outline>span:last-child{-webkit-text-stroke:.7px #e2e8f0}.editorial{height:460svh}.editorial-sticky{height:100svh;justify-content:flex-start;padding-top:110px}.editorial-heading,.editorial-body{max-width:100%}.editorial-heading h2{font-size:clamp(24px,4.8vw,36px);letter-spacing:.3em}.editorial-body{margin-top:20px}.editorial-body p,.editorial-body p:first-child{font-size:12px;margin-bottom:8px}.editorial-body .text-link{font-size:9px;margin-top:12px;padding:13px 20px}.fit-stage{top:auto;bottom:15px;right:0;width:100%;height:calc(100% - 360px)}.fit-focus-label{top:9%;left:12%;font-size:9px}.fit-controls{bottom:0;gap:22px;left:8%;right:8%}.fit-controls button{font-size:8px;letter-spacing:.12em}.contact-mark{width:100px;bottom:54px;right:var(--edge)}.contact-chapter{padding-bottom:175px}.design-showcase{gap:20px;margin-top:16px}.design-showcase button{font-size:9px}.method-stages:has(.design-showcase){height:185px}}
@media(max-width:360px){.editorial-sticky{padding-top:95px}.editorial-heading h2{font-size:21px}.editorial-body p,.editorial-body p:first-child{font-size:11px}.fit-stage{height:calc(100% - 315px);bottom:10px}.fit-controls{gap:15px}.fit-controls button{font-size:7px}.fit-focus-label{font-size:8px;top:4%}}

@media(min-width:1001px){.method-stages{height:270px}}
.fit-stage{overflow:hidden}.fit-controls{background:linear-gradient(transparent,#090c10d9 55%);padding:15px 0 3px}.fit-stage canvas{mask-image:linear-gradient(transparent,#000 6%,#000 86%,transparent 99%)}
@media(max-width:1000px){.editorial-sticky{padding-bottom:18px}.editorial-heading,.editorial-body{flex-shrink:0}.fit-stage{position:relative;flex:1;min-height:0;top:auto;bottom:auto;right:auto;left:calc(-1 * var(--edge));width:calc(100% + 2 * var(--edge));height:auto;margin-top:20px}.fit-stage canvas{position:absolute;inset:0}.fit-focus-label{top:8px}.fit-controls{bottom:0}}

@media(max-width:1000px){.editorial-heading{order:1}.editorial-body{order:2}.fit-stage{order:3}}
.experience-screen{overflow:clip}

.fit-controls{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:24px;left:7%;right:7%;white-space:nowrap}.fit-controls::-webkit-scrollbar{display:none}.fit-controls button{flex-shrink:0}.editorial{height:640svh}
@media(max-width:1000px){.editorial{height:740svh}.fit-controls{gap:20px;left:6%;right:6%}.fit-focus-label{font-size:8px}}

.experience{height:1848svh}.riding-copy{top:17%;width:46%;pointer-events:none}.riding-copy h2{font-size:clamp(24px,2.7vw,45px)}
@media(max-width:1000px){.experience{height:2046svh}.scene-copy.riding-copy{top:13%;width:auto}.riding-copy h2{font-size:clamp(20px,4.7vw,36px)}.riding-copy>p:not(.eyebrow){font-size:12px}}
.reduced-motion .experience{height:100svh}

/* Longer design chapter; the approved left copy retains its original timing map. */
.experience{height:2097svh}
.design-model-name{position:absolute;left:48%;top:39%;width:49%;font-size:clamp(46px,6.8vw,130px);font-weight:700;letter-spacing:.23em;white-space:nowrap;pointer-events:none;z-index:1;opacity:0;color:#f1f2f4;will-change:transform,opacity}
.design-model-outline{z-index:3;color:transparent;-webkit-text-stroke:1px #e8edf0}
.macro-veil video.macro-real{left:73%;top:50%;width:57%;height:100%;object-fit:cover;object-position:center 54%;filter:contrast(1.07) saturate(.78) brightness(.92);mask-image:linear-gradient(90deg,transparent,#000 17%,#000 91%,transparent)}
@media(max-width:1000px){.experience{height:2322svh}.design-model-name{left:7%;top:53%;width:90%;font-size:clamp(37px,10vw,90px);letter-spacing:.19em}.design-model-outline{-webkit-text-stroke:.65px #e8edf0}.macro-veil video.macro-real{left:61%;top:62%;width:105%;height:95%;filter:contrast(1.1) saturate(.78) brightness(.79)}}
.reduced-motion .experience{height:100svh}

.reviews-chapter{padding:100px 0 90px;background:var(--night);overflow:hidden}.reviews-heading{padding:0 var(--edge);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.reviews-heading h2{font-size:clamp(28px,3.1vw,54px);letter-spacing:.24em}.reviews-source{font-size:10px;letter-spacing:.24em;white-space:nowrap;padding:12px 0;border-bottom:1px solid #ffffff70}.reviews-viewport{display:flex;overflow:auto;gap:24px;scrollbar-width:none;padding:0 var(--edge);overscroll-behavior-x:contain}.reviews-viewport::-webkit-scrollbar{display:none}.reviews-rail{display:flex;gap:24px;flex:none}.review-card{width:440px;border:1px solid #ffffffa3;border-radius:9px;padding:28px;color:#fff;background:transparent;display:flex;flex-direction:column;gap:26px}.review-card header{display:flex;align-items:center;justify-content:space-between;gap:18px}.review-card h3{font-size:12px;letter-spacing:.10em;font-weight:700;line-height:1.6}.review-stars{color:#f6c84d;white-space:nowrap;letter-spacing:.09em;font-size:17px}.review-card blockquote{font-family:inherit;font-size:13px;line-height:1.9;margin:0;font-weight:400}.review-card>a{font-size:9px;letter-spacing:.2em;margin-top:auto;align-self:flex-start;border-bottom:1px solid #ffffff70;padding-bottom:5px}.reviews-toggle{margin:25px var(--edge) 0;font-size:10px;letter-spacing:.2em;padding:12px 20px;border:1px solid #ffffff90;border-radius:7px}.reviews-fallback{padding:0 var(--edge)}.social-icons{display:flex;gap:24px;justify-content:center;padding:32px var(--edge) 45px;background:var(--night)}.social-icons>span,.social-icons>a{display:grid;place-items:center;width:44px;height:44px;color:#fff}.social-icons svg{width:25px;height:25px}.social-icons>a{transition:transform .25s}.social-icons>a:hover{transform:scale(1.12)}
@media(max-width:1000px){.reviews-chapter{padding:70px 0}.reviews-heading{display:block;margin-bottom:32px}.reviews-heading h2{font-size:clamp(22px,5.7vw,36px);letter-spacing:.2em}.reviews-source{display:inline-block;margin-top:24px;font-size:9px}.review-card{width:min(82vw,410px);padding:23px;gap:21px}.review-card header{flex-wrap:wrap;gap:9px}.review-card blockquote{font-size:12px}.reviews-fallback .text-link{font-size:9px;letter-spacing:.14em;padding:18px;max-width:100%;text-align:center;line-height:1.7}}

/* Home refinement: continuous story, soft editorial edges. */
.experience{height:1450svh}
.hero-type{width:43%;top:28%;text-align:left}.hero-type>span{font-size:5.1vw;letter-spacing:.18em}.hero-type>span:last-child{font-size:2.7vw;letter-spacing:.16em;margin-top:2vh}
.fit-stage{right:-8%;top:0;width:75%;height:100%;overflow:visible;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 88%,transparent 100%)}
.fit-stage canvas{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}
.social-icons{gap:44px;padding:45px var(--edge) 60px}.social-icons svg{width:36px;height:36px}.social-icons>span,.social-icons>a{width:52px;height:52px}
.reviews-chapter{height:150svh;padding:0;overflow:clip}.reviews-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px var(--edge)}
.reviews-heading{display:block;padding:0;margin:0 0 48px;width:100%;transform:translateX(var(--heading-x,0px));will-change:transform}.reviews-heading>div{display:inline-block;text-align:center}.reviews-source{display:none}
.reviews-viewport{position:relative;width:min(760px,100%);height:260px;margin:0 auto;padding:0;overflow:visible;display:block}.reviews-viewport[hidden]{display:none}.reviews-rail{display:block}.review-card{position:absolute;inset:0;width:100%;border-radius:0;padding:32px;will-change:transform,opacity}.review-card blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.9}.review-card>a{display:none}.reviews-fallback{text-align:center;padding:0}.reviews-action{align-self:center;margin-top:28px}.reviews-toggle{display:none}
@media(max-width:1000px){.experience{height:1600svh}.hero-type{top:17%;width:90%;left:var(--edge)}.hero-type>span{font-size:10vw}.hero-type>span:last-child{font-size:5.3vw;margin-top:1vh}.fit-stage{position:absolute;left:-15%;right:auto;top:22%;bottom:auto;width:130%;height:80%;margin:0;mask-image:linear-gradient(180deg,transparent,#000 28%,#000 88%,transparent)}.fit-stage canvas{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.fit-chapter .editorial-body{max-width:75%}.social-icons{gap:20px}.social-icons svg{width:33px;height:33px}.reviews-sticky{padding:100px var(--edge)}.review-card{padding:24px}.reviews-heading h2{font-size:5vw;letter-spacing:.12em}.reviews-viewport{height:300px}}
.reduced-motion .experience{height:100svh}.reduced-motion .reviews-chapter{height:auto}.reduced-motion .reviews-sticky{position:relative}.reduced-motion .reviews-viewport{height:auto}.reduced-motion .review-card{position:relative;margin-bottom:20px;transform:none!important;opacity:1!important}

.reviews-sticky{height:100svh;min-height:0}.review-card header{justify-content:flex-start}.fit-stage{mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 88%,transparent 100%)}
@media(max-width:1000px){.fit-stage{mask-image:linear-gradient(180deg,transparent,#000 35%,#000 88%,transparent)}}
.review-card blockquote{font-size:15px;line-height:1.9}.review-card h3{font-size:13px}.review-card{gap:24px}
@media(max-width:1000px){.review-card blockquote{font-size:13px}.review-card h3{font-size:11px}}

@media(max-width:1000px){.hero-type{top:13%}}

/* Shared tracking ratio requested for every text size. */
:root{--text-tracking:.4em}body,body *{letter-spacing:var(--text-tracking)!important}
.experience{height:2100svh}.reviews-viewport{width:min(600px,100%);height:245px}.review-card{border-radius:var(--action-radius);padding:25px 28px;gap:18px}.review-card h3{font-size:11px}.review-card blockquote{font-size:12px;line-height:1.9}.review-card header{gap:14px}.review-stars{font-size:15px;letter-spacing:.08em!important}.reviews-heading h2{font-size:clamp(22px,2.8vw,44px)}
@media(max-width:1000px){.experience{height:2300svh}.review-card{padding:22px 18px}.review-card h3{font-size:9px}.review-card blockquote{font-size:11px}.reviews-heading h2{font-size:clamp(18px,4.3vw,28px)}.reviews-action{font-size:9px}.reviews-viewport{height:270px}.site-header nav{gap:16px}}
.reduced-motion .experience{height:100svh}

/* Continuous editorial process and a moving studio atmosphere for rider stories. */
.fit-chapter{height:640svh}.reviews-sticky{isolation:isolate;overflow:hidden}.reviews-sticky:before,.reviews-sticky:after{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 45%,#50749444,transparent 48%),radial-gradient(ellipse at 20% 72%,#253d543b,transparent 45%);animation:review-light 18s ease-in-out infinite alternate}.reviews-sticky:after{background:radial-gradient(ellipse at 70% 65%,#8098b026,transparent 38%);animation-delay:-9s;filter:blur(25px)}@keyframes review-light{from{transform:translate(-3%,2%) scale(.94)}to{transform:translate(5%,-4%) scale(1.09)}}.reviews-heading h2{font-size:clamp(30px,3.5vw,56px)}.review-card{background:linear-gradient(130deg,#26344166,#121b2480);box-shadow:0 25px 90px #0005;backdrop-filter:blur(12px)}.riding-chapter>img{object-position:57% 48%}.riding-mask{background:linear-gradient(90deg,#090d13b0,#090d1320 72%),linear-gradient(0deg,#090d1380,transparent 60%)}
@media(max-width:1000px){.reviews-heading h2{font-size:clamp(22px,5vw,34px)}.fit-chapter{height:680svh}.riding-chapter>img{object-position:57% center}}
.reduced-motion .reviews-sticky:before,.reduced-motion .reviews-sticky:after{animation:none}

html{overflow-anchor:none}

/* Aprilia 263: full-quality subject on the right, directional text fade only. */
.riding-chapter>img{inset:0 0 0 auto;width:86%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;opacity:1;transform-origin:75% 50%;mask-image:linear-gradient(90deg,transparent,black 44%);-webkit-mask-image:linear-gradient(90deg,transparent,black 44%)}
.riding-mask{background:linear-gradient(90deg,#090c10 0%,#090c10ed 25%,#090c1090 41%,transparent 61%),linear-gradient(0deg,#090c10 0%,transparent 16%,transparent 94%,#090c10 100%)}
@media(max-width:1000px){.riding-chapter>img{width:100%;height:68%;top:auto;bottom:0;object-position:61% center;mask-image:linear-gradient(180deg,transparent,black 34%);-webkit-mask-image:linear-gradient(180deg,transparent,black 34%)}.riding-chapter>div:last-child{top:10%}.riding-mask{background:linear-gradient(180deg,#090c10 5%,#090c10a0 25%,transparent 49%,transparent 89%,#090c10)}}

/* Transparent review frames with balanced internal spacing. */
.reviews-sticky{height:78svh;min-height:620px;padding:90px var(--edge) 45px;justify-content:center}.reviews-heading{margin-bottom:34px}.reviews-viewport{height:205px}.review-card{background:transparent;box-shadow:none;backdrop-filter:none;border:1.5px solid #fff;justify-content:center;padding:24px 28px;gap:18px}.reviews-action,.reviews-action:hover,.reviews-action:focus-visible{background:transparent;border:1.5px solid #fff;will-change:transform,opacity}.reviews-action{margin-top:25px;transform-origin:center}.reviews-chapter+.world-chapter{padding-top:50px}
@media(max-width:1000px){.reviews-sticky{height:78svh;min-height:580px;padding:80px var(--edge) 35px}.reviews-viewport{height:210px}.review-card{padding:24px 20px}.reviews-heading{margin-bottom:28px}.reviews-action{max-width:100%;text-align:center;line-height:1.7}}

@media(min-width:1001px){.riding-chapter>img{width:80%;right:-9%;object-position:50% 50%}.riding-mask{background:linear-gradient(90deg,#090c10 0%,#090c10f0 29%,#090c1060 45%,transparent 60%),linear-gradient(0deg,#090c10 0%,transparent 16%,transparent 94%,#090c10)}}
.reviews-sticky:before,.reviews-sticky:after{mask-image:linear-gradient(180deg,transparent,black 20%,black 65%,transparent 88%)}

.reviews-chapter{margin-bottom:-240px}.reviews-chapter+.world-chapter{position:relative;z-index:1}
@media(max-width:1000px){.reviews-chapter{margin-bottom:-155px}}

/* Scroll owns this CTA transform; hover must not restart the generic bounce. */
.reviews-action,.reviews-action:hover,.reviews-action:focus-visible,.reviews-action:active{animation:none!important;background:transparent;border-color:var(--red);transition:box-shadow .2s,color .2s;gap:0}.reviews-action:hover,.reviews-action:focus-visible{box-shadow:0 0 16px #ff1a1a30}.review-card h3{text-transform:uppercase;font-weight:700}.reviews-heading{margin-bottom:52px}
@media(max-width:1000px){.reviews-heading{margin-bottom:42px}}

/* Title rhythm: subdued Medium lead-in, white Bold emphasis. */
body h2:has(>span),body h2:has(>span)>span{color:var(--muted);font-weight:400}
body h2:has(>span)>span:last-child{color:var(--white);font-weight:700}
body h2:not(:has(>span)){color:var(--white);font-weight:700}
.hero-type{transform-origin:center center}
body .hero-type>span{color:var(--muted);font-weight:400}
body .hero-type>span:last-child{color:var(--white);font-weight:700}
body .hero-outline>span,body .hero-outline>span:last-child{color:transparent}

/* Light on CTA edges; individual scale keeps scroll transforms intact. */
:is(.main-link,.text-link,.header-cta){transition:box-shadow .25s,border-color .25s,filter .25s}
:is(.main-link,.text-link,.header-cta):is(:hover,:focus-visible){box-shadow:0 0 22px #deedff55,inset 0 0 13px #deedff18;filter:brightness(1.2);border-color:#fff}
.reviews-actions{position:absolute;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 48px));height:150px;pointer-events:none}
.reviews-actions .reviews-action{position:absolute;top:0;left:0;right:0;margin:0 auto;min-height:58px;justify-content:center;text-align:center;font-size:10px;letter-spacing:.18em;line-height:1.6;padding:14px 17px;pointer-events:auto;white-space:normal}
.reviews-actions .reviews-action[inert]{pointer-events:none}
.reviews-actions .reviews-action:is(:hover,:focus-visible){box-shadow:0 0 25px #ff1a1a80,inset 0 0 12px #ff1a1a18;border-color:#ff1a1a}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.reviews-actions .reviews-action:hover{animation:cta-glow-bounce .5s ease-out!important}}
@keyframes cta-glow-bounce{0%,100%{scale:1}40%{scale:1.045}72%{scale:.99}}
.contact-chapter{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:center;padding:140px var(--edge) 110px;min-height:85svh}
.contact-title h2{font-size:clamp(44px,7vw,112px);letter-spacing:.28em;margin:30px 0}
.contact-wordmark{display:block;width:min(360px,80%);margin-top:30px}.contact-wordmark img{width:100%;filter:brightness(0) invert(65%)}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.contact-details .contact-email{margin:0;letter-spacing:.14em;font-size:12px;padding:18px 20px}
.contact-details address{display:flex;gap:15px;align-items:center;font-style:normal;font-size:12px;letter-spacing:.16em;line-height:2}.contact-details address svg{width:25px;height:30px;flex:none}
.contact-details .social-icons{padding:5px 0 0;gap:25px;justify-content:flex-start;background:transparent}.contact-details .social-icons>span{width:42px;height:42px}
@media(max-width:1000px){.contact-chapter{grid-template-columns:1fr;gap:46px;min-height:0;padding:100px var(--edge) 65px}.contact-title h2{font-size:clamp(42px,9vw,78px)}.contact-wordmark{width:260px}.contact-details .contact-email{font-size:10px}.contact-details address{font-size:10px}.contact-details .social-icons{gap:26px}.reviews-actions .reviews-action{font-size:9px}}
.reduced-motion .reviews-actions{position:relative;top:auto!important;left:auto;transform:none;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;height:auto;margin:28px auto}.reduced-motion .reviews-actions .reviews-action{position:relative;transform:none!important;opacity:1!important}

.contact-details [data-social="whatsapp"]{order:0}.contact-details [data-social="instagram"]{order:1}.contact-details [data-social="facebook"]{order:2}.contact-details [data-social="tiktok"]{order:3}
.contact-title h2{font-size:clamp(42px,5.4vw,96px)}.contact-title h2>span{white-space:nowrap}
@media(max-width:1000px){.contact-title h2{font-size:clamp(38px,9vw,78px)}}

/* Compact category strips, matching the supplied grey-to-black reference. */
body .eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.55em;width:fit-content;max-width:100%;padding:3px 10px;border-radius:4px;background:linear-gradient(100deg,rgba(159,166,176,1) 0%,rgba(159,166,176,0) 100%);color:#fff;line-height:1.6;letter-spacing:.24em}
body .eyebrow:before{content:none;display:none}
.category-logo{display:inline-flex;align-items:center;flex:none;line-height:1}
.category-logo img{height:1.75em;width:auto;max-width:none;filter:brightness(0) invert(1)}
.site-header nav .nav-smart-fit{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nav-smart-fit img{width:27px;height:auto;filter:brightness(0) invert(1)}
#mobile-menu .nav-smart-fit{display:flex;align-items:center;gap:12px}#mobile-menu .nav-smart-fit img{width:31px}
@media(max-width:1000px){body .eyebrow{padding:3px 8px;font-size:9px;letter-spacing:.18em;gap:.4em}.category-logo img{height:1.6em}}
.main-link:hover{background:transparent;color:var(--white)}
/* Shared visual axis for heading, wordmark and both review actions. */
.reviews-heading{transform:none;margin-bottom:54px;text-align:center}
.reviews-heading>div{display:block;width:100%;text-align:center}
.reviews-heading h2{padding-left:.3em}
.reviews-wordmark{display:block;width:clamp(155px,15vw,240px);margin:20px auto 26px}
.reviews-wordmark img{display:block;width:100%;filter:brightness(0) invert(65%)}
.reviews-actions{width:min(1040px,calc(100% - 48px))}
.contact-chapter{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:end;gap:6vw}
.contact-details{justify-self:end;width:min(390px,100%);gap:28px;align-items:stretch}
.contact-details .contact-email{font-size:12px;justify-content:center;text-align:center;white-space:nowrap}
.contact-location{display:flex;align-items:center;gap:18px;color:#fff;text-decoration:none}
.contact-details address svg{width:34px;height:40px;stroke:none}
.contact-details .social-icons{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:0}
.contact-details .social-icons>a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:white;transition:filter .25s,scale .25s}
.contact-details .social-icons img{display:block;width:auto;height:48px;max-width:52px}
.contact-location svg{transition:filter .25s,scale .25s}
.contact-details .social-icons>a:is(:hover,:focus-visible),.contact-location:is(:hover,:focus-visible) svg{filter:drop-shadow(0 0 10px #dcedffbb);scale:1.1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.social-icons>a:hover,.contact-location:hover svg{animation:social-bounce .55s ease-out}}
@keyframes social-bounce{0%{translate:0 0}40%{translate:0 -8px}70%{translate:0 2px}100%{translate:0 0}}
.smart-fit-entry:disabled{opacity:1;cursor:default}
.progress-line{display:none}
.fit-chapter .editorial-sticky{background:radial-gradient(ellipse at 80% 50%,#2d3b4b65,transparent 68%)}
.fit-stage{mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent)}
@media(max-width:1000px){.contact-chapter{grid-template-columns:1fr;gap:48px}.contact-details{justify-self:start;width:min(390px,100%)}.reviews-heading h2{padding-left:.12em}.reviews-wordmark{margin:16px auto 22px}.contact-details .social-icons img{height:43px;max-width:46px}.contact-details .contact-email{font-size:10px}}
@media(prefers-reduced-motion:reduce){.social-icons>a,.contact-location svg{animation:none!important}}
.contact-chapter{align-content:center}
/* One page grid and optical text alignment, including the font side bearings. */
.scene-copy:not(.form-copy),.riding-chapter>div:last-child{left:var(--edge)}
.form-copy{right:var(--edge)}
.scene-copy h2,.editorial-heading h2,.riding-chapter h2,.world-chapter h2,.contact-title h2{margin-left:0;padding-left:0}
.optical-line{position:relative;left:var(--ink-offset,0px)}
:is(.scene-copy,.editorial-heading,.riding-chapter>div:last-child,.world-chapter,.contact-title)>.eyebrow{margin-left:0}
:is(.scene-copy,.editorial-body)>.text-link,:is(.scene-copy,.editorial-body)>.main-link{padding-left:24px;padding-right:24px;margin-left:0}
.contact-details{justify-self:end;text-align:right}
.contact-details address{justify-content:flex-end;width:100%}
.contact-location{justify-content:flex-end;text-align:right}
.contact-details .social-icons>a:last-child{justify-content:flex-end}
.contact-details .contact-email{justify-content:flex-end;text-align:right;padding-right:0;border-right-color:transparent}
/* Keep the mail frame complete while its label shares the right-hand text axis. */
.contact-details .contact-email{padding-right:20px;border-right-color:currentColor}
.contact-location{padding-right:20px}
.contact-details .social-icons{padding-right:20px}
.reviews-wordmark{width:min(46%,480px);margin:24px auto 34px}
.review-card{transition:box-shadow .25s,border-color .25s,filter .25s}
.review-card:not([inert]):is(:hover,:focus-visible){box-shadow:0 0 24px #dcedff55,inset 0 0 14px #dcedff12;border-color:#fff;filter:brightness(1.12)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.review-card:not([inert]):hover{animation:review-card-bounce .55s ease-out}}
@keyframes review-card-bounce{0%,100%{scale:1;translate:0 0}40%{scale:1.025;translate:0 -6px}72%{scale:.995;translate:0 1px}}
.riding-chapter{height:94svh}
@media(min-width:1001px){.riding-chapter>img{height:130svh;top:0;bottom:auto}.riding-chapter>div:last-child{top:32%}.riding-mask{background:linear-gradient(90deg,#090c10 0%,#090c10f0 29%,#090c1060 45%,transparent 60%),linear-gradient(0deg,#090c10 0%,transparent 12%,transparent 94%,#090c10)}}
@media(max-width:1000px){:is(.scene-copy,.editorial-heading,.riding-chapter>div:last-child,.world-chapter,.contact-title)>.eyebrow{margin-left:0}.reviews-wordmark{width:min(74%,350px);margin:20px auto 28px}.riding-chapter{height:85svh}.riding-chapter>img{top:32svh;bottom:auto;height:68svh}.contact-details{justify-self:end}}
@media(prefers-reduced-motion:reduce){.review-card{animation:none!important}}
.reduced-motion .review-card{animation:none!important}
@media(min-width:1001px){.form-copy{text-align:right}.form-copy>.eyebrow{margin-left:0;margin-right:0}.form-copy .form-details{margin-left:auto}.reviews-wordmark{width:clamp(260px,26.5vw,430px)}}
.reviews-chapter{position:relative}.reviews-chapter:before{content:'';position:absolute;inset:0 0 auto;height:100px;z-index:2;pointer-events:none;background:linear-gradient(var(--night),transparent)}
/* Frames and unboxed content share the same outer page guide. */
.contact-details .contact-email{width:100%;margin-right:0}
.contact-location{padding-right:0}
.contact-details .social-icons{padding-right:0}
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.language-control{position:relative}.language-trigger,#language-options button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #9aa1aa;border-radius:8px;padding:10px 8px;font-size:10px;letter-spacing:.1em;min-height:42px}.language-control svg{display:block;width:23px;height:16px;border-radius:2px;overflow:hidden}.language-trigger{min-width:65px}#language-options{position:absolute;right:0;top:calc(100% + 12px);width:174px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#0d141df5;border:1px solid #7e8a9b80;border-radius:12px;box-shadow:0 12px 40px #0008}#language-options button[aria-pressed=true]{border-color:var(--red)}.language-control button:hover{box-shadow:0 0 15px #dcedff40}.site-header{gap:20px}.site-header nav{gap:clamp(15px,1.6vw,30px)}.site-header nav a{font-size:clamp(9px,.8vw,12px)}.header-actions .header-cta{margin:0;font-size:10px}
.config-copy{top:12%;width:45%;max-width:680px}.model-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4.8vw,68px);margin:clamp(30px,7.5vh,76px) 0 0;width:100%}.model-option{min-width:0;text-align:center;opacity:0;will-change:transform,opacity}.model-frame{position:relative;height:clamp(130px,22svh,224px);border:1px solid #d3deed55;border-radius:11px;background:radial-gradient(ellipse at 60% 30%,#3b4d6266,#14202c44 65%,#090c1022);box-shadow:0 12px 24px #0003;overflow:hidden}.model-frame img{height:calc(100% - 14px);width:100%;object-fit:contain}.model-frame>span{position:absolute;bottom:8px;left:0;right:0;font-size:8px;letter-spacing:.24em}.model-option h3{font-size:13px;letter-spacing:.24em;text-transform:none;margin:16px 0 8px;white-space:nowrap}.model-option p{font-size:9px;letter-spacing:.16em;line-height:1.7;color:var(--muted)}.review-original-language{font-size:8px;letter-spacing:.1em;color:var(--muted)}
@media(min-width:1001px) and (max-height:850px){.config-copy{top:13%}.config-copy h2{font-size:3.3vw;margin-bottom:16px}.config-copy>.eyebrow{margin-bottom:18px}.config-copy>p:not(.eyebrow){font-size:12px}.config-copy>.main-link{margin-top:20px;padding-top:16px;padding-bottom:16px}.model-options{margin-top:32px}.model-frame{height:150px}.model-option h3{margin-top:10px}}
@media(max-width:1200px){.site-header nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}}
@media(max-width:1000px){.header-actions{gap:9px}.header-actions .header-cta{font-size:8px;padding:12px}.site-header{gap:10px}.language-trigger{min-width:54px;font-size:9px;padding:8px 5px}.language-control svg{width:19px;height:14px}.config-copy .model-options{gap:16px;margin:28px 0 0;width:100%}.model-frame{height:clamp(108px,17svh,145px)}.model-option h3{font-size:10px;letter-spacing:.2em;margin:10px 0 6px}.model-option p{font-size:8px;letter-spacing:.1em}.model-frame>span{font-size:7px}.config-copy>.main-link{margin-top:18px;padding:15px 18px;margin-left:0;font-size:9px}.config-copy>p:not(.eyebrow){font-size:11px}.config-copy h2{font-size:clamp(24px,6vw,38px)}}
@media(max-width:380px){.brand{width:52px}.header-actions .header-cta{padding:10px 8px;font-size:7px}.site-header{gap:6px}.menu-toggle{padding:0}.menu-toggle span{width:21px;margin:7px 2px}}
html:is([lang=ru],[lang=de],[lang=fr]) .reviews-heading h2{font-size:clamp(22px,3vw,48px)}html:is([lang=zh],[lang=ja]){--title-tracking:.15em}html:is([lang=zh],[lang=ja]) p{letter-spacing:.12em}
@media(min-width:1001px){html[lang=fr] .config-copy h2{font-size:2.8vw}html:not([lang=it]) .config-copy .model-options{margin-top:45px}}
@media(max-width:1000px){.chapter-nav{min-width:0;gap:8px}.chapter-nav button{min-width:0;font-size:6px;letter-spacing:.12em;white-space:normal;overflow-wrap:anywhere}.motion-toggle{flex-shrink:0;width:58px;font-size:7px;overflow-wrap:anywhere}.world-chapter h2{overflow-wrap:break-word}}
/* Add room for the product comparison without shortening preceding scenes. */
.experience{height:2492svh}
@media(max-width:1000px){.experience{height:2729svh}}

/* Navigation centered in the space between the brand and language selector. */
@media(min-width:1201px){
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:28px}
.site-header nav{justify-self:center;align-items:center;gap:clamp(15px,1.5vw,28px)}
.site-header nav a{font-size:clamp(9px,.76vw,11.5px);white-space:nowrap}
.header-actions{justify-self:end}
}

.language-trigger span,#language-options button span{white-space:nowrap;font-family:Microgramma,"Segoe UI","Microsoft YaHei","Yu Gothic",sans-serif}

.riders-chapter{padding:80px 0 40px;background:var(--night)}
.riders-chapter>h2{padding:0 var(--edge);font-size:clamp(24px,3vw,44px);letter-spacing:.24em;margin:0 0 40px}
.riders-scroll{display:flex;gap:48px;overflow-x:auto;scroll-snap-type:x proximity;padding:20px var(--edge) 40px;scrollbar-width:thin;scrollbar-color:#7e8792 transparent}
.rider-card{flex:0 0 clamp(280px,32vw,420px);min-width:0;scroll-snap-align:center;opacity:1;transform:none}
.rider-photo-outline{padding:15px;border:1px solid #ffffffd9;border-radius:22px}
.rider-photo{aspect-ratio:1;overflow:hidden;border-radius:9px}
.rider-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.07)}
.rider-card h3{font-size:clamp(14px,1.3vw,19px);letter-spacing:.15em;line-height:1.6;margin:25px 0 10px}
.rider-card>p{font-size:11px;letter-spacing:.12em;line-height:1.9;margin:0;color:#aeb7c4}
.riders-motion .rider-card{opacity:0;transform:translate3d(65px,22px,0) scale(.94);transition:opacity .65s ease,transform .9s cubic-bezier(.18,.8,.25,1.12)}
.riders-motion .rider-card.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media(max-width:700px){.riders-chapter{padding-top:55px}.riders-chapter>h2{font-size:23px;letter-spacing:.16em;margin-bottom:24px}.rider-card{flex-basis:min(340px,calc(100vw - 48px))}.riders-scroll{gap:28px}.rider-photo-outline{padding:12px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.riders-motion .rider-card{opacity:1;transform:none;transition:none}}

.rider-card{text-align:center}.rider-card h3{text-transform:uppercase}.rider-photo-outline{margin-inline:auto}.rider-card>p{margin-inline:auto}.riders-scroll{justify-content:safe center}

.rider-card h3{white-space:nowrap;font-size:var(--rider-name-size,clamp(14px,1.3vw,19px))}

/* Fit the whole rider lineup into the desktop content width. */
@media(min-width:1201px){.riders-scroll{gap:clamp(16px,2vw,32px);overflow-x:hidden;justify-content:center}.rider-card{flex:1 1 0;max-width:420px}.rider-photo-outline{padding:clamp(8px,.9vw,15px);border-radius:18px}.rider-card h3{margin-top:20px}.rider-card>p{font-size:clamp(9px,.72vw,11px);letter-spacing:.08em}}

.riders-chapter>h2,.riders-sticky>h2{text-align:center}
.riders-sticky>h2{font-size:clamp(23px,3vw,44px);letter-spacing:.24em;margin:0 0 40px;padding:0 var(--edge)}
.riders-sequence{height:600svh;padding:0;position:relative}
.riders-sequence .riders-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--night)}
.riders-sequence .riders-sticky>h2{position:absolute;top:115px;left:0;right:0;margin:0;will-change:transform,opacity}
.riders-sequence .riders-scroll{position:absolute;inset:0;padding:0;display:block;overflow:visible;outline:none}
.riders-sequence .rider-card{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;transition:none;will-change:transform,opacity}
.riders-sequence .rider-card h3{margin-top:20px;white-space:nowrap}
.riders-sequence .rider-card>p{font-size:11px;line-height:1.8}
.riders-sequence .rider-photo-outline{padding:12px;border-radius:20px}
@media(max-width:700px){.riders-sequence .riders-sticky>h2{top:100px;font-size:22px;letter-spacing:.15em}.riders-sequence{height:650svh}}

/* Transform-only feedback keeps the navigation spacing stable. */
.site-header nav a{display:inline-flex;transform-origin:center;transition:transform .22s ease,color .22s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .site-header nav a:hover{animation:menu-bounce .48s both;color:#fff}
}
.site-header nav a:focus-visible{transform:scale(1.06);color:#fff}
@keyframes menu-bounce{0%{transform:scale(1)}45%{transform:scale(1.11)}72%{transform:scale(1.035)}100%{transform:scale(1.065)}}
body.reduced-motion .site-header nav a:hover{animation:none;transform:none}

.motion-toggle{display:none!important}

.hero-first{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .4s}.hero-first img{width:100%;height:100%;object-fit:contain}.model-ready .hero-first{opacity:0}.scene-loading{display:none}
@media(min-width:701px) and (max-width:1000px){.world-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(min-width:701px) and (max-width:1000px){.world-dock{height:32%;grid-template-rows:1fr 1fr;gap:14px}}

/* Phone composition: readable copy and an independent visual area. */
@media(max-width:700px){
 .scene-copy.method-copy{top:92px;width:calc(100% - 48px)}
 .method-copy>.eyebrow{margin-bottom:16px}.method-stages{height:155px!important}
 .method-stages h2{font-size:clamp(19px,5.4vw,29px);letter-spacing:.15em;margin:0 0 16px}
 .method-stages p{font-size:11px;line-height:1.85;letter-spacing:.12em}.method-track{margin-top:14px}
 .fit-chapter{height:auto!important}.fit-chapter .editorial-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding:84px 24px 36px}
 .fit-chapter .editorial-heading,.fit-chapter .editorial-body{max-width:100%;width:100%}
 .fit-chapter .editorial-heading h2{font-size:25px;letter-spacing:.18em}
 .fit-chapter .editorial-body{margin-top:24px}.fit-chapter .editorial-body p{font-size:12px;line-height:1.85;letter-spacing:.1em}
 .fit-chapter .fit-stage{position:relative;inset:auto;left:0;flex:none;width:100%;height:460px;max-height:65svh;margin:28px 0 0;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
 .riders-mobile{height:auto;padding:64px 24px 56px}.riders-mobile .riders-sticky{height:auto;position:relative;overflow:visible}
 .riders-mobile .riders-sticky>h2{position:relative;inset:auto;font-size:23px;letter-spacing:.14em;padding:0;margin:0 0 40px}
 .riders-mobile .riders-scroll{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;padding:0;overflow:visible}
 .riders-mobile .rider-card{position:relative;inset:auto;width:100%;max-width:none;min-width:0;transform-origin:center}
 .riders-mobile .rider-photo-outline{padding:7px;border-radius:16px}.riders-mobile .rider-photo{border-radius:9px}
 .riders-mobile .rider-card h3{margin:15px 0 8px;letter-spacing:.04em;line-height:1.5;white-space:nowrap}
 .riders-mobile .rider-card>p{font-size:9px;letter-spacing:.035em;line-height:1.7}
 .mobile-reveal{opacity:0;translate:0 28px;transition:opacity .45s,translate .65s cubic-bezier(.2,.8,.3,1.15)}.mobile-reveal.is-visible{opacity:1;translate:0 0}
 .contact-chapter{padding-top:56px!important}.contact-details{width:100%}.contact-details .contact-email{font-size:9px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.mobile-reveal{opacity:1;translate:none;transition:none}}

@media(max-width:700px){.experience{height:1050svh}.reduced-motion .experience{height:100svh}}