:root{--accent2:#b64520;--ink:#171c1a;--line:#d5d9d4}
[hidden]{display:none!important}
header{z-index:30}.announcement{letter-spacing:.1em}.menu-toggle{display:none}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;bottom:18px;left:0;width:100%;height:1px;background:#ff6b36;transform:scaleX(0);transform-origin:left;transition:transform .25s}.navlinks a:hover:after{transform:scaleX(1)}
.ride-story{height:170svh;background:#edece5;color:#171b1b;position:relative}
.ride-stage{height:calc(100svh - 70px);min-height:580px;max-height:1000px;position:sticky;top:70px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 45%,#f8c29c 0,transparent 50%),#edece5}
.ride-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#191b1909 calc(25% - 1px),#191b1909 25%);z-index:-1}
.ride-intro{position:absolute;left:6%;top:18%;width:48%;z-index:3;opacity:var(--intro,1);transform:translateY(var(--copy-y,0px));will-change:transform,opacity}
.ride-intro .micro-label{font-size:9px;color:#59615a;letter-spacing:.13em}
.ride-intro h1{font-size:clamp(55px,6.9vw,108px);font-weight:850;line-height:.95;letter-spacing:-.075em;margin:32px 0 24px}
.ride-intro h1 span{color:#bb461f}
.ride-intro p{font-size:15px;line-height:1.75;max-width:355px;color:#5e635e}
.ride-link{font-size:12px;border-bottom:1px solid #9a9d94;padding:10px 0}
.ride-machine{position:absolute;width:54%;height:85%;right:0;top:4%;mix-blend-mode:multiply;transform:translate(var(--machine-x,0px),var(--machine-y,0px)) scale(var(--machine-scale,1));transform-origin:70% 65%;z-index:2;will-change:transform}
.ride-machine img{width:100%;height:100%;object-fit:contain;animation:ride-arrive 1.4s cubic-bezier(.16,1,.3,1) both}
.ride-word{position:absolute;bottom:8%;left:4%;font-weight:900;font-size:clamp(100px,19vw,290px);line-height:.8;letter-spacing:-.08em;color:#161a1609;white-space:nowrap;transform:translateX(var(--word-x,0px));z-index:-1}
.ride-detail{position:absolute;left:6%;top:20%;width:43%;opacity:var(--detail,0);transform:translateY(var(--detail-y,20px));pointer-events:none;z-index:4}
.ride-detail h2{font-size:clamp(36px,4.6vw,72px);line-height:1.02;letter-spacing:-.065em;margin:28px 0}
.ride-numbers{display:flex;gap:40px}.ride-numbers strong{font-size:clamp(40px,5.6vw,82px);letter-spacing:-.07em;font-weight:600}.ride-numbers strong span{font-size:22px;color:#bb461f;letter-spacing:-.04em}.ride-numbers small{display:block;font:10px var(--mono);color:#5e635e;margin-top:5px}.ride-detail p{font-size:11px;line-height:1.7;max-width:310px;color:#697067;margin-top:28px}
.ride-bottom{position:absolute;bottom:26px;left:6%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px var(--mono);letter-spacing:.1em;z-index:5}.ride-bottom b{color:#b54521}.ride-bottom button{border:1px solid #aaa99d;background:#edece5a8;padding:9px 12px;font:10px var(--mono);border-radius:2px}.scroll-cue span{display:inline-block;margin-left:12px;animation:cue 2s ease-in-out infinite}
.ride-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#12151016}.ride-track span{display:block;width:100%;height:100%;background:#cc5427;transform:scaleX(var(--progress,0));transform-origin:left}
@keyframes ride-arrive{from{opacity:0;transform:translate(9%,5%) rotate(4deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes cue{50%{transform:translateY(5px)}}
.ride-intro{animation:intro-arrive 1s .15s backwards}@keyframes intro-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.spotlight{padding-top:90px;padding-bottom:85px}.spotlight-heading{max-width:900px}.spotlight-product::before{content:attr(data-number)}.spotlight-product img{transition:opacity .22s,transform .65s cubic-bezier(.16,1,.3,1)}.spotlight-product img.change{opacity:0;transform:translateX(45px) rotate(3deg) scale(.96)}.spotlight-product img.entering{animation:model-enter .65s cubic-bezier(.16,1,.3,1)}@keyframes model-enter{from{opacity:0;transform:translateX(-45px) rotate(-3deg)}to{opacity:1;transform:translateX(0) rotate(0)}}.spotlight-product::after{content:"ORIGINAL PRODUCT PHOTOGRAPH"}
.spotlight-selector button{position:relative}.spotlight-selector button:after{content:"";height:3px;background:#ff6b36;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s}.spotlight-selector button.is-active:after{transform:scaleX(1)}
.product .product-photo{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.product:hover .product-photo{transform:scale(1.055) translateY(-4px)}#catalog .product{animation:none}
.product .product-image{height:300px;min-height:300px}.product .product-photo{object-fit:contain;width:100%;height:100%;max-height:260px;padding:10px;mix-blend-mode:multiply}
.empty-results{grid-column:1/-1;padding:30px 0;color:#5e635e}.cart-panel{position:relative}.cart-head .close{position:static}.cart-backdrop.open .cart-panel{animation:drawer .3s ease-out}@keyframes drawer{from{transform:translateX(100%)}to{transform:translateX(0)}}
.spec-backdrop.open .spec-modal{animation:dialog-in .3s ease-out}@keyframes dialog-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.footer-policy{border:0;padding:0;background:none;color:#c7cfca;font-size:11px;text-decoration:underline;text-underline-offset:3px}
#policyDialog{width:min(640px,calc(100% - 32px));max-height:85svh;padding:36px;border:1px solid #ccc;background:#f4f5ef;color:#20251f}#policyDialog::backdrop{background:#080f12c9;backdrop-filter:blur(6px)}#policyDialog h2{font-size:32px;letter-spacing:-.05em}#policyDialog p{font-size:14px;line-height:1.8}#policyDialog a{color:#a63e1c;text-decoration:underline}.close{color:#20251f}
body.motion-paused .ride-story{height:auto}body.motion-paused .ride-stage{position:relative;top:0}body.motion-paused *,body.motion-paused *::after{animation:none!important;transition:none!important}
@media(min-width:1700px){.ride-stage{max-height:none}}
@media(max-width:1000px){.ride-intro{left:4%;width:51%;top:19%}.ride-intro h1{font-size:7.5vw}.ride-machine{right:-9%;width:63%}.ride-detail{left:4%}.ride-numbers{gap:25px}.ride-bottom{left:4%;right:4%}}
@media(max-width:760px){
.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:62px;left:0;right:0;background:#101416;border-bottom:1px solid #ffffff30;padding:10px 22px;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks a,.navlinks a:nth-child(3){display:block;padding:15px 0}.navlinks a:after{display:none}
.ride-story{height:auto}.ride-stage{height:auto;min-height:850px;position:relative;top:0;display:flex;flex-direction:column;align-items:stretch;padding:43px 22px 66px;max-height:none;background:radial-gradient(ellipse at 70% 75%,#f8c29c 0,transparent 60%),#edece5}
.ride-intro{position:relative;top:auto;left:auto;width:100%;opacity:1!important;transform:none!important}.ride-intro h1{font-size:clamp(51px,12.7vw,87px);margin:26px 0 20px}.ride-intro p{font-size:14px;max-width:370px}.ride-intro .micro-label{font-size:8px;letter-spacing:.08em}.ride-intro .micro-label:before{width:15px}.hero-actions{gap:21px;margin-top:22px}.hero-cta{padding:15px;gap:20px}
.ride-machine{position:relative;right:auto;top:auto;width:100%;height:390px;margin:5px 0 0;transform:none!important}.ride-machine img{height:100%;width:100%}.ride-detail{display:none}.ride-word{font-size:27vw;left:-1%;bottom:15%}.ride-bottom{left:22px;right:22px;bottom:21px;font-size:8px;letter-spacing:0}.scroll-cue{display:none}.ride-bottom button{font-size:9px}.ride-track{display:none}
.spotlight-product{min-height:340px}.spotlight-selector button{min-height:64px}.spotlight-description h3{font-size:40px}.product .product-image{height:280px;min-height:280px}
}
@media(prefers-reduced-motion:reduce){.ride-story{height:auto}.ride-stage{position:relative;top:0}.ride-machine,.ride-word,.ride-intro{transform:none!important;animation:none!important}.ride-intro{opacity:1!important}.ride-detail{display:none}.scroll-cue span{animation:none}.ride-track{display:none}}
header nav .brand{order:0}header nav .navlinks{order:1}header nav .nav-actions{order:2;flex-shrink:0}.nav-actions #cartOpen{white-space:nowrap}
@media(max-width:760px){header nav .nav-actions .menu-toggle{display:block!important}.nav-actions{gap:8px}}
/* Motion pass 02: product-led movement and responsive interaction feedback. */
.ride-machine img{animation:ride-arrive 1.4s cubic-bezier(.16,1,.3,1) both,ride-hover 7s 1.4s ease-in-out infinite}
@keyframes ride-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:-.7deg}}
.ride-stage::before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 73% 53%,#ff984025,transparent 42%);animation:light-drift 12s ease-in-out infinite}
@keyframes light-drift{0%,100%{transform:translateX(-3%) scale(.98);opacity:.5}50%{transform:translateX(5%) scale(1.09);opacity:1}}
.hero-cta,.feature-cta{overflow:hidden;position:relative}
.hero-cta:after,.feature-cta:after{content:"";position:absolute;inset:-60% auto -60% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:skewX(-20deg);pointer-events:none;transition:left .65s ease}
.hero-cta:hover:after,.feature-cta:hover:after{left:130%}
.hero-cta span,.feature-cta span{transition:transform .3s}.hero-cta:hover span,.feature-cta:hover span{transform:translate(3px,-3px)}
.btn:active,.pill:active,.series-tab:active,.gal-nav:active{scale:.96}
.btn,.pill,.series-tab,.gal-nav{transition:scale .18s,background .25s,color .25s,border-color .25s,transform .25s}
.series-tab{position:relative;overflow:hidden}.series-tab.active{box-shadow:inset 0 -3px #ff6b36}
.product{transition:transform .35s,box-shadow .35s,border-color .35s}
.product:hover{border-color:#c88d72;box-shadow:0 20px 45px #16201b12;transform:translateY(-6px)}
.product .tag{transition:translate .35s}.product:hover .tag{translate:3px 0}
.product .spec{transition:background .3s}.product:hover .spec{background:#f3e5d9}
.spotlight-product img:not(.change):not(.entering){animation:feature-breathe 8s ease-in-out infinite}
@keyframes feature-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}
.spotlight-product:before{transition:color .4s,translate .7s}.spotlight-product:hover:before{translate:12px 0;color:#ffffff80}
.spotlight-selector button .selector-arrow{transition:transform .3s}.spotlight-selector button:hover .selector-arrow{transform:translate(3px,-3px)}
.gal-thumb{transition:transform .2s,border-color .2s,box-shadow .2s}.gal-thumb:hover{transform:translateY(-3px)}.gal-thumb.active{box-shadow:0 3px 0 #d9582b}
.gal-main{overflow:hidden}.gal-img{will-change:opacity,transform}.gal-nav:hover{background:#ff6b36;color:#111;transform:scale(1.06)}
.faq-item summary:after{transition:rotate .25s}.faq-item[open] summary:after{rotate:180deg}
.cart-item{animation:line-arrive .3s ease-out both}@keyframes line-arrive{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}
.toast.show{animation:toast-arrive .3s cubic-bezier(.16,1,.3,1) both}@keyframes toast-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
.add-cart.just-added{background:#27704a!important;color:#fff!important}
#policyDialog[open]{animation:dialog-in .3s ease-out}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(hover:none){.product:hover{transform:none}.product:hover .product-photo{transform:none}}