/* storefront.css -- one storefront on every site (lane storefront, xsite slice 1a, 2026-10-21).
   TODAY's six task labels and ten seats, in black and brass: sharp corners, gold hairlines, Art Deco double rules.
   Reuses site.css tokens only (--night --brass-night --bone-night --mute-night --gold --hair --display --mono). */
.sf-navbar{position:sticky;top:var(--sf-top,0px);z-index:25;background:#000;border-block:1px solid rgba(226,167,44,.45)}
.sf-navbar::after{content:"";position:absolute;inset:auto 0 -4px;height:3px;border-bottom:1px solid rgba(226,167,44,.22);pointer-events:none}
.sf-nav{display:flex;gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:.55rem 0;max-width:100%}
.sf-nav::-webkit-scrollbar{display:none}
.sf-nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:.3rem 1.05rem;
  border:1px solid rgba(226,167,44,.45);border-radius:0;background:#07070a;color:var(--bone-night);text-decoration:none;
  font:700 .82rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;
  transition:background-color var(--m-dur-fast,120ms),color var(--m-dur-fast,120ms),border-color var(--m-dur-fast,120ms),transform .15s}
.sf-nav a:hover{border-color:var(--brass-night);color:var(--brass-night)}
.sf-nav a:active{transform:scale(.96)}
.sf-nav a.is-on{background:var(--brass-night);border-color:var(--brass-night);color:#000}
.sf-nav a:focus-visible,.sf-seat a:focus-visible,.sf-doors a:focus-visible,.sf-doors button:focus-visible{outline:2px solid var(--brass-night);outline-offset:3px}
#sf-about,#sp-facts-sec,.sf-part,#sf-news,#sf-links,#sf-bids,#sf-bids-terms{scroll-margin-top:calc(var(--sf-top,0px) + 4.6rem)}
.sf-part + .sf-part > .sec:not([hidden]):first-child,.sf-part + .sec,.sec + .sf-part > .sec:first-child{border-top:var(--hair-soft)}

/* section heads: the shop page's own heading voice */
.sf-empty h2,.sf-links h2,.sf-bids h2{font:800 clamp(2rem,6vw,3.4rem)/.92 var(--display);letter-spacing:.02em;text-transform:uppercase;margin:.6rem 0 0}
.sf-empty .head p,.sf-links .head p,.sf-bids .head p{color:var(--mute-night);max-width:34rem;margin:.8rem 0 0}
.sf-spot{width:min(100%,200px);height:auto;justify-self:center;color:var(--brass-night)}
.sf-empty{padding-block:clamp(2.5rem,6vw,4.5rem)}
.sf-empty__wrap{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 96px;align-items:center}
.sf-empty .sf-spot{width:96px}
@media (min-width:760px){.sf-empty__wrap{grid-template-columns:minmax(0,1fr) 200px;gap:2rem}.sf-empty .sf-spot{width:200px}}

/* Connect: four doors as brass-ruled tiles */
.sf-strip{display:block;width:100%;max-width:600px;height:auto;margin:0 0 1.4rem}
.sf-doors{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.sf-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sf-doors li{position:relative;display:grid}
.sf-doors a,.sf-doors button{display:grid;gap:.45rem;align-content:center;min-height:64px;padding:.9rem 1.1rem;border:1px solid rgba(226,167,44,.45);border-radius:0;
  background:linear-gradient(160deg,#15130f,#070605 72%);color:var(--bone-night);text-align:left;text-decoration:none;cursor:pointer;
  font:700 1.05rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;transition:border-color var(--m-dur-fast,120ms),transform .15s,background-color var(--m-dur-fast,120ms)}
.sf-doors .kicker::after{display:none}
.sf-doors a:hover,.sf-doors button:hover{border-color:var(--brass-night)}
.sf-doors a:active,.sf-doors button:active{transform:scale(.98)}
.sf-doors button[data-done="ok"]{border-color:var(--bottle-bright,#25a86a)}
.sf-doors button[data-done="no"]{border-color:#e05328}
.sf-say{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);pointer-events:none;font:500 .78rem/1.3 var(--mono);letter-spacing:.08em;color:var(--brass-night)}
.sf-doors .sf-stated a{border-style:dashed}

/* Sponsor: ten seats, two rows of five */
.sf-bids__grid{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr);align-items:center;margin-top:2rem}
@media (min-width:900px){.sf-bids__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.sf-bids__grid--terms{align-items:start}}
.sf-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
.sf-seat a{position:relative;display:grid;place-items:center;align-content:center;gap:.4rem;min-height:76px;padding:.5rem .2rem;border:1px solid rgba(226,167,44,.55);border-radius:0;
  background:linear-gradient(160deg,#15130f,#050504 75%);color:var(--bone-night);text-decoration:none;transition:border-color var(--m-dur-fast,120ms),transform .15s var(--m-ease-out,ease)}
.sf-seat a::before{content:"";position:absolute;inset:4px;border:1px solid rgba(226,167,44,.2);pointer-events:none}
.sf-seat a:hover{border-color:var(--brass-night);transform:translateY(-2px)}
.sf-seat a:active{transform:scale(.96)}
.sf-seat__n{font:800 clamp(1.4rem,4.5vw,2rem)/1 var(--display);color:var(--brass-night);letter-spacing:.04em}
.sf-seat__s{font:500 .62rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute-night)}
.sf-state{margin:1rem 0 0;padding:.7rem 1rem;border-left:3px solid var(--brass-night);background:rgba(226,167,44,.08);color:var(--bone-night);font-weight:600}
.sf-h3{font:800 1.3rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-night);margin:0 0 .9rem}
.sf-terms{list-style:none;margin:0;padding:.2rem 0;display:grid;gap:.55rem;outline:none}
.sf-terms li{position:relative;padding-left:1.4rem;color:var(--bone-night)}
.sf-terms li::before{content:"";position:absolute;left:0;top:.5em;width:.55rem;height:.55rem;background:var(--brass-night);transform:rotate(45deg)}
.sf-terms:target{animation:sf-flash 1.4s var(--m-ease-out,ease)}
@keyframes sf-flash{0%{background:rgba(226,167,44,.28);box-shadow:0 0 0 6px rgba(226,167,44,.28)}100%{background:transparent;box-shadow:0 0 0 6px transparent}}
.sf-sched{margin:1rem 0 0;color:var(--mute-night);font-style:italic}
.sf-credit{position:relative;display:grid;gap:1rem;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:1.2rem;border:1px solid rgba(226,167,44,.55);background:#07070a}
.sf-credit::before{content:"";position:absolute;inset:6px;border:1px solid rgba(226,167,44,.2);pointer-events:none}
.sf-credit__art{width:96px;height:96px}
.sf-credit__name{font:800 1.6rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 .8rem;color:var(--bone-night)}
.sf-credit .kicker::after{display:none}
.sf-credit .kicker{letter-spacing:.14em;line-height:1.3}
.sf-bids .sf-bids__grid > .sf-spot{width:160px}
@media (min-width:900px){.sf-bids .sf-bids__grid > .sf-spot{width:min(100%,240px)}}
.sf-policy{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;gap:.3rem;color:var(--mute-night)}
.sf-more{grid-column:1/-1;position:relative;color:var(--brass-night);font:600 .9rem/1 var(--mono);letter-spacing:.08em;min-height:48px;display:inline-flex;align-items:center}
.sf-more:hover{color:var(--bone-night)}
@media (prefers-reduced-motion:reduce){.sf-nav a,.sf-seat a,.sf-doors a,.sf-doors button{transition:none}.sf-terms:target{animation:none;background:rgba(226,167,44,.12)}}