/* Brew Bazaar · concept store by Brand Evolution */
:root{
  --night:#121C17;
  --night-2:#1C2A23;
  --paper:#F6F0E4;
  --paper-2:#ECE2CF;
  --card:#E9DECA;
  --ink:#1E1A16;
  --ink-soft:#4A4239;
  --muted:#5F574D;
  --copper:#9A4A1C;
  --copper-dk:#7D3B14;
  --copper-lt:#D08A4A;
  --gold:#D9A441;
  --leaf:#9DB06A;
  --cream:#F6F0E4;
  --line:rgba(30,26,22,.14);
  --display:"Instrument Serif", "Iowan Old Style", Georgia, serif;
  --body:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --cs-bg:var(--paper);--cs-fg:var(--ink);--cs-muted:var(--muted);--cs-line:var(--line);
  --cs-accent:var(--copper);--cs-accent-fg:#FBF5EA;--cs-card:var(--card);--cs-display:var(--display);--cs-radius:4px;
  --cs-heart-bg:rgba(246,240,228,.88);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.55;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
svg{display:block}
a{color:inherit}
p,h1,h2,h3,dl,dd{margin:0}
em{font-family:var(--display);font-style:italic;font-weight:400}
:focus-visible{outline:3px solid var(--copper-lt);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 14px}
.skip:focus{left:8px}
button{font:inherit;color:inherit}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;font-weight:700;font-size:15px;letter-spacing:.02em;text-decoration:none;border:0;border-radius:2px;cursor:pointer;transition:transform .35s var(--ease),background .3s,box-shadow .3s,color .3s}
.btn.sm{padding:12px 18px;font-size:14px}
.btn-solid{background:var(--copper);color:#FBF5EA}
.btn-solid:hover{background:var(--copper-dk);transform:translateY(-2px)}
.btn-line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-line:hover{transform:translateY(-2px);background:rgba(246,240,228,.12)}

/* NAV: glass tinted to the section underneath */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--gutter);color:var(--ink);transition:background .35s,box-shadow .35s,padding .35s,color .35s}
.nav.on-dark{color:var(--cream)}
.nav.solid{background:rgba(246,240,228,.84);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line);padding-top:10px;padding-bottom:10px}
.nav.solid.on-dark{background:rgba(18,28,23,.78);box-shadow:0 1px 0 rgba(246,240,228,.12)}
.nav.on-dark .icon-btn:hover{background:rgba(246,240,228,.14)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:25px;letter-spacing:-.01em}
.brand svg{width:32px;height:32px;color:var(--gold)}
.nav:not(.on-dark) .brand svg{color:var(--copper)}
.nav:not(.on-dark) .brand svg path[fill="#121C17"]{fill:var(--paper)}
.nav nav{display:flex;gap:28px;font-size:14.5px;font-weight:600}
.nav nav a{text-decoration:none;opacity:.82}
.nav nav a:hover{opacity:1}
.nav-icons{display:flex;gap:6px}
.icon-btn{position:relative;width:44px;height:44px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.icon-btn:hover{background:var(--line)}
.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.count{position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--copper);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1}
.count.zero{display:none}
@media (max-width:860px){.nav nav{display:none}}

/* ============ JOURNEY ============ */
.steep{position:relative;background:radial-gradient(90% 70% at 72% 55%,#22362B 0,rgba(34,54,43,0) 70%),var(--night);color:var(--cream)}
.pin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:center;padding:96px var(--gutter) 48px}
.copy{display:grid;gap:56px;min-width:0}
.stage{position:relative;min-width:0;display:grid;justify-items:center;gap:10px}
.pot{width:min(100%,520px);height:auto;overflow:visible}
.js .steep{height:560vh}
.js .pin{position:sticky;top:0;height:100vh;height:100svh;padding-bottom:40px}
.js .copy{position:relative;height:min(64vh,560px)}
.js .panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none;visibility:hidden}
.js .panel.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .55s var(--ease),transform .7s var(--ease),visibility 0s}
.js .panel:not(.on){transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s .5s}
.panel{display:flex;flex-direction:column;gap:18px}
.eyebrow,.step-no{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,240,228,.7)}
.eyebrow span{color:var(--gold);margin-right:10px}
.step-no{color:var(--gold)}
.steep h1{font-family:var(--display);font-weight:400;font-size:clamp(52px,7.4vw,116px);line-height:.92;letter-spacing:-.02em}
.steep h1 em,.steep h2 em{color:var(--gold)}
.steep h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-.015em}
.panel p{max-width:44ch;color:rgba(246,240,228,.84);font-size:clamp(16.5px,1.3vw,19px)}
.lede{font-size:clamp(17.5px,1.45vw,21px)!important}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.steep .btn-solid{background:var(--gold);color:var(--night)}
.steep .btn-solid:hover{background:#E8B656}
/* hero copy lands by CSS alone */
.js .p0.on>*{animation:up .7s var(--ease) both}
.js .p0.on>:nth-child(2){animation-delay:.06s}
.js .p0.on>:nth-child(3){animation-delay:.14s}
.js .p0.on>:nth-child(4){animation-delay:.2s}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.js .stage{animation:potIn 1s var(--ease) .1s both}
@keyframes potIn{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}

.clock{display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,240,228,.7);background:rgba(246,240,228,.07);padding:8px 16px;border-radius:999px}
.clock b{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:0;color:var(--cream);font-variant-numeric:tabular-nums;min-width:3ch}
.clock i{font-style:normal;color:var(--gold);letter-spacing:.1em}
.steam{opacity:var(--steam,0);transition:opacity .6s}
.steam path{stroke-dasharray:22 140;stroke-opacity:.35;animation:steam 3.2s linear infinite}
.steam path:nth-child(2){animation-delay:-1.1s}
.steam path:nth-child(3){animation-delay:-2s;animation-duration:2.6s}
@keyframes steam{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
.dots{display:none}
.js .dots{display:flex;gap:8px;list-style:none;margin:0;padding:0;position:absolute;right:var(--gutter);bottom:22px}
.dots li{width:22px;height:3px;border-radius:2px;background:rgba(246,240,228,.2);transition:background .3s,width .3s}
.dots li.on{background:var(--gold);width:38px}

#pellet{transform-box:fill-box;transform-origin:center}
.js .steep:not(.going) #pellet{animation:bob 2.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(10deg)}}
.js .p5{gap:14px}
.p5 h2{font-size:clamp(34px,3.6vw,56px)}

/* steep-it panel */
.teas{display:flex;flex-wrap:wrap;gap:6px}
.teas button{border:1.5px solid rgba(246,240,228,.25);background:transparent;color:var(--cream);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.teas button:hover{border-color:var(--cream)}
.teas button[aria-pressed="true"]{background:var(--cream);color:var(--night);border-color:var(--cream)}
.rng{display:block;max-width:440px}
.rng span{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,240,228,.7);margin-bottom:10px}
.rng output{font-family:var(--display);font-size:30px;letter-spacing:0;color:var(--gold);font-weight:400;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:10px;border-radius:10px;background:linear-gradient(90deg,#E6D9A2,#D9962E 25%,#B5602A 50%,#6B2E12 78%,#3A160A);cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--liq,#B5602A);border:4px solid var(--cream);box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .2s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--liq,#B5602A);border:4px solid var(--cream)}
.tone{font-size:15px!important}
.tone b{color:var(--gold)}
.cup-card{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;background:rgba(246,240,228,.07);border:1px solid rgba(246,240,228,.12);padding:10px;border-radius:6px;max-width:440px}
.cup-art{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--card)}
.cup-art svg{width:100%;height:100%}
.cup-body{display:grid;gap:2px;min-width:0}
.cup-k{font-size:11px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)!important}
.cup-name{font-family:var(--display);font-size:22px!important;line-height:1.1;color:var(--cream)!important}
.cup-guide{font-size:13px!important;color:rgba(246,240,228,.7)!important}
.cup-add{justify-self:start;margin-top:6px;border:0;border-radius:2px;background:var(--gold);color:var(--night);font-weight:800;font-size:13.5px;padding:9px 14px;cursor:pointer;transition:background .25s,transform .3s var(--ease)}
.cup-add:hover{background:#E8B656;transform:translateY(-2px)}

@media (max-width:900px){
  .pin{grid-template-columns:1fr;gap:24px;padding-top:80px}
  .js .pin{grid-template-rows:40% 1fr;gap:6px;padding:64px var(--gutter) 52px;align-items:stretch}
  .js .stage{grid-row:1;align-content:center;min-height:0}
  .js .pot{height:100%;max-height:calc(40svh - 92px);width:auto;max-width:100%}
  .js .copy{grid-row:2;height:auto;min-height:0}
  .js .panel{justify-content:flex-start;gap:12px;padding-top:6px}
  .steep h1{font-size:clamp(40px,11vw,64px)}
  .steep h2{font-size:clamp(32px,8.6vw,48px)}
  .panel p{font-size:15.5px}
  .clock{padding:5px 12px;font-size:11px}
  .clock b{font-size:19px}
  .p5 h2{display:none}
  .teas button{padding:6px 11px;font-size:12.5px}
  .cup-card{grid-template-columns:56px 1fr;padding:8px}
  .cup-name{font-size:18px!important}
  .rng output{font-size:24px}
  .dots{bottom:14px}
}
@media (max-width:900px) and (max-height:700px){
  .p5 .tone{display:none}
  .js .p0 .lede{font-size:15.5px!important}
}

/* ============ SHOP ============ */
.sec-head{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:end;margin-bottom:clamp(26px,4vw,48px)}
.sec-no{font-weight:800;font-size:14px;letter-spacing:.1em;color:var(--copper);padding-bottom:.7em}
.sec-head h2{font-family:var(--display);font-weight:400;font-size:clamp(46px,7vw,110px);line-height:.92;letter-spacing:-.02em}
.sec-head h2 em{color:var(--copper)}
.sec-note{grid-column:2;max-width:56ch;color:var(--muted)}
@media (max-width:620px){.sec-head{grid-template-columns:1fr}.sec-note{grid-column:1}.sec-no{padding-bottom:0}}
.shop{padding:clamp(80px,10vw,140px) var(--gutter)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;margin-bottom:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:62px;z-index:20;background:rgba(246,240,228,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.tool-right{display:flex;gap:16px;align-items:center}
.count-note{font-size:13px;color:var(--muted);font-weight:600}
.sort{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.sort select{font:inherit;font-weight:600;font-size:14px;padding:9px 30px 9px 12px;border:1.5px solid var(--line);border-radius:2px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231E1A16' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center/11px;appearance:none;-webkit-appearance:none;color:var(--ink);cursor:pointer}
.noscript{padding:20px;background:var(--paper-2)}
.cs-quick{font-size:13.5px}
@media (max-width:620px){.toolbar{position:static}.chips{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:4px}.cs-chip{white-space:nowrap}}

/* ============ GARDENS ============ */
.gardens{padding:clamp(80px,10vw,140px) var(--gutter);background:var(--paper-2)}
.map-wrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center}
.map{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(30,26,22,.6)}
.map svg{width:100%;height:auto}
.m-region{font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:.3em;fill:#5F574D}
.m-town circle{fill:#3A342C}
.m-town text{font-family:var(--body);font-size:12.5px;font-weight:600;fill:#3A342C}
.m-river{font-family:var(--display);font-style:italic;font-size:19px;fill:#3F7486}
.m-small{font-family:var(--body);font-size:11.5px;font-weight:600;fill:#6E655A}
.gpin{position:absolute;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-92%)}
.gpin::before{content:"";position:absolute;left:7px;top:3px;width:20px;height:20px;border-radius:50% 50% 50% 0;background:var(--copper);transform:rotate(-45deg);box-shadow:0 6px 10px -4px rgba(0,0,0,.45);transition:background .25s,transform .35s var(--ease)}
.gpin::after{content:"";position:absolute;left:13px;top:9px;width:8px;height:8px;border-radius:50%;background:#FBF5EA}
.gpin:hover::before,.gpin[aria-pressed="true"]::before{background:var(--night);transform:rotate(-45deg) scale(1.2)}
.gpin[aria-pressed="true"]::after{background:var(--gold)}
.js .map:not(.in) .gpin{opacity:0}
.map.in .gpin{animation:drop .6s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes drop{from{opacity:0;transform:translate(-50%,-180%)}to{opacity:1;transform:translate(-50%,-92%)}}
.ring{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid var(--copper);transform:translate(-50%,-50%);pointer-events:none;animation:ring 2.2s ease-out infinite;opacity:0}
@keyframes ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
.garden-card{background:var(--paper);padding:clamp(22px,2.6vw,34px);border-radius:6px;display:grid;gap:12px;border-top:4px solid var(--copper)}
.garden-card.swap>*{animation:up .45s var(--ease) both}
.gc-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
.garden-card h3{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,46px);line-height:1}
.gc-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.gc-facts dt{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.gc-facts dd{font-weight:700}
.garden-card p{color:var(--ink-soft)}
.garden-card .btn{justify-self:start}
@media (max-width:900px){.map-wrap{grid-template-columns:1fr}.m-town text{font-size:15px}.m-region{font-size:17px}}
@media (max-width:560px){.m-town text{display:none}.m-region{font-size:24px}.m-river{font-size:26px}.m-small{font-size:16px}}

.cal{margin-top:clamp(50px,7vw,90px);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.cal-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px;position:sticky;left:0}
.cal-head h3{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1}
.cal-head p{color:var(--ink-soft);max-width:60ch;font-size:15px}
.cal-grid{position:relative;display:grid;grid-template-columns:104px repeat(12,minmax(48px,1fr));grid-template-rows:auto auto auto;gap:8px 4px;min-width:720px;align-items:center}
.cal-row-label{grid-column:1;font-weight:800;font-size:13px;letter-spacing:.06em}
.mo{grid-row:1;border:0;background:transparent;border-radius:999px;padding:7px 0;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer;transition:background .25s,color .25s;position:relative;z-index:1}
.mo:hover{background:var(--line);color:var(--ink)}
.mo[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.mo.now::after{content:"now";position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.bar{position:relative;z-index:1;border:0;border-radius:999px;padding:9px 12px;font-weight:700;font-size:12.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s,opacity .3s}
button.bar{cursor:pointer}
button.bar:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
.bar.ff{background:#BFCF84}
.bar.sf{background:var(--gold)}
.bar.mon{background:#93BCC9}
.bar.aut{background:var(--copper-lt)}
.bar.rest{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--muted);font-weight:600}
.cal-grid.focus .bar{opacity:.35}
.cal-grid.focus .bar.hit{opacity:1;box-shadow:0 0 0 2px var(--ink)}
.now-line{grid-row:1/4;justify-self:center;width:2px;height:100%;background:var(--copper);opacity:.5;z-index:0}

/* ============ ROOM ============ */
.room{padding:clamp(80px,10vw,140px) var(--gutter)}
.room-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.room-text{font-family:var(--display);font-size:clamp(24px,2.3vw,34px);line-height:1.22;color:var(--ink)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
.facts dt{font-family:var(--display);font-size:clamp(40px,4.6vw,64px);line-height:1;color:var(--copper)}
.facts dd{color:var(--muted);font-size:14.5px;margin-top:4px}
.guide{background:var(--night);color:var(--cream);padding:clamp(22px,3vw,36px);border-radius:6px}
.guide h3{font-family:var(--display);font-weight:400;font-size:32px;margin-bottom:14px}
.guide table{width:100%;border-collapse:collapse;font-size:14.5px}
.guide th,.guide td{text-align:left;padding:11px 8px 11px 0;border-bottom:1px solid rgba(246,240,228,.12);vertical-align:top}
.guide thead th{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,240,228,.65)}
.guide tbody th{font-weight:700}
.sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:1px}
.sw.ff{background:#E6D9A2}.sw.sf{background:#D9962E}.sw.ao{background:#B5602A}.sw.ctc{background:#6B2E12;box-shadow:0 0 0 1px rgba(246,240,228,.4)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (max-width:900px){.room-grid{grid-template-columns:1fr}}
@media (max-width:520px){.facts{grid-template-columns:1fr 1fr}.guide table{font-size:13.5px}}

/* FOOTER */
.foot{background:var(--night);color:var(--cream);padding:70px var(--gutter) 96px;overflow:hidden}
.foot-big{font-family:var(--display);font-style:italic;font-size:clamp(64px,14vw,220px);line-height:.9;letter-spacing:-.02em;white-space:nowrap;color:var(--gold)}
.foot-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:36px;font-size:14.5px}
.foot address{font-style:normal;opacity:.82;line-height:1.7}
.foot nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.foot nav a{opacity:.82;text-decoration:none}
.foot nav a:hover{opacity:1}

.concept-badge{position:fixed;left:14px;bottom:14px;z-index:60;font-size:12px;font-weight:700;text-decoration:none;background:rgba(18,28,23,.9);color:var(--cream);padding:8px 12px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(246,240,228,.14)}
.concept-badge:hover{background:var(--copper)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .steam path{animation:none}
  .reveal{opacity:1;transform:none}
  .ring{display:none}
}