/* spinlygame.com — Spin cycle: contemporary American laundromat. Enamel + sage tile + chrome + coin-op orange. */
:root{
  --bg:#EDF1EC;--wall:#DDEBE3;--paper:#FBFBF8;--enamel:#F6F7F3;
  --ink:#15232A;--ink-2:#3D4C53;--line:#C8D2CD;--line-2:#E1E7E3;
  --mint:#A6DBC4;--mint-2:#D4EDE1;--teal:#0C5B56;--teal-2:#0A4A46;
  --orange:#EE5A24;--orange-2:#C7430F;--suds:#D8ECF2;
  --chrome:linear-gradient(180deg,#FDFEFE 0,#C9D1D3 45%,#EEF2F2 55%,#A9B3B6 100%);
  --fd:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;
  --fb:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fm:'DM Mono',ui-monospace,Menlo,Consolas,monospace;
  --font-head:var(--fd);--font-body:var(--fb);
  --r:14px;--gut:16px;--maxw:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--fb);overflow-x:clip}
img,svg,canvas{max-width:100%}
a{color:var(--teal);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--orange-2)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--fd);color:var(--ink);margin:0}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
@media (min-width:768px){:root{--gut:28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}
.skip:focus{top:0;color:#fff}

/* ---------- top strip ---------- */
.strip{background:var(--ink);color:#CDE8DB}
.strip-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.strip p{margin:0;font:500 12.5px/1.3 var(--fm);letter-spacing:.02em;padding:8px 0}
.lsw{display:flex;gap:4px}
.lsw a{color:#fff;font:500 13px/1 var(--fm);padding:14px 10px;text-decoration:none}
.lsw a[aria-current]{color:var(--mint);text-decoration:underline}

/* ---------- header: machine control strip ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--paper);box-shadow:0 1px 0 var(--line),0 6px 18px -14px rgba(21,35,42,.35)}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--chrome);opacity:.9;pointer-events:none}
.hd-bar{display:flex;align-items:center;gap:14px;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-height:44px}
.brand b{font:900 30px/1 var(--fd);letter-spacing:.01em;text-transform:uppercase}
.brand .tag{font:500 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.12em;color:var(--teal);border:1.5px solid currentColor;border-radius:999px;padding:5px 8px 4px}
.mark{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:var(--chrome);box-shadow:inset 0 0 0 1px #8E999C}
.mark i{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1B2B33 0 24%,transparent 25%),conic-gradient(from 5deg,#C4372C 0 10%,#15232A 0 20%,#C4372C 0 30%,#15232A 0 40%,var(--teal) 0 46%,#C4372C 0 56%,#15232A 0 66%,#C4372C 0 76%,#15232A 0 86%,#C4372C 0 93%,#15232A 0);box-shadow:inset 0 0 0 3px #22333B}
.mark i::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(140deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 45%)}
.knob{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:4px 14px 4px 4px;border:1.5px solid var(--line);border-radius:999px;background:var(--enamel);color:var(--ink);font:700 15px/1 var(--fb);cursor:pointer}
.kn{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0,#E3E8E8 40%,#AEB8BB 100%);box-shadow:0 2px 4px rgba(21,35,42,.25),inset 0 0 0 1px #9AA5A8;transition:transform .35s cubic-bezier(.4,1.6,.5,1)}
.kn::after{content:"";position:absolute;left:50%;top:5px;width:4px;height:12px;margin-left:-2px;border-radius:2px;background:var(--orange)}
.hd.open .kn{transform:rotate(120deg)}
.nav{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.hd-cta{display:none}
@media (max-width:979.98px){
  .hd.open .nav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--enamel);border-top:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(21,35,42,.45);padding:14px var(--gut) 18px}
  .nav ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
  .nav a{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:12px;background:var(--paper);border:1.5px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none}
  .nav a[aria-current]{border-color:var(--ink);background:var(--mint-2)}
}
.led{flex:none;width:9px;height:9px;border-radius:50%;background:#B7C2BE;box-shadow:inset 0 1px 1px rgba(0,0,0,.25)}
[aria-current] > .led,.nav a:hover .led{background:var(--orange);box-shadow:0 0 0 3px rgba(238,90,36,.22),0 0 8px rgba(238,90,36,.7)}
@media (min-width:980px){
  .knob{display:none}
  .nav{display:block;margin-left:auto}
  .nav ul{display:flex;flex-wrap:wrap;gap:2px}
  .nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;border-radius:999px;color:var(--ink);font:600 14.5px/1 var(--fb);text-decoration:none;white-space:nowrap}
  .nav a:hover{background:var(--line-2);color:var(--ink)}
  .nav a[aria-current]{background:var(--ink);color:#fff}
  .hd-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--orange);color:var(--ink);font:800 17px/1 var(--fd);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);white-space:nowrap}
  .hd-cta:hover{background:#FF6D38;color:var(--ink)}
}
@media (min-width:980px) and (max-width:1180px){.nav a{padding:8px 8px;font-size:13.5px}.hd-cta{padding:0 14px;font-size:15px}.brand .tag{display:none}}

/* ---------- buttons, stickers ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font:800 19px/1 var(--fd);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:transform .15s,background .15s}
.btn-go{background:var(--orange);color:var(--ink);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 6px 14px -8px rgba(199,67,15,.8)}
.btn-go:hover{background:#FF6D38;color:var(--ink);transform:translateY(-1px)}
.btn-line{border:2px solid var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:#fff}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}
.stickers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.stickers li{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 9px;border-radius:999px;background:var(--paper);border:1.5px solid var(--ink);font:500 13.5px/1.2 var(--fm)}
.stickers li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:inset 0 0 0 2px var(--teal)}
.stickers .s-age{background:var(--orange);border-color:var(--orange);font-weight:500}
.stickers .s-age::before{background:var(--ink);box-shadow:none}

/* ---------- shop window / hero ---------- */
.lcd{display:inline-block;margin:0 0 16px;padding:7px 12px 6px;border-radius:6px;background:var(--ink);color:var(--mint);font:500 13px/1.3 var(--fm);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(166,219,196,.25),0 2px 0 #0A151A}
.shop{position:relative;overflow:clip;background:
  linear-gradient(90deg,rgba(21,35,42,.07) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(0deg,rgba(21,35,42,.07) 1px,transparent 1px) 0 0/48px 48px,var(--wall);padding:40px 0 48px}
.ring{display:none;position:absolute;right:-140px;top:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,transparent 0 55%,#fff 55.5% 57%,transparent 57.5% 63%,rgba(255,255,255,.55) 63.5% 64%,transparent 64.5%);pointer-events:none;opacity:.8}
.shop-g{position:relative;display:grid;gap:22px;align-items:end;margin-bottom:34px}
.shop h1{font-weight:900;text-transform:uppercase;font-size:clamp(2.7rem,1.3rem + 5.4vw,5.9rem);line-height:.9;letter-spacing:-.005em;text-wrap:balance}
.shop h1::after{content:"";display:block;width:92px;height:8px;margin-top:20px;border-radius:4px;background:var(--orange)}
.lead p{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--ink)}
.lead p:last-child{margin-bottom:0}
@media (min-width:900px){
  .shop{padding:64px 0 64px}
  .shop-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;margin-bottom:48px}
  .ring{display:block;right:-60px;top:-80px;width:620px;height:620px}
}
.shop-in{padding:26px 0 40px}
.shop-in h1{font-size:clamp(2.4rem,1.4rem + 4.2vw,4.6rem);max-width:17ch;margin-bottom:22px}
.shop-in .lead{max-width:62ch;margin-bottom:22px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:22px;font:500 14px/1.3 var(--fm)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--teal)}
.crumbs .sep{color:var(--ink-2)}
.crumbs [aria-current]{color:var(--ink-2)}
@media (min-width:900px){.shop-in{padding:34px 0 56px}}

/* ---------- the washer (#play) ---------- */
.washer{position:relative;container:washer/inline-size;max-width:1120px;margin:0 auto;background:var(--enamel);border-radius:26px;padding:0 10px 10px;box-shadow:0 0 0 1px #B9C4C0,0 1px 0 4px rgba(255,255,255,.6),0 30px 50px -30px rgba(21,35,42,.55);scroll-margin-top:90px}
.w-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 8px;border-bottom:1.5px solid var(--line)}
.dial{flex:none;position:relative;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0,#E3E8E8 40%,#A3AEB1 100%);box-shadow:0 0 0 5px var(--line-2),0 0 0 6px #B9C4C0,0 3px 5px rgba(21,35,42,.3)}
.dial::after{content:"";position:absolute;left:50%;top:5px;width:4px;height:13px;margin-left:-2px;border-radius:2px;background:var(--orange);transform-origin:50% 17px;animation:dial 9s steps(8) infinite}
@keyframes dial{to{transform:rotate(360deg)}}
.w-plate{display:inline-flex;align-items:center;gap:8px;font:900 22px/1 var(--fd);text-transform:uppercase}
.w-plate .mark{width:28px;height:28px}
.w-plate .mark i{inset:4px}
.w-lcd{margin-left:auto;padding:8px 12px 7px;border-radius:6px;background:var(--ink);color:var(--mint);font:500 13px/1.2 var(--fm);letter-spacing:.06em;text-transform:uppercase}
.w-leds{display:flex;gap:6px}
.w-leds i{width:9px;height:9px;border-radius:50%;background:#B7C2BE}
.w-leds i:first-child{background:var(--orange);box-shadow:0 0 8px rgba(238,90,36,.8)}
.w-door{padding-top:10px}
.w-kick{height:14px;margin:10px 18px 0;border-radius:0 0 10px 10px;background:repeating-linear-gradient(90deg,#C3CDC9 0 3px,transparent 3px 9px)}
@media (max-width:420px){.w-leds{display:none}.washer{padding:0 6px 8px;border-radius:20px}.w-lcd{margin-left:0}}

/* ---------- article body ---------- */
.body{padding:44px 0 36px}
.body-g{display:grid;gap:34px}
.side{order:-1}
@media (min-width:980px){
  .body{padding:64px 0 48px}
  .body-g{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
  .side{order:0;position:sticky;top:96px}
}
.art{min-width:0;max-width:760px}
.intro{margin-bottom:12px}
.stage{position:relative;padding-top:34px;margin-top:40px}
.stage::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:3px;background:var(--chrome);box-shadow:0 1px 0 rgba(21,35,42,.12)}
.stage:first-child{margin-top:0}
.stage h2{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;font-weight:800;font-size:clamp(1.8rem,1.3rem + 1.8vw,2.55rem);line-height:1;text-transform:uppercase;letter-spacing:.005em;scroll-margin-top:96px}
.sn{flex:none;display:grid;place-items:center;width:48px;height:48px;margin-top:-6px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 8px var(--mint-2);font:500 15px/1 var(--fm);color:var(--teal);letter-spacing:0}
.st{padding-top:6px}
.art h3{font-size:1.5rem;margin:1.4em 0 .5em;text-transform:uppercase}
.art ul,.art ol{padding:0;margin:0 0 1.2em;list-style:none}
.art li{position:relative;padding-left:32px;margin-bottom:.55em}
.art ul > li::before{content:"";position:absolute;left:4px;top:.42em;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--teal),inset 0 0 0 5px var(--paper);background:var(--orange)}
.art ol{counter-reset:o}
.art ol > li{counter-increment:o}
.art ol > li::before{content:counter(o);position:absolute;left:0;top:.1em;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--mint);font:500 12.5px/24px var(--fm);text-align:center}
.art strong{font-weight:700}
.art code{font:500 .9em var(--fm);background:var(--mint-2);padding:1px 6px;border-radius:4px}
.tbl{overflow-x:auto;margin:0 0 1.4em;border-radius:12px;border:1.5px solid var(--ink);background:var(--paper)}
.tbl table{width:100%;min-width:520px;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.tbl th{background:var(--ink);color:#fff;text-align:left;font:500 13px/1.3 var(--fm);text-transform:uppercase;letter-spacing:.06em;padding:12px 14px}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:#F1F5F2}
.tbl td:first-child{font-weight:700}

/* program rail (TOC) */
.side-in{display:grid;gap:18px}
.prog{background:var(--paper);border-radius:var(--r);padding:16px 14px 10px;box-shadow:0 0 0 1.5px var(--line)}
.prog .lcd{margin-bottom:10px}
.prog ol{list-style:none;margin:0;padding:0;position:relative}
.prog ol::before{content:"";position:absolute;left:10px;top:18px;bottom:18px;width:2px;background:var(--line)}
.prog a{position:relative;display:grid;grid-template-columns:22px 26px minmax(0,1fr);align-items:center;gap:6px;min-height:44px;padding:6px 4px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.3;border-radius:8px}
.prog a:hover{background:var(--line-2);color:var(--ink)}
.prog .dot{justify-self:center;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px #9AA7A2}
.prog .tn{font:500 12.5px/1 var(--fm);color:var(--teal)}
.prog a[aria-current] .dot{background:var(--orange);box-shadow:0 0 0 3px rgba(238,90,36,.25),0 0 8px rgba(238,90,36,.7)}
.prog a[aria-current] .tx{font-weight:700}
@media (max-width:979.98px){.mini{display:none}.prog ol{columns:2 240px;column-gap:14px}.prog ol::before{display:none}.prog li{break-inside:avoid}}
.mini{position:relative;background:var(--ink);color:#E6F2EC;border-radius:var(--r);padding:20px 18px 18px;overflow:hidden}
.mini strong{display:block;font:800 24px/1.05 var(--fd);text-transform:uppercase;color:#fff;margin-bottom:8px;max-width:12ch}
.mini p{font-size:15.5px;line-height:1.5}
.mini .btn{width:100%;font-size:17px;padding:0 12px}
.port{position:absolute;right:-26px;top:-26px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle closest-side,#22353E 0 44%,#6C7A7F 45% 48%,#B9C4C0 49% 60%,#3A4A51 61%);opacity:.9}

/* FAQ bulletin board */
.board{margin-top:48px;padding:26px 16px 22px;border-radius:18px;background:radial-gradient(circle,rgba(21,35,42,.16) 1.6px,transparent 2.2px) 0 0/22px 22px,#C9D8D0;box-shadow:inset 0 0 0 6px #B2C4BB,inset 0 0 0 7px #9DB2A7;scroll-margin-top:90px}
.board-h{display:flex;align-items:center;gap:12px;margin:0 4px 18px;font-weight:800;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.4rem);text-transform:uppercase;line-height:1}
.pin{flex:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF9A73,var(--orange) 45%,#9E330B);box-shadow:0 3px 3px rgba(0,0,0,.3)}
.flyers{display:grid;gap:14px}
.flyer{position:relative;background:var(--paper);border-radius:3px 3px 0 0;box-shadow:0 2px 0 rgba(21,35,42,.08),0 10px 16px -12px rgba(21,35,42,.5);padding-bottom:30px}
.flyer:nth-child(odd){margin-right:6px}.flyer:nth-child(even){margin-left:6px}
.flyer::before{content:"";position:absolute;left:50%;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7FD0B0,var(--teal) 55%,#063330);box-shadow:0 2px 2px rgba(0,0,0,.3)}
.flyer summary{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:56px;padding:16px 14px 10px;cursor:pointer;list-style:none;font:700 17.5px/1.35 var(--fb)}
.flyer summary::-webkit-details-marker{display:none}
.qn{font:500 13px/1 var(--fm);color:var(--teal);border:1.5px solid var(--teal);border-radius:999px;padding:5px 0;text-align:center}
.pm{position:relative;width:32px;height:32px;border-radius:50%;background:var(--mint-2)}
.pm::before,.pm::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:var(--ink);transition:transform .2s}
.pm::after{transform:rotate(90deg)}
.flyer[open] .pm::after{transform:rotate(0)}
.ans{padding:0 16px 4px 58px;font-size:16.5px}
.ans p:last-child{margin-bottom:0}
.tabs{position:absolute;left:0;right:0;bottom:0;height:24px;border-top:2px dashed #9AA7A2;background:repeating-linear-gradient(90deg,var(--paper) 0 30px,#8E9A95 30px 32px,var(--paper) 32px 36px);pointer-events:none}
.flyer[open] .ans{padding-bottom:12px}
@media (max-width:520px){.ans{padding-left:16px}.flyer summary{grid-template-columns:30px minmax(0,1fr) 32px;gap:8px;padding-left:10px;padding-right:10px}}

/* coin-op CTA */
.coinop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 18px;align-items:center;margin-top:44px;padding:20px;border-radius:18px;background:var(--chrome);box-shadow:inset 0 0 0 1px #8E999C,0 16px 26px -20px rgba(21,35,42,.6)}
.coinop p{margin:0;font-weight:600;font-size:17px;line-height:1.45}
.coinop .btn{grid-column:1/-1;justify-self:start}
.slot{display:grid;place-items:center;width:58px;height:78px;border-radius:12px;background:linear-gradient(180deg,#2A3A42,#15232A);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),0 0 0 3px #D6DCDD}
.slot i{width:8px;height:42px;border-radius:4px;background:#050B0E;box-shadow:inset 0 0 0 1px #56666D}
@media (min-width:640px){.coinop{grid-template-columns:auto minmax(0,1fr) auto}.coinop .btn{grid-column:auto}}

/* ---------- related: a row of machines ---------- */
.row{padding:28px 0 56px;container:row/inline-size}
.row-h{font-weight:800;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.5rem);text-transform:uppercase;margin-bottom:22px;line-height:1}
.machines{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.mach{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:4px 14px;height:100%;padding:0 16px 18px;border-radius:18px;background:var(--enamel);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1.5px #BEC9C4,0 14px 22px -18px rgba(21,35,42,.6);transition:transform .2s,box-shadow .2s}
.mach:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 0 0 2px var(--ink),0 18px 26px -18px rgba(21,35,42,.7)}
.m-top{grid-column:1/-1;display:flex;gap:6px;align-items:center;height:30px;margin:0 -16px 12px;padding:0 16px;border-bottom:1.5px solid var(--line)}
.m-top i{width:8px;height:8px;border-radius:50%;background:#B7C2BE}
.mach:hover .m-top i:first-child{background:var(--orange)}
.m-port{grid-row:2/4;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle closest-side,var(--suds) 0 50%,#7E8C91 51% 54%,#DCE2E3 55% 70%,#9AA5A8 71%);font:500 15px/1 var(--fm);color:var(--teal)}
.mach strong{font:800 21px/1.05 var(--fd);text-transform:uppercase;align-self:end}
.mach .ds{font-size:15px;line-height:1.45;color:var(--ink-2)}

/* ---------- footer ---------- */
.ft{background:var(--ink);color:#D4E3DC}
.terrazzo{height:64px;background:
  radial-gradient(ellipse 5px 3px at 20% 30%,#EE5A24 90%,transparent) 0 0/97px 43px,
  radial-gradient(ellipse 6px 4px at 70% 60%,#A6DBC4 90%,transparent) 11px 7px/71px 37px,
  radial-gradient(circle at 45% 80%,#15232A 0 2px,transparent 3px) 5px 0/53px 29px,
  radial-gradient(ellipse 4px 6px at 85% 20%,#8E999C 90%,transparent) 0 13px/113px 47px,
  radial-gradient(ellipse 5px 3.5px at 10% 70%,#0C5B56 90%,transparent) 23px 3px/67px 31px,
  radial-gradient(circle at 60% 40%,#C9D1D3 0 3px,transparent 4px) 0 0/41px 23px,#ECEEE8;border-bottom:3px solid #0A151A}
.ft-g{display:grid;gap:30px;padding-top:40px;padding-bottom:30px}
@media (min-width:820px){.ft-g{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:48px}}
.brand-ft{color:#fff}
.brand-ft .tag{color:var(--mint)}
.ft-about p{margin-top:16px;font-size:15.5px;line-height:1.6;max-width:46ch}
.ft-h{font:500 13px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft li a:hover{color:var(--mint)}
.ft-bot{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:18px;padding-bottom:26px;font:500 14px/1.3 var(--fm)}
.age{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--orange);color:var(--ink);font:900 17px/1 var(--fd)}
.ft-bot::before{content:"";position:absolute;left:var(--gut);right:var(--gut);top:0;height:1px;background:rgba(255,255,255,.14)}
.top{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;color:#fff}
.top:hover{color:var(--mint)}
.nf .shop-in{min-height:52vh}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media (max-width:399.98px){.hd .brand .tag{display:none}.hd-bar{gap:10px}}