@layer tokens{
:root{
--ink:#0E0C0B;--ink-raised:#191614;--ivory:#F6F2EA;--ivory-deep:#EAE4D9;
--text-primary:#1B1816;--text-secondary-light:#6B635A;--text-secondary-dark:#A79F94;
--hairline-light:#D9D1C4;--hairline-dark:#3A342E;
--red:#B3121D;--red-on-dark:#E8545C;--cyan:#22D3EE;--backdrop:rgba(13,17,23,0.72);
--frame-on-dark:rgba(246,242,234,0.16);--frame-on-light:rgba(27,24,22,0.14);--frame-on-red:rgba(246,242,234,0.42);
--tint-on-dark:rgba(246,242,234,0.06);
--font-display:"Octin Sports Free","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--font-body:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--bg:var(--ink);--surface:var(--ink-raised);--text:var(--ivory);--text-muted:var(--text-secondary-dark);
--rule:var(--hairline-dark);--accent:var(--red-on-dark);--btn-bg:var(--ivory);--btn-text:var(--ink);
--plate-rule:var(--frame-on-dark);
--gutter:20px;--maxw:1240px;--sec-pad-y:76px;--grid-gap:30px;--nav-h:56px;
--fs-hero:42px;--fs-section:36px;--fs-product:26px;--fs-lead:17px;--fs-body:16px;
--hero-cols:minmax(0,1fr);--hdr-cols:minmax(0,1fr);--feature-cols:minmax(0,1fr);
--facts-cols:minmax(0,1fr);--footer-cols:repeat(2,minmax(0,1fr));
--nav-links:none;--card-span:6;--plate-name:28px;--vitrine-overlap:-14px;--vf-open:1.04;
--overlay-pad:0px;--overlay-w:100%;--overlay-h:var(--panel-h);--panel-h:max(320px,var(--vvh,var(--app-h)));
--gal-w:100%;--gal-w-empty:100%;--gal-stage-h:min(46vh,300px);--gal-thumb-w:96px;--gal-thumb-h:45px;--gal-plate-w:186px;
--app-h:100vh;--hero-h:calc(var(--app-h) - var(--nav-h));
--motion-open-dur:600ms;--motion-close-dur:360ms;--ease-open:cubic-bezier(0.2,0,0,1);--ease-close:cubic-bezier(0.4,0,1,1);
--motion-line-dur:440ms;--motion-stagger-start:140ms;--motion-stagger-step:50ms;--motion-added-shift:-8px;--motion-added-hold:5000ms;
--added-w:min(360px,calc(100% - var(--gutter) * 2));--motion-shift:24px;--motion-reflow-dur:200ms;--motion-fade-dur:300ms;
--basket-w:440px;--basket-pad:24px;--basket-thumb-w:96px;--basket-h:100vh;
}
@supports (height:100dvh){:root{--basket-h:100dvh}}
@media (max-width:734px){:root{--basket-w:100%;--basket-pad:16px;--basket-thumb-w:72px}}
@media (prefers-reduced-motion: reduce){:root{--motion-open-dur:0ms;--motion-close-dur:0ms;--motion-line-dur:0ms;--motion-added-shift:0px;--motion-stagger-start:0ms;--motion-stagger-step:0ms;--motion-shift:0px;--motion-reflow-dur:0ms;--motion-fade-dur:0ms}}
@supports (height:100svh){:root{--app-h:100svh}}
@media (min-width:734px){:root{
--gutter:40px;--sec-pad-y:108px;--grid-gap:34px;--nav-h:64px;
--fs-hero:60px;--fs-section:52px;--fs-product:28px;--fs-lead:19px;
--feature-cols:minmax(0,1fr) minmax(0,1fr);--facts-cols:repeat(3,minmax(0,1fr));
--footer-cols:repeat(4,minmax(0,1fr));--card-span:4;--plate-name:34px;--vitrine-overlap:-30px;--vf-open:1.05;
--overlay-pad:56px;--overlay-w:min(760px,100%);--overlay-h:auto;
--gal-w:min(880px,100%);--gal-w-empty:min(560px,100%);--gal-stage-h:min(52vh,440px);--gal-thumb-w:112px;--gal-thumb-h:52px;--gal-plate-w:240px}}
@media (min-width:735px){:root{--nav-links:flex}}
@media (min-width:1068px){:root{
--gutter:64px;--sec-pad-y:140px;--fs-hero:84px;--fs-section:68px;--fs-product:30px;--fs-lead:21px;
--hero-cols:minmax(0,1fr) minmax(0,1.04fr);--hdr-cols:minmax(0,1.1fr) minmax(0,1fr);
--card-span:3;--plate-name:42px;--vitrine-overlap:-54px;--vf-open:1.06;
--gal-w:min(1000px,100%);--gal-stage-h:min(56vh,520px)}}
:root{--cw:min(86cqw, 170cqh);--cw-mx:-0.5;--cw-my:-0.2;--hl-size:22px;--deck-gap:24px;--tab-meta:none;--tab-name:14px;--tab-gap:12px;--hero-height:auto;--hero-minh:var(--hero-h);--stage-h:64vw}
@media (min-width:734px){:root{--cw:min(60cqw, 180cqh);--cw-mx:-0.615;--cw-my:-0.245;--hl-size:26px;--deck-gap:28px;--tab-meta:block;--tab-name:16px;--tab-gap:24px;--hero-height:max(var(--hero-h), 440px);--hero-minh:440px;--stage-h:auto}}
@media (min-width:1068px){:root{--cw:min(62cqw, 184cqh);--hl-size:30px;--deck-gap:32px;--tab-name:18px;--tab-gap:40px}}
@media (max-height:560px){:root{--gal-stage-h:min(38vh,220px);--gal-thumb-w:92px;--gal-thumb-h:43px}}
@property --ink{syntax:'<color>';inherits:true;initial-value:#0E0C0B}
@property --ink-raised{syntax:'<color>';inherits:true;initial-value:#191614}
@property --hairline-dark{syntax:'<color>';inherits:true;initial-value:#3A342E}
:root{--account-w:400px;--account-right:var(--gutter);--account-pad:28px}
@media (max-width:734px){:root{--account-w:100%;--account-right:0px;--account-pad:20px}}
:root{--card-name:16px;--card-title:15px;--card-price:17px;--card-gap:28px 14px}
@media (min-width:734px){:root{--card-name:18px;--card-title:16px;--card-price:18px;--card-gap:36px 20px}}
:root{--feat-gap-x:56px;--feat-pad-l:0px;--tab-cols:repeat(auto-fit,minmax(96px,1fr));--tab-flow:row;--tab-row-gap:14px}
@media (min-width:734px){:root{--tab-cols:none;--tab-flow:column;--tab-row-gap:0px}}
@media (min-width:1068px){:root{--card-name:20px;--card-title:17px;--card-price:19px;--card-gap:44px 24px;--feat-gap-x:24px;--feat-pad-l:32px}}
:root{--ease-lux:cubic-bezier(.16,1,.3,1);--intro-d:1.35s;--rise-y:32px;--rise-blur:10px}
:root[data-motion="subtle"],:root[data-motion="off"]{--rise-blur:0px;--rise-y:18px}
}