.elementor-858 .elementor-element.elementor-element-1798a73{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6e4db67 *//* ============================================================
   POP GRIT — Shipping & Returns (policy page)
   Companion stylesheet to auction-sale-popgrit.css, which carries
   the shared chrome (nav, btn, masthead, fineprint, footer, ph,
   fillword) and the light POP GRIT tokens. This file adds only the
   policy-specific layout: glance band, sticky index, sections,
   region table, callouts, steps, FAQ and concierge strip.
   ============================================================ */

/* ---- Masthead extras for this page ---- */
html body .elementor-widget-container p, html body .elementor-widget-container li, html body .entry-content p, html body .entry-content li, html body .entry-content td, html body .entry-content blockquote {
    color: #131010 !important;
}
body, section, main, .site {
    background-color: #fff !important;
}
.masthead__title em{color:var(--accent)}
.masthead__note{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin-top:30px}
.masthead__note b{color:var(--ink);font-weight:600}

/* ============================================================
   GLANCE BAND — four quick facts
   ============================================================ */
.glance{border-bottom:1px solid var(--faint);padding-block:0}
.glance__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.glance__cell{padding:26px 0;display:flex;flex-direction:column;gap:9px;
  position:relative}
.glance__cell + .glance__cell{padding-left:32px;border-left:1px solid var(--faint)}
.glance__cell + .glance__cell::before{content:"";position:absolute}
.glance__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:9px}
.glance__k .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.glance__v{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(17px,1.5vw,22px);letter-spacing:.01em;line-height:1.05;color:var(--ink)}
.glance__v em{color:var(--accent)}
.glance__sub{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;
  color:var(--muted);text-transform:none}
@media(max-width:880px){
  .glance__grid{grid-template-columns:1fr 1fr}
  .glance__cell:nth-child(3){border-left:0;padding-left:0}
  .glance__cell:nth-child(odd){padding-left:0;border-left:0}
  .glance__cell:nth-child(even){padding-left:32px}
  .glance__cell:nth-child(3),.glance__cell:nth-child(4){border-top:1px solid var(--faint)}
}

/* ============================================================
   POLICY LAYOUT — sticky index + content
   ============================================================ */
.policy{padding-block:clamp(40px,5vw,72px)}
.policy__layout{display:grid;grid-template-columns:248px 1fr;gap:clamp(40px,6vw,96px);
  align-items:start}

.index{position:sticky;top:calc(var(--nav-h) + 28px);display:flex;flex-direction:column;gap:6px}
.index__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--dim);padding-bottom:14px;margin-bottom:8px;
  border-bottom:2px solid var(--ink)}
.index__group{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);margin-top:18px;margin-bottom:4px}
.index__group:first-of-type{margin-top:0}
.index__link{display:flex;gap:11px;align-items:baseline;padding:7px 0;
  font-size:13px;color:var(--muted);line-height:1.3;
  transition:color var(--dur-q) var(--ease)}
.index__link .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;
  color:var(--dim);flex:0 0 auto;width:18px;
  transition:color var(--dur-q) var(--ease)}
.index__link:hover{color:var(--ink)}
.index__link:hover .n{color:var(--accent)}
.index__link[data-active="true"]{color:var(--ink);font-weight:500}
.index__link[data-active="true"] .n{color:var(--accent)}

.policy__content{display:flex;flex-direction:column}

/* ---- Section ---- */
.sec{padding-block:clamp(30px,3.4vw,46px);border-top:1px solid var(--faint);
  scroll-margin-top:calc(var(--nav-h) + 24px)}
.sec:first-child{border-top:0;padding-top:0}
.sec__head{display:flex;align-items:baseline;gap:18px;margin-bottom:22px}
.sec__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  color:var(--accent);flex:0 0 auto;padding-top:4px}
.sec__h{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(24px,2.4vw,34px);letter-spacing:.01em;line-height:.98}
.sec__h em{color:var(--accent)}
.sec p{font-size:15.5px;line-height:1.72;color:var(--muted);max-width:62ch;
  text-wrap:pretty}
.sec p + p{margin-top:16px}
.sec p b,.sec p strong{color:var(--ink);font-weight:600}
.sec a.inline{color:var(--ink);border-bottom:1px solid var(--accent);
  transition:color var(--dur-q) var(--ease)}
.sec a.inline:hover{color:var(--accent)}
.sec__lead{margin-left:calc(11px + 18px)}
@media(max-width:1100px){.sec__lead{margin-left:0}}

/* definition rows inside a section */
.deflist{margin-top:22px;display:flex;flex-direction:column}
.def{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:18px 0;
  border-top:1px solid var(--faint)}
.def:last-child{border-bottom:1px solid var(--faint)}
.def__t{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink)}
.def__d{font-size:14.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}
.def__d b{color:var(--ink);font-weight:600}
@media(max-width:680px){.def{grid-template-columns:1fr;gap:7px}}

/* ============================================================
   TWO-TRACK CALLOUT — Auction vs Marketplace
   ============================================================ */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:8px}
.track{border:var(--border-w) solid var(--ink);border-radius:var(--card-r);
  padding:26px 26px 28px;display:flex;flex-direction:column;gap:14px;background:var(--bg)}
.track--accent{background:var(--ink);color:#fff;border-color:var(--ink)}
.track__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);display:inline-flex;align-items:center;gap:9px}
.track--accent .track__tag{color:rgba(255,255,255,.6)}
.track__tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.track__h{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(22px,2vw,28px);letter-spacing:.01em;line-height:1}
.track__h em{color:var(--accent)}
.track__d{font-size:14px;line-height:1.62;color:var(--muted)}
.track--accent .track__d{color:rgba(255,255,255,.74)}
.track__rule{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;margin-top:auto;padding-top:16px;border-top:1px solid var(--faint);
  display:flex;align-items:baseline;gap:10px;color:var(--ink)}
.track--accent .track__rule{border-top-color:rgba(255,255,255,.18);color:#fff}
.track__rule b{color:var(--accent);font-weight:600}
.track__rule .lbl{color:var(--dim);letter-spacing:.16em}
.track--accent .track__rule .lbl{color:rgba(255,255,255,.5)}
@media(max-width:680px){.tracks{grid-template-columns:1fr}}

/* ============================================================
   REGION TABLE
   ============================================================ */
.rtable{margin-top:6px;border:var(--border-w) solid var(--ink);border-radius:var(--card-r);
  overflow:hidden}
.rtable__row{display:grid;grid-template-columns:1.3fr 1.5fr 1fr .9fr;
  align-items:center;gap:18px;padding:15px 22px;border-top:1px solid var(--faint)}
.rtable__row:first-child{border-top:0}
.rtable__row--head{background:var(--ink);border-top:0}
.rtable__row--head span{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.66)}
.rtable__region{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:15px;letter-spacing:.02em;color:var(--ink)}
.rtable__region small{display:block;font-family:var(--font-mono);font-weight:400;
  font-size:9.5px;letter-spacing:.1em;color:var(--dim);margin-top:3px;text-transform:none}
.rtable__cell{font-size:13.5px;color:var(--muted);line-height:1.45}
.rtable__cell.is-time{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink)}
.rtable__cell.is-track{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent)}
@media(max-width:760px){
  .rtable__row{grid-template-columns:1fr 1fr;gap:10px 18px;padding:16px 18px}
  .rtable__row--head{display:none}
  .rtable__region{grid-column:1 / -1}
  .rtable__cell::before{content:attr(data-k);display:block;font-family:var(--font-mono);
    font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
}

/* ============================================================
   STEPS — how to return
   ============================================================ */
.steps{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}
.step{display:flex;flex-direction:column;gap:11px;padding-top:18px;border-top:2px solid var(--ink)}
.step__n{font-family:var(--font-impact),var(--font-display);font-size:30px;line-height:.9;
  color:var(--accent);letter-spacing:.01em}
.step__h{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink)}
.step__d{font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:880px){.steps{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* ============================================================
   FAQ
   ============================================================ */
.faq{padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--faint)}
.faq__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding-bottom:20px;border-bottom:1px solid var(--faint);margin-bottom:8px}
.faq__title{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(24px,2.6vw,40px);letter-spacing:.02em;line-height:1}
.faq__title em{color:var(--accent)}
.faq__note{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim)}
.qa{border-bottom:1px solid var(--faint)}
.qa__q{width:100%;text-align:left;display:flex;align-items:center;gap:20px;
  padding:22px 0;cursor:pointer}
.qa__qt{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(16px,1.5vw,21px);letter-spacing:.01em;line-height:1.1;flex:1}
.qa__sign{flex:0 0 auto;width:22px;height:22px;position:relative;color:var(--ink);
  transition:color var(--dur-q) var(--ease)}
.qa__sign::before,.qa__sign::after{content:"";position:absolute;background:currentColor;
  transition:transform var(--dur-m) var(--ease-out),opacity var(--dur-q) var(--ease)}
.qa__sign::before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}
.qa__sign::after{left:50%;top:0;width:2px;height:100%;transform:translateX(-50%)}
.qa[data-open="true"] .qa__sign{color:var(--accent)}
.qa[data-open="true"] .qa__sign::after{transform:translateX(-50%) scaleY(0);opacity:0}
.qa__a{overflow:hidden;max-height:0;transition:max-height var(--dur-m) var(--ease)}
.qa__a-inner{padding:0 42px 26px 0;font-size:14.5px;line-height:1.72;color:var(--muted);
  max-width:72ch;text-wrap:pretty}
.qa__a-inner b{color:var(--ink);font-weight:600}

/* ============================================================
   CONCIERGE STRIP
   ============================================================ */
.concierge{border-top:var(--border-w) solid var(--ink);background:var(--paper)}
.concierge__inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  padding-block:clamp(40px,5vw,64px)}
.concierge__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:11px;
  margin-bottom:18px}
.concierge__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.concierge__h{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(28px,3.4vw,52px);line-height:.95;letter-spacing:-.005em;max-width:16ch}
.concierge__h em{color:var(--accent)}
.concierge__sub{font-size:15px;line-height:1.65;color:var(--muted);max-width:46ch;margin-top:18px}
.concierge__cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.concierge__hours{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);line-height:1.7}
.concierge__hours b{color:var(--ink);font-weight:600}
@media(max-width:760px){
  .concierge__inner{grid-template-columns:1fr;gap:28px}
}

/* policy layout collapse */
@media(max-width:1100px){
  .policy__layout{grid-template-columns:1fr;gap:36px}
  .index{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 22px;
    padding-bottom:24px;border-bottom:1px solid var(--faint)}
  .index__title{flex-basis:100%;border-bottom:0;padding-bottom:0;margin-bottom:0}
  .index__group{flex-basis:100%;margin-top:10px}
  .index__link{padding:4px 0}
}

/* ============================================================
   Snub-Snit — Auction Sale (Lot Index) · POP GRIT LIGHT
   White ground, ink #0a0a0a, orange accent, heavy black frames.
   Self-contained tokens — does NOT import the dark token set.
   Tweakable hooks: --accent, --border-w, --card-r + data-* attrs
   set on .sale (the app root wrapper).
   ============================================================ */
:root{
  --bg:#ffffff;
  --paper:#f5f5f6;
  --ink:#0a0a0a;
  --muted:rgba(10,10,10,.52);
  --dim:rgba(10,10,10,.40);
  --faint:rgba(10,10,10,.12);
  --hair:rgba(10,10,10,.10);
  --accent:#ff5a1f;

  --border-w:2.5px;
  --card-r:14px;

  --font-display:"Europa Grotesk SH","Work Sans","Söhne",system-ui,sans-serif;
  --font-sans:"Geist","Work Sans","Manrope",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --font-logo:"Boltire","Anton",Georgia,serif;
  /* Impact Label — used SPARINGLY, prices only. Installed locally; Anton is the web-font fallback. */
  --font-impact:"Impact Label","Anton","Haettenschweiler",sans-serif;

  --maxw:1320px;
  --rail:clamp(20px,4vw,56px);
  --gutter:clamp(18px,2.4vw,30px);
  --nav-h:64px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-q:.22s;
  --dur-m:.5s;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--font-sans);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
img{display:block;max-width:100%}
em{font-style:normal}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--rail)}
main{padding-top:calc(var(--nav-h) + 8px)}

/* ============================================================
   NAV
   ============================================================ */

  transition:border-color var(--dur-q) var(--ease),height var(--dur-q) var(--ease)}
.nav--scrolled{border-bottom-color:var(--faint)}
.nav__brand{display:flex;align-items:center;z-index:2}
.nav__mark{height:30px;width:auto;display:block;transition:transform var(--dur-q) var(--ease)}
.nav__brand:hover .nav__mark{transform:rotate(-2deg) scale(1.03)}
.nav__links{display:flex;gap:clamp(20px,3vw,38px);align-items:center;
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.nav__link{position:relative;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  padding:6px 0;transition:color var(--dur-q) var(--ease)}
.nav__link::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--accent);transition:width var(--dur-m) var(--ease-out)}
.nav__link:hover,.nav__link[data-active="true"]{color:var(--ink)}
.nav__link:hover::after,.nav__link[data-active="true"]::after{width:100%}
.nav__right{display:flex;align-items:center;gap:16px;z-index:2}
.nav__cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;border:1.5px solid var(--ink);padding:10px 16px;border-radius:2px;
  color:var(--ink);transition:background var(--dur-q) var(--ease),color var(--dur-q) var(--ease)}
.nav__cta:hover{background:var(--ink);color:#fff}

/* image-fill wordmark technique (from POP GRIT home) */
.fillword{position:relative;display:inline-block;line-height:.84}
.fillword .o{color:var(--ink);-webkit-text-stroke:var(--stroke,3px) var(--ink);paint-order:stroke fill}
.fillword .f{position:absolute;inset:0;
  background-image:url("assets/pop-grit-fill.jpg");
  background-size:var(--fillsize,170% auto);background-position:50% 38%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sale[data-fill="ink"] .fillword .f{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink)}
.sale[data-fill="accent"] .fillword .f{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}

/* buttons (POP GRIT) */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;padding:14px 22px;border-radius:2px;
  border:1.5px solid var(--ink);cursor:pointer;
  transition:background var(--dur-q) var(--ease),color var(--dur-q) var(--ease),border-color var(--dur-q) var(--ease)}
.btn .arr{transition:transform var(--dur-q) var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
.btn--solid{background:var(--ink);color:#fff}
.btn--solid:hover{background:var(--accent);border-color:var(--accent)}
.btn--ghost:hover{background:var(--ink);color:#fff}

/* ============================================================
   MASTHEAD
   ============================================================ */
.masthead{padding-block:clamp(36px,5vw,72px);border-bottom:1px solid var(--faint)}
.masthead__crumbs{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim);display:flex;gap:14px;align-items:center;
  margin-bottom:clamp(28px,4vw,52px)}
.masthead__crumbs a{color:var(--muted);transition:color var(--dur-q) var(--ease)}
.masthead__crumbs a:hover{color:var(--accent)}
.masthead__crumbs .sep{color:var(--faint)}
.masthead__grid{display:grid;grid-template-columns:1.45fr 1fr;
  gap:clamp(40px,6vw,96px);align-items:end}
.masthead__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);display:inline-flex;gap:13px;
  align-items:center;margin-bottom:22px}
.masthead__eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(255,90,31,.14)}
.masthead__title{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(46px,6.4vw,98px);line-height:.9;letter-spacing:-.01em;max-width:13ch}
.masthead__title em{color:var(--accent)}
.masthead__sub{color:var(--muted);font-size:clamp(14px,1.1vw,17px);margin-top:24px;
  max-width:52ch;line-height:1.65;text-wrap:pretty}
.masthead__cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}

.masthead__data{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;padding-bottom:6px}
.data-cell{display:flex;flex-direction:column;gap:8px;padding-top:16px;
  border-top:2px solid var(--ink)}
.data-cell__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim)}
.data-cell__value{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(20px,1.8vw,26px);letter-spacing:.01em;color:var(--ink);line-height:1}
.data-cell__value em{color:var(--accent)}
.data-cell__value .unit{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);margin-left:5px;font-weight:400}

/* ============================================================
   LIVE BAND
   ============================================================ */
.live-band{padding:18px 0;border-bottom:1px solid var(--faint)}
.live-band__left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.live-band__chip{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:#fff;background:var(--accent);padding:8px 13px;
  border-radius:2px;display:inline-flex;align-items:center;gap:10px}
.live-band__chip .pulse{width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:none}
.live-band__msg{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.live-band__msg b{color:var(--ink);font-weight:600}
.live-band__countdown{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink)}
.live-band__countdown .num{color:var(--accent);font-weight:600}

.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent)}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,90,31,.45)}
  70%{box-shadow:0 0 0 9px rgba(255,90,31,0)}
  100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.55}}

/* ============================================================
   TOOLBAR — filters / sort / view
   ============================================================ */
.toolbar{position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.86);backdrop-filter:blur(16px) saturate(1.1);
  border-bottom:1px solid var(--faint);padding:13px 0}
.toolbar__inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.toolbar__group{display:flex;gap:7px;align-items:center}
.toolbar__chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);padding:9px 15px;
  border:1.5px solid var(--faint);border-radius:2px;
  transition:color var(--dur-q) var(--ease),background var(--dur-q) var(--ease),border-color var(--dur-q) var(--ease)}
.toolbar__chip:hover{color:var(--ink);border-color:var(--ink)}
.toolbar__chip[data-active="true"]{color:#fff;background:var(--ink);border-color:var(--ink)}
.toolbar__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.toolbar__count b{color:var(--ink);font-weight:600}
.toolbar__divider{width:1px;height:22px;background:var(--faint);margin:0 12px}
.toolbar__select{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);background:transparent;
  border:1.5px solid var(--faint);border-radius:2px;padding:9px 32px 9px 14px;
  appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),
                   linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 12px) 50%;
  background-size:4px 4px,4px 4px;background-repeat:no-repeat;
  transition:border-color var(--dur-q) var(--ease)}
.toolbar__select:hover{border-color:var(--ink)}
.toolbar__view{display:flex;border:1.5px solid var(--faint);border-radius:2px;overflow:hidden}
.toolbar__view button{padding:9px 13px;color:var(--muted);font-family:var(--font-mono);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  transition:color var(--dur-q) var(--ease),background var(--dur-q) var(--ease)}
.toolbar__view button[data-active="true"]{color:#fff;background:var(--ink)}
.toolbar__view button+button{border-left:1.5px solid var(--faint)}

/* ============================================================
   CATALOGUE
   ============================================================ */
.catalogue{padding-block:clamp(40px,5vw,72px)}
.catalogue__sectionhead{display:flex;align-items:baseline;justify-content:space-between;
  gap:24px;padding-bottom:20px;border-bottom:1px solid var(--faint);margin-bottom:clamp(34px,4vw,52px)}
.catalogue__sectiontitle{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(24px,2.6vw,40px);letter-spacing:.02em;line-height:1}
.catalogue__sectiontitle em{color:var(--accent)}
.catalogue__sectioncount{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim)}

.lots-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(40px,4vw,64px) var(--gutter)}

/* ============================================================
   LOT CARD — POP GRIT: square media, heavy frame, display title
   ============================================================ */
.lot{grid-column:span 3;display:flex;flex-direction:column;gap:0;cursor:pointer;position:relative}
.lot--lg{grid-column:span 6}
.lot--md{grid-column:span 4}

.lot__media{position:relative;aspect-ratio:1/1;overflow:hidden;
  border:var(--border-w) solid var(--ink);border-radius:var(--card-r);background:var(--paper)}
.lot__media .ph{position:absolute;inset:0;transition:transform 1.1s var(--ease-out)}
.sale[data-zoom="on"] .lot:hover .lot__media .ph{transform:scale(1.04)}

/* Lot-number badge — the Impact Label face is a STENCIL/KNOCKOUT font: each glyph is a
   solid tile with the letters punched out as holes. So `color` paints the tile (the
   "background") and the element's `background` shows through the letter holes (the
   "text colour"). No box/border is added — the tile IS the label. Swapped by the
   "Lot tag" tweak. letter-spacing:0 keeps the tiles abutting into one clean strip. */
.lot__num{position:absolute;top:11px;left:11px;z-index:3;font-family:var(--font-impact);
  font-size:15px;letter-spacing:0;text-transform:uppercase;line-height:1;
  padding:0;border:none;background:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.38))}
.sale[data-lottag="light"] .lot__num{color:#ffffff;background:#0a0a0a}
.sale[data-lottag="dark"]  .lot__num{color:#0a0a0a;background:#ffffff}

.lot__status{position:absolute;top:12px;right:12px;z-index:3;font-family:var(--font-mono);
  font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;padding:7px 11px;
  border-radius:2px;display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid var(--faint)}
.lot__status .pulse{width:6px;height:6px}
.lot__status[data-state="live"]{color:var(--accent);border-color:rgba(255,90,31,.5)}
.lot__status[data-state="live"] .pulse{background:var(--accent);animation:pulse 2s infinite}
.lot__status[data-state="ending"]{color:#fff;background:var(--accent);border-color:var(--accent);animation:blink 1.4s infinite}
.lot__status[data-state="ending"] .pulse{background:#fff;animation:none}
.lot__status[data-state="sold"]{color:oklch(0.5 0.13 150);border-color:oklch(0.5 0.13 150 / .4)}
.lot__status[data-state="unsold"]{color:var(--muted)}
.lot__status[data-state="preview"]{color:var(--ink)}

.lot__watch{position:absolute;bottom:12px;right:12px;z-index:3;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;color:var(--ink);
  background:rgba(255,255,255,.9);border:1px solid var(--faint);border-radius:2px;
  backdrop-filter:blur(8px);transition:color var(--dur-q) var(--ease),border-color var(--dur-q) var(--ease)}
.lot__watch:hover{color:var(--accent);border-color:var(--accent)}
.lot__watch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.lot__watch[data-on="true"] svg{fill:var(--accent);stroke:var(--accent)}

.lot__info{display:flex;flex-direction:column;gap:5px;padding-top:16px}
.lot__maker{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim)}
.lot__title{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(18px,1.5vw,22px);letter-spacing:.02em;line-height:.98;
  transition:color var(--dur-q) var(--ease)}
.lot--lg .lot__title{font-size:clamp(26px,2.6vw,42px)}
.lot--md .lot__title{font-size:clamp(20px,1.9vw,28px)}
.lot__title em{color:var(--accent)}
.lot:hover .lot__title{color:var(--accent)}

.lot__data{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;
  margin-top:14px;padding-top:14px;border-top:2px solid var(--ink)}
.lot__data-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim)}
.lot__data-val{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em;
  color:var(--ink);text-align:right}
.lot__data-val.is-bid{color:var(--accent);font-weight:500}
.lot__data-val.is-sold{color:oklch(0.5 0.13 150);font-weight:500}
.lot__data-val.is-unsold{color:var(--muted);text-decoration:line-through;
  text-decoration-color:var(--faint)}
.lot__data-val.is-time{color:var(--ink)}
.lot__data-val.is-time[data-urgent="true"]{color:var(--accent)}

/* ---- IMPACT PRICE LABEL (prices only, used sparingly) ---- */
.price{
  font-family:var(--font-impact);
  font-weight:400;
  letter-spacing:.02em;   /* loosen Impact's tight default for legibility */
  font-size:1.3em;        /* let the numbers shout, relative to context */
  line-height:1;
}
.data-cell__value.price{font-size:clamp(28px,2.6vw,38px);letter-spacing:.015em}
.data-cell__value.price .unit{font-family:var(--font-impact);font-weight:400;
  font-size:.6em;letter-spacing:.015em;color:var(--dim);margin-left:6px;
  text-transform:none}
.lot__data-val.price{font-size:17px}

/* ---- LIST VIEW ---- */
.lots-grid--list{display:flex;flex-direction:column;gap:0}
.lots-grid--list .lot{grid-column:auto;flex-direction:row;align-items:center;gap:28px;
  padding:22px 0;border-top:1px solid var(--faint)}
.lots-grid--list .lot:last-child{border-bottom:1px solid var(--faint)}
.lots-grid--list .lot__media{width:140px;flex:0 0 140px;aspect-ratio:1/1;border-radius:calc(var(--card-r) * .6)}
.lots-grid--list .lot__num{font-size:13px;padding:0;letter-spacing:0;top:9px;left:9px}
.lots-grid--list .lot__status{font-size:8.5px;padding:5px 8px;top:8px;right:8px}
.lots-grid--list .lot__watch{display:none}
.lots-grid--list .lot__info{flex:1;padding-top:0}
.lots-grid--list .lot__title{font-size:clamp(22px,2vw,30px)}
.lots-grid--list .lot__data{flex:0 0 clamp(280px,28vw,400px);margin-top:0;padding-top:0;
  border-top:0;grid-template-columns:repeat(3,1fr);gap:4px 18px;align-items:start}
.lots-grid--list .lot__data-label{grid-row:1}
.lots-grid--list .lot__data-val{grid-row:2;text-align:left}

/* ============================================================
   FINE PRINT
   ============================================================ */
.fineprint{padding-block:clamp(44px,5vw,80px);border-top:1px solid var(--faint);
  display:grid;grid-template-columns:240px 1fr;gap:48px}
.fineprint__label{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(20px,1.8vw,28px);letter-spacing:.02em;line-height:.95;color:var(--ink)}
.fineprint__body{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.fineprint__card h6{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:500;
  padding-bottom:12px;border-bottom:1px solid var(--faint)}
.fineprint__card p{font-size:14px;line-height:1.65;color:var(--muted);text-wrap:pretty}

/* ============================================================
   FOOTER (POP GRIT — fillword wordmark + columns)
   ============================================================ */
.foot{border-top:1px solid var(--faint)}
.foot__mark{text-align:center;padding:clamp(48px,6vw,72px) 24px 18px;user-select:none;overflow:hidden}
.foot__mark .fillword{font-family:var(--font-logo);text-transform:uppercase;
  font-size:clamp(58px,15vw,190px);line-height:.82;letter-spacing:-.01em;
  --stroke:clamp(5px,1.2vw,15px);--fillsize:170% auto}
.foot__cols{max-width:var(--maxw);margin:0 auto;padding:36px var(--rail) 30px;
  display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;border-top:1px solid var(--faint)}
.foot__lead{max-width:300px;font-size:12.5px;line-height:1.7;color:var(--muted)}
.foot__col{display:flex;flex-direction:column;gap:12px}
.foot__h{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.foot__col a{font-size:13px;color:var(--muted);transition:color var(--dur-q) var(--ease)}
.foot__col a:hover{color:var(--accent)}
.foot__news{display:flex;border:1.5px solid var(--ink);border-radius:2px;overflow:hidden;max-width:260px}
.foot__news input{flex:1;border:0;outline:0;padding:11px 12px;font-family:var(--font-mono);
  font-size:11px;letter-spacing:.06em;background:transparent;color:var(--ink)}
.foot__news button{border:0;background:var(--ink);color:#fff;font-family:var(--font-mono);
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:0 14px;cursor:pointer;
  transition:background var(--dur-q) var(--ease)}
.foot__news button:hover{background:var(--accent)}
.foot__bar{max-width:var(--maxw);margin:0 auto;padding:22px var(--rail) 40px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}

/* ============================================================
   PLACEHOLDERS — light, striped, mono label
   ============================================================ */
.ph{position:relative;overflow:hidden;background:var(--paper)}
.ph::before{content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(135deg,
    rgba(10,10,10,.05) 0 1px,transparent 1px 11px)}
.ph .ph-label{position:absolute;bottom:12px;left:12px;font-family:var(--font-mono);
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--faint);padding:5px 8px;background:rgba(255,255,255,.7);
  max-width:calc(100% - 24px)}
/* color-coded tints (light) — toned down when tint is off */
.sale[data-tint="on"] .ph--warm   {background:oklch(0.94 0.025 50)}
.sale[data-tint="on"] .ph--cool   {background:oklch(0.93 0.025 235)}
.sale[data-tint="on"] .ph--olive  {background:oklch(0.93 0.025 130)}
.sale[data-tint="on"] .ph--ember  {background:oklch(0.93 0.03 40)}
.sale[data-tint="on"] .ph--mineral{background:oklch(0.93 0.02 285)}
.sale[data-tint="on"] .ph--smoke  {background:oklch(0.94 0.005 80)}
.sale[data-tint="on"] .ph--brass  {background:oklch(0.94 0.035 85)}
.sale[data-tint="on"] .ph--crimson{background:oklch(0.93 0.03 22)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1100px){
  .lot,.lot--md,.lot--lg{grid-column:span 6}
  .masthead__grid{grid-template-columns:1fr;gap:40px}
  .fineprint{grid-template-columns:1fr;gap:28px}
  .fineprint__body{grid-template-columns:1fr}
}
@media(max-width:760px){
  .lot,.lot--md,.lot--lg{grid-column:1 / -1}
  .nav__links{display:none}
  .toolbar__inner{flex-wrap:wrap;gap:14px}
  .live-band__left{gap:12px}
  .masthead__data{grid-template-columns:1fr}
  .lots-grid--list .lot{flex-wrap:wrap}
  .lots-grid--list .lot__data{flex-basis:100%}
}/* End custom CSS */