/* ZENO motion system — visual layer driven by GSAP */
:root{--signal:#f26838;--signal-light:#ff946d;--deep:#111716;--deep-2:#1a2421}
body{overflow-x:clip}
.site-header{transition:background-color .35s ease,box-shadow .35s ease}.site-header.is-scrolled{box-shadow:0 12px 38px #0d17120c;background:#fbfcfaf2;backdrop-filter:blur(14px)}
.brand-hero{min-height:720px;height:calc(100svh - 88px);max-height:940px}
.brand-hero .hero-content{z-index:2;width:57%;max-width:940px;padding-bottom:100px}
.brand-hero .hero-kicker{display:flex;align-items:center;gap:14px}.brand-hero .hero-kicker:before{content:"";width:30px;height:2px;background:var(--signal)}
.brand-hero h1{display:flex;flex-direction:column;align-items:flex-start;margin:30px 0 27px;font-size:clamp(72px,7.15vw,118px);line-height:.91}
.hero-line{display:block;overflow:hidden;padding:0 .08em .09em 0;margin-bottom:-.09em}.hero-line>span{display:block}.hero-line.accent{color:var(--signal-light);font-style:italic;padding-right:.15em}
.brand-hero .hero-intro{max-width:550px;color:#eef1ed;font-size:1.04rem;line-height:1.72}
.hero-energy{position:absolute;z-index:1;left:0;right:0;bottom:0;height:4px;transform:scaleX(.08);transform-origin:left;background:linear-gradient(90deg,var(--signal),#ffb18e 60%,transparent)}
.hero-scroll{position:absolute;right:var(--space);bottom:83px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#f2f4f0;font-size:.65rem;letter-spacing:.16em;writing-mode:vertical-rl}.hero-scroll i{position:relative;width:1px;height:52px;background:#ffffff40;overflow:hidden}.hero-scroll i:after{content:"";position:absolute;inset:0;background:white;transform:translateY(-100%);animation:scrollSignal 2s ease-in-out infinite}
@keyframes scrollSignal{0%{transform:translateY(-100%)}45%,55%{transform:translateY(0)}100%{transform:translateY(100%)}}
.brand-hero .hero-image{will-change:transform;transform-origin:center 60%}
.about-section{position:relative;overflow:hidden}.about-section:after{content:"Z";position:absolute;z-index:-1;right:-.03em;bottom:-.31em;color:#121b1710;font-size:min(52vw,720px);font-weight:800;line-height:1;letter-spacing:-.12em;pointer-events:none}
.about-grid .display-title{max-width:850px}.about-copy{position:relative}.about-copy:before{content:"";position:absolute;left:-34px;top:5px;width:1px;height:72px;background:var(--signal)}
.brand-principle{position:relative}.brand-principle:after{content:"";position:absolute;top:-1px;left:0;width:88px;height:2px;background:var(--signal);transform-origin:left}

.life-section{position:relative;overflow:hidden;background:#e9edeb;padding:105px var(--space) 78px}.life-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.life-heading h2{font-size:clamp(54px,6.2vw,98px);font-weight:500;line-height:.96;letter-spacing:-.065em;margin-top:28px}.life-heading h2 span{color:#87938e}.life-intro{max-width:460px;padding-bottom:5px}.life-intro p{font-size:1rem;line-height:1.75;color:var(--muted)}.life-intro>span{display:block;margin-top:28px;font-size:.68rem;letter-spacing:.13em;color:#7d8883}.life-canvas{height:min(65vw,920px);min-height:690px;position:relative;margin-top:62px}.life-card{position:absolute;margin:0}.life-card .life-image{height:calc(100% - 46px);overflow:hidden;background:#d9dfdc}.life-card img{width:100%;height:112%;object-fit:cover;will-change:transform}.life-card figcaption{height:46px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:13px;border-top:1px solid #1d28221f;font-size:.75rem;letter-spacing:.045em}.life-card figcaption span{color:#c85027}.life-card-rider{left:0;top:0;width:58%;height:69%}.life-card-together{right:0;top:9%;width:31%;height:46%}.life-card-product{right:11%;bottom:0;width:35%;height:38%}.life-card-rider img{object-position:center}.life-card-together img{object-position:center 42%}.life-card-product img{object-position:center}.life-word{position:absolute;left:1%;bottom:-.12em;margin:0;color:#15201b0a;font-size:min(19vw,290px);font-weight:800;line-height:1;letter-spacing:-.09em;pointer-events:none}.life-statement{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;border-top:1px solid #1b251f2c;padding-top:30px;margin-top:62px;align-items:start}.life-statement p{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.life-statement strong{font-size:clamp(27px,3.2vw,50px);font-weight:500;line-height:1.12;letter-spacing:-.045em}

.system-section{padding:0!important;background:var(--deep);color:#f5f7f3;overflow:hidden}
.system-shell{height:calc(100svh - 88px);min-height:700px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:42px var(--space) 30px;position:relative}
.system-head{display:grid;grid-template-columns:1fr 1.05fr;align-items:end;gap:6%;padding-bottom:30px}.system-head .section-marker{grid-column:1/-1;margin:0 0 22px}.system-head .display-title{font-size:clamp(43px,4.5vw,70px);line-height:.95}.system-head .display-title span{color:#8ea197}
.system-viewport{overflow:hidden;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;min-height:0}
.system-track{display:flex;width:400%;height:100%;will-change:transform}
.system-panel{position:relative;width:25%;flex:0 0 25%;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(280px,.78fr);align-items:center;gap:clamp(20px,3.2vw,58px);padding:35px clamp(28px,4.2vw,76px);border-right:1px solid #ffffff24;overflow:hidden}.system-panel:last-child{border-right:0}.system-panel .eyebrow{color:#e68c67;margin-bottom:17px}.system-panel h3{font-size:clamp(32px,3.25vw,54px);font-weight:500;line-height:1.04;letter-spacing:-.055em;max-width:740px}.system-panel p:not(.eyebrow){max-width:610px;margin-top:20px;color:#b9c7c0;font-size:1rem;line-height:1.68}.system-panel .text-link{margin-top:22px;color:#f3f6f1}.system-number{font-size:.85rem;letter-spacing:.12em;color:#e68c67;padding-top:13px}.system-word{position:absolute;right:-.03em;bottom:-.22em;color:#ffffff08;font-size:clamp(92px,13vw,210px);font-weight:700;letter-spacing:-.09em;line-height:1;pointer-events:none}.system-intro{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;padding-left:clamp(28px,4.2vw,76px)}.system-intro h3{font-size:clamp(36px,3.8vw,62px);max-width:860px}.system-intro p:not(.eyebrow){max-width:700px}.system-media{position:relative;z-index:1;height:min(34vh,360px);margin:0;overflow:hidden;background:#27312e}.system-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:none}.system-media img{width:100%;height:100%;object-fit:cover;will-change:transform}.system-panel>div{position:relative;z-index:2}.system-progress{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding-top:23px;color:#9fb0a7;font-size:.7rem;letter-spacing:.12em}.system-progress:before{content:"";grid-column:1;grid-row:1;height:2px;background:#ffffff20}.system-progress i{grid-column:1;grid-row:1;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;will-change:transform}

.models-section{position:relative}.models-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff7 0 1px,transparent 1px 100%);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent);opacity:.22;pointer-events:none}.models-section>*{position:relative}
.model-panel{box-shadow:0 32px 80px #1f32241a}.model-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#fff8 48%,transparent 66%);transform:translateX(-130%);pointer-events:none}.model-visual:hover:after{transform:translateX(130%);transition:transform 1s ease}.model-visual img{will-change:transform,opacity}.model-information>*{will-change:transform,opacity}
.partners-section{position:relative;overflow:hidden;padding-top:125px}.partner-marquee{position:absolute;left:-3vw;right:-3vw;top:18px;white-space:nowrap;color:#161c1812;font-size:clamp(64px,9vw,145px);font-weight:800;letter-spacing:-.07em;line-height:1;pointer-events:none;will-change:transform}.partner-marquee span{display:block;width:max-content}
.partners-grid,.partner-bottom,.partners-section>.eyebrow{position:relative}.partner-media{position:relative;margin:62px 0 0;height:clamp(300px,35vw,520px);overflow:hidden;background:#b94b25}.partner-media img{width:100%;height:116%;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:saturate(.75) contrast(1.08);will-change:transform}.partner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ef623635,transparent 55%,#f2683838);pointer-events:none}.partner-media figcaption{position:absolute;z-index:1;left:20px;bottom:18px;background:#17201c;color:white;padding:11px 14px;font-size:.7rem;letter-spacing:.1em}.contact-section{position:relative;overflow:hidden}.contact-section:after{content:"↗";position:absolute;right:var(--space);bottom:-.25em;color:#18211c0a;font-size:clamp(180px,29vw,480px);line-height:1;pointer-events:none}.contact-section>*{position:relative;z-index:1}

.collection-hero{position:relative;isolation:isolate;overflow:hidden;min-height:600px;display:flex;flex-direction:column;justify-content:center;background:var(--deep);color:#f5f7f3}.collection-hero .eyebrow{color:#dce5df}.collection-hero h1{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;margin-top:34px;font-size:clamp(62px,7.7vw,122px);line-height:.94}.collection-line{display:block;overflow:hidden;padding:0 .08em .09em 0;margin-bottom:-.09em}.collection-line>span{display:block}.collection-hero .muted{color:#8fa198}.collection-hero .intro-row{position:relative;z-index:1;margin-top:44px;border-top:1px solid #ffffff2e;padding-top:28px}.collection-hero .intro-row p{color:#bdc9c2}.collection-hero .text-link{color:#f7faf6}.collection-wordmark{position:absolute;z-index:-1;right:-.04em;bottom:-.19em;color:#ffffff07;font-size:min(34vw,530px);font-weight:800;letter-spacing:-.1em;line-height:1;pointer-events:none}.collection-featured .collection-item,.collection-more .collection-item{will-change:transform,opacity}.collection-art{overflow:hidden}.collection-art img{will-change:transform}.collection-guidance{position:relative;overflow:hidden}.collection-guidance:after{content:"ZENO";position:absolute;right:-.04em;bottom:-.16em;color:#ffffff08;font-size:clamp(100px,20vw,320px);font-weight:800;letter-spacing:-.08em;pointer-events:none}.collection-guidance>*{position:relative;z-index:1}

.motion-ready [data-reveal]{opacity:0;transform:translateY(28px)}
.motion-ready .reveal{opacity:1;transform:none;transition:none}

@media(min-width:901px){.system-shell{will-change:transform}.system-panel>div{max-width:800px}.model-visual{perspective:1000px}}
@media(max-width:1100px){.brand-hero .hero-content{width:61%}.brand-hero h1{font-size:clamp(58px,6.3vw,80px)}.life-canvas{min-height:620px}.system-shell{min-height:650px}.system-head{grid-template-columns:1fr}.system-panel{grid-template-columns:42px minmax(0,1fr) minmax(225px,.7fr);gap:25px;padding-left:38px;padding-right:38px}.system-panel h3{font-size:clamp(32px,4.2vw,52px)}.system-intro{grid-template-columns:1fr minmax(260px,.68fr)}.system-media{height:min(31vh,300px)}}
@media(min-width:601px) and (max-width:1100px){.brand-hero{height:auto;max-height:none}.brand-hero .hero-content{padding-bottom:calc(56vw + 20px)}.brand-hero .hero-image{transform:none!important}.hero-scroll{display:none}}
@media(max-width:900px){.life-section{padding-top:76px}.life-heading{grid-template-columns:1fr;gap:30px}.life-heading h2{font-size:clamp(50px,9vw,78px)}.life-intro{max-width:620px}.life-canvas{min-height:0;height:auto;display:grid;grid-template-columns:1.35fr 1fr;gap:30px 22px}.life-card{position:relative;inset:auto;width:auto;height:auto}.life-card-rider{grid-column:1/-1}.life-card .life-image{height:auto;aspect-ratio:16/9}.life-card-together .life-image,.life-card-product .life-image{aspect-ratio:4/5}.life-word{font-size:22vw}.life-statement{grid-template-columns:1fr 1.3fr}.system-section{padding:70px var(--space)!important}.system-shell{height:auto;min-height:0;display:block;padding:0}.system-head{padding-bottom:37px}.system-head .section-marker{margin-bottom:30px}.system-viewport{overflow:visible;border-bottom:0}.system-track{display:block;width:auto;height:auto;transform:none!important}.system-panel{width:auto;min-height:0;display:grid;grid-template-columns:44px 1fr;gap:18px;padding:38px 0;border-right:0;border-bottom:1px solid #ffffff24}.system-panel:last-child{border-bottom:0}.system-intro{grid-template-columns:1fr;padding-top:40px}.system-intro h3{font-size:clamp(36px,7vw,58px)}.system-media{grid-column:2;height:auto;aspect-ratio:16/9;margin-top:10px}.system-intro .system-media{grid-column:1}.system-word{font-size:90px;bottom:0}.system-progress{display:none}.partner-media{height:auto;aspect-ratio:16/7}}
@media(max-width:600px){.brand-hero{min-height:760px;height:auto}.brand-hero .hero-content{padding-top:36px;padding-bottom:360px}.brand-hero h1{font-size:clamp(49px,13.2vw,69px);margin:26px 0 24px}.brand-hero .hero-intro{font-size:.94rem;line-height:1.68;max-width:350px}.brand-hero .hero-image{height:350px;object-position:71% center;transform:none!important}.brand-hero .hero-shade{background:linear-gradient(180deg,#151c19 0%,#151c19 49%,#151c19ed 56%,transparent 70%)}.hero-line{padding-right:.12em}.hero-scroll{display:none}.hero-energy{height:3px}.about-copy:before{display:none}.life-section{padding:58px 24px 52px}.life-heading h2{font-size:clamp(44px,12vw,61px);margin-top:22px}.life-intro{padding:0}.life-canvas{display:block;margin-top:38px}.life-card{margin-bottom:32px}.life-card .life-image,.life-card-together .life-image,.life-card-product .life-image{aspect-ratio:4/3}.life-card figcaption{height:auto;min-height:42px}.life-word{display:none}.life-statement{grid-template-columns:1fr;gap:18px;margin-top:20px}.life-statement strong{font-size:30px}.system-section{padding:58px 24px!important}.system-head .display-title{font-size:clamp(40px,11vw,55px)}.system-panel{grid-template-columns:31px 1fr;padding:32px 0}.system-panel h3{font-size:clamp(30px,8.5vw,42px)}.system-panel p:not(.eyebrow){margin-top:17px;line-height:1.65}.system-intro{grid-template-columns:1fr}.system-media{grid-column:1/-1;aspect-ratio:4/3;margin-top:6px}.system-word{font-size:64px;bottom:5px}.partners-section{padding-top:105px}.partner-marquee{top:24px;font-size:70px}.partner-media{margin-top:42px;aspect-ratio:4/3}.partner-media img{height:110%}.partner-media figcaption{left:12px;right:12px;bottom:12px;line-height:1.5}.model-visual:hover:after{transition:none;transform:translateX(-130%)}}
@media(prefers-reduced-motion:reduce){.hero-scroll i:after{animation:none;transform:none}.brand-hero .hero-image,.system-track,.system-progress i,.partner-marquee span,.life-card img,.system-media img,.partner-media img{transform:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}

/* 2026 motorcycle-led brand composition */
.brand-hero .hero-content{width:51%;max-width:790px}
.brand-hero .hero-image{object-position:center}
.brand-hero .hero-shade{background:linear-gradient(90deg,#101916d9 0%,#101916a8 29%,#10191624 57%,transparent 76%),linear-gradient(0deg,#0b1212a8 0%,transparent 30%)}
.life-canvas{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr);gap:clamp(22px,2.3vw,38px);align-items:end;height:auto;min-height:0}
.life-card{position:relative;inset:auto;width:auto;height:auto}
.life-card .life-image{height:auto;aspect-ratio:16/10}
.life-card-together .life-image{aspect-ratio:3/2}
.life-card img{height:108%}
.life-card-together img{object-position:center}
.models-section{overflow:hidden}
.model-visual{background:#17201e}
.model-visual img{object-fit:contain;object-position:center}
.model-visual[data-active="0"] img{object-fit:contain;object-position:center}
.model-visual[data-active="1"] img{object-fit:contain;object-position:center}
.model-visual[data-active="2"] img{object-fit:contain;object-position:center}

@media(max-width:1100px){.brand-hero .hero-content{width:56%}}
@media(max-width:900px){
 .life-canvas{grid-template-columns:1.2fr 1fr;gap:22px}
 .life-card-rider{grid-column:auto}
 .life-card .life-image{aspect-ratio:4/3}
 .life-card-together .life-image{aspect-ratio:4/3}
}
@media(max-width:600px){
 .brand-hero{min-height:680px}
 .brand-hero .hero-content{width:100%;padding-bottom:245px}
 .brand-hero .hero-image{height:245px;object-position:right center}
 .brand-hero .hero-shade{background:linear-gradient(180deg,#111917 0%,#111917 47%,#111917f2 55%,transparent 73%),linear-gradient(0deg,#0b121296 0%,transparent 42%)}
 .life-canvas{display:block}
 .life-card .life-image,.life-card-together .life-image{aspect-ratio:4/3}
 .model-visual img,.model-visual[data-active="0"] img,.model-visual[data-active="1"] img,.model-visual[data-active="2"] img{object-fit:contain;object-position:center}
 .partner-media{aspect-ratio:16/9}
 .partner-media img{height:106%;object-position:center}
}
@media(max-width:600px){.collection-hero{min-height:590px;padding-top:64px;padding-bottom:64px}.collection-hero h1{font-size:clamp(49px,13vw,70px);margin-top:28px}.collection-hero .intro-row{margin-top:35px;padding-top:23px}.collection-wordmark{font-size:62vw;bottom:-.04em;right:-.08em}}