/* bs222.info — Seal kit 222. Nitrile torus, amber polycarbonate kit lid, engineering drawing sheet, size-ladder nav. */
:root{
  --bg:#ECEAE3;--sheet:#FAF9F5;--sheet-2:#F3F1EA;--ink:#17191C;--ink-2:#4B4E53;--line:#D3CEC2;--line-2:#A9A294;
  --amber:#E3A01A;--amber-2:#F1BE52;--amber-d:#8F6206;--fkm:#1D6A4D;--fkm-2:#E1ECE5;--sil:#BF3A22;--epdm:#3E4F8C;
  --case:#1C1F23;--case-2:#262A30;--case-3:#323840;--on:#EDEBE4;--on-2:#AEB2B8;
  --f-disp:"Jura","Mina",system-ui,sans-serif;--f-body:"Afacad","Baloo Da 2",system-ui,sans-serif;
  --wrap:1240px;--gut:16px;--r:6px;
  color-scheme:light;
}
.lang-bn{--f-disp:"Mina","Jura",system-ui,sans-serif;--f-body:"Baloo Da 2","Afacad",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.125rem/1.6 var(--f-body);overflow-x:clip;
  background-image:radial-gradient(circle at 1px 1px,rgba(23,25,28,.07) 1px,transparent 1.4px);background-size:22px 22px}
.lang-bn body,body.lang-bn{line-height:1.75;font-size:1.0625rem}
img,svg{max-width:100%}
a{color:var(--fkm);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--epdm);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--f-disp);color:var(--ink);margin:0}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:700px){:root{--gut:28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--on);padding:12px 16px;border-radius:var(--r);font-weight:700}
.skip:focus{top:12px}

/* torus: CSS O-ring (nitrile by default) */
.torus{--s:40px;--c:#17191C;--hi:#5A6068;display:inline-block;flex:none;width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 50% 50%,transparent 0 42%,var(--c) 43%,var(--hi) 57%,var(--c) 70%,transparent 71%),
    radial-gradient(circle at 36% 30%,rgba(255,255,255,.55),transparent 22%) padding-box;
  -webkit-mask:radial-gradient(circle,transparent 0 42%,#000 43% 70%,transparent 71%);mask:radial-gradient(circle,transparent 0 42%,#000 43% 70%,transparent 71%)}
.torus.sm{--s:22px}.torus.xs{--s:16px}
.torus.m0{--c:#17191C;--hi:#5A6068}.torus.m1{--c:#9E2F1B;--hi:#E0664D}.torus.m2{--c:#1A5A41;--hi:#4E9A78}.torus.m3{--c:#B37A0C;--hi:#F2C35C}

/* ============ header: brand row + size-ladder nav ============ */
.hd{position:sticky;top:0;z-index:40;background:var(--case);color:var(--on);border-bottom:3px solid var(--amber)}
.hd-top{display:flex;align-items:center;gap:12px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--on);text-decoration:none;min-height:44px;margin-right:auto}
.brand:hover{color:var(--on)}
.brand .torus{--s:36px;--c:#8F6206;--hi:#F5C765;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.brand:hover .torus{transform:rotate(90deg) scale(1.06)}
.bw{display:flex;flex-direction:column;line-height:1.1}
.bw b{font:700 1.45rem/1 "Jura",sans-serif;letter-spacing:.02em}
.bw small{font:500 .78rem/1.3 var(--f-body);color:var(--on-2);margin-top:3px}
.lang-bn .bw small{font-size:.82rem;line-height:1.5}
.mtog{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(237,235,228,.3);background:transparent;color:var(--on);font:600 .95rem/1 var(--f-body);cursor:pointer}
.mt-i{width:20px;height:20px;border-radius:50%;border:4px solid var(--amber);transition:transform .25s,border-width .25s}
.mtog[aria-expanded=true] .mt-i{border-width:10px;transform:scale(.8)}
.mt-l{white-space:nowrap}
.snav{display:none}
.hd.open .snav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--case-2);border-bottom:3px solid var(--amber);padding:14px var(--gut) 18px;max-height:calc(100dvh - 70px);overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.ladder a{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:var(--r);background:var(--case-3);color:var(--on);text-decoration:none;font:600 1rem/1.25 var(--f-body);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -2px 0 rgba(0,0,0,.3)}
.ladder a i{--d:calc(10px + var(--k) * 2px);flex:none;width:var(--d);height:var(--d);border-radius:50%;border:3px solid #0C0D0F;box-shadow:0 0 0 1px #5A6068,inset 0 0 0 1px #5A6068}
.ladder a:hover{background:#3B4149}
.ladder a[aria-current=page]{background:var(--amber);color:var(--ink)}
.ladder a[aria-current=page] i{border-color:var(--ink);box-shadow:none}
.snav-play{display:flex;align-items:center;justify-content:center;margin-top:10px;min-height:50px;border-radius:var(--r);background:var(--amber);color:var(--ink);font:700 1.05rem/1 var(--f-disp);text-decoration:none}
.hd-tools{display:flex;align-items:center;gap:8px}
.hd-play{display:none}
.lsw{display:flex;border-radius:999px;border:1.5px solid rgba(237,235,228,.3);padding:2px}
.lsw a{display:inline-flex;align-items:center;min-height:40px;min-width:44px;justify-content:center;padding:0 10px;border-radius:999px;color:var(--on);text-decoration:none;font:600 .9rem/1 var(--f-body)}
.lsw a[aria-current=true]{background:var(--on);color:var(--ink)}
.lsw a:not([aria-current=true]):hover{background:rgba(255,255,255,.1)}
@media (max-width:420px){.bw small{display:none}.mt-l{display:none}.mtog{padding:0}}
@media (max-width:360px){.hd-top{gap:8px}.brand{gap:8px}.brand .torus{--s:30px}.bw b{font-size:1.25rem}.lsw a{padding:0 7px;font-size:.84rem}.hd-tools{gap:6px}}
@media (min-width:980px){
  .hd-top{flex-wrap:wrap;column-gap:20px;min-height:0;padding-top:8px}
  .brand{order:1}.hd-tools{order:2}.snav{order:3}
  .mtog{display:none}
  .snav{display:block;width:100%;margin-top:6px}
  .ladder{display:flex;gap:0;border-top:1px solid rgba(237,235,228,.12)}
  .ladder li{flex:1 1 0;min-width:0}
  .ladder a{background:transparent;box-shadow:none;border-radius:0;justify-content:center;min-height:50px;padding:6px 10px;font-size:.98rem;border-right:1px solid rgba(237,235,228,.1);border-bottom:3px solid transparent;margin-bottom:-3px}
  .ladder li:first-child a{border-left:1px solid rgba(237,235,228,.1)}
  .ladder a:hover{background:var(--case-2)}
  .ladder a[aria-current=page]{background:transparent;color:var(--amber-2);border-bottom-color:var(--on)}
  .ladder a[aria-current=page] i{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-2)}
  .snav-play{display:none}
  .hd-play{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--amber);color:var(--ink);font:700 .98rem/1 var(--f-disp);text-decoration:none}
  .hd-play:hover{background:var(--amber-2);color:var(--ink)}
}

/* ============ buttons ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;font:700 1.05rem/1.2 var(--f-disp);text-decoration:none;text-align:center;transition:transform .15s,background .15s}
.lang-en .btn{letter-spacing:.02em}
.btn-amber{background:var(--amber);color:var(--ink);box-shadow:inset 0 -3px 0 var(--amber-d)}
.btn-amber:hover{background:var(--amber-2);color:var(--ink)}
.btn-line{border:2px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--on)}
.btn:active{transform:translateY(1px)}

/* ============ home hero ============ */
.hero{padding:28px 0 36px}
.hero-g{display:grid;gap:28px}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--sheet);box-shadow:inset 0 0 0 1px var(--line);font:600 .95rem/1.3 var(--f-body);color:var(--ink-2)}
.hero h1{font-weight:700;font-size:clamp(2rem,1.2rem + 3.6vw,3.5rem);line-height:1.06;letter-spacing:-.01em;text-wrap:balance}
.lang-bn .hero h1{font-size:clamp(1.8rem,1.1rem + 3vw,3rem);line-height:1.4;letter-spacing:0}
.lead{margin-top:16px;font-size:1.2rem;color:var(--ink-2);max-width:62ch}
.lead p{margin:0 0 .6em}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.spec{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line-2);max-width:560px}
.spec li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}
.spec li::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:3.5px solid var(--fkm)}
.spec li:nth-child(2)::before{border-color:var(--amber-d)}.spec li:nth-child(3)::before{border-color:var(--sil)}
.fig{margin:24px 0 0;padding:14px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);position:relative}
.fig::before,.fig::after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--line-2)}
.fig::before{left:6px;top:6px;border-right:0;border-bottom:0}.fig::after{right:6px;bottom:6px;border-left:0;border-top:0}
/* drawing */
.dwg{display:block;width:100%;height:auto}
.dwg .cl line{stroke:var(--line-2);stroke-width:1;stroke-dasharray:14 3 2 3;fill:none}
.dwg .ln{fill:none;stroke:var(--ink);stroke-width:1.2}
.dwg .ring-f{fill:none;stroke:var(--ink);stroke-width:24}
.dwg .ring-h{fill:none;stroke:#6B727B;stroke-width:3;opacity:.8}
.dwg .dim,.dwg .ext line{stroke:var(--sil);stroke-width:1.2;fill:none}
.dwg .ah{fill:var(--sil)}
.dwg .cut path{fill:none;stroke:var(--ink);stroke-width:2.2}
.dwg .cut .ah{fill:var(--ink);stroke:none}
.dwg .sec{fill:url(#hx);stroke:var(--ink);stroke-width:1.6}
.dwg .hl{stroke:var(--ink);stroke-width:1.4}
.dwg .blk{fill:#D9D5CB;stroke:var(--ink-2);stroke-width:1.2}
.dwg .cone rect{fill:#C9CCD0;stroke:var(--ink-2);stroke-width:1}
.dwg .ring-e{fill:none;stroke:var(--amber-d);stroke-width:6}
@media (prefers-reduced-motion:no-preference){
  .dwg .seat{animation:seat 1.4s cubic-bezier(.3,1.3,.5,1) .3s both}
  @keyframes seat{from{transform:translateY(-44px)}to{transform:none}}
}
/* kit case with the demo */
.case{position:relative;align-self:start;background:var(--case);border-radius:14px;padding:0 6px 6px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 40px -18px rgba(23,25,28,.55);scroll-margin-top:84px;min-width:0}
.lid{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin:0 -6px 6px;padding:8px 14px;border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 42%),linear-gradient(90deg,#D8930F,var(--amber) 30%,#F0B849 55%,var(--amber) 80%,#D8930F);color:var(--ink);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.lid-t{font:700 1rem/1.3 var(--f-disp);text-align:center}
.lang-en .lid-t{letter-spacing:.06em;text-transform:uppercase;font-size:.92rem}
.latch{flex:none;width:30px;height:14px;border-radius:3px;background:linear-gradient(#3A4048,#1C1F23);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.case-in{container-type:inline-size;border-radius:10px;overflow:hidden}
.case-lbl{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 8px 6px;color:var(--on-2);font:600 .9rem/1.4 var(--f-body);text-align:center}
.case-lbl .torus{--c:#0C0D0F;--hi:#737A83}
@media (max-width:979px){
  .hero-g{gap:0}.hero-copy{display:contents}
  .kicker{justify-self:start}.case{order:2;margin-top:26px;width:100%;max-width:620px;justify-self:center}.fig{order:3;margin-top:22px}
}
@media (min-width:980px){
  .hero{padding:44px 0 56px}
  .hero-g{grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:48px;align-items:start}
  .case{position:sticky;top:132px}
}

/* ============ inner title block ============ */
.tblock{padding:24px 0 8px}
.tblock .wrap>*{background:var(--sheet)}
.tb-g{display:grid;border:1.5px solid var(--ink);border-bottom:0;border-radius:var(--r) var(--r) 0 0}
.tb-main{padding:18px 18px 22px;min-width:0}
.tb-main h1{font-weight:700;font-size:clamp(1.8rem,1.2rem + 2.6vw,3rem);line-height:1.1;letter-spacing:-.005em;text-wrap:balance}
.lang-bn .tb-main h1{font-size:clamp(1.6rem,1.15rem + 2.1vw,2.5rem);line-height:1.45;letter-spacing:0}
.tb-fig{display:none;border-left:1.5px solid var(--ink);padding:16px;align-items:center}
.tb-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 18px;border:1.5px solid var(--ink);border-radius:0 0 var(--r) var(--r);font:600 .95rem/1.4 var(--f-body);color:var(--ink-2)}
.tb-row .age{margin-left:auto}
.crumbs ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.95rem;color:var(--ink-2)}
.crumbs li{display:inline-flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--line-2)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--fkm)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
@media (min-width:860px){.tb-g{grid-template-columns:minmax(0,1fr) minmax(280px,34%)}.tb-fig{display:flex}.tb-main{padding:22px 28px 28px}.tb-row{padding:10px 28px}}
.age{display:inline-grid;place-items:center;min-width:44px;height:32px;padding:0 8px;border-radius:999px;border:2px solid var(--sil);color:var(--sil);font:700 .95rem/1 "Jura",sans-serif}

/* ============ body: size chart + article ============ */
.body{display:grid;gap:22px;padding-top:22px;padding-bottom:48px}
.side{min-width:0}
.chart{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r)}
.chart summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:6px 16px;cursor:pointer;list-style:none;font:700 1.02rem/1.3 var(--f-disp)}
.chart summary::-webkit-details-marker{display:none}
.ch-i{width:18px;height:18px;border-radius:50%;border:3px solid var(--ink);position:relative;transition:transform .25s}
.chart[open] .ch-i{border-color:var(--amber-d);transform:scale(.8)}
.chart ol{list-style:none;margin:0;padding:0 8px 8px;border-top:1px solid var(--line)}
.chart li a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:6px 8px;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none;font-size:1rem;line-height:1.35}
.lang-bn .chart li a{line-height:1.55}
.chart li:last-child a{border-bottom:0}
.chart li a i{--d:calc(8px + var(--k) * 2px);justify-self:center;width:min(var(--d),26px);height:min(var(--d),26px);border-radius:50%;border:3px solid var(--line-2)}
.chart .dn{font:700 .85rem/1 "Jura",sans-serif;color:var(--ink-2)}
.chart li a:hover{background:var(--sheet-2)}
.chart li a[aria-current]{background:var(--fkm-2)}
.chart li a[aria-current] i{border-color:var(--fkm)}
.minicase{margin-top:16px;background:var(--case);color:var(--on);border-radius:12px;overflow:hidden}
.mc-lid{display:flex;justify-content:space-between;height:18px;padding:0 22px;background:linear-gradient(90deg,#D8930F,var(--amber) 40%,#F0B849 60%,var(--amber))}
.mc-lid i{width:26px;height:9px;margin-top:9px;border-radius:2px 2px 0 0;background:var(--case-3)}
.mc-in{padding:16px 18px 18px}
.mc-in strong{display:block;font:700 1.15rem/1.3 var(--f-disp)}
.mc-in p{margin:6px 0 14px;color:var(--on-2);font-size:1rem}
.mc-in .btn{width:100%}
@media (min-width:980px){
  .body{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"art side";gap:48px;padding-top:32px}
  .art{grid-area:art}.side{grid-area:side}
  .side{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:thin}
  .chart summary{cursor:default}
}
.art{min-width:0;max-width:760px}
.page-home .art{max-width:800px}

/* sections */
.sec,.faq{margin-top:34px}
.art>.sec:first-child,.art>.intro-rest:first-child{margin-top:0}
.sec-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding-top:16px;border-top:1.5px solid var(--ink)}
.dash{display:inline-flex;align-items:center;gap:7px;margin-top:3px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--ink);color:var(--amber-2);font:700 .95rem/1 "Jura",sans-serif;white-space:nowrap}
.lang-bn .dash{font-family:"Mina","Jura",sans-serif;line-height:1.2}
.dash i{width:16px;height:16px;border-radius:50%;border:3.5px solid var(--amber)}
.sec h2,.faq h2{font-weight:700;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.95rem);line-height:1.2;text-wrap:balance;scroll-margin-top:150px}
.lang-bn .sec h2,.lang-bn .faq h2{line-height:1.5}
.prose{margin-top:12px}
.prose p{margin:0 0 1em}
.prose h3{font-size:1.2rem;margin:1.4em 0 .5em;line-height:1.35}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:0;list-style:none}
.prose li{position:relative;padding-left:30px;margin:.4em 0}
.prose ul>li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:12px;border-radius:50%;border:3px solid var(--ink)}
.lang-bn .prose ul>li::before{top:.62em}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o}
.prose ol>li::before{content:counter(o);position:absolute;left:0;top:.15em;width:22px;height:22px;border-radius:50%;background:var(--amber);color:var(--ink);font:700 .8rem/22px "Jura",sans-serif;text-align:center}
.lang-bn .prose ol>li::before{top:.3em}
.prose strong{font-weight:700}
.prose blockquote{margin:1em 0;padding:12px 16px;border-left:4px solid var(--amber);background:var(--sheet)}
.tbl{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet)}
.tbl table{border-collapse:collapse;width:100%;min-width:480px;font-size:1rem}
.tbl th,.tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{background:var(--ink);color:var(--on);font-family:var(--f-disp)}
.intro-rest{margin-bottom:8px}

/* FAQ */
.faq-l{margin-top:14px;display:grid;gap:8px}
.faq details{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 16px;cursor:pointer;list-style:none;font-weight:700;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.fr{flex:none;width:24px;height:24px;border-radius:50%;border:5px solid var(--line-2);transition:border-color .2s,transform .3s}
.faq details[open] .fr{border-color:var(--ink);transform:scale(.85)}
.faq details[open]{border-color:var(--line-2)}
.faq summary:hover .fr{border-color:var(--ink-2)}
.fa{margin:0;padding:0 16px 6px 16px;border-top:1px dashed var(--line);padding-top:12px}

/* CTA band */
.lidband{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;margin-top:36px;padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%),var(--amber);color:var(--ink)}
.lidband p{margin:0;font-weight:600;font-size:1.1rem}
.lidband .btn{grid-column:1/-1;background:var(--ink);color:var(--on);box-shadow:none}
.lidband .btn:hover{background:#2A2E34;color:var(--on)}
@media (min-width:640px){.lidband{grid-template-columns:auto minmax(0,1fr) auto}.lidband .btn{grid-column:auto}}

/* ============ related: kit tray ============ */
.tray{padding:36px 0 44px;background:var(--case)}
.tray-t{color:var(--on);font-weight:700;font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem);margin-bottom:16px}
.cells{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;background:#121417;border-radius:12px}
.tray .wrap{container-type:inline-size}
@container (min-width:900px){.cells{grid-template-columns:repeat(6,minmax(0,1fr))}.cells li{grid-column:span 2}.cells li:first-child:nth-last-child(4),.cells li:first-child:nth-last-child(4)~li,.cells li:nth-child(4):nth-last-child(2),.cells li:nth-child(5):last-child{grid-column:span 3}}
.lang-bn .chart .dn,.lang-bn .cell .cn{font-family:"Mina","Jura",sans-serif}
.cell{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;height:100%;padding:16px;border-radius:8px;background:var(--case-2);color:var(--on);text-decoration:none;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.05);transition:background .2s}
.cell .torus{--s:44px;grid-row:1/3}
.cell .torus.m0{--c:#0A0B0D;--hi:#6B727B}
.cell strong{font:700 1.1rem/1.3 var(--f-disp);padding-right:36px}
.cell .cd{grid-column:2;color:var(--on-2);font-size:.98rem;line-height:1.45}
.cell .cn{position:absolute;right:12px;top:14px;font:700 .8rem/1 "Jura",sans-serif;color:var(--on-2)}
.cell:hover{background:var(--case-3);color:var(--on)}
@media (prefers-reduced-motion:no-preference){.cell .torus{transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.cell:hover .torus{transform:rotate(120deg)}}

/* ============ footer ============ */
.ft{background:var(--case);color:var(--on-2);border-top:1px solid rgba(255,255,255,.08)}
.ft-rings{height:34px;background:radial-gradient(circle at 17px 17px,transparent 0 6px,#0A0B0D 6.5px 11px,transparent 11.5px) 0 0/34px 34px repeat-x,#15171A;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-g{display:grid;gap:28px;padding:32px 0 24px}
.ft .brand{margin:0 0 12px}
.ft-brand p{margin:0;font-size:1rem;max-width:52ch}
.ft h2{font:700 1rem/1.3 var(--f-disp);color:var(--amber-2);margin-bottom:8px}
.lang-en .ft h2{text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:var(--on);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.ft li a:hover{color:var(--amber-2)}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 0 28px;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem}
.ft-bot .cp{margin-left:auto}
.ft .age{border-color:#E36A51;color:#F08A73}
@media (min-width:760px){.ft-g{grid-template-columns:1.4fr 1fr 1fr;gap:40px}}

/* 404 */
.nf{padding:64px 0 80px;text-align:center}
.nf .wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-r{--s:120px}
.nf h1{font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem)}
.nf p{margin:0;color:var(--ink-2)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}