/* NARTOS — основа: шрифты, токены, типографика */

@font-face{font-family:'Unbounded';src:url('../fonts/unbounded-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Unbounded';src:url('../fonts/unbounded-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Geologica';src:url('../fonts/geologica-500-cyrillic.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:'Geologica';src:url('../fonts/geologica-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Geologica';src:url('../fonts/geologica-600-cyrillic.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:'Geologica';src:url('../fonts/geologica-600-latin.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-400-cyrillic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-500-cyrillic.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-600-cyrillic.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-600-latin.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{
  /* бумага и чернила */
  --paper:#F6F3EE;
  --paper-2:#EFE9E0;
  --sand:#E6DCCD;
  --ink:#15120E;
  --ink-2:#3D362E;
  --ink-3:#736A5E;
  --line:#DDD4C6;

  /* акцент — кирпич */
  --brick:#C63F17;
  --brick-dark:#9B2F0F;
  --brick-soft:rgba(198,63,23,.09);

  /* тёмная секция */
  --coal:#17130F;
  --coal-2:#231D17;

  --wrap:1240px;
  --r:14px; --r-l:22px; --r-xl:32px;
  --ease:cubic-bezier(.2,.75,.25,1);
  --shadow:0 2px 4px rgba(21,18,14,.04), 0 12px 28px rgba(21,18,14,.07);
  --shadow-l:0 4px 8px rgba(21,18,14,.05), 0 28px 60px rgba(21,18,14,.12);
}

*,*::before,*::after{box-sizing:border-box}
/* атрибут hidden должен побеждать любой display из макета */
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Golos Text',system-ui,sans-serif;
  font-size:18px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:'Unbounded',system-ui,sans-serif;font-weight:700;line-height:1.06;letter-spacing:-.03em;margin:0}
h1{font-size:clamp(35px,4.3vw,60px)}
h2{font-size:clamp(30px,4vw,54px)}
h3{font-size:clamp(21px,2.2vw,28px);line-height:1.2}
h4{font-size:19px;line-height:1.3;letter-spacing:-.02em}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--brick);outline-offset:3px;border-radius:6px}
::selection{background:var(--brick);color:#fff}

/* служебная типографика */
.eyebrow{
  font-family:'Geologica',sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--brick);
  display:inline-flex;align-items:center;gap:9px;
}
.eyebrow::before{content:'';width:26px;height:2px;background:var(--brick);flex:0 0 auto}
.lead{font-size:clamp(19px,2vw,23px);line-height:1.55;color:var(--ink-2)}
.muted{color:var(--ink-3)}
.accent{color:var(--brick)}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
section{position:relative}

/* «бумажная» фактура — едва заметное зерно, без картинок */
body::before{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;
  background-image:radial-gradient(rgba(21,18,14,.055) 1px,transparent 1px);
  background-size:3px 3px;
}
.site{position:relative;z-index:2}

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