/* =====================================================================
   STOCKFLOW — homepage composition.
   One light in the warehouse: dark sections are the floor at night, the
   things for sale are lit, and light sections rise out of the dark on the
   crescent of the moon. Shared components live in site.css; the lockup and
   the opening in intro.css.
   ===================================================================== */

/* ---------- hero ---------- */
.sf-hero{position:relative;overflow:hidden;isolation:isolate;padding-block:calc(var(--sf-hdr-h) + clamp(40px,7vw,96px)) clamp(48px,7vw,88px)}
.sf-hero-bg{position:absolute;inset:-12% 0 0;z-index:-1;will-change:transform}
.sf-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-hero-bg .base{opacity:.30}
/* the lit wall around the moon: the same light the opening carried across */
.sf-hero-bg .lit{opacity:.55;-webkit-mask-image:radial-gradient(circle at 73% 46%,#000 0,rgba(0,0,0,.5) 16%,transparent 38%);
  mask-image:radial-gradient(circle at 73% 46%,#000 0,rgba(0,0,0,.5) 16%,transparent 38%)}
.sf-hero-bg::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 70% at 25% 50%,rgba(16,20,25,.82),transparent 70%),linear-gradient(180deg,transparent 55%,var(--sf-obsidian) 96%)}
.sf-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(70svh,700px)}
.sf-hero-copy{min-width:0}
.sf-hero .sf-eyebrow{display:flex;align-items:center;gap:12px}
.sf-hero .sf-eyebrow::before{content:"";width:28px;height:1px;background:var(--sf-gold)}
.sf-hero-h{font-family:var(--sf-serif);font-weight:500;font-size:clamp(46px,5.9vw,90px);line-height:.96;letter-spacing:-.02em;margin:20px 0 22px}
.sf-hero-h span{display:block}
@media (min-width:861px){.sf-hero-h span{white-space:nowrap}}
.sf-hero-h em{font-style:italic;color:var(--sf-gold)}
.sf-hero .sf-lede{max-width:40ch;font-size:clamp(17px,1.5vw,19px)}
.sf-hero .sf-btn-row{margin-top:32px}
.sf-hero .sf-btn{min-height:50px;padding-inline:26px}
.sf-floor{margin-top:clamp(32px,4vw,48px);padding-top:18px;border-top:1px solid rgba(226,232,240,.12);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:660px}
.sf-floor-label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10.5px;font-weight:700;letter-spacing:var(--sf-track);text-transform:uppercase;color:var(--fg2);margin-bottom:2px}
.sf-floor-label a{color:var(--sf-gold-hi);text-decoration:none;letter-spacing:.1em}
.sf-floor-label a:hover{text-decoration:underline}
.sf-chip{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:12px;background:rgba(237,239,242,.05);
  border:1px solid rgba(237,239,242,.10);color:var(--sf-moon);text-decoration:none;min-width:0;
  transition:border-color var(--sf-d-hover) var(--sf-out),background var(--sf-d-hover) var(--sf-out)}
.sf-chip:hover,.sf-chip:focus-visible{border-color:var(--sf-gold);background:rgba(200,168,124,.10)}
.sf-chip-img{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#EDEDEA}
.sf-chip-img img{width:100%;height:100%;object-fit:cover}
.sf-chip-txt{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13px;line-height:1.25}
.sf-chip-txt b{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-chip-txt span{color:var(--sf-gold-hi);font-variant-numeric:tabular-nums;font-weight:600}

.sf-hero-stage{--D:clamp(230px,31vw,450px);position:relative;display:grid;place-items:center;min-height:calc(var(--D)*1.3);will-change:transform}
.sf-hero-ring{position:absolute;width:calc(var(--D)*1.42);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,211,166,.55);
  -webkit-mask-image:conic-gradient(from 210deg,transparent 0 8%,#000 22%,#000 34%,transparent 52%,transparent 100%);
  mask-image:conic-gradient(from 210deg,transparent 0 8%,#000 22%,#000 34%,transparent 52%,transparent 100%)}
.sf-hero-ring.r2{width:calc(var(--D)*1.7);border-color:rgba(232,211,166,.18);
  -webkit-mask-image:conic-gradient(from 20deg,transparent 0 10%,#000 26%,transparent 44%,transparent 100%);
  mask-image:conic-gradient(from 20deg,transparent 0 10%,#000 26%,transparent 44%,transparent 100%)}
.sf-hero-floor{position:absolute;left:50%;bottom:0;width:calc(var(--D)*1.1);height:calc(var(--D)*.16);transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(232,211,166,.16),rgba(0,0,0,.55) 45%,transparent 70%);filter:blur(6px)}
html.sf-motion .sf-hero-ring{opacity:0;transform:scale(.94)}
html.sf-motion.sf-ready .sf-hero-ring{opacity:1;transform:none;transition:opacity 1.4s var(--sf-out) .5s,transform 1.6s var(--sf-out) .5s}

@media (max-width:860px){
  .sf-hero{padding-top:calc(var(--sf-hdr-h) + 12px)}
  .sf-hero-grid{grid-template-columns:1fr;min-height:0;gap:8px}
  .sf-hero-stage{--D:min(58vw,280px);order:-1;min-height:calc(var(--D)*1.25)}
  .sf-hero-bg .lit{-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 0,rgba(0,0,0,.5) 18%,transparent 42%);
    mask-image:radial-gradient(circle at 50% 20%,#000 0,rgba(0,0,0,.5) 18%,transparent 42%)}
  .sf-hero-bg::after{background:linear-gradient(180deg,transparent 30%,rgba(16,20,25,.8) 55%,var(--sf-obsidian) 92%)}
  .sf-hero-h{font-size:clamp(42px,12.5vw,64px);margin:14px 0 18px}
  .sf-hero .sf-btn-row{display:grid;grid-template-columns:1fr 1fr}
  .sf-floor{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--sf-gutter));padding:14px var(--sf-gutter) 4px;scrollbar-width:none;max-width:none}
  .sf-floor::-webkit-scrollbar{display:none}
  .sf-floor-label{display:none}
  .sf-chip{flex:0 0 min(72vw,260px);scroll-snap-align:start}
}
@media (max-width:380px){.sf-hero .sf-btn-row{grid-template-columns:1fr}}

/* ---------- section heads (shared on this page) ---------- */
.sf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:clamp(26px,3.6vw,44px)}
.sf-head > div{min-width:0;max-width:680px}
.sf-head .sf-h2{margin:.25em 0 0;font-weight:500}
.sf-head .sf-lede{margin-top:12px;font-size:17px}
.sf-arrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.sf-arrow::after{content:"\2192";font-size:16px;transition:transform var(--sf-d-ui) var(--sf-out)}
a:hover .sf-arrow::after,.sf-arrow:hover::after{transform:translateX(6px)}

/* ---------- featured: spotlight, ledger, photograph ---------- */
.sf-featured{padding-block:clamp(16px,3vw,40px) clamp(72px,9vw,120px)}
.sf-feats{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.sf-feat{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;text-decoration:none;color:inherit;min-width:0}
.sf-kicker{margin:0;font-size:10.5px;font-weight:700;letter-spacing:var(--sf-track);text-transform:uppercase;color:var(--accent)}
.sf-feat-name{font:500 clamp(30px,3.4vw,46px)/1.02 var(--sf-serif);letter-spacing:-.01em;margin:10px 0 12px}
.sf-feat-blurb{margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--fg2);max-width:36ch}

/* BOTA: lit, layered, the flagship */
.sf-feat-bota{grid-column:1/8;grid-row:1/3;min-height:clamp(560px,52vw,680px);padding:clamp(26px,3vw,44px);
  background:radial-gradient(ellipse 55% 48% at 70% 66%,rgba(232,211,166,.20),transparent 70%),linear-gradient(160deg,#1A2026,#0C1013);
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.08);--accent:var(--sf-gold);--fg2:rgba(237,239,242,.72)}
.sf-feat-bota .sf-feat-copy{position:relative;z-index:2;max-width:44%}
.sf-feat-price{margin:0 0 12px;font-size:14px;color:var(--fg2)}
.sf-feat-price b{font:600 32px/1 var(--sf-serif);color:var(--sf-moon);margin-right:6px;font-variant-numeric:tabular-nums}
.sf-swatches{display:flex;gap:8px;margin:0 0 26px}
.sf-swatches i{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 0 4px rgba(255,255,255,.04)}
.sf-feat-bota-stage{position:absolute;left:46%;right:0;top:0;bottom:0}
.sf-feat-bota-stage img{position:absolute;bottom:12%;width:auto;max-width:none;transition:transform 900ms var(--sf-out),filter 900ms var(--sf-out)}
.sf-feat-bota-stage .b1{height:64%;left:50%;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}
.sf-feat-bota-stage .b0{height:50%;left:24%;transform:translateX(-50%);filter:brightness(.78) drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.sf-feat-bota-stage .b2{height:50%;left:76%;transform:translateX(-50%);filter:brightness(.78) drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.sf-feat-bota-stage .floor{position:absolute;left:8%;right:8%;bottom:9%;height:9%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 70%)}
.sf-feat-bota:hover .b0{transform:translateX(calc(-50% - 9px)) rotate(-1.2deg);filter:brightness(.92) drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.sf-feat-bota:hover .b2{transform:translateX(calc(-50% + 9px)) rotate(1.2deg);filter:brightness(.92) drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.sf-feat-bota:hover .b1{transform:translateX(-50%) translateY(-5px)}

/* Deals: a warehouse ledger on paper, with the tag's punched hole */
.sf-feat-deals{grid-column:8/13;grid-row:1;padding:26px 26px 22px;background:#F2EEE4;color:var(--sf-ink);
  --accent:var(--sf-gold-dp);--fg2:var(--sf-slate-ink);--line:rgba(20,22,18,.16)}
.sf-feat-deals::before{content:"";position:absolute;right:22px;top:22px;width:12px;height:12px;border-radius:50%;
  background:var(--sf-obsidian);box-shadow:inset 0 0 0 2px rgba(200,168,124,.6)}
.sf-feat-deals .sf-feat-name{font-size:clamp(28px,2.6vw,36px);margin-bottom:8px}
.sf-feat-deals .sf-feat-blurb{font-size:14px;margin-bottom:12px}
.sf-ledger{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--line)}
.sf-ledger li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.sf-ledger-img{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#E3DED3}
.sf-ledger-img img{width:100%;height:100%;object-fit:cover}
.sf-ledger-txt{display:flex;flex-direction:column;min-width:0;font-size:13px;line-height:1.35;color:var(--fg2)}
.sf-ledger-txt b{font-size:14.5px;color:var(--sf-ink);font-weight:600}
.sf-ledger-price{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.sf-was{font-size:12px;color:var(--fg2);white-space:nowrap}
.sf-was > span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-right:2px}
.sf-was s{text-decoration-thickness:1px}
.sf-ledger-price b{font:600 26px/1 var(--sf-serif);color:var(--sf-ink)}
.sf-ledger-badge{display:inline-block;margin-top:4px;width:fit-content;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border-radius:3px;background:#9A4E23;color:#FFF5EC}

/* New arrivals: a photograph from the floor, stamped */
.sf-feat-new{grid-column:8/13;grid-row:2;padding:0;color:var(--sf-moon);background:linear-gradient(180deg,#151A20,#0E1215);
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.08);--accent:var(--sf-gold-hi);--fg2:rgba(237,239,242,.74)}
.sf-feat-new .sf-feat-photo-wrap{position:relative;height:clamp(150px,13vw,190px);overflow:hidden}
.sf-feat-photo{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transition:transform 1.2s var(--sf-out)}
.sf-feat-new .sf-feat-photo-wrap::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,#151A20)}
.sf-feat-new .sf-stamp{position:absolute;left:18px;top:16px;z-index:2;background:rgba(14,18,21,.78)}
.sf-feat-new:hover .sf-feat-photo{transform:scale(1.05)}
.sf-feat-new .sf-feat-copy{position:relative;z-index:2;padding:4px 24px 22px;display:flex;flex-direction:column}
.sf-feat-new .sf-feat-name{font-size:clamp(28px,2.6vw,36px);margin:0 0 8px}
.sf-feat-new .sf-feat-blurb{font-size:14px;margin-bottom:16px}
.sf-stamp{display:inline-block;margin:0;padding:6px 10px 5px;border:1px solid var(--sf-gold-hi);outline:1px solid rgba(232,211,166,.35);outline-offset:2px;
  font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-gold-hi)}
.sf-stack{display:flex;margin:0 0 16px}
.sf-stack img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #0E1215;background:#EDEDEA}
.sf-stack img+img{margin-left:-12px}

@media (max-width:900px){
  .sf-feat-bota,.sf-feat-deals,.sf-feat-new{grid-column:1/-1;grid-row:auto}
  .sf-feat-bota{min-height:0;padding-bottom:0}
  .sf-feat-bota .sf-feat-copy{max-width:none}
  .sf-feat-bota-stage{position:relative;left:auto;height:min(92vw,420px);margin:0 calc(-1*clamp(26px,3vw,44px))}
}

/* ---------- just added ---------- */
.sf-newgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
/* the newest item: a wide card, photograph beside its details */
.sf-newgrid .sf-card.is-feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sf-newgrid .sf-card.is-feature .sf-card-media{aspect-ratio:auto;height:100%;min-height:340px;border-radius:var(--sf-r-md) 0 0 var(--sf-r-md)}
.sf-newgrid .sf-card.is-feature .sf-card-body{padding:22px 22px 20px}
.sf-card.is-feature .sf-card-title{display:block;-webkit-line-clamp:unset;min-height:0;overflow:visible}
.sf-card-feat{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:6px;font-size:13px;line-height:1.45;color:var(--fg2)}
.sf-card-feat li{position:relative;padding-left:14px}
.sf-card-feat li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
/* the closing tile: where the rest of the list is */
.sf-card-more{position:relative;isolation:isolate;overflow:hidden;grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:28px;
  border-radius:var(--sf-r-md);min-height:260px;color:var(--sf-moon);text-decoration:none;--accent:var(--sf-gold-hi);
  background:linear-gradient(180deg,rgba(16,20,25,.35),rgba(16,20,25,.92) 70%),url(/assets/cat-toys.webp) center 40%/cover,var(--sf-obsidian)}
.sf-card-more:hover .sf-arrow::after{transform:translateX(6px)}
.sf-card-more b{font:500 clamp(24px,2.4vw,32px)/1.15 var(--sf-serif)}
.sf-card-more-stack{display:flex}
.sf-card-more-stack img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--sf-obsidian);background:#EDEDEA}
.sf-card-more-stack img+img{margin-left:-14px}
@media (max-width:900px){.sf-newgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-newgrid .sf-card.is-feature{grid-template-columns:1fr}
  .sf-newgrid .sf-card.is-feature .sf-card-media{aspect-ratio:4/3;height:auto;min-height:0;border-radius:var(--sf-r-md) var(--sf-r-md) 0 0}}
@media (max-width:420px){.sf-newgrid{gap:10px}.sf-newgrid .sf-card:not(.is-feature) .sf-ship{display:none}.sf-card-more{padding:22px}}

/* ---------- aisles (category directory) ---------- */
.sf-aisles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,72px);border-top:1px solid var(--line)}
@media (max-width:760px){.sf-aisles{grid-template-columns:1fr}}
.sf-aisle{display:grid;grid-template-columns:64px minmax(0,1fr) auto 28px;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);
  color:var(--fg);text-decoration:none}
.sf-aisle-img{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#E3DED3;transition:transform var(--sf-d-ui) var(--sf-out)}
.sf-aisle-img img{width:100%;height:100%;object-fit:cover}
.sf-aisle-img.is-contain img{object-fit:contain;padding:6px}
.sf-aisle-name{font:500 clamp(22px,2.2vw,30px)/1.1 var(--sf-serif);transition:transform var(--sf-d-ui) var(--sf-out)}
.sf-aisle-n{font-size:12.5px;color:var(--fg2);font-variant-numeric:tabular-nums}
.sf-aisle-go{color:var(--accent);font-size:18px;justify-self:end;transition:transform var(--sf-d-ui) var(--sf-out)}
.sf-aisle:hover .sf-aisle-name{transform:translateX(6px)}
.sf-aisle:hover .sf-aisle-img{transform:scale(1.08)}
.sf-aisle:hover .sf-aisle-go{transform:translateX(4px)}
.sf-aisle.is-ask .sf-aisle-img{display:grid;place-items:center;border:1px dashed var(--line);background:transparent;font:500 26px/1 var(--sf-serif);color:var(--accent)}

/* ---------- inside the warehouse ---------- */
.sf-inside{padding-block:clamp(80px,10vw,140px) clamp(64px,8vw,110px)}
.sf-collage{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);
  height:clamp(420px,52vw,680px);margin:0}
.sf-collage figure{position:relative;margin:0;overflow:hidden;border-radius:14px;min-height:0}
.sf-collage figure:nth-child(1){grid-row:1/3}
.sf-collage figure:nth-child(3){grid-column:3;grid-row:1/3}
.sf-collage img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--sf-out)}
.sf-collage figure:hover img{transform:scale(1.04)}
.sf-collage figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:7px 11px;border-radius:6px;
  background:rgba(10,12,14,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12.5px;color:var(--sf-moon)}
/* the light passes once across the photographs when they come into view */
html.sf-motion .sf-collage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;
  background:linear-gradient(100deg,transparent 35%,rgba(255,236,200,.16) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;opacity:0}
html.sf-motion .sf-collage.is-in::after{animation:sf-pass 1.8s var(--sf-cine) .25s 1 both}
@keyframes sf-pass{0%{opacity:1;background-position:120% 0}100%{opacity:1;background-position:-30% 0}}
@media (max-width:760px){
  .sf-collage{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .sf-collage figure,.sf-collage figure:nth-child(1),.sf-collage figure:nth-child(3){grid-column:auto;grid-row:auto;aspect-ratio:3/4}
  .sf-collage figure:nth-child(1){grid-column:1/-1;aspect-ratio:4/3}
}
.sf-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(36px,5vw,60px)}
.sf-points > div{border-top:1px solid var(--line);padding-top:16px;min-width:0}
.sf-points b{display:block;font:500 var(--sf-t-lg)/1.25 var(--sf-serif);margin-bottom:8px}
.sf-points p{margin:0;font-size:var(--sf-t-sm);color:var(--fg2)}

/* ---------- wholesale ---------- */
.sf-whole{--bg:#EFEADF;--bg2:#F7F4ED;background:var(--bg)}
.sf-whole-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center}
.sf-whole .sf-h2{font-weight:500}
.sf-whole-photo{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--sf-obsidian);aspect-ratio:4/5;
  box-shadow:0 40px 80px -40px rgba(20,22,18,.55)}
.sf-whole-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.sf-whole-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 70%,rgba(10,12,14,.75))}
.sf-whole-photo figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px 20px;font-size:13px;color:rgba(237,239,242,.9)}
.sf-steps{list-style:none;counter-reset:st;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;gap:0}
.sf-steps li{counter-increment:st;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.sf-steps li::before{content:counter(st);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--accent);color:var(--accent);font:600 15px/1 var(--sf-serif)}
.sf-steps b{display:block;font-weight:600;margin-bottom:4px}
.sf-steps p{margin:0;font-size:14px;color:var(--fg2)}
@media (max-width:860px){.sf-whole-grid{grid-template-columns:1fr}.sf-whole-photo{aspect-ratio:4/3;max-width:520px}}

/* ---------- closing: who you're buying from ---------- */
.sf-close{padding-block:clamp(80px,10vw,130px) clamp(56px,7vw,90px)}
.sf-close-h{font:500 clamp(44px,7vw,96px)/.98 var(--sf-serif);letter-spacing:-.02em;margin:16px 0 24px}
.sf-close-h em{font-style:italic;color:var(--sf-gold)}
.sf-close .sf-lede{max-width:56ch}
.sf-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
@media (max-width:860px){.sf-facts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.sf-facts-grid{grid-template-columns:1fr}}
.sf-facts-grid > div{padding:20px 22px 22px 0;border-bottom:1px solid var(--line);min-width:0}
.sf-facts-grid dt{font-size:10.5px;font-weight:700;letter-spacing:var(--sf-track);text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.sf-facts-grid dd{margin:0;font-size:15px;line-height:1.55}