/* ==== site.css — бүх хуудсанд нийтлэг ====
   Өнгө, фонт (:root), нав, товч, карт, хөл. Хуудас тус бүрийн нэмэлт: pages.css
   Ачаалах дараалал: site.css → pages.css → lots.js → хуудасны скрипт */
/* Layout: бүтэн өргөн кино толгой → гэрэлтдэг ангиллын мөр → мөнгөлөг картын эгнээ.
   Цэнхэр гэрэл зөвхөн үйлдэл ба явцад — бусад нь саарал, мөнгөлөг. */
:root{
  --bg:#18191C; --bg-2:#202226; --panel:#1E2024; --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --ink:#F1F3F5; --muted:#9A9FA7; --dim:#6D727A;
  /* Өргөлтийн өнгө — машины зураг солигдоход JS эдгээрийг л солино; бусад бүх өнгө эндээс тооцогдоно */
  --cyan:#58C2E8; --cyan-2:#2E8DB8; --cyan-l:#BFE8F7; --cyan-d:#174E68; --on-cyan:#06161C;
  --glow:0 0 0 1px color-mix(in srgb,var(--cyan) 55%,transparent),0 0 18px color-mix(in srgb,var(--cyan) 35%,transparent);
  --metal:linear-gradient(160deg,#F2F3F5 0%,#C9CDD3 46%,#E7E9EC 62%,#A9AEB6 100%);
  --metal-ink:#14161A; --metal-muted:#4C5159;
  --ok:#3DDC97;
  --f-d:"Oswald","Arial Narrow",Arial,sans-serif; --f-t:"Manrope","Segoe UI",Arial,sans-serif;
  --r:14px; --pill:999px; --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
  transition:--cyan .9s var(--ease),--cyan-2 .9s var(--ease),--cyan-l .9s var(--ease),--cyan-d .9s var(--ease),--on-cyan .9s var(--ease);
}
@property --cyan{syntax:'<color>';inherits:true;initial-value:#58C2E8}
@property --cyan-2{syntax:'<color>';inherits:true;initial-value:#2E8DB8}
@property --cyan-l{syntax:'<color>';inherits:true;initial-value:#BFE8F7}
@property --cyan-d{syntax:'<color>';inherits:true;initial-value:#174E68}
@property --on-cyan{syntax:'<color>';inherits:true;initial-value:#06161C}
.st-l{stop-color:var(--cyan-l)}.st-a{stop-color:var(--cyan)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.55 var(--f-t)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
h1,h2,h3{margin:0;text-wrap:balance}
.note{font-size:.75rem;color:var(--dim)}

/* ==== 1 · НАВ ==== */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:rgba(24,25,28,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.nav .wrap{display:flex;align-items:center;gap:20px;min-height:64px}
.wm{font:700 1.35rem/1 var(--f-d);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.wm span{color:var(--cyan);text-shadow:0 0 14px color-mix(in srgb,var(--cyan) 50%,transparent)}
.links{display:flex;gap:22px;margin-left:24px;font-size:.88rem;font-weight:600;color:var(--muted)}
.links a{color:inherit;text-decoration:none;padding-block:8px}
.links a.on{color:var(--cyan);box-shadow:0 2px 0 var(--cyan)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.search{display:flex;align-items:center;gap:8px;border-radius:var(--pill);padding:0 14px;min-height:40px;width:240px;background:rgba(0,0,0,.25);box-shadow:var(--glow);color:var(--muted);font-size:.85rem}
.search svg{width:16px;height:16px;margin-left:auto;color:var(--cyan)}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);color:var(--ink)}
.icon-btn svg{width:18px;height:18px}
@media (max-width:900px){.links,.search{display:none}}

/* ==== 2 · ТОЛГОЙ ==== */
.hero{position:relative;overflow:hidden;min-height:460px;display:grid;align-items:center;border-bottom:1px solid var(--line)}
/* Бодит машины зураг ирэх хүртэл: шөнийн зам, гэрлийн туяа — зургийг дүр эсгэхгүй */
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 70% 72%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 70%),
  linear-gradient(180deg,#3A4049 0%,#272B31 38%,#16181B 100%)}
.hero-bg::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-20%;height:60%;background:
  repeating-linear-gradient(100deg,transparent 0 120px,rgba(255,214,120,.55) 120px 124px,transparent 124px 220px);
  transform:perspective(500px) rotateX(62deg);transform-origin:bottom;opacity:.35;animation:road 6s linear infinite}
@keyframes road{to{background-position:-440px 0}}
/* Зургийн байр толгойг бүтэн дүүргэнэ, тэмдэглэгээ нь буланд — гарчигтай давхцахгүй */
.photo-slot{position:absolute;inset:14px;border-radius:18px;border:1.5px dashed rgba(255,255,255,.16);display:flex;align-items:flex-end;justify-content:flex-end;padding:14px 16px;color:rgba(255,255,255,.4);font:700 .75rem/1.4 var(--f-t);letter-spacing:.1em;text-transform:uppercase;text-align:right;pointer-events:none}
.hero-in{position:relative;padding-block:72px;text-align:center}
.hero h1{font:700 clamp(2.6rem,6.4vw,4.8rem)/1 var(--f-d);text-transform:uppercase;letter-spacing:.01em;
  background:linear-gradient(180deg,#FFFFFF 0%,#C7CCD3 70%,#9BA1AA 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:14px auto 0;color:#C9CED5;max-width:46ch;font-size:1.05rem}
.hero-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{appearance:none;border:0;cursor:pointer;font:800 .92rem/1 var(--f-t);border-radius:var(--pill);padding:14px 24px;min-height:46px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;transition:transform .16s var(--ease),box-shadow .26s var(--ease),background .26s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn-glow{background:rgba(10,12,14,.55);box-shadow:var(--glow)}
.btn-glow:hover{box-shadow:0 0 0 1px var(--cyan),0 0 26px color-mix(in srgb,var(--cyan) 55%,transparent)}
.btn-cyan{background:linear-gradient(180deg,var(--cyan),var(--cyan-2));color:var(--on-cyan);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--cyan) 80%,transparent)}
.dots{display:flex;justify-content:center;gap:6px;margin-top:30px}
.dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35)}
.dots i:first-child{width:22px;border-radius:3px;background:var(--cyan)}
@media (max-width:760px){.photo-slot{inset:10px;font-size:.75rem}}

/* ==== 3 · АНГИЛАЛ ==== */
section{padding-block:56px}
.h2{font:600 1.6rem/1.2 var(--f-d);text-transform:uppercase;letter-spacing:.02em;margin-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.h2 .badge{font:700 .8rem/1 var(--f-t);color:var(--on-cyan);background:var(--cyan);padding:6px 10px;border-radius:var(--pill);letter-spacing:0;text-transform:none}
.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:860px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Утсан дээр ангилал хажуу тийш гүйдэг нэг мөр — ганц карт доор үлдэхгүй */
/* (утасны хувилбарыг файлын төгсгөлд — «Ангилал: утас») */
.cat{appearance:none;background:linear-gradient(180deg,var(--bg-2),var(--panel));border:1px solid var(--line-2);border-radius:var(--r);padding:22px 12px 18px;display:grid;justify-items:center;gap:12px;color:var(--ink);font:700 .92rem/1 var(--f-t);cursor:pointer;transition:border-color .26s,box-shadow .26s,transform .26s var(--ease)}
.cat svg{width:56px;height:56px;color:#D8DCE1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cyan) 55%,transparent)) drop-shadow(0 0 2px color-mix(in srgb,var(--cyan) 90%,transparent))}
.cat:hover,.cat[aria-pressed="true"]{border-color:color-mix(in srgb,var(--cyan) 60%,transparent);box-shadow:0 0 22px -6px color-mix(in srgb,var(--cyan) 60%,transparent);transform:translateY(-2px)}
.cat[aria-pressed="true"]{color:var(--cyan)}
.cat small{font:600 .75rem/1 var(--f-t);color:var(--muted)}

/* ==== 4 · СУГАЛААНЫ КАРТ (мөнгөлөг металл) ==== */
.row-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.row-head .h2{margin:0}
.arrows{display:flex;gap:8px}
.arrows span{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cards{grid-template-columns:1fr}}
.card{background:var(--metal);color:var(--metal-ink);border-radius:var(--r);overflow:hidden;position:relative;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 20px 40px -26px rgba(0,0,0,.9);transition:transform .3s var(--ease),box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 26px 50px -24px rgba(0,0,0,.95),0 0 0 1px color-mix(in srgb,var(--cyan) 50%,transparent)}
.c-img{aspect-ratio:4/3;max-width:100%;display:grid;place-items:center;position:relative;background:radial-gradient(70% 50% at 50% 85%,rgba(0,0,0,.18),transparent 70%)}
.c-img .ph{font:700 .75rem/1.3 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--metal-muted);display:grid;justify-items:center;gap:8px;text-align:center}
.c-img .ph svg{width:30px;height:30px}
.c-tag{position:absolute;left:10px;top:10px;font:700 .75rem/1 var(--f-t);padding:6px 9px;border-radius:var(--pill);background:rgba(20,22,26,.85);color:#fff}
.c-left{position:absolute;right:10px;top:10px;font:600 .82rem/1 var(--f-d);letter-spacing:.03em;padding:6px 9px;border-radius:var(--pill);background:rgba(255,255,255,.7);color:var(--metal-ink)}
.c-b{padding:0 14px 16px;display:grid;gap:8px}
.c-code{font:700 .75rem/1 var(--f-t);letter-spacing:.08em;color:var(--metal-muted)}
.c-name{font:600 1.2rem/1.1 var(--f-d);text-transform:uppercase;letter-spacing:.01em}
.c-price{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--metal-muted)}
.c-price b{font:600 1.45rem/1 var(--f-d);color:var(--metal-ink);margin-left:4px}
.c-price i{font:600 1rem/1 var(--f-d);font-style:normal;color:var(--metal-ink)}
.bar{height:6px;border-radius:var(--pill);background:rgba(20,22,26,.14);overflow:hidden}
.bar span{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--cyan-2),var(--cyan));box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 80%,transparent);transition:width 1.2s var(--ease)}
.c-btn{margin-top:4px;display:flex;justify-content:center;padding:12px;border-radius:var(--pill);font:800 .88rem/1 var(--f-t);color:var(--metal-ink);background:linear-gradient(180deg,#B6BBC3,#8E949D);box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 70%,transparent),0 0 14px color-mix(in srgb,var(--cyan) 35%,transparent);cursor:pointer}
.c-btn:hover{background:linear-gradient(180deg,var(--cyan),var(--cyan-2));color:var(--on-cyan)}

/* ==== 5 · АЛХАМ (тууз) ==== */
.band{border:1px solid var(--line-2);border-radius:var(--r);padding:22px clamp(16px,3vw,32px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:linear-gradient(180deg,var(--bg-2),var(--panel))}
@media (max-width:760px){.band{grid-template-columns:1fr}}
.step{display:flex;gap:14px;align-items:flex-start}
.step svg{flex:none;width:38px;height:38px;color:var(--cyan);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 60%,transparent))}
.step b{display:block;font:600 1.05rem/1.2 var(--f-d);text-transform:uppercase;letter-spacing:.02em}
.step p{margin:4px 0 0;font-size:.86rem;color:var(--muted)}
.promo{margin-top:28px;border:1px solid var(--line-2);border-radius:var(--r);padding:22px;text-align:center;font:600 clamp(1.4rem,3.4vw,2.2rem)/1.15 var(--f-d);text-transform:uppercase}
.promo span{color:var(--cyan);text-shadow:0 0 18px color-mix(in srgb,var(--cyan) 55%,transparent)}

/* ==== 6 · ТАСАЛБАР ШАЛГАХ ==== */
.check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(18px,3vw,32px);background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 60%),var(--panel)}
@media (max-width:760px){.check{grid-template-columns:1fr}}
.check h3{font:600 1.7rem/1.1 var(--f-d);text-transform:uppercase}
.check p{color:var(--muted);margin-top:8px}
.form{display:flex;gap:10px;flex-wrap:wrap}
.field{flex:1 1 200px;display:flex;align-items:center;min-height:50px;border-radius:var(--pill);padding:0 18px;background:rgba(0,0,0,.3);box-shadow:var(--glow)}
.field input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:600 1.05rem/1 var(--f-d);letter-spacing:.1em;outline:none}
.field input::placeholder{font:500 .92rem var(--f-t);letter-spacing:0;color:var(--dim)}
.msg{margin-top:12px;min-height:1.6em;font-size:.9rem}
.res{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.res span{font:600 1.4rem/1 var(--f-d);letter-spacing:.06em;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--cyan) 8%,transparent);color:var(--cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 35%,transparent)}


/* ==== Толгой: машин бүрийн бүтэн дэлгэцийн зураг ====
   Зураг толгойг бүтэн дүүргэнэ (cover). Зүүн тал бараан — бичиг уншигдана; доод тал хуудасны өнгөнд уусна.
   Идэвхтэй зураг аажуухан томорно (Ken Burns) — амьд, кино шиг мэдрэмж. */
.hero{min-height:clamp(520px,74vh,780px)}
.hero-bg{background:linear-gradient(180deg,#22252A,#17181B)}
.hero-bg::before{display:none}
.hero-car{position:absolute;inset:0;overflow:hidden}
.hc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%;opacity:0;transform:scale(1.08);
  transition:opacity 1.1s var(--ease),transform 7s linear}
.hc.on{opacity:1;transform:scale(1)}
/* Бичгийн тал бараан + машины өнгөөр бага зэрэг будагдсан гэрэл */
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(18,19,22,.9) 0%,rgba(18,19,22,.62) 34%,rgba(18,19,22,.12) 62%,rgba(18,19,22,0) 100%),
  radial-gradient(60% 80% at 0% 100%,color-mix(in srgb,var(--cyan-d) 55%,transparent),transparent 70%),
  linear-gradient(0deg,var(--bg) 0%,transparent 26%),linear-gradient(180deg,rgba(18,19,22,.55) 0%,transparent 18%)}
.hero-in{text-align:left;z-index:1;width:100%;padding-block:96px 84px}
.hero-in p{margin-left:0}
.hero-cta{justify-content:flex-start}
.hero h1{max-width:8.2em;font-size:clamp(2.6rem,5.4vw,4.6rem);filter:drop-shadow(0 6px 24px rgba(0,0,0,.55))}
.hero-in > *{max-width:min(100%,560px)}
.hero h1 em{font-style:normal;color:var(--cyan);-webkit-text-fill-color:var(--cyan);text-shadow:0 0 28px color-mix(in srgb,var(--cyan) 45%,transparent)}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font:600 .82rem/1.2 var(--f-t);color:#C3C8CF}
.hero-meta b{display:block;font:600 1.5rem/1.1 var(--f-d);color:var(--ink);letter-spacing:.02em}
.kicker{display:inline-block;font:700 .75rem/1 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.dots{display:flex;justify-content:flex-start;gap:8px;margin-top:30px}
.dots button{appearance:none;border:0;padding:0;cursor:pointer;width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.35);transition:width .4s var(--ease),background .4s}
.dots button[aria-current="true"]{width:28px;background:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 70%,transparent)}
/* Утас: зураг дээд хэсэгт бүтэн өргөнөөр, бичиг доор нь — машин бичгийн ард орохгүй */
@media (max-width:760px){
  .hero{min-height:0;align-items:end}
  .hero-car{position:relative;inset:auto;height:clamp(220px,62vw,300px)}
  .hc{object-position:center}
  .hero::after{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 52%,transparent 72%)}
  .hero-in{padding-block:0 44px;margin-top:-28px}
}
/* ==== Картын зураг ====
   Студийн зураг цагаан/саарал дэвсгэртэй — multiply горимоор металл гадаргуутай уусна.
   Байгальд авсан зураг (.scene) хайрцгийг бүтэн дүүргэнэ. */
.c-img img{position:absolute;inset:4% 4% 2%;width:92%;height:94%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease);
  /* Студийн дэвсгэрийн ирмэгийг уусгана — тэгш өнцөгт хайрцаг харагдахгүй */
  -webkit-mask:radial-gradient(58% 54% at 50% 56%,#000 52%,transparent 96%);mask:radial-gradient(58% 54% at 50% 56%,#000 52%,transparent 96%)}
.c-img.scene img{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;-webkit-mask:none;mask:none}
.card:hover .c-img img{transform:scale(1.04) translateX(-1%)}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}
.card[hidden]{display:none}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:28px;border:1px dashed var(--line-2);border-radius:var(--r)}


/* ==== Дүрс: Phosphor duotone ====
   Хоёр давхаргатай — бүдэг дүүргэлт (opacity .2) нь цэнхэрээр гэрэлтэж, шугам нь мөнгөлөг. */
.cat svg{width:62px;height:62px;color:#E4E8EC;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 45%,transparent))}
.cat svg [opacity]{fill:var(--cyan);opacity:.35}
.cat[aria-pressed="true"] svg{color:var(--cyan)}
.cat:hover svg{transform:translateY(-2px) scale(1.04)}
.cat svg{transition:transform .3s var(--ease),color .26s}
.step svg{width:40px;height:40px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cyan) 55%,transparent))}
.step svg [opacity]{opacity:.3}
.search svg{width:17px;height:17px}
.icon-btn svg{width:22px;height:22px}
.icon-btn svg [opacity]{fill:var(--cyan);opacity:.3}
.arrows span svg{width:16px;height:16px}



/* ==== Ангилал: шилэн товч (B хувилбар) ====
   Гүдгэр шилэн хайрцаг + цагаанаас цэнхэр рүү шилжсэн дүүргэлттэй дүрс.
   Сонгоход хайрцаг бүхэлдээ цэнхэр болно — утасны апп шиг. */
.cat.gb{gap:10px;padding:20px 10px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.01))}
.cat.gb svg{width:42px;height:42px;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--cyan) 45%,transparent));color:inherit;position:relative}
.cat.gb:hover svg{transform:none}
.gf path{fill:url(#gfill)}
.orb{width:80px;height:80px;border-radius:24px;display:grid;place-items:center;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#2A2E35,#15171A);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 20px rgba(0,0,0,.45),0 14px 28px -12px rgba(0,0,0,.9);
  transition:background .35s,box-shadow .35s,transform .35s var(--ease)}
.orb::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 30% 15%,rgba(255,255,255,.22),transparent 70%)}
.cat.gb:hover .orb{transform:translateY(-3px)}
.cat.gb[aria-pressed="true"] .orb{background:linear-gradient(145deg,var(--cyan-2),var(--cyan-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -10px 20px rgba(0,0,0,.25),0 14px 30px -10px color-mix(in srgb,var(--cyan) 70%,transparent)}
.cat.gb[aria-pressed="true"] .gf path{fill:#fff}


/* ==== Ангилал: утас ====
   5 ангилал нэг мөрөнд бүгд багтана — гүйлгэх шаардлагагүй.
   Хайрцаггүй, зөвхөн шилэн товч + нэр; тоо нуугдана. */
@media (max-width:560px){
  .cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .cat.gb{padding:6px 0 4px;gap:8px;border:0;background:none;box-shadow:none;font-size:.75rem;transform:none}
  .cat.gb:hover,.cat.gb[aria-pressed="true"]{box-shadow:none;transform:none}
  .cat.gb small{display:none}
  .orb{width:min(56px,15vw);height:min(56px,15vw);border-radius:16px}
  .cat.gb svg{width:26px;height:26px}
}
footer{border-top:1px solid var(--line);padding-block:28px 44px;color:var(--dim);font-size:.82rem}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:1ms!important}}