@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/manrope-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/manrope-400-latin.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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/manrope-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/manrope-700-latin.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:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/sora-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/sora-600-latin.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}
/* Палитра и каркас разведены с соседним крэш-хабом (8124) по требованию ТЗ:
   у нас холодный сине-зелёный грунт вместо почти чёрного, кнопки без
   градиента, меню вкладками с подчёркиванием вместо пилюль, другая шкала
   заголовков и радиусов. Совпадать у двух хабов одной партии не должно
   ничего, кроме общих правил сети. */
:root{
  --ink:#08161a; --ink-2:#0c1f25; --card:#112a31; --card-2:#16353d;
  --line:rgba(158,240,26,.18); --line-2:rgba(212,240,244,.12);
  --tx:#eaf6f6; --tx-2:#a6c2c6; --tx-3:#7c9ba0;
  --lime:#9ef01a; --cyan:#37d7e6; --rose:#ff5d8f; --amber:#ffb636;
  --radius:6px; --radius-s:4px; --gut:clamp(16px,3vw,44px);
  --wide:1640px; --read:68ch; --rail:clamp(240px,20vw,300px);
  --shadow:0 18px 44px rgba(2,12,14,.55);
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--tx);
  font:400 clamp(16px,.62vw + 14.4px,17.5px)/1.62 "Manrope",
       "Segoe UI",system-ui,sans-serif;
  -webkit-text-size-adjust:100%;
  background-image:
    linear-gradient(180deg,rgba(55,215,230,.10),transparent 38%),
    radial-gradient(48rem 24rem at 100% 0,rgba(158,240,26,.08),transparent 60%);
  background-repeat:no-repeat;
}
h1,h2,h3{font-family:"Sora","Segoe UI",system-ui,sans-serif;font-weight:700;
  line-height:1.08;letter-spacing:-.035em;margin:0 0 .5em}
h1{font-size:clamp(32px,4.6vw + 8px,62px)}
h2{font-size:clamp(22px,1.1vw + 17px,28px)}
h3{font-size:clamp(17px,.5vw + 15px,19.5px)}
/* Длина строки: 66ch вместо ~100 знаков — дочитывают заметно чаще. */
p,.lead,.note p,.warn p,li{max-width:var(--read)}
p{margin:0 0 1.05em}
a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px}
a:hover{color:var(--lime)}
b,strong{font-weight:700;color:#fff}
img{max-width:100%;height:auto;display:block}
::selection{background:rgba(158,240,26,.3)}

/* --- каркас ------------------------------------------------------------ */
.wrap{width:min(100% - var(--gut)*2,var(--wide));margin-inline:auto}
.top{position:sticky;top:0;z-index:40;background:rgba(7,11,18,.86);
  box-shadow:inset 0 -1px 0 var(--line-2)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
  .top{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
.top .wrap{display:flex;align-items:center;gap:14px;
  padding:10px 0;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;
  color:var(--tx);font-family:"Sora",sans-serif;font-weight:600}
.mark img{width:34px;height:34px}
.mark span{font-size:17px;letter-spacing:-.02em}
.mark em{display:block;font-style:normal;font-size:11px;color:var(--tx-3);
  letter-spacing:.14em;text-transform:uppercase;font-weight:400}
/* Меню — вкладки с подчёркиванием, не пилюли. Высота кнопки не ниже 44px:
   ниже этого по пальцу на телефоне попадают мимо. */
.menu{display:flex;flex-wrap:wrap;gap:2px 4px;margin-left:auto}
.menu a{display:inline-flex;align-items:center;min-height:44px;
  padding:8px 12px;text-decoration:none;color:var(--tx-2);font-size:14.5px;
  font-weight:500;box-shadow:inset 0 -2px 0 transparent}
.menu a:hover{color:var(--tx);box-shadow:inset 0 -2px 0 var(--line-2)}
.menu a[aria-current]{color:var(--lime);font-weight:700;
  box-shadow:inset 0 -2px 0 var(--lime)}
@media (max-width:860px){
  .menu{order:3;width:100%;margin-left:0}
  .menu a{font-size:13.5px;padding:8px 10px}
  .mark em{display:none}
}

/* Страница во всю ширину: слева липкий рельс, справа поток разделов.
   Текст внутри потока всё равно узкий (--read): широкий макет расширяет
   таблицы, галереи и витрины, а не строку. */
main{display:block;padding-bottom:34px}
.layout{display:grid;gap:clamp(18px,2.6vw,52px);align-items:start;
  grid-template-columns:var(--rail) minmax(0,1fr)}
.rail{position:sticky;top:78px;display:grid;gap:14px;min-width:0}
.flow{min-width:0}
@media (max-width:1080px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;top:auto}
}
.sec{padding:30px 0 8px;position:relative;min-width:0}
.sec .num{font-family:"Sora",sans-serif;font-size:12.5px;color:var(--lime);
  letter-spacing:.18em;margin:0 0 6px;font-weight:600}
.sec .body{min-width:0}

/* оглавление в рельсе */
.toc{background:var(--card);border-radius:var(--radius);padding:16px 18px;
  box-shadow:inset 0 0 0 1px var(--line-2)}
.toc p.coltitle{margin-bottom:9px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;
  counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:block;padding:7px 8px;border-radius:var(--radius-s);
  font-size:14px;color:var(--tx-2);text-decoration:none;line-height:1.35}
.toc a::before{content:counter(t,decimal-leading-zero) " ";
  font-family:"Sora",sans-serif;font-size:11.5px;color:var(--tx-3);
  letter-spacing:.1em}
.toc a:hover{background:rgba(158,240,26,.10);color:var(--tx)}
.rail .btn{width:100%;justify-content:center}
.rail-note{font-size:13px;color:var(--tx-3);margin:16px 0 0}

/* --- герой ------------------------------------------------------------- */
.hero{padding:clamp(26px,5vw,58px) 0 10px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  gap:clamp(18px,3vw,54px);align-items:center}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);
  font-weight:700;margin:0 0 14px}
.kicker::before{content:"";width:22px;height:2px;background:var(--cyan)}
.lead{font-size:clamp(17px,.5vw + 16px,19.5px);color:var(--tx-2);
  max-width:60ch}
.hero .lead b{color:var(--tx)}

/* карточка фактов справа в герое */
.card{background:linear-gradient(168deg,var(--card),var(--card-2));
  border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line),
  var(--shadow);padding:20px}
.card h2,.card h3{font-size:16px;margin:0 0 12px;letter-spacing:.02em}
.facts{margin:0;display:grid;gap:9px}
.facts div{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);
  gap:10px;font-size:14.5px;align-items:baseline}
.facts dt{color:var(--tx-3);margin:0}
/* Адрес почты — единая строка без мест для переноса. На 320 под значение
   оставалось 129 px при нужных 177, и документ уезжал вбок на 12 px
   (замер WebKit 22.09; при выкатке настоящий адрес длиннее заглушки, так что
   стало бы хуже). На узких экранах подпись встаёт над значением — адрес
   умещается целиком; anywhere остаётся страховкой на строки ещё длиннее. */
.facts dd{margin:0;color:var(--tx);font-weight:500;overflow-wrap:anywhere}
@media (max-width:460px){
  .facts div{grid-template-columns:minmax(0,1fr);gap:2px}
  .facts dt{font-size:13px}}
.facts .big{font-family:"Sora",sans-serif;font-size:19px;color:var(--lime)}

/* --- кнопки ------------------------------------------------------------ */
/* Кнопка — сплошная заливка без градиента и со скруглением 6px: у соседнего
   хаба градиент под 135° и пилюля, повторять нельзя. */
.btn{display:inline-flex;align-items:center;gap:9px;min-height:48px;
  padding:13px 24px;border-radius:var(--radius);font-weight:700;
  text-decoration:none;font-size:15.5px;color:#07160a;background:var(--lime);
  box-shadow:0 8px 0 rgba(94,150,10,.55);transition:transform .14s ease,
  box-shadow .14s ease}
.btn:hover{transform:translateY(2px);color:#07160a;
  box-shadow:0 4px 0 rgba(94,150,10,.55)}
.btn::after{content:"→";font-weight:700}
.btn--ghost{background:transparent;color:var(--tx);
  box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--ghost:hover{color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}
.age{font-size:13px;color:var(--tx-3)}

/* полоса-призыв внутри текста */
.cta{margin:26px 0;padding:18px 20px;border-radius:var(--radius);
  background:linear-gradient(120deg,rgba(158,240,26,.12),
  rgba(55,215,230,.10));box-shadow:inset 0 0 0 1px var(--line);
  display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cta b{display:block;font-family:"Sora",sans-serif;font-size:17px;
  margin-bottom:3px}
.cta p{margin:0;color:var(--tx-2);font-size:14.5px;max-width:52ch}
.cta .btn{margin-left:auto}
@media (max-width:640px){.cta .btn{margin-left:0}}

/* --- блоки ------------------------------------------------------------- */
.grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 22px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Сетка из трёх карточек на планшете складывалась в 2+1 — одинокая плитка в
   последнем ряду не принимается. Поэтому тройки уходят сразу в одну колонку,
   а в две ломаются только чётные наборы. */
@media (max-width:900px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.grid,.grid--2,.grid--4{grid-template-columns:minmax(0,1fr)}}
.tile{background:var(--card);border-radius:var(--radius-s);padding:16px 17px;
  box-shadow:inset 0 0 0 1px var(--line-2)}
.tile h3{font-size:16.5px;margin:0 0 6px}
.tile p{margin:0;color:var(--tx-2);font-size:14.5px;max-width:none}
.tile .ico{width:32px;height:32px;border-radius:9px;display:grid;
  place-items:center;margin:0 0 11px;font-size:15px;
  background:rgba(158,240,26,.14);color:var(--lime)}
.tile:first-child .ico{background:rgba(55,215,230,.16);color:var(--cyan)}

.steps{counter-reset:s;display:grid;gap:12px;margin:0 0 22px;padding:0;
  list-style:none}
.steps li{position:relative;padding:14px 16px 14px 54px;
  background:var(--card);border-radius:var(--radius-s);
  box-shadow:inset 0 0 0 1px var(--line-2)}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);
  position:absolute;left:16px;top:14px;font-family:"Sora",sans-serif;
  font-size:14px;color:var(--lime)}
.steps b{display:block;margin-bottom:3px}
.steps p{margin:0;color:var(--tx-2);font-size:14.5px;max-width:none}

.note,.warn{margin:0 0 22px;padding:16px 18px;border-radius:var(--radius-s);
  background:rgba(55,215,230,.08);box-shadow:inset 0 0 0 1px rgba(55,215,230,.22)}
.warn{background:rgba(255,93,143,.09);
  box-shadow:inset 0 0 0 1px rgba(255,93,143,.26)}
.note b,.warn b{display:block;font-family:"Sora",sans-serif;font-size:16px;
  margin-bottom:5px}
.note p,.warn p{margin:0;color:var(--tx-2);font-size:15px}
.note p+p,.warn p+p{margin-top:.7em}

.tablebox{overflow-x:auto;margin:0 0 10px;border-radius:var(--radius-s);
  box-shadow:inset 0 0 0 1px var(--line-2)}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:14.5px}
th,td{text-align:left;padding:11px 14px;vertical-align:top}
thead th{font-family:"Sora",sans-serif;font-size:13px;color:var(--tx-3);
  letter-spacing:.06em;text-transform:uppercase;background:var(--ink-2)}
tbody tr+tr td{box-shadow:inset 0 1px 0 var(--line-2)}
td b{color:var(--lime);font-weight:600}
.cap{font-size:13.5px;color:var(--tx-3);margin:0 0 22px}

details{background:var(--card);border-radius:var(--radius-s);margin:0 0 9px;
  box-shadow:inset 0 0 0 1px var(--line-2)}
summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;
  font-family:"Sora",sans-serif;font-size:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--lime);font-weight:700}
details[open] summary::after{content:"–"}
details p{margin:0;padding:0 16px 15px;color:var(--tx-2);max-width:none}

/* соседние игры */
.next{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 10px}
@media (max-width:760px){.next{grid-template-columns:minmax(0,1fr)}}
.next a{display:block;text-decoration:none;color:var(--tx);padding:14px 16px;
  border-radius:var(--radius-s);background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line-2)}
.next a:hover{box-shadow:inset 0 0 0 1px var(--lime)}
.next b{display:block;font-family:"Sora",sans-serif;font-size:16px}
.next span{font-size:14px;color:var(--tx-2)}

/* Витрина первого экрана: флагман крупно, три соседние игры плитками.
   Нарисованная полоса-абстракция отсюда убрана — она ничего не говорила
   о сайте и никуда не вела (разбор владельца 22.09). */
.showcase{display:grid;gap:12px;min-width:0}
.showcase__top{display:block;position:relative;text-decoration:none;
  color:var(--tx);border-radius:var(--radius);overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow);
  transition:transform .16s ease,box-shadow .16s ease}
.showcase__top:hover{transform:translateY(-3px);color:var(--tx);
  box-shadow:inset 0 0 0 1px var(--lime),0 18px 34px rgba(3,6,12,.55)}
.capa--hero{border-radius:0;box-shadow:none}
.showcase__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;
  display:grid;gap:2px;
  background:linear-gradient(180deg,transparent,rgba(4,14,17,.88) 55%)}
.showcase__cap b{font-family:"Sora",sans-serif;font-size:19px}
.showcase__cap span{font-size:13.5px;color:var(--tx-2)}
.showcase__row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.minitile{display:block;text-decoration:none;color:var(--tx);
  border-radius:var(--radius-s);overflow:hidden;background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .16s ease,
  box-shadow .16s ease}
.minitile:hover{transform:translateY(-2px);color:var(--tx);
  box-shadow:inset 0 0 0 1px var(--lime)}
.minitile img{width:100%;aspect-ratio:3/2;object-fit:cover}
.minitile b{display:block;font-family:"Sora",sans-serif;font-size:13.5px;
  padding:8px 10px 0;line-height:1.25}
.minitile span{display:block;font-size:12px;color:var(--tx-2);
  padding:2px 10px 9px}
@media (max-width:520px){.showcase__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .minitile:last-child{display:none}}

/* Полка игр под первым экраном — то, что раньше было полосой-заставкой */
.shelf{padding:6px 0 4px}
.shelf__title{font-family:"Sora",sans-serif;font-size:12.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--tx-3);
  margin:0 0 12px;font-weight:600}
.shelf__row{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1240px){.shelf__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.shelf__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.shelf__item{display:block;text-decoration:none;color:var(--tx);
  border-radius:var(--radius-s);overflow:hidden;background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .16s ease,
  box-shadow .16s ease}
.shelf__item:hover{transform:translateY(-3px);color:var(--tx);
  box-shadow:inset 0 0 0 1px var(--lime),0 14px 26px rgba(3,6,12,.5)}
.shelf__item img{width:100%;aspect-ratio:3/2;object-fit:cover}
.shelf__item b{display:block;font-family:"Sora",sans-serif;font-size:14px;
  padding:9px 11px 0}
.shelf__item span{display:block;font-size:12.5px;color:var(--tx-2);
  padding:2px 11px 10px}
/* Обложка игры: один формат 3:2 у всех одиннадцати. Раньше у каждой игры
   была своя пропорция под исходник — витрина рассыпалась на баннеры,
   значки и кадры экрана, и владелец 22.09 забраковал именно это. */
.capabox{margin:0;display:grid;gap:9px}
.capa{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line-2),
  var(--shadow)}
.capabox figcaption{font-size:13px;color:var(--tx-3)}

/* Галерея официальных кадров игрового экрана */
.galeria{display:grid;gap:12px;margin:0 0 22px;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.galeria--1{grid-template-columns:minmax(0,1fr)}
.galeria--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.galeria,.galeria--2{grid-template-columns:minmax(0,1fr)}}
.galeria figure{margin:0}
.galeria img{width:100%;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--line-2)}
.galeria--art img{aspect-ratio:3/2}
.galeria figcaption{font-size:13px;color:var(--tx-3);margin-top:7px}

/* витрина обложек на хабе: четыре в ряд, ряды всегда полные */
.capas{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 22px}
@media (max-width:1240px){.capas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.capas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.capas{grid-template-columns:minmax(0,1fr)}}
.capa-card{display:block;text-decoration:none;color:var(--tx);
  background:var(--card);border-radius:var(--radius-s);overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .16s ease,
  box-shadow .16s ease}
.capa-card:hover{transform:translateY(-3px);color:var(--tx);
  box-shadow:inset 0 0 0 1px var(--lime),0 14px 28px rgba(3,6,12,.5)}
.capa-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.capa-card b{display:block;font-family:"Sora",sans-serif;font-size:15.5px;
  padding:12px 14px 0}
.capa-card span{display:block;font-size:13.5px;color:var(--tx-2);
  padding:2px 14px 14px}
.capa-card--info{display:flex;flex-direction:column;justify-content:center;
  min-height:120px;background:linear-gradient(140deg,rgba(158,240,26,.14),
  rgba(55,215,230,.10))}
.capa-card--info b{padding-top:0}

/* Схема нарисована 1200×675: шире этого её не растягиваем, иначе линии
   плывут. Широкий макет расширяет таблицы и галереи, а не чертёж. */
.fig{margin:0 0 22px;max-width:1000px}
.fig img{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line-2)}
.fig figcaption{font-size:13.5px;color:var(--tx-3);margin-top:8px;
  max-width:var(--read)}
.coltitle{font-family:"Sora",sans-serif;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--lime);margin:0 0 10px;font-weight:600}

/* --- подвал ------------------------------------------------------------ */
.foot{margin-top:38px;padding:30px 0 40px;
  box-shadow:inset 0 1px 0 var(--line-2);background:var(--ink-2)}
.foot .cols{display:grid;gap:18px;
  grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
@media (max-width:860px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.foot .cols{grid-template-columns:minmax(0,1fr)}}
.foot h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lime);margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.foot a{color:var(--tx-2)}
.foot a:hover{color:var(--lime)}
.foot p{font-size:13.5px;color:var(--tx-3);max-width:70ch}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;
  background:rgba(255,182,54,.16);color:var(--amber);font-weight:700;
  font-size:12.5px;margin-bottom:10px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;
    scroll-behavior:auto!important}
}