/* Вокруг — токены, шрифты, основа. Арт-дирекция: «редакционная карта путешественника». */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/playfair-display-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/playfair-display-latin-wght-normal.woff2) format("woff2");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/playfair-display-cyrillic-wght-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/playfair-display-latin-wght-italic.woff2) format("woff2");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/golos-text-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/golos-text-latin-wght-normal.woff2) format("woff2");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Caveat";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin-wght-normal.woff2) format("woff2");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#F3ECDD; --paper-2:#EBE1CB; --paper-3:#FBF7EC; --ink:#17382F; --ink-2:#3C574D; --ink-3:#586C62;
  --line:#D9CDB2; --line-2:#C9BB9C; --accent:#B94A22; --accent-2:#9F3E1A; --accent-soft:#F1D5C6; --gold:#C79A2B; --gold-soft:#F0E0AF;
  --ok:#2F7A4B; --bad:#A83A2B; --shadow:0 1px 0 rgba(23,56,47,.05),0 10px 30px -12px rgba(23,56,47,.28);
  --serif:"Playfair Display","PT Serif",Georgia,"Times New Roman",serif; --sans:"Golos Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --hand:"Caveat","Segoe Print",cursive;
  --panel-w:410px; --bar-h:60px; --r:14px; --r-s:9px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .28  0 0 0 0 .15  0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --hatch:repeating-linear-gradient(-45deg,rgba(23,56,47,.09) 0 1px,transparent 1px 6px);
  color-scheme:light;
}
[data-theme=night]{
  --paper:#0F1B18; --paper-2:#0B1512; --paper-3:#17261F; --ink:#EDE5D0; --ink-2:#C4CDBF; --ink-3:#97A89D;
  --line:#243630; --line-2:#33493F; --accent:#E07A4E; --accent-2:#F08B5C; --accent-soft:#3A241B; --gold:#E2B94A; --gold-soft:#3A3217;
  --ok:#6CC08A; --bad:#EE8C7E; --shadow:0 1px 0 rgba(0,0,0,.3),0 12px 32px -12px rgba(0,0,0,.7);
  --hatch:repeating-linear-gradient(-45deg,rgba(237,229,208,.07) 0 1px,transparent 1px 6px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font:400 15.5px/1.5 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;font-feature-settings:"kern","liga"}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.14;margin:0;letter-spacing:-.005em;text-wrap:balance}
p{margin:0}
a{color:var(--accent-2);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
img,svg{display:block;max-width:100%}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.fill{fill:currentColor;stroke:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
.hand{font-family:var(--hand);font-weight:600;letter-spacing:.01em}
.muted{color:var(--ink-3)}
.grain::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.55;pointer-events:none;mix-blend-mode:multiply;border-radius:inherit}
[data-theme=night] .grain::after{mix-blend-mode:screen;opacity:.12}
::selection{background:var(--gold-soft);color:var(--ink)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
