/* ZARYA shared design system
   Tokens measured from the frozen Home Section 1 artwork (see ASSET_PROVENANCE.md):
   paper #faf8f4, ink #081424, headline Inter ~760 / -0.045em / line pitch ~0.96. */


:root{
  --paper:#faf8f4;
  --paper-2:#f4f1ea;
  --white:#fff;
  --ink:#081424;
  --ink-2:#1a2a3f;
  --muted:#5b6a7e;          /* 5.4:1 on paper */
  --muted-2:#5f6c7e;
  --line:#e6e0d5;
  --line-2:#d8d0c2;
  --champagne:#855615;      /* text-safe gold, 5.9:1 on paper */
  --champagne-2:#c9a15e;    /* decorative only */
  --focus:#855615;
  --font:"Inter ZARYA",Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;
  --header-h:64px;
  --max:1360px;
  --gutter:clamp(20px,4vw,48px);
  --radius:22px;
  /* headline system */
  --display-weight:760;
  --display-track:-.036em;
  --display-lead:1.0;
  --h-feature:clamp(36px,5vw,72px);   /* Home S4 / S6 headlines: match S1 visual scale (DEC-02) while clearing the arcs */
  --h-section:clamp(32px,3.7vw,54px);   /* all other section headlines */
  --h-hero-m:clamp(30px,8.2vw,56px);    /* mobile hero + mobile S4/S6 (sized so 'Our responsibility' stays on one line) */
  --body-lg:clamp(16px,1.3vw,19px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 26px;border-radius:12px;font-size:15px;font-weight:620;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn--primary{background:var(--ink);color:#fff}
.btn--primary:hover{background:#13253b}
.btn--ghost{background:transparent;color:var(--ink);border-color:#b7bfca}
.btn--ghost:hover{border-color:var(--ink)}
.btn--sm{min-height:44px;padding:0 20px;font-size:14px}
.btn svg{width:16px;height:16px;flex:none}
.btn:active{transform:translateY(1px)}
.textlink{display:inline-flex;align-items:center;gap:8px;font-weight:620;border-bottom:1px solid var(--ink);padding-bottom:3px;min-height:44px}

/* ---------- type ---------- */
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}
.display{word-spacing:.09em;font-weight:var(--display-weight);letter-spacing:var(--display-track);line-height:var(--display-lead);color:var(--ink);font-size:var(--h-section);text-wrap:balance}
.display--feature{font-size:var(--h-feature)}
.lede{font-size:var(--body-lg);line-height:1.55;color:var(--muted);max-width:34em}
.fine{font-size:12.5px;line-height:1.55;color:var(--muted-2)}

/* ---------- layout ---------- */
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.section{padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--line)}
.section:first-of-type{border-top:0}

/* art frame shared by Home 1 / 4 / 6 */
.art-frame{position:relative;width:100%;max-width:1440px;margin:0 auto;background:var(--paper);overflow:hidden}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.ln{display:block}
.display--feature{line-height:.97}