:root{--onu-green:#B9D537;--onu-black:#090909;--onu-ink:#f3f3ed;--onu-muted:#b5b5ae;--onu-line:#343434}
body.onu-premium{background:var(--onu-black)}
.onu-editorial{background:var(--onu-black);color:var(--onu-ink);font-family:var(--font-body--family);overflow:clip}
.onu-editorial *{box-sizing:border-box}
.onu-editorial h1,.onu-editorial h2,.onu-editorial h3{color:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);text-wrap:balance}
.onu-editorial h2{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.onu-editorial h3{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.1;margin:12px 0 18px;text-transform:uppercase}
.onu-editorial p{line-height:1.65;margin:0 0 24px;max-width:58ch}
.onu-editorial .onu-kicker{font:500 .7rem/1.5 var(--font-body--family);letter-spacing:.16em;text-transform:uppercase;color:var(--onu-green);margin:0 0 22px}
.onu-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:630px;position:relative;border-bottom:1px solid var(--onu-line)}
.onu-hero-copy{padding:clamp(40px,6vw,92px) 0 clamp(40px,5vw,74px) clamp(24px,5vw,80px);position:relative;z-index:1;align-self:center}
.onu-editorial .onu-hero h1{font-size:clamp(4.5rem,8.3vw,8.5rem);line-height:.96;letter-spacing:-.035em;margin:0 0 28px;position:relative;width:max-content;max-width:calc(100vw - 40px)}
.onu-hero h1 span{color:var(--onu-green)}
.onu-editorial .onu-lead{font-size:1rem;max-width:35ch;color:var(--onu-muted);margin-bottom:30px;padding-right:16px}
.onu-hero-media{position:relative;min-width:0;background:#000}
.onu-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block;position:absolute;inset:0}
.onu-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,transparent 24%)}
.onu-photo-label{position:absolute;z-index:1;right:24px;bottom:24px;color:#fff;font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}
.onu-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.onu-editorial .onu-hero-foot{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--onu-muted);margin:42px 0 0}
.onu-editorial .onu-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:16px 22px;background:var(--onu-green);color:#090909;border:1px solid var(--onu-green);font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.onu-cta span,.onu-text-link span{font-size:19px;line-height:1}
.onu-editorial .onu-cta-outline{background:transparent;color:var(--onu-ink);border-color:#666;width:100%}
.onu-editorial .onu-text-link{display:inline-flex;align-items:center;gap:24px;color:inherit;font-size:13px;font-weight:600;min-height:48px;text-underline-offset:6px;text-decoration:underline}
.onu-jump-nav,.onu-shop-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 36px;background:#101010;border-bottom:1px solid var(--onu-line);padding:10px 24px}
.onu-jump-nav a,.onu-shop-nav a{display:flex;align-items:center;min-height:44px;color:var(--onu-ink);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.onu-shop-nav a[aria-current],.onu-shop-nav a:hover,.onu-jump-nav a:hover{color:var(--onu-green)}
.onu-panel{padding:clamp(56px,7vw,108px) clamp(20px,5vw,80px);max-width:1600px;margin:0 auto;scroll-margin-top:120px}
.onu-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}
.onu-section-head>div{max-width:70%}.onu-section-head>p{max-width:32ch;color:var(--onu-muted);font-size:14px;margin:0}
.onu-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.onu-model-card{min-width:0;border:1px solid var(--onu-line);background:#0d0d0d}
.onu-model-image{display:block;position:relative;background:#000;aspect-ratio:1.25;overflow:hidden}
.onu-model-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.onu-model-index{position:absolute;left:24px;top:22px;font-size:11px;letter-spacing:.1em;color:#ddd}
.onu-card-copy{padding:28px 32px 32px}
.onu-card-copy>p:not(.onu-kicker){color:var(--onu-muted);font-size:14px;min-height:48px}
.onu-card-copy .onu-kicker{margin-bottom:14px}
.onu-window-type{aspect-ratio:1.25;padding:24px 32px;background:var(--onu-green);color:#090909;display:flex;flex-direction:column;justify-content:space-between}
.onu-window-type>span{font-size:11px;letter-spacing:.14em}
.onu-window-type strong{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2.5rem,5.3vw,5.3rem);line-height:.96;letter-spacing:-.025em}
.onu-material-panel{border-block:1px solid var(--onu-line)}
.onu-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px;border-block:1px solid var(--onu-line)}
.onu-material-grid article{padding:34px 28px 34px 0}.onu-material-grid article+article{border-left:1px solid var(--onu-line);padding-left:28px}
.onu-material-grid h3{font-size:clamp(1.5rem,2.5vw,2rem)}
.onu-material-grid p{font-size:14px;color:var(--onu-muted);max-width:32ch}
.onu-material-symbol{display:block;font-size:12px;letter-spacing:.12em;color:var(--onu-green);margin-bottom:28px}
.onu-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;max-width:330px}
.onu-palette img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;border:1px solid #666}
.onu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;margin:0;gap:36px}
.onu-steps li{border-top:1px solid var(--onu-line);padding-top:24px}.onu-step-number{font-size:13px;letter-spacing:.1em;color:var(--onu-green)}
.onu-steps h3{font-size:1.7rem;margin-top:32px}.onu-steps p{font-size:14px;color:var(--onu-muted)}
.onu-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,112px);align-items:center;border-top:1px solid var(--onu-line)}
.onu-story-image{min-width:0;background:#000}.onu-story-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.onu-story-copy h2{margin-bottom:28px}.onu-story-copy>p:not(.onu-kicker){color:var(--onu-muted);font-size:15px}
.onu-detail-line{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--onu-line);padding:20px 0;font-size:13px}.onu-detail-line strong{text-align:right;font-weight:500;color:var(--onu-green)}
.onu-story-copy .onu-muted{font-size:12px}.onu-split-reverse .onu-story-image{order:2}
.onu-manifesto{border-block:1px solid var(--onu-line);text-align:center;padding-block:100px;background:#101010}
.onu-manifesto h2{max-width:14ch;margin:0 auto 30px;font-size:clamp(3rem,7vw,7rem)}.onu-editorial .onu-manifesto p{margin-inline:auto}.onu-manifesto>p:not(.onu-kicker){max-width:49ch;color:var(--onu-muted)}
.onu-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,8vw,120px)}.onu-faq h2{margin-bottom:24px}.onu-faq>div>p:not(.onu-kicker){color:var(--onu-muted);font-size:14px}
.onu-faq details{border-top:1px solid var(--onu-line)}.onu-faq details:last-child{border-bottom:1px solid var(--onu-line)}
.onu-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:20px 0;cursor:pointer;font-size:14px;line-height:1.5;list-style:none}.onu-faq summary::-webkit-details-marker{display:none}.onu-faq summary span{color:var(--onu-green);font-size:22px}.onu-faq details[open] summary span{transform:rotate(45deg)}
.onu-faq details p{font-size:14px;color:var(--onu-muted);max-width:52ch;padding-right:32px}
.onu-editorial a:focus-visible,.onu-editorial summary:focus-visible,.onu-shop-nav a:focus-visible{outline:2px solid var(--onu-green);outline-offset:6px}
.onu-premium .onu-selector{background:var(--onu-black);border-radius:0;padding-block:60px}
.onu-premium .onu-mouth{background:#151515;border-color:#454545;border-radius:0}
.onu-premium .onu-summary,.onu-premium .onu-titanium{border-color:#454545;border-radius:0;background:#111}
.onu-premium .onu-options select{background:#171717;border-color:#555;border-radius:0;min-height:50px}
.onu-premium .onu-summary .onu-total{font-size:26px;border-color:#454545}
.onu-premium .onu-add{border-radius:0;min-height:56px}
.onu-premium .onu-product-media{top:120px}
.onu-premium .onu-selector header>p:not(.onu-eyebrow){color:var(--onu-muted)}
.onu-premium .onu-hint,.onu-premium .onu-arch-label,.onu-premium .onu-options details p,.onu-premium .onu-gallery-hint{color:#bdbdb5}
.onu-premium .onu-mouth-heading button{min-height:44px;color:#ddd}
.onu-premium .onu-selection,.onu-premium .onu-options details{border-color:#454545}
.onu-premium .onu-swatch-circle{width:48px;height:48px}
.onu-premium .onu-options summary{min-height:48px;padding-block:12px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.onu-cta:hover{transform:translateY(-2px);box-shadow:4px 4px 0 #454545}.onu-model-image:hover img{transform:scale(1.025)}}
@media(min-width:1400px){.onu-hero{min-height:720px}}
@media(max-width:899px){.onu-hero{grid-template-columns:1fr;min-height:0}.onu-hero-copy{padding:48px 24px 32px}.onu-editorial .onu-hero h1{font-size:clamp(4rem,11vw,7rem)}.onu-hero-media{height:auto;aspect-ratio:16/10}.onu-hero-media>img{object-position:center}.onu-hero-media:after{background:linear-gradient(180deg,#090909,transparent 25%)}.onu-hero-foot{display:none}.onu-section-head{display:block}.onu-section-head>div{max-width:none}.onu-section-head>p{margin-top:24px;max-width:50ch}.onu-jump-nav{gap:0 24px}.onu-window-type strong{font-size:clamp(2.8rem,7vw,4.7rem)}.onu-card-copy{padding:24px}.onu-split{gap:32px}.onu-faq{gap:40px}.onu-premium .onu-product-media{top:auto}}
@media(max-width:599px){.onu-editorial .onu-hero h1{font-size:clamp(3.7rem,14vw,5.2rem)}.onu-hero-copy{padding-inline:20px}.onu-actions{gap:8px 20px}.onu-panel{padding:56px 20px}.onu-model-grid,.onu-split,.onu-faq{grid-template-columns:1fr}.onu-model-grid{gap:28px}.onu-window-type{aspect-ratio:1.25}.onu-window-type strong{font-size:clamp(3.6rem,14vw,5rem)}.onu-model-image{aspect-ratio:1.15}.onu-material-grid{grid-template-columns:1fr}.onu-material-grid article,.onu-material-grid article+article{padding:28px 0;border-left:0}.onu-material-grid article+article{border-top:1px solid var(--onu-line)}.onu-material-symbol{margin-bottom:16px}.onu-material-grid p{max-width:none}.onu-material-grid h3{font-size:2rem}.onu-palette{max-width:360px;gap:9px}.onu-steps{grid-template-columns:1fr;gap:24px}.onu-steps li{display:grid;grid-template-columns:36px 1fr;gap:12px}.onu-step-number{grid-row:1/3;padding-top:6px}.onu-steps h3{margin:0}.onu-steps p{grid-column:2;margin:0}.onu-story-image img{max-height:440px}.onu-split-reverse .onu-story-image{order:0}.onu-jump-nav{justify-content:space-between;gap:0;padding:8px 20px}.onu-jump-nav a{font-size:9px;letter-spacing:.06em}.onu-shop-nav{padding:4px 12px;gap:0 16px}.onu-shop-nav a{font-size:9px;letter-spacing:.03em}.onu-manifesto{padding-block:72px}.onu-premium .onu-selector{padding:28px 16px 48px}.onu-premium .onu-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}.onu-premium .onu-selector h1{font-size:42px}.onu-faq summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.onu-editorial *,.onu-selector *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}