/*
Theme Name: Конвертики
Theme URI: https://kanvertiki.ru
Author: Команда «Конвертики»
Description: Тема маркетингового сайта «Конвертики» — плоский скандинавский минимал, две тональности (тёплый зелёный «Конвертики» ↔ синий «Капитал»). Перенос дизайна с Astro-версии.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: kanvertiki
*/

/* ═══════════════════ Шрифты ═══════════════════ */
@font-face {
  font-family: 'Onest Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('fonts/onest-cyrillic-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('fonts/onest-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Lora Variable'; font-style: normal; font-display: swap; font-weight: 400 700;
  src: url('fonts/lora-cyrillic-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Lora Variable'; font-style: normal; font-display: swap; font-weight: 400 700;
  src: url('fonts/lora-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+FEFF,U+FFFD;
}

/* ═══════════════════ Токены ═══════════════════ */
:root{
  color-scheme: light;
  --paper:#f4efe6; --paper-hi:#fbf8f1; --surface:#fff; --ink:#21231e; --ink-soft:#57584f; --ink-faint:#8a897f; --line:#e7e0d1; --line-soft:#efeae0;
  --sage:#3e6b57; --sage-deep:#2f5444; --sage-tint:#dfe7dd; --sage-tint-2:#eaf0e9;
  --blue-900:#054a91; --blue-600:#3e7cb1; --blue-300:#81a4cd; --blue-50:#dbe4ee; --blue-canvas:#e7edf5;
  --orange:#f17300; --orange-soft:#fce6d2; --clay:#c07b57; --clay-tint:#f0dfd3;
  --focus-ring:0 0 0 3px rgba(62,107,87,.45);
  --font-sans:'Onest Variable',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-serif:'Lora Variable',Georgia,'Times New Roman',serif;
  --fs-50:.8125rem; --fs-100:.9375rem; --fs-200:1rem;
  --fs-300:clamp(1.0625rem,1.02rem + .22vw,1.1875rem);
  --fs-400:clamp(1.25rem,1.16rem + .45vw,1.5rem);
  --fs-500:clamp(1.5rem,1.3rem + 1vw,2.125rem);
  --fs-600:clamp(1.9rem,1.5rem + 2vw,2.75rem);
  --fs-700:clamp(2.4rem,1.7rem + 3.4vw,4rem);
  --fs-800:clamp(2.9rem,1.9rem + 4.6vw,5rem);
  --lh-tight:1.06; --lh-snug:1.22; --lh-base:1.65; --tracking-tight:-0.025em; --tracking-wide:.14em;
  --container:1140px; --container-narrow:720px; --gutter:clamp(1.125rem,4vw,2.25rem); --section-y:clamp(3.5rem,2.5rem + 4vw,6.5rem);
  --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-9:6rem;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-card:18px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(33,35,30,.05),0 6px 16px -10px rgba(33,35,30,.12);
  --shadow-md:0 2px 4px rgba(33,35,30,.05),0 18px 40px -22px rgba(33,35,30,.22);
  --dur-fast:120ms; --dur:200ms; --ease:cubic-bezier(.22,.61,.36,1); --z-header:100;
}

/* ═══════════════════ База ═══════════════════ */
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-sans);font-size:var(--fs-200);line-height:var(--lh-base);color:var(--ink);background:var(--paper);min-height:100svh;text-rendering:optimizeLegibility;font-synthesis-weight:none}
img,picture,svg,video{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}
ul[role='list'],ol[role='list']{list-style:none;padding:0}
a{color:inherit;text-decoration:none}
:where(h1,h2,h3,h4){font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);text-wrap:balance}
p{text-wrap:pretty}
::selection{background:var(--sage);color:#fff}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}
.skip-link{position:absolute;left:1rem;top:-100px;z-index:300;background:var(--sage);color:#fff;padding:.65rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:top var(--dur) var(--ease)}
.skip-link:focus{top:1rem}
.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}

/* ═══════════════════ Раскладка ═══════════════════ */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--section-y)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-50);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft)}
.lead{font-size:var(--fs-300);line-height:1.6;color:var(--ink-soft)}

/* ═══════════════════ Кнопки ═══════════════════ */
.btn{--_bg:transparent;--_fg:var(--ink);--_bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:var(--fs-100);font-weight:500;line-height:1.2;padding:.8rem 1.4rem;border-radius:var(--radius-md);border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}
.btn:active{transform:translateY(1px)}.btn .btn__icon{flex:none}
.btn--primary{--_bg:var(--sage);--_fg:#fff}.btn--primary:hover{--_bg:var(--sage-deep)}
.btn--ghost{--_bg:var(--surface);--_fg:var(--ink);--_bd:var(--line)}.btn--ghost:hover{--_bd:var(--ink-faint);background:var(--paper-hi)}
.btn--lg{padding:1rem 1.7rem;font-size:var(--fs-200)}.btn--block{width:100%}
.btn--soon{--_bg:var(--line);--_fg:var(--ink-faint);--_bd:transparent;cursor:default;pointer-events:none}

/* ═══════════════════ Чип / карточка ═══════════════════ */
.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-50);font-weight:500;letter-spacing:.02em;padding:.35rem .75rem;border-radius:var(--radius-pill);background:var(--sage-tint);color:var(--sage-deep)}
.chip--blue{background:var(--blue-50);color:var(--blue-900)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5)}

/* ═══════════════════ Появление / полосы / кадр ═══════════════════ */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
[data-reveal].in-view{opacity:1;transform:none}
.band--paper-hi{background:var(--paper-hi)}
.band--blue{background:var(--blue-50)}
.band--sage{background:var(--sage-deep);color:#f3f1ea}
.band--ink{background:#17190f;color:#e9e7dd}
.band--sage :where(h2,h3),.band--ink :where(h2,h3){color:#fff}
.band--sage .eyebrow,.band--ink .eyebrow{color:rgba(255,255,255,.72)}
.band--sage .lead,.band--ink .lead{color:rgba(255,255,255,.8)}
.shot{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-md)}
.shot__img{display:block;width:100%;height:auto}
.shot[data-reveal]{transition-delay:.5s}

/* ═══════════════════ Шапка ═══════════════════ */
.site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--paper-hi) 88%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--ink)}
.brand__coin{width:15px;height:15px;border-radius:50%;background:var(--orange);box-shadow:inset 0 0 0 2px #d96800;flex:none}
.site-nav{display:none;align-items:center;gap:var(--space-5)}
.site-nav__list{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.6rem)}
.site-nav__link{display:inline-block;padding:.4rem .2rem;font-size:var(--fs-100);color:var(--ink-soft);transition:color var(--dur) var(--ease)}
.site-nav__link:hover,.site-nav__link[aria-current='page']{color:var(--ink)}
.menu{position:relative}
.menu__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--ink);list-style:none;cursor:pointer}
.menu__btn::-webkit-details-marker{display:none}
.menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(82vw,320px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4);display:grid;gap:var(--space-4)}
.menu__list{display:grid;gap:.15rem}
.menu__link{display:block;padding:.7rem .75rem;border-radius:var(--radius-md);color:var(--ink);font-size:var(--fs-200)}
.menu__link:hover{background:var(--paper-hi)}
@media(min-width:880px){.site-nav{display:flex}.menu{display:none}}

/* ═══════════════════ Hero ═══════════════════ */
.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,2rem + 6vw,7rem) var(--section-y);background:radial-gradient(90% 70% at 88% -10%,var(--sage-tint-2) 0%,transparent 60%),linear-gradient(180deg,var(--paper-hi) 0%,var(--paper) 55%)}
.hero__inner{max-width:62rem}
.hero__eyebrow{color:var(--sage)}
.hero__title{margin-top:var(--space-4);font-size:var(--fs-800);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.hero__mark{position:relative;color:var(--sage-deep);white-space:nowrap}
.hero__mark::after{content:'';position:absolute;left:-.06em;right:-.06em;bottom:.06em;height:.42em;z-index:-1;background:linear-gradient(90deg,var(--sage-tint) 0%,rgba(241,115,0,.28) 100%);border-radius:3px;transform-origin:left center;animation:sweep 700ms var(--ease) 250ms both}
@keyframes sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero__lead{margin-top:var(--space-6);max-width:40rem;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.55;color:var(--ink-soft)}
.hero__actions{margin-top:var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-3)}
.hero__proof{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);font-size:var(--fs-100);font-weight:500;color:var(--ink-soft)}
.hero__proof li{display:inline-flex;align-items:center;gap:.55rem}
.hero__proof-dot{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px var(--sage-tint)}

/* ═══════════════════ Method ═══════════════════ */
.method__inner{display:grid;gap:clamp(2rem,1.2rem + 4vw,4rem);align-items:center}
.method__summary{margin-top:var(--space-5);font-weight:600;font-size:var(--fs-300);color:var(--ink)}
.method__list{margin-top:var(--space-4);display:grid;gap:var(--space-3)}
.dotlist li{position:relative;padding-left:1.5rem;color:var(--ink-soft)}
.dotlist li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--sage)}
@media(min-width:900px){.method__inner{grid-template-columns:1fr 1.02fr}}

/* ═══════════════════ Mindful ═══════════════════ */
.mindful__top{display:grid;gap:clamp(1.5rem,1rem + 3vw,3rem)}
.mindful__summary{margin-top:var(--space-5);font-weight:600;font-size:var(--fs-300)}
.mindful__list{display:grid;gap:var(--space-3);align-content:center}
.mindful__shot{margin-top:clamp(2.75rem,1.8rem + 4vw,5rem)}
.mindful__cap{padding:.7rem .9rem;font-size:var(--fs-100);color:var(--ink-soft);border-top:1px solid var(--line-soft);background:var(--surface)}
@media(min-width:860px){.mindful__top{grid-template-columns:1.05fr .95fr;align-items:center}}

/* ═══════════════════ Free ═══════════════════ */
.free__head{max-width:46rem}
.free__nums{margin-top:var(--space-7);display:grid;gap:var(--space-4);align-items:center;justify-items:center;text-align:center}
.free__num{display:grid;gap:.4rem}
.free__big{font-size:var(--fs-800);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--sage-deep);font-variant-numeric:tabular-nums}
.free__big--muted{color:var(--ink-faint)}.free__big span{font-size:.32em;font-weight:600}
.free__cap{font-size:var(--fs-100);color:var(--ink-soft);max-width:22rem}
.free__vs{font-size:var(--fs-50);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint)}
.free__note{margin-top:var(--space-6);max-width:44rem;color:var(--ink-soft);font-size:var(--fs-300)}
.free__ask{margin-top:var(--space-7);max-width:44rem}
.free__ask-title{font-weight:600}
.free__ask-list{margin-top:var(--space-3);display:grid;gap:var(--space-2)}
.free__ask-list li{position:relative;padding-left:1.4rem;color:var(--ink-soft)}
.free__ask-list li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--sage)}
.free__ask-list a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:2px}
.free__ask-actions{margin-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3)}
@media(min-width:720px){.free__nums{grid-template-columns:1fr auto 1fr}}

/* ═══════════════════ Privacy / vault ═══════════════════ */
.privacy__inner{display:grid;gap:clamp(2rem,1rem + 5vw,4rem);align-items:center}
.privacy__creed{margin-top:var(--space-5);font-weight:600;font-size:var(--fs-300);color:#fff}
.privacy__q{margin-top:var(--space-4);display:grid;gap:var(--space-3)}
.privacy__q li{position:relative;padding-left:1.5rem;color:rgba(255,255,255,.82)}
.privacy__q li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.privacy__art{justify-self:center;width:100%;max-width:460px}
.vault{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:clamp(1.2rem,.8rem + 1.6vw,1.7rem);display:grid;gap:var(--space-4)}
.vault__lock{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:rgba(62,107,87,.35);color:#cfe6da}
.vault__col{display:grid;gap:.5rem}
.vault__label{font-size:var(--fs-50);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}
.vault__label--out{color:#d7d3c6}.vault__label--never{color:#f4a04f}
.vault__col ul{display:grid;gap:.3rem}
.vault__col li{position:relative;padding-left:1.2rem;color:rgba(255,255,255,.85);font-size:var(--fs-100)}
.vault__col li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}
@media(min-width:920px){.privacy__inner{grid-template-columns:1.05fr .95fr}.privacy__art{justify-self:end;max-width:420px}.vault{grid-template-columns:auto 1fr 1fr;align-items:start}}

/* ═══════════════════ AllInOne / path ═══════════════════ */
.allone__head{max-width:46rem}
.allone__head h2{color:var(--blue-900);font-family:var(--font-serif);font-weight:500}
.allone__head .eyebrow{color:var(--blue-600)}
.path{margin-top:var(--space-7);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);list-style:none;padding:0}
.path__step{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--blue-300);border-radius:var(--radius-pill);padding:.5rem .9rem .5rem .5rem;font-weight:500;font-size:var(--fs-100)}
.path__dot{width:26px;height:26px;border-radius:50%;background:var(--blue-900);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-50);font-weight:600}
.path__step:not(:last-child)::after{content:'→';margin-left:.15rem;color:var(--blue-600)}
.allone__grid{margin-top:var(--space-7);display:grid;gap:clamp(1.5rem,1rem + 3vw,3rem);align-items:center}
.allone__note{color:var(--ink-soft);font-size:var(--fs-300)}
.allone__shot{justify-self:center;max-width:460px;width:100%}
@media(min-width:860px){.allone__grid{grid-template-columns:1fr .9fr}.allone__shot{justify-self:end}}

/* ═══════════════════ Premium ═══════════════════ */
.premium__inner{display:grid;gap:clamp(1.5rem,1rem + 3vw,3rem);align-items:center}
.premium__copy .eyebrow{display:block}
.premium__copy h2{color:var(--blue-900);font-family:var(--font-serif);font-weight:500}
.premium__summary{margin-top:var(--space-5);font-weight:600;font-size:var(--fs-300)}
.premium__soon{margin-top:var(--space-4);font-size:var(--fs-100);color:var(--ink-soft)}
.premium__soon a{color:var(--blue-900);text-decoration:underline;text-underline-offset:2px}
.premium__list{display:grid;gap:var(--space-3);grid-template-columns:1fr}
.premium__item{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:.8rem 1rem;font-weight:500}
.premium__tick{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-50);color:var(--blue-900)}
@media(min-width:720px){.premium__list{grid-template-columns:1fr 1fr}}
@media(min-width:920px){.premium__inner{grid-template-columns:1fr 1fr}}

/* ═══════════════════ Early ═══════════════════ */
.early__inner{max-width:44rem}
.early__actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}
.early__cta{background:#fff;color:var(--sage-deep);border:1px solid #fff}.early__cta:hover{background:var(--paper-hi)}
.early__ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.early__ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.early .btn--soon{background:rgba(255,255,255,.12);color:rgba(255,255,255,.6);border:1px solid transparent}
.early__trust{margin-top:var(--space-5);font-size:var(--fs-100);color:rgba(255,255,255,.8)}

/* ═══════════════════ Prose (статьи/страницы) ═══════════════════ */
.prose{max-width:42rem;font-size:var(--fs-300);line-height:1.75;color:var(--ink)}
.prose>*+*{margin-top:1.15em}
.prose h2{margin-top:2.2em;font-size:var(--fs-400)}
.prose h3{margin-top:1.8em;font-size:var(--fs-300);font-weight:600}
.prose p,.prose ul,.prose ol{color:var(--ink-soft)}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:2px}
.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-top:.4em}
.prose ul>li::marker{color:var(--sage)}
.prose blockquote{margin-inline:0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--sage);font-family:var(--font-serif);font-style:italic;font-size:1.05em;color:var(--ink)}
.prose img{border-radius:var(--radius-md);border:1px solid var(--line)}

/* Заголовок страницы/статьи */
.page-head{padding-block:var(--section-y) 0}
.page-head__eyebrow{color:var(--sage)}
.page-head h1{margin-top:var(--space-3);font-size:var(--fs-600)}
.post-meta{margin-top:var(--space-4);font-size:var(--fs-100);color:var(--ink-faint)}

/* Список статей */
.cards{display:grid;gap:var(--space-5);grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.cards{grid-template-columns:1fr 1fr 1fr}}
.acard{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.acard:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-sm)}
.acard h2{font-size:var(--fs-400)}
.acard__date{font-size:var(--fs-50);color:var(--ink-faint)}
.acard__excerpt{font-size:var(--fs-100);color:var(--ink-soft)}

/* ═══════════════════ Подвал ═══════════════════ */
.site-footer{margin-top:var(--space-9);background:var(--paper-hi);border-top:1px solid var(--line)}
.site-footer__inner{display:grid;grid-template-columns:1fr;gap:var(--space-7);padding-block:var(--section-y) var(--space-6)}
.site-footer__clarifier{margin-top:var(--space-4);font-weight:500;color:var(--ink)}
.site-footer__note{margin-top:var(--space-3);max-width:32rem;font-size:var(--fs-100);color:var(--ink-soft)}
.site-footer__social{display:flex;gap:var(--space-2);margin-top:var(--space-5)}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-md);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.social-link:hover{color:var(--sage-deep);border-color:var(--ink-faint)}
.site-footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-5)}
.site-footer__title{font-size:var(--fs-50);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--ink-faint);font-weight:500;margin-bottom:var(--space-3)}
.site-footer__nav ul{display:grid;gap:.6rem}
.site-footer__nav a{font-size:var(--fs-100);color:var(--ink-soft);transition:color var(--dur) var(--ease)}
.site-footer__nav a:hover{color:var(--ink)}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center;justify-content:space-between;padding-block:var(--space-5);border-top:1px solid var(--line);font-size:var(--fs-100);color:var(--ink-soft)}
.site-footer__meta{display:flex;align-items:center;gap:var(--space-3)}
@media(min-width:720px){.site-footer__inner{grid-template-columns:1.4fr 2fr;gap:var(--space-9)}.site-footer__nav{grid-template-columns:repeat(3,1fr)}}

@media(prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none;transition:none}
  .hero__mark::after{animation:none;transform:none}
  html{scroll-behavior:auto}
}