@font-face{font-family:Kurale;src:url(../fonts/kurale-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:Kurale;src:url(../fonts/kurale-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:Manrope;src:url(../fonts/manrope-var-cyrillic.woff2) format("woff2");font-weight:200 800;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:Manrope;src:url(../fonts/manrope-var-latin.woff2) format("woff2");font-weight:200 800;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF;font-display:swap}

:root{
  --terra:#b34924;      /* цвет логотипа */
  --terra-d:#8e3519;
  --clay:#5a2a1a;
  --sand:#efe4d6;       /* бежевый фирменный */
  --linen:#f7f1e8;
  --ink:#2a1d17;
  --muted:#6f5d52;
  --moss:#4f5b3c;       /* «возможно зелёные элементы» из брифа */
  --line:rgba(42,29,23,.14);
  --wrap:1240px;
  --g:16px;
  --hdr:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.55 Manrope,system-ui,sans-serif;color:var(--ink);background:var(--linen);overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
@media(min-width:768px){:root{--g:32px}}
@media(min-width:1280px){:root{--g:40px}}

/* шапка — фиксированная целиком */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hdr);background:var(--hdr-bg,rgba(247,241,232,.96));color:var(--hdr-fg,var(--ink));border-bottom:1px solid var(--hdr-line,var(--line))}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand .mono{width:30px;height:38px;background:currentColor;-webkit-mask:url(../img/logo-monogram.png) center/contain no-repeat;mask:url(../img/logo-monogram.png) center/contain no-repeat;color:var(--brand-c,var(--terra))}
.brand .wm{width:132px;height:40px;background:currentColor;-webkit-mask:url(../img/logo-wordmark.png) left center/contain no-repeat;mask:url(../img/logo-wordmark.png) left center/contain no-repeat}
.nav{display:none;gap:22px;font-size:14.5px;font-weight:600}
.nav a{text-decoration:none;opacity:.86}
.nav a:hover{opacity:1;color:var(--nav-h,var(--terra))}
.hdr .act{margin-left:auto;display:flex;align-items:center;gap:14px}
.tel{display:none;font-weight:700;text-decoration:none;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:700 15.5px/1 Manrope,sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn-p{background:var(--terra);color:#fff}
.btn-p:hover{background:var(--terra-d)}
.btn-o{border-color:currentColor}
.btn-o:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-sm{min-height:42px;padding:0 18px;font-size:14px}
.burger{width:44px;height:44px;border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer;padding:0}
.burger span{display:block;width:22px;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor,0 -7px 0 currentColor}
.hdr .btn-sm{display:none}
@media(min-width:560px){.hdr .btn-sm{display:inline-flex}}
@media(min-width:1200px){.nav{display:flex}.burger{display:none}}
@media(min-width:1420px){.tel{display:inline}}

/* мобильное меню */
.mnav{position:fixed;inset:var(--hdr) 0 0 0;z-index:49;background:var(--linen);color:var(--ink);padding:28px var(--g);display:none;flex-direction:column;gap:4px;overflow:auto}
.mnav.open{display:flex}
.mnav a{font:400 26px/1.25 Kurale,serif;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:20px;font-family:Manrope,sans-serif}
.mnav .mt{font:700 18px/1.4 Manrope,sans-serif;border:0;margin-top:14px}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* переключатель вариантов (служебный, на прототипе) */
.vbar{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;gap:4px;padding:4px;background:rgba(42,29,23,.86);border-radius:999px;font:600 12px/1 Manrope,sans-serif}
.vbar a{color:#fff;text-decoration:none;padding:8px 11px;border-radius:999px}
.vbar a[aria-current]{background:#fff;color:var(--ink)}