:root{
  --green-900:#0A2E2A;
  --green-800:#0E3B36;
  --green-700:#1A4F48;
  --green-200:#C9D8D4;
  --green-100:#E7EEEC;
  --paper:#FAFAF8;
  --line:#E3E5E1;
  --ink:#131816;
  --ink-2:#4A524F;
  --ink-3:#737B78;
  --surface-page:var(--paper);
  --surface-inverse:var(--green-800);
  --surface-inverse-deep:var(--green-900);
  --text-body:var(--ink-2);
  --text-heading:var(--ink);
  --text-muted:var(--ink-3);
  --text-on-inverse-muted:#B7C8C4;
  --action-primary:var(--green-800);
  --action-primary-hover:var(--green-700);
  --border-subtle:var(--line);
  --border-inverse:rgba(255,255,255,.18);
  --font-sans:'Hanken Grotesk',system-ui,sans-serif;
  --fs-display:clamp(40px,5.2vw,72px);
  --fs-h1:clamp(34px,3.8vw,52px);
  --fs-h2:clamp(26px,2.6vw,36px);
  --fs-h3:22px;
  --fs-body:15px;
  --fs-label:11px;
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --lh-tight:1.08;
  --lh-body:1.6;
  --ls-label:.14em;
  --ls-display:-.02em;
  --space-7:48px;
  --space-9:96px;
  --space-10:128px;
  --gutter:clamp(20px,3.2vw,48px);
  --container:1320px;
  --header-h:76px;
  --ease:cubic-bezier(.2,.6,.2,1);
  --dur:.25s;
  --font-heading:'Inter',sans-serif;
  --hw:300;
}
*{box-sizing:border-box;margin:0;padding:0}
footer .legal{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.linkbtn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.linkbtn:hover{color:#fff}
.cookie-banner{position:fixed;left:var(--gutter);bottom:24px;z-index:80;max-width:440px;background:var(--green-900);color:#fff;padding:22px 24px;box-shadow:0 12px 32px rgba(6,32,29,.28);font-family:var(--font-sans);opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.cookie-banner.is-in{opacity:1;transform:none}
.cookie-banner p{font-size:14px;line-height:1.55;margin:0}
.cookie-banner a{color:#fff;border-bottom:1px solid currentColor;white-space:nowrap}
.cookie-actions{display:flex;gap:10px;margin-top:16px}
.cookie-btn{flex:1;font:500 13px var(--font-sans);letter-spacing:.04em;padding:12px 16px;cursor:pointer;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);transition:background var(--dur),color var(--dur),border-color var(--dur)}
.cookie-btn:hover{border-color:#fff}
.cookie-btn.is-accept{background:#fff;color:var(--green-900);border-color:#fff}
.cookie-btn.is-accept:hover{background:var(--green-100)}
@media (max-width:600px){.cookie-banner{left:12px;right:12px;bottom:12px;max-width:none}}
@media (prefers-reduced-motion:reduce){.cookie-banner{transition:none}}