/* Website v1.2.2 homepage-preview variables only. Approved brand/UI tokens stay unchanged. */
:root{
 --site-paper:var(--yon-brand-white);--site-ink:var(--yon-brand-black);--site-muted:var(--yon-brand-muted);
 --site-field:var(--yon-brand-cuo-gray);--site-signal:var(--yon-brand-cuo-green);
 --site-rule:var(--yon-canvas-workbench);--site-font:var(--yon-font-ui);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;
 --space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
 --site-gutter:clamp(24px,5.55vw,96px);--site-max:1280px;--site-section:104px;--site-header:96px;--site-logo-width:140px;
 --type-display:clamp(48px,5.5vw,80px);--line-display:1.15;--tracking-display:-.045em;--weight-display:500;
 --type-section:56px;--line-section:1.14;--tracking-section:-.045em;
 --type-lead:20px;--line-lead:1.6;--type-body:16px;--line-body:1.65;--type-small:13px;--line-small:1.5;
 --type-number:128px;--line-number:1;--weight-title:500;--measure-body:38em;--measure-label:26em;
 --site-target:48px;--site-radius:var(--yon-radius-card);--site-border:var(--yon-border-width);
 --site-fast:150ms;--site-ease:cubic-bezier(0,0,.2,1);
 --hero-pad-top:clamp(24px,4svh,48px);--hero-pad-bottom:clamp(24px,4svh,48px);--hero-gap:12px;
 --hero-lead-gap:20px;--hero-lead-size:18px;
}
html[lang="en"]{--type-display:clamp(64px,6.8vw,100px);--line-display:1.05;--tracking-display:-.06em;--tracking-section:-.05em;--site-logo-width:72px}
@media(max-width:1000px){
 :root{--site-section:80px;--site-header:88px;--type-section:44px;--type-number:100px;--site-gutter:32px;--type-display:clamp(40px,6.2vw,58px);--site-logo-width:128px;--hero-lead-size:17px}
 html[lang="en"]{--type-display:clamp(56px,7.9vw,80px);--site-logo-width:68px}
}
@media(max-width:760px){
 :root{--type-display:44px;--hero-pad-top:28px;--hero-pad-bottom:28px;--hero-lead-gap:16px;--site-logo-width:116px}
 html[lang="en"]{--type-display:64px;--site-logo-width:60px}
}
@media(max-width:600px){
 :root{--site-gutter:24px;--site-header:76px;--site-section:64px;--type-display:40px;--line-display:1.15;--tracking-display:-.045em;--type-section:34px;--line-section:1.2;--type-lead:17px;--type-number:80px;--hero-lead-size:16px;--site-logo-width:112px;--hero-gap:8px}
 html[lang="en"]{--type-display:58px;--line-display:1.03;--type-section:36px;--site-logo-width:52px}
}
@media(max-width:360px){
 :root{--site-gutter:22px;--type-display:34px;--type-section:31px;--type-number:72px;--site-logo-width:112px;--hero-pad-top:20px;--hero-pad-bottom:20px;--hero-lead-size:15px}
 html[lang="en"]{--type-display:50px;--type-section:32px;--site-logo-width:48px}
}
@media(max-height:700px){:root{--hero-pad-top:20px;--hero-pad-bottom:20px;--hero-lead-gap:12px}}
@media(max-height:620px) and (min-aspect-ratio:4/3){
 :root{--type-display:34px;--hero-pad-top:12px;--hero-pad-bottom:16px;--hero-gap:8px;--hero-lead-size:14px}
 html[lang="en"]{--type-display:46px}
}
@media(prefers-reduced-motion:reduce){:root{--site-fast:0ms}}

/* Value layout only. Typography inherits the site's existing section/lead roles. */
:root{
 --section-lead-gap:24px;
 --value-column-gap:64px;--value-pad-top:80px;--value-heading-gap:56px;
 --value-art-gap:32px;--value-art-width:280px;--type-value-label:16px;
}
@media(max-width:1000px){:root{--value-column-gap:40px;--value-pad-top:64px;--value-heading-gap:48px;--value-art-gap:24px}}
@media(max-width:760px){:root{--section-lead-gap:20px;--value-column-gap:24px;--value-pad-top:48px;--value-heading-gap:32px;--value-art-gap:12px;--type-value-label:15px}}
@media(max-width:360px){:root{--value-art-gap:8px;--type-value-label:14px}}