/* Danny & Co — dannysco.com — shared styles
   Palette: Black · White · Brushed Silver (brass only on Gold)
   Type: Bodoni Moda (display) · Work Sans (text) */

:root{
  --black:#111111; --black-2:#1A1A1A; --black-3:#242424; --black-4:#2E2E2E;
  --white:#FFFFFF; --white-2:#F8F6F1; --paper:#FFFFFF;
  --navy:#3F4650; --navy-2:#4A525E; --navy-3:#2F353D;
  --red:#3F4650; --red-2:#2F353D; --red-soft:#E3E6EA;
  --silver:#D3D5D8; --silver-2:#E8E9EB; --silver-3:#A3A6AB; --silver-dim:#767A80;
  --ink:#111111; --text:#2B2B2B; --dim:#5A5A5A; --muted:#8A8A8A;
  --line:#E4E1DA; --line-d:#333333;
  --brass:#B8923A; --brass-2:#D4AE55;
  --warm:rgba(230,190,120,.14);
  --serif:'Fraunces','Libre Baskerville',Georgia,serif;
  --sans:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --maxw:1200px;
  --brushed:linear-gradient(180deg,#ECE9E2 0%,#C9C6BE 22%,#E8E5DE 40%,#C2BFB7 58%,#E6E3DC 76%,#CBC8C0 90%,#E4E1DA 100%);
}
*{box-sizing:border-box}
::selection{background:var(--red-soft);color:var(--ink)}
.dark ::selection,.doors ::selection,.hero ::selection{background:var(--silver);color:var(--ink)}
a[href]:where(.underline,p a){text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:var(--red)}
.hours td,.price,.est-big{font-variant-numeric:tabular-nums}
input,textarea{caret-color:var(--red)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--sans);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.dark :focus-visible,.top :focus-visible,.doors :focus-visible{outline-color:var(--brass-2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);font-weight:500;line-height:1.12;margin:0;letter-spacing:0;font-variation-settings:'SOFT' 60,'WONK' 0,'opsz' 72}
h1{font-size:clamp(2.4rem,5vw,4rem)}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.lead{font-size:1.12rem;color:var(--dim);max-width:58ch}
.small{font-size:.9rem;color:var(--dim)}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;padding:15px 26px;border-radius:6px;min-height:48px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;letter-spacing:.01em;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-black{background:var(--red);color:#fff;border-color:var(--red)}
.btn-black:hover{background:var(--red-2);border-color:var(--red-2)}
.btn-silver{background:var(--red);color:#fff;border-color:var(--red)}
.btn-silver:hover{background:var(--red-2);border-color:var(--red-2)}
.dark .btn-silver{background:var(--silver-2);color:var(--ink);border-color:var(--silver-2)}
.dark .btn-silver:hover{background:#fff;border-color:#fff}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.dark .btn-ghost{color:#F2F2F0;border-color:#5A5A5A}
.dark .btn-ghost:hover{border-color:var(--silver)}
.btn-brass{background:var(--brass);color:#fff;border-color:var(--brass)}
.btn-brass:hover{background:#A27F30}
.btn-lg{padding:16px 30px;font-size:1.02rem}
.btn-sm{padding:10px 16px;font-size:.9rem;min-height:40px}
.ebay{display:inline-flex;align-items:center;gap:6px}

/* header */
.top{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);position:sticky;top:0;z-index:50;border-bottom:2px solid var(--navy)}
.top .wrap{display:flex;align-items:center;gap:28px;height:70px}
.brand{display:flex;align-items:center;gap:12px}
.brand .word{font-family:var(--serif);font-weight:500;font-size:1.6rem;letter-spacing:.01em;line-height:1;color:var(--ink);white-space:nowrap;font-variation-settings:'SOFT' 80,'opsz' 48}
.nav{display:flex;gap:24px;margin-left:auto;align-items:center}
.nav a{font-size:.9rem;font-weight:500;color:var(--text);padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--navy)}
.nav a[aria-current]{color:var(--navy);border-bottom-color:var(--navy)}
.nav .contact{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;margin-left:10px;padding:0;border:0}
.nav .contact a{display:block;padding:0;border:0;font-weight:600;color:var(--ink);font-size:.92rem}
.nav .contact a + a{font-weight:400;color:var(--dim);font-size:.8rem}
.nav .contact a:hover{color:var(--navy)}
.nav a.ebay{margin-left:8px;padding:10px 16px;border:1.5px solid var(--navy);border-radius:6px;background:var(--navy);color:#fff;font-weight:600;font-size:.9rem;line-height:1}
.nav a.ebay:hover{background:var(--navy-3);border-color:var(--navy-3);color:#fff}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--navy);color:var(--navy);width:42px;height:38px;border-radius:2px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:currentColor;margin:3px auto}
@media (max-width:1000px){
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;border-bottom:1px solid var(--line-d)}
  .nav.open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line-d);font-size:1rem}
  .nav a[aria-current]{border-bottom-color:var(--line-d)}
  .nav .contact{align-items:flex-start;margin:14px 0 0}
  .nav .contact a{padding:4px 0;border:0}
  .nav a.ebay{margin:14px 0 0;text-align:center}
}

/* sections */
section{padding:88px 0}
section.tight{padding:56px 0}
.dark{background:var(--black);color:#CFCAC2}
.dark h1,.dark h2,.dark h3,.dark h4{color:#F2F2F0}
.dark .lead,.dark .small{color:#BDB8AF}
.dark .muted{color:#7E8188}
.dark-2{background:var(--black-2)}
.band-silver{background:var(--white-2);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-silver h2,.band-silver h3{color:var(--black)}
.hairline{border-top:1px solid var(--line)}
.dark.hairline{border-top-color:var(--line-d)}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.head p{margin:8px 0 0}
.grid{display:grid;gap:28px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.g2,.g3{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}

/* ===== entrance: doors ease in once ===== */
.doors .door{opacity:0;transform:translateY(12px);animation:doorIn .8s cubic-bezier(.25,1,.5,1) forwards}
.doors .door:nth-child(1){animation-delay:.1s}.doors .door:nth-child(2){animation-delay:.2s}.doors .door:nth-child(3){animation-delay:.3s}.doors .door:nth-child(4){animation-delay:.4s}
@keyframes doorIn{to{opacity:1;transform:none}}
.welcome h1,.welcome .lead,.welcome .cta{opacity:0;transform:translateY(10px);animation:doorIn .9s cubic-bezier(.25,1,.5,1) forwards}
.welcome .lead{animation-delay:.12s}.welcome .cta{animation-delay:.22s}

/* ===== ambient: light field, grain, cursor glow, scroll reveal ===== */
.dark{position:relative;overflow:hidden}
.dark>.wrap{position:relative;z-index:1}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.04)}100%{transform:translate3d(-2%,3%,0) scale(1.02)}}
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--i,0)*70ms)}
.rv.in{opacity:1;transform:none}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .intro{display:none}
  .doors .door,.welcome h1,.welcome .lead,.welcome .cta{opacity:1;transform:none;animation:none}
  .doors::before,.hero::before{animation:none}
  .rv{opacity:1;transform:none;transition:none}
  .glow{display:none}
  .door .art,.btn{transition:none}
}

/* ===== welcome: photo carousel hero ===== */
.welcome{position:relative;background:var(--navy);color:#fff;padding:120px 0 96px;overflow:hidden;min-height:min(78vh,680px);display:flex;align-items:center}
.welcome .reels{position:absolute;inset:-14% -6%;z-index:0;display:flex;flex-direction:column;justify-content:center;gap:18px;transform:rotate(-6deg);pointer-events:none}
.welcome .reel{display:flex;gap:18px;width:max-content;will-change:transform;animation:reel var(--t,70s) linear infinite}
.welcome .reel .track{display:flex;gap:18px;flex:none}
.welcome .reel img{width:var(--tw,220px);aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:2px solid #fff;background:#fff;box-shadow:0 18px 30px -18px rgba(0,0,0,.6);flex:none}
.welcome .reel.r1{--t:95s}
.welcome .reel.r2{--t:80s;animation-direction:reverse;--tw:200px}
.welcome .reel.r3{--t:110s;--tw:170px}
@keyframes reel{to{transform:translateX(calc(-50% - 9px))}}
@media (max-width:640px){.welcome .reels{gap:10px}.welcome .reel{gap:10px}.welcome .reel .track{gap:10px}.welcome .reel img{--tw:120px}.welcome .reel.r2 img{--tw:110px}.welcome .reel.r3 img{--tw:96px}@keyframes reel{to{transform:translateX(calc(-50% - 5px))}}}
.welcome::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(47,53,61,.94) 0%,rgba(47,53,61,.86) 40%,rgba(47,53,61,.55) 70%,rgba(47,53,61,.3) 100%)}
.welcome .wrap{position:relative;z-index:2;display:block;width:100%;max-width:var(--maxw)}
.welcome h1{color:#fff;font-size:clamp(2.6rem,5.4vw,4.4rem);max-width:14ch;font-weight:500;font-variation-settings:'SOFT' 100,'opsz' 120}
.welcome .lead{color:#E3E7EE;margin-top:18px;font-size:1.15rem;max-width:52ch}
.welcome .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.welcome .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.welcome .btn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.search{display:flex;gap:0;max-width:620px;margin-top:28px;background:#fff;border-radius:8px;padding:6px;box-shadow:0 14px 30px -18px rgba(0,0,0,.5)}
.search input{flex:1;border:0;min-height:48px;font-size:1.05rem;padding:10px 14px;background:transparent}
.search input:focus{outline:0}
.search .btn{margin:0;border-radius:6px}
@media (max-width:640px){.welcome{padding:72px 0 56px;min-height:0}.welcome::before{background:linear-gradient(180deg,rgba(47,53,61,.9),rgba(47,53,61,.78))}.search{flex-direction:column;gap:6px}.search .btn{width:100%;justify-content:center}}
.welcome h1,.welcome .lead,.welcome .search,.welcome .cta{opacity:0;transform:translateY(10px);animation:doorIn .9s cubic-bezier(.25,1,.5,1) forwards}
.welcome .lead{animation-delay:.12s}.welcome .search{animation-delay:.22s}.welcome .cta{animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.welcome h1,.welcome .lead,.welcome .search,.welcome .cta{opacity:1;transform:none;animation:none}.welcome .reel{animation:none}}

/* ===== four doors as kraft tags on the counter ===== */
.doors{padding:56px 0 72px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:var(--maxw);margin:0 auto;box-sizing:border-box;padding-left:24px;padding-right:24px;background:transparent;border:0}
.doors-wrap{background:var(--white-2);border-bottom:1px solid var(--line)}
.door{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--navy);border-radius:8px;padding:22px 20px 22px;color:var(--text);min-height:300px;transform:rotate(var(--r,0deg));transition:transform .45s cubic-bezier(.25,1,.5,1),box-shadow .45s;box-shadow:0 10px 22px -16px rgba(47,53,61,.6)}
.door::before{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.door::after{content:"";position:absolute;top:19px;left:50%;width:22px;height:2px;margin-left:-11px;background:var(--navy);transform:rotate(-30deg)}
.door:hover,.door:focus-visible{transform:rotate(0deg) translateY(-8px);box-shadow:0 22px 34px -18px rgba(47,53,61,.65)}
.door:nth-child(1){--r:-2.2deg}.door:nth-child(2){--r:1.4deg}.door:nth-child(3){--r:-1.2deg}.door:nth-child(4){--r:2deg}
.door .art{margin:18px 0 0;aspect-ratio:4/3;overflow:hidden;border-radius:6px;border:1.5px solid var(--navy);background:var(--white-2)}
.door .art img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.door:hover .art img,.door:focus-visible .art img{transform:scale(1.06)}
.door h2{font-size:clamp(1.5rem,2vw,1.9rem);color:var(--ink);margin:18px 0 8px}
.door p{color:var(--dim);margin:0 0 20px;font-size:.98rem;line-height:1.6;flex:1}
.door .go{font-weight:700;color:var(--navy);border-bottom:2px solid var(--navy);align-self:flex-start;padding-bottom:2px;font-size:.95rem}

@media (max-width:1000px){.doors{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.doors{grid-template-columns:1fr;gap:18px}.door{min-height:0;transform:none}}

/* ===== live band: breaks, auctions, where to find us ===== */
.live{background:var(--black);color:#D9D9D9;padding:76px 0}
.live .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.live h2{color:#fff;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05}
.live .lead{color:#B9B9B9;margin-top:16px}
.live .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.live .btn-silver{background:#fff;color:var(--ink);border-color:#fff}
.live .btn-silver:hover{background:var(--silver-2);border-color:var(--silver-2)}
.live .btn-ghost{color:#fff;border-color:#555}
.live .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.marks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.marks a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;border:1.5px solid #3A3A3A;border-radius:8px;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em;padding:14px;text-align:center;transition:border-color .2s,background .2s}
.marks a:hover{border-color:#fff;background:#1A1A1A}
.marks a small{display:block;font-weight:500;font-size:.72rem;color:#9A9A9A;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.marks a img{max-height:36px;max-width:150px;width:auto;object-fit:contain}
.marks a img[src*="fanatics"],.marks a img[src*="beckett"],.marks a img[src*="sgc"]{filter:brightness(0) invert(1)}
.marks a img[src*="youtube-color"]{max-height:30px}
.marks a img[src*="psa"]{max-height:30px}
.marks a img[src*="sgc"]{max-height:40px}
.marks a img[src*="beckett"]{max-height:26px}
.marks a{color:#fff}
.marks a img + b{display:none}
.marks a img[hidden] + b{display:block}
.marks .k{grid-column:1/-1;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A;font-weight:700;margin:8px 0 -4px}
@media (max-width:900px){.live .wrap{grid-template-columns:1fr}}
@media (max-width:520px){.marks{grid-template-columns:1fr 1fr}}
.social{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.social a{display:inline-flex;align-items:center;border:1.5px solid var(--navy);border-radius:999px;padding:8px 14px;font-weight:600;font-size:.9rem;color:var(--navy)}
.social a:hover{background:var(--navy);color:#fff}
footer .social a{border-color:#555;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
footer .social a img{width:22px;height:22px;object-fit:contain}
footer .social a img[src*="youtube"]{width:24px}
footer .social a img[src*="whatnot"]{width:22px;filter:brightness(0) invert(1)}
footer .social a:hover{background:#fff;border-color:#fff}
footer .social a:hover img[src*="whatnot"]{filter:brightness(0)}

/* ===== brands strip ===== */
.brands{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0}
.brands .head{margin-bottom:18px}
.brands .grid-b{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.brands .grid-b a,.brands .grid-b span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;border:1.5px solid var(--line);border-radius:8px;font-weight:700;font-size:.98rem;color:var(--ink);text-align:center;padding:10px;transition:border-color .2s}
.brands .grid-b a:hover{border-color:var(--navy)}
.brands .grid-b img{max-height:36px;max-width:130px;width:auto;object-fit:contain}
.brands .grid-b img[src*="upperdeck"]{max-height:44px}
.brands .grid-b img[src*="psa"]{max-height:28px}
.brands .grid-b img[src*="disney"]{max-height:40px}
.brands .grid-b img[src*="fleer"]{max-height:40px}
.brands .grid-b img[src*="beckett"]{max-height:24px}
.brands .grid-b a{color:var(--ink)}
.brands .grid-b a.withname{flex-direction:row;gap:10px}
.brands .grid-b a.withname img{max-height:30px}
.brands .grid-b a.withname b{display:inline}
.brands .grid-b img[src*="psa"]{max-height:28px}
.brands .grid-b img[src*="disney"]{max-height:40px}
.brands .grid-b img[src*="fleer"]{max-height:40px}
.brands .grid-b img[src*="beckett"],.brands .grid-b img[src*="sgc"]{color:var(--ink)}
.brands .grid-b a{color:var(--ink)}
.brands .grid-b img + b{display:none}
.brands .grid-b img[hidden] + b{display:block}
.brands .grid-b small{font-weight:500;font-size:.7rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.brands .grid-b .k{grid-column:1/-1;min-height:0;border:0;justify-content:flex-start;align-items:flex-start;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:10px 0 0}
@media (max-width:1000px){.brands .grid-b{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.brands .grid-b{grid-template-columns:repeat(2,1fr)}}

/* ===== consignment: what we take ===== */
.take{background:var(--white-2);border-bottom:1px solid var(--line);overflow:hidden}
.take .head{margin-bottom:8px}
.show{--cw:min(340px,58vw);--ch:calc(var(--cw)*1.25);position:relative}
.stage{position:relative;height:calc(var(--ch) + 110px);perspective:1400px;perspective-origin:50% 40%;user-select:none;touch-action:pan-y;cursor:grab}
.stage.drag{cursor:grabbing}
.deck{list-style:none;margin:0;padding:0;position:absolute;inset:0;transform-style:preserve-3d}
.card{position:absolute;top:40px;left:50%;width:var(--cw);height:var(--ch);margin-left:calc(var(--cw)/-2);transform-style:preserve-3d;
  transform:translate3d(calc(var(--o) * (var(--cw) * .62)),0,calc(var(--a) * -220px)) rotateY(calc(var(--o) * -24deg + var(--ry,0deg))) rotate(var(--r,0deg)) scale(calc(1 - var(--a) * .09));
  opacity:calc(1 - var(--a) * .28);z-index:calc(10 - var(--a));
  transition:transform .75s cubic-bezier(.25,1,.5,1),opacity .75s,filter .75s;filter:saturate(calc(1 - var(--a) * .35));will-change:transform}
.card[data-a="0"]{cursor:default;--r:0deg}
.card:not([data-a="0"]){cursor:pointer}
.card[data-a="4"]{opacity:0;pointer-events:none}
.card figure{margin:0;position:relative;width:100%;height:100%;background:#fff;border:2px solid var(--navy);border-radius:10px;padding:12px;box-sizing:border-box;box-shadow:0 26px 40px -22px rgba(47,53,61,.6),0 2px 6px rgba(0,0,0,.06);transform-style:preserve-3d;transition:box-shadow .5s}
.card figure::before{content:"";position:absolute;top:12px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:2px solid var(--navy);z-index:2}
.card figure::after{content:"";position:absolute;top:21px;left:50%;width:28px;height:2px;margin-left:-14px;background:var(--navy);transform:rotate(-30deg);z-index:2}
.card figure img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#fff}
.card figure .tuck{position:absolute;width:46%;height:auto;aspect-ratio:4/5;right:-10%;bottom:-3%;border:2px solid var(--navy);border-radius:6px;padding:5px;background:#fff;box-sizing:border-box;box-shadow:0 14px 22px -14px rgba(47,53,61,.6);transform:rotate(7deg) translateZ(40px);transition:transform .75s cubic-bezier(.25,1,.5,1)}
.card:not([data-a="0"]) .tuck{transform:rotate(7deg) translateZ(0) scale(.92)}
.card[data-a="0"]:hover figure{box-shadow:0 34px 50px -22px rgba(47,53,61,.65)}
.card[data-a="0"]:hover .tuck{transform:rotate(3deg) translateZ(60px) translateY(-6px)}
.card.idle[data-a="0"]{animation:cardIdle 7s ease-in-out infinite}
@keyframes cardIdle{0%,100%{--ry:-4deg}50%{--ry:4deg}}
.arrow{position:absolute;top:50%;z-index:30;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:2px solid var(--navy);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:transform .35s cubic-bezier(.25,1,.5,1),background .25s,color .25s;box-shadow:0 10px 18px -12px rgba(47,53,61,.5)}
.arrow:hover,.arrow:focus-visible{background:var(--navy);color:#fff;transform:scale(1.08)}
.arrow.prev{left:max(16px,calc(50% - var(--cw)*1.55))}.arrow.next{right:max(16px,calc(50% - var(--cw)*1.55))}
.caption{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:end;padding:22px 0;border-top:2px solid var(--navy);margin-top:18px}
.cap-title{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:0 0 4px}
.cap-sub{color:var(--navy);font-weight:600;margin:0 0 10px}
.cap-ex{color:var(--dim);margin:0;line-height:1.6;max-width:56ch}
.cap-text>*{transition:opacity .4s,transform .4s cubic-bezier(.25,1,.5,1)}
.caption.swap .cap-text>*{opacity:0;transform:translateY(8px);transition:none}
.cap-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.dots{list-style:none;margin:0;padding:0;display:flex;gap:8px;counter-reset:d}
.dots button{width:14px;height:22px;border:2px solid var(--navy);border-radius:4px;background:#fff;cursor:pointer;padding:0;position:relative;overflow:hidden;transition:width .4s cubic-bezier(.25,1,.5,1)}
.dots button::after{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleY(0);transform-origin:bottom}
.dots button.on{width:34px}
.dots button.on::after{transform:scaleY(1);transition:transform var(--dur,5s) linear}
.dots button.on.hold::after,.show.paused .dots button.on::after{transition:none;transform:scaleY(1)}
.take .small{margin:0 0 56px;color:var(--dim)}
@media (max-width:760px){.show{--cw:min(300px,66vw)}.caption{grid-template-columns:1fr;gap:16px}.cap-side{align-items:flex-start}.arrow{width:46px;height:46px;margin-top:-23px}.arrow.prev{left:8px}.arrow.next{right:8px}}
@media (prefers-reduced-motion:reduce){.card,.card .tuck,.cap-text>*{transition:none}.card.idle[data-a="0"]{animation:none}.dots button.on::after{transition:none}}


/* ===== gold: melt calculator + stamps ===== */
.melt-sec{background:#fff;border-bottom:1px solid var(--line)}
.melt-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}
.stamp-k{grid-column:1/-1;font-size:.9rem;color:var(--dim)}
.stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:72px;border:2px solid var(--line);border-radius:8px;background:var(--white-2);cursor:pointer;padding:8px 6px;transition:border-color .25s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;color:var(--ink)}
.stamp b{font-family:var(--serif);font-size:1.35rem;letter-spacing:.04em;line-height:1}
.stamp small{font-size:.68rem;color:var(--dim);line-height:1.2;text-align:center}
.stamp:hover{border-color:var(--navy);transform:translateY(-2px)}
.stamp.on{border-color:var(--brass);background:#fff;box-shadow:0 12px 22px -16px rgba(184,146,58,.8)}
.stamp.on b{color:var(--brass)}
.melt{background:var(--navy);color:#E3E6EA;border-radius:14px;padding:26px 26px 24px;position:sticky;top:96px;box-shadow:0 30px 50px -30px rgba(47,53,61,.7)}
.melt-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px;margin-bottom:18px}
.melt-top span{display:block;font-size:.8rem;color:#A9B4C6}
.melt-top b{display:block;font-family:var(--serif);font-size:1.5rem;color:#fff;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}
.melt-top small{display:block;font-size:.72rem;color:#8E9BB0;margin-top:4px}
.melt-label{display:block;font-size:.8rem;color:#A9B4C6;margin-bottom:8px}
.melt-weight{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.melt-weight output{font-family:var(--serif);font-size:1.5rem;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.melt-weight output span{font-family:var(--sans);font-size:.8rem;color:#A9B4C6}
.melt input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass-2) var(--p,6%),rgba(255,255,255,.2) var(--p,6%));outline:0;cursor:pointer}
.melt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--brass-2);box-shadow:0 4px 10px rgba(0,0,0,.35);cursor:grab}
.melt input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--brass-2);cursor:grab}
.melt input[type=range]:focus-visible{outline:2px solid var(--brass-2);outline-offset:6px}
.melt-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.melt-presets button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#E3E6EA;border-radius:999px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:background .2s,border-color .2s}
.melt-presets button:hover{background:rgba(255,255,255,.1);border-color:#fff}
.melt-out{margin-top:22px;padding:18px 20px;border-radius:10px;background:#fff;color:var(--ink)}
.melt-out span{display:block;font-size:.8rem;color:var(--dim)}
.melt-out b{display:block;font-family:var(--serif);font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--brass);margin:4px 0 6px;font-variant-numeric:tabular-nums}
.melt-out small{display:block;font-size:.8rem;color:var(--dim)}
.melt .fine{color:#A9B4C6;font-size:.78rem;line-height:1.5;margin:14px 0 16px}
.melt .btn{width:100%;justify-content:center}
@media (max-width:900px){.melt-grid{grid-template-columns:1fr;gap:32px}.melt{position:static}.stamps{grid-template-columns:repeat(4,1fr)}}
@media (max-width:480px){.stamps{grid-template-columns:repeat(3,1fr)}.melt{padding:20px 18px}}
@media (prefers-reduced-motion:reduce){.stamp{transition:none}}


/* ===== what's it worth: examples + movers ===== */
.examples{background:var(--white-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ex-grid button{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;width:100%;text-align:left;background:#fff;border:2px solid var(--navy);border-radius:10px;padding:12px;cursor:pointer;color:var(--ink);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;box-shadow:0 10px 22px -16px rgba(47,53,61,.6)}
.ex-grid button:hover,.ex-grid button:focus-visible{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 24px 36px -20px rgba(47,53,61,.65)}
.ex-grid img{width:96px;aspect-ratio:4/5;object-fit:cover;border-radius:6px;border:1.5px solid var(--navy)}
.ex-grid b{display:block;font-family:var(--serif);font-size:1.2rem;line-height:1.15}
.ex-grid small{display:block;color:var(--dim);font-size:.85rem;margin-top:4px}
#estDesc.flash{box-shadow:0 0 0 4px rgba(47,53,61,.18);transition:box-shadow .4s}
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mv{border:2px solid var(--navy);border-radius:10px;padding:16px 16px 22px;background:#fff;display:flex;flex-direction:column}
.mv figure{margin:0 0 16px;aspect-ratio:4/3;overflow:hidden;border-radius:6px;border:1.5px solid var(--navy)}
.mv figure img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.mv:hover figure img{transform:scale(1.06)}
.mv h3{margin:0 0 8px}
.mv p{color:var(--dim);margin:0;font-size:.98rem;line-height:1.6}
@media (max-width:900px){.ex-grid,.mv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ex-grid,.mv-grid{grid-template-columns:1fr}}


/* ===== makers ticker (estate) ===== */
.makers{background:var(--white-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.makers .head{margin-bottom:28px}
.ticker{display:flex;flex-direction:column;gap:16px}
.tk{display:flex;gap:16px;width:max-content;animation:tk var(--t,60s) linear infinite}
.tk.b{animation-direction:reverse;--t:72s}
.tk:hover{animation-play-state:paused}
.tk-track{display:flex;gap:16px;flex:none}
.tk figure{margin:0;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;background:#fff;border:2px solid var(--navy);border-radius:10px;padding:8px 18px 8px 8px;min-width:250px;box-shadow:0 10px 22px -16px rgba(47,53,61,.5)}
.tk img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1.5px solid var(--navy)}
.tk b{display:block;font-family:var(--serif);font-size:1.1rem;line-height:1.15;color:var(--ink)}
.tk small{display:block;font-size:.78rem;color:var(--dim);margin-top:2px}
@keyframes tk{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.tk{animation:none}}

/* ===== slab wall (cards hero) ===== */
.hero-slabs .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}
.slabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px;padding:10px 0}
.slabs img:nth-child(9){display:none}
.slabs img{width:100%;height:auto;border-radius:6px;box-shadow:0 18px 30px -18px rgba(47,53,61,.55),0 2px 6px rgba(0,0,0,.08);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) rotate(var(--r,0deg));transform-style:preserve-3d;animation:slabIdle 7s ease-in-out infinite;animation-delay:var(--d,0s);transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s;cursor:default;background:#fff}
.slabs img:hover{animation-play-state:paused;transform:rotateY(0) rotateX(0) rotate(0) translateY(-10px) scale(1.06);box-shadow:0 30px 44px -20px rgba(47,53,61,.6);z-index:2;position:relative}
.slabs img:nth-child(1){--r:-3deg;--d:0s}.slabs img:nth-child(2){--r:2deg;--d:-1.2s;margin-top:22px}.slabs img:nth-child(3){--r:-1.5deg;--d:-2.4s}
.slabs img:nth-child(4){--r:2.5deg;--d:-3.6s}.slabs img:nth-child(4){margin-top:22px}.slabs img:nth-child(5){--r:-2deg;--d:-4.8s}.slabs img:nth-child(6){--r:1.5deg;--d:-6s}
.slabs img:nth-child(7){--r:-2.5deg;--d:-1.8s}.slabs img:nth-child(6){margin-top:22px}.slabs img:nth-child(8){--r:3deg;--d:-3s;margin-top:22px}.slabs img:nth-child(9){--r:-1deg;--d:-4.2s}
@keyframes slabIdle{0%,100%{--ry:-9deg;--rx:3deg}50%{--ry:9deg;--rx:-3deg}}
@property --ry{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --rx{syntax:'<angle>';inherits:false;initial-value:0deg}
@media (max-width:900px){.hero-slabs .wrap{grid-template-columns:1fr}.slabs{grid-template-columns:repeat(4,1fr);gap:10px}.slabs img:nth-child(n+5){display:none}.slabs img{margin-top:0!important}}
@media (prefers-reduced-motion:reduce){.slabs img{animation:none}}

/* ===== this week strip ===== */
.week{background:var(--white-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.week .items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.week .item{background:#fff;border:2px solid var(--navy);border-radius:8px;padding:22px 22px 20px;position:relative}
.week .item::before{content:"";position:absolute;top:10px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.week .when{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--navy);margin:10px 0 6px}
.week h3{font-size:1.25rem;margin-bottom:6px}
.week p{margin:0;color:var(--dim);font-size:.95rem}
@media (max-width:800px){.week .items{grid-template-columns:1fr}}

/* ===== split-flap board (hero right) ===== */
.flap{background:#fff;border:2px solid var(--navy);border-radius:10px;padding:26px 26px 22px;box-shadow:0 20px 40px -28px rgba(47,53,61,.35);max-width:560px;margin-left:auto}
.flap .fl{display:flex;gap:4px;margin:0 0 10px;flex-wrap:nowrap}
.flap .fl.title{margin-bottom:16px}
.flap .cell{width:28px;height:40px;flex:none;position:relative;background:var(--ink);border-radius:4px;overflow:hidden;font-family:'Work Sans',sans-serif;font-weight:600;font-size:1.25rem;line-height:40px;text-align:center;color:#fff;text-transform:uppercase}
.flap .cell::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.28)}
.flap .title .cell{height:30px;line-height:30px;font-size:.9rem;width:22px;color:#fff;background:var(--navy)}
.flap .cell.space{background:transparent;box-shadow:none}
.flap .cell.space::after{display:none}
.flap .cell.turn{animation:flapTurn .32s ease-in}
@keyframes flapTurn{0%{transform:perspective(200px) rotateX(0)}50%{transform:perspective(200px) rotateX(-88deg);color:transparent}51%{transform:perspective(200px) rotateX(88deg)}100%{transform:perspective(200px) rotateX(0)}}
.flap .foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.78rem;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.flap .foot span:last-child{color:var(--navy)}
@media (max-width:1100px){.flap .cell{width:24px;height:36px;line-height:36px;font-size:1.1rem}.flap .title .cell{width:19px}}
@media (max-width:900px){.flap{max-width:none;margin-top:8px}.flap .fl{flex-wrap:wrap;row-gap:4px}}
@media (max-width:480px){.flap{padding:18px 14px}.flap .cell{width:20px;height:30px;line-height:30px;font-size:.95rem}.flap .title .cell{width:16px;height:24px;line-height:24px;font-size:.75rem}}

/* inner page hero */
.hero{background:#fff;color:var(--text);padding:84px 0 72px;border-bottom:1px solid var(--line)}
.hero h1{color:var(--ink);max-width:16ch}
.hero .lead{color:var(--dim);margin-top:18px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero.gold h1{color:var(--brass)}
.hero .art img{width:100%;max-width:400px;margin-left:auto}
@media (max-width:900px){.hero .art{display:none}}

/* listing grid (eBay feed) */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}
.dark .tabs{border-bottom-color:var(--line-d)}
.tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-weight:600;color:var(--dim);cursor:pointer;margin-bottom:-1px;font-size:.95rem}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--red)}
.dark .tab{color:#A5A8AE}.dark .tab[aria-selected="true"]{color:#fff;border-bottom-color:var(--red)}
.lots{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:1000px){.lots{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.lots{grid-template-columns:repeat(2,1fr);gap:14px}}
.lot{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.lot:hover{border-color:var(--black)}
.dark .lot{background:var(--black-2);border-color:var(--line-d)}
.dark .lot:hover{border-color:var(--silver-3)}
.lot .pic{aspect-ratio:1/1.08;background:var(--white-2);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.dark .lot .pic{background:var(--black-3);border-bottom-color:var(--line-d)}
.lot .pic img{width:100%;height:100%;object-fit:cover}
.lot .pic .ph-word{font-family:var(--serif);font-size:1.3rem;color:var(--silver-3);font-variation-settings:'SOFT' 100}
.lot .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.lot .t{font-size:.92rem;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .lot .t{color:#F2F2F0}
.lot .price{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--ink);margin-top:auto}
.dark .lot .price{color:#F5F5F3}
.lot .meta{font-size:.78rem;color:var(--muted)}
.lot .go{font-size:.85rem;font-weight:600;color:var(--red-2);margin-top:6px}
.dark .lot .go{color:var(--silver)}
.pill{display:inline-block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:2px;background:var(--ink);color:#fff}
.dark .pill{background:var(--silver);color:var(--black)}
.pill.live{background:var(--red);color:#fff}
.feed-note{margin-top:22px;font-size:.9rem;color:var(--dim);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.dark .feed-note{color:#A5A8AE}

/* feature rows */
.rows{display:grid;gap:0;border-top:1px solid var(--line)}
.dark .rows{border-top-color:var(--line-d)}
.row{display:grid;grid-template-columns:260px 1fr auto;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.dark .row{border-bottom-color:var(--line-d)}
.row h3{font-size:1.5rem}
.row p{margin:0;color:var(--dim)}
.dark .row p{color:#A5A8AE}
@media (max-width:800px){.row{grid-template-columns:1fr;gap:12px}}

/* steps (real sequences only) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--line)}
.steps.six{grid-template-columns:repeat(3,1fr)}
.step{padding:6px 26px 26px 24px;border-right:1px solid var(--line)}
.step .n{font-family:var(--serif);font-size:2.2rem;color:var(--red);line-height:1;margin-bottom:12px}
.dark .steps,.dark .step{border-color:var(--line-d)}
.dark .step .n{color:var(--silver-3)}
.step h3{font-size:1.1rem;margin-bottom:8px}
.step p{font-size:.95rem;color:var(--dim);margin:0}
.dark .step p{color:#A5A8AE}
@media (max-width:900px){.steps,.steps.six{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps,.steps.six{grid-template-columns:1fr;border-left:0}.step{border-right:0;border-left:1px solid var(--line);padding-left:18px}}

/* lists */
.checks{list-style:none;padding:0;margin:0;columns:2;column-gap:32px}
.checks.one{columns:1}
.checks li{break-inside:avoid;padding:10px 0 10px 26px;position:relative;border-bottom:1px solid var(--line);font-size:.98rem}
.checks li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:12px;border:2px solid var(--red);border-radius:50%}
.dark .checks li{border-bottom-color:var(--line-d);color:#C9CBCF}
.dark .checks li::before{border-color:var(--silver)}
.gold .checks li::before{border-color:var(--brass)}
@media (max-width:600px){.checks{columns:1}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid var(--navy);background:#fff;border-radius:12px;overflow:hidden}
.facts.four{grid-template-columns:repeat(4,1fr)}
.fact{padding:26px 26px 24px;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:6px;font-weight:600}
.fact span{font-size:.92rem;color:var(--dim)}
.dark .facts{background:transparent;border-color:var(--line-d)}
.dark .fact{border-color:var(--line-d)}
.dark .fact b{color:#F5F5F3}
.dark .fact span{color:#A5A8AE}
.band-silver .facts{background:transparent;border-color:#A9AFB7}
.band-silver .fact{border-color:#A9AFB7}
.band-silver .fact b{color:var(--black)}
.band-silver .fact span{color:#3A3C41}
@media (max-width:900px){.facts.four{grid-template-columns:repeat(2,1fr)}.facts.four .fact:nth-child(2){border-right:0}.facts.four .fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.dark .facts.four .fact:nth-child(-n+2){border-bottom-color:var(--line-d)}}
@media (max-width:700px){.facts,.facts.four{grid-template-columns:1fr}.fact{border-right:0!important;border-bottom:1px solid var(--line)}.dark .fact{border-bottom-color:var(--line-d)}.fact:last-child{border-bottom:0}}

/* service cards (estate page) */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d)}
.svc>div{background:var(--black);padding:30px 28px 28px}
.svc h3{font-size:1.2rem;margin-bottom:10px;color:#F5F5F3}
.svc p{font-size:.95rem;color:#A5A8AE;margin:0}
.svc .k{font-family:var(--serif);font-size:.95rem;color:var(--silver);letter-spacing:.06em;margin-bottom:14px}
@media (max-width:900px){.svc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.svc{grid-template-columns:1fr}}

/* forms */
.form{background:#fff;border:2px solid var(--navy);padding:36px;border-radius:12px}
.dark .form{background:var(--black-2);border-color:var(--line-d)}
.form h3{margin-bottom:6px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:600px){.f2{grid-template-columns:1fr}}
label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin:16px 0 6px}
.dark label{color:#DDE1E6}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:inherit;font-size:1.02rem;padding:14px 16px;border:1px solid #B8BCC4;border-radius:8px;min-height:48px;background:#fff;color:var(--ink)}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
.drop{border:1px dashed var(--navy);padding:22px;text-align:center;font-size:.9rem;color:var(--dim);background:var(--white-2);border-radius:8px}
.dark .drop{background:var(--black-3);color:#A5A8AE;border-color:#4A4B52}
.drop input{margin-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid #B5B7BB;background:#fff;padding:7px 13px;border-radius:999px;font-size:.88rem;cursor:pointer;color:var(--text)}
.chip.on{background:var(--red);color:#fff;border-color:var(--red)}
.form .btn{margin-top:22px}
.form .fine{font-size:.8rem;color:var(--muted);margin:14px 0 0}
.ok{display:none;background:#EAF1E6;border:1px solid #B6CCA8;color:#2E4A22;padding:16px 18px;border-radius:2px;margin-top:18px}
.err{color:#B23A3A;font-size:.9rem;margin-top:10px;min-height:1.2em}

/* quote block */
.quote{font-family:var(--serif);font-size:1.45rem;line-height:1.45;color:var(--ink);max-width:34ch;margin:0;font-weight:500}
.dark .quote{color:#F2F2F0}
.quote + .who{margin-top:14px;font-size:.88rem;color:var(--dim)}

/* visit */
.hours{width:100%;border-collapse:collapse;font-size:.95rem}
.hours td{padding:9px 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;color:var(--dim)}
.map{aspect-ratio:4/3;border:1px solid var(--line);background:var(--white-2);overflow:hidden}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.05)}
.map:hover iframe{filter:none}

/* footer */
footer{background:var(--black);color:#8E9197;padding:56px 0 36px;border-top:1px solid var(--line-d);font-size:.9rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
footer h4{color:#F2F2F0;font-family:var(--sans);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
footer a{display:block;padding:4px 0;color:#B4B7BD}
footer address{font-style:normal;color:#F2F2F0;font-weight:600;line-height:1.5;margin:0 0 12px;padding-left:12px;border-left:2px solid var(--silver)}
footer address span{display:block;font-weight:400;color:#B4B7BD}
footer a:hover{color:#fff}
footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line-d);padding-top:20px;color:#6E7278;font-size:.8rem}
@media (max-width:800px){footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:500px){footer .cols{grid-template-columns:1fr}}

/* newsletter strip */
.news{display:flex;gap:10px;max-width:460px;flex-wrap:wrap}
.news input{flex:1}
.news .btn{margin:0}
.news .ok,.news .err{flex-basis:100%;margin-top:4px}

/* estimator result */
.est-big{font-family:var(--serif);font-size:clamp(1.9rem,3.8vw,2.8rem);color:var(--ink);line-height:1.1;font-weight:600}
.est-block{background:var(--paper);border:1px solid var(--line);padding:22px 24px;margin-top:14px}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.thumb{position:relative;width:88px;height:88px;border:1px solid var(--line);overflow:hidden;background:#fff}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:2px;right:2px;width:22px;height:22px;border:0;border-radius:50%;background:var(--red);color:#fff;cursor:pointer;font-size:14px;line-height:1}

/* statement */
.statement-sec{background:#fff;border-bottom:1px solid var(--line)}
.paper{position:relative;max-width:820px;margin:8px auto 0;background:#fff;border:2px solid var(--navy);border-radius:12px;padding:26px 30px 22px;box-shadow:0 30px 50px -34px rgba(47,53,61,.55)}
.paper-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--navy)}
.paper-head b{display:block;font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--ink)}
.paper-head span{color:var(--dim);font-size:.9rem}
.paper-count{text-align:right}
.paper-count b{font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.lines{list-style:none;margin:0;padding:0}
.line{display:grid;grid-template-columns:40px 1fr auto 70px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);opacity:0;transform:translateX(-10px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.line.in{opacity:1;transform:none}
.line img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1.5px solid var(--navy)}
.ln{font-weight:600;color:var(--ink)}
.lc{color:var(--dim);font-size:.92rem;white-space:nowrap}
.sold{justify-self:end;font-family:var(--serif);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;color:var(--navy);border:2px solid var(--navy);border-radius:4px;padding:2px 8px;transform:rotate(-8deg) scale(1.6);opacity:0;transition:transform .35s cubic-bezier(.2,1.6,.4,1) .35s,opacity .2s .35s}
.line.in .sold{transform:rotate(-8deg) scale(1);opacity:1}
.paper-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;color:var(--ink);font-weight:600}
.replay{all:unset;cursor:pointer;color:var(--navy);font-weight:700;border-bottom:2px solid var(--navy);padding-bottom:1px;font-size:.95rem}
.replay:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.paid{position:absolute;right:28px;bottom:70px;transform:rotate(-12deg) scale(2);opacity:0;transition:transform .4s cubic-bezier(.2,1.6,.4,1),opacity .25s;pointer-events:none}
.paid b{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);border:3px solid var(--navy);border-radius:8px;padding:4px 18px;background:rgba(255,255,255,.85)}
.paper.done .paid{opacity:1;transform:rotate(-12deg) scale(1)}
.statement-sec .cta{text-align:center;margin:36px 0 8px}
@media (max-width:640px){.paper{padding:18px 16px}.line{grid-template-columns:34px 1fr 54px;gap:10px}.lc{display:none}.paper-foot{flex-direction:column;align-items:flex-start}.paid{right:12px;bottom:90px}.paid b{font-size:1.4rem}}
@media (prefers-reduced-motion:reduce){.scene.on>img{animation:none}.scene,.scene>img,.tag,.line,.sold,.paid{transition:none}}

/* ===== estate sales (v3, 2026-11-04): simple and warm ===== */
.es-page{--es-cream:#F7F1E7;--es-oat:#EEE4D4;--es-card:#FFFCF7;--es-ink:#2A231D;--es-soft:#62574C;--es-line:#E2D6C3;background:var(--es-cream)}
.es-page .rv{opacity:1;transform:none;transition:none}
.es-page main{color:var(--es-soft)}
.es-page main h1,.es-page main h2,.es-page main h3{color:var(--es-ink);font-variation-settings:'SOFT' 100,'WONK' 0,'opsz' 96;text-wrap:balance}
.es-page main h2{font-size:clamp(2rem,3.4vw,2.9rem);letter-spacing:-.015em}
.es-page main section{padding:112px 0}
.es-page ::selection{background:#E6DCCB;color:var(--es-ink)}
.es-page input,.es-page textarea{caret-color:var(--navy)}

/* hero: words left, a warm room right */
.es-page .es3-hero{background:var(--es-cream);padding:72px 0 96px}
.es3-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.es3-hero h1{font-size:clamp(2.5rem,4.6vw,4rem);line-height:1.05;letter-spacing:-.02em}
.es3-hero-copy>p{font-size:1.15rem;line-height:1.7;margin:24px 0 32px;max-width:44ch}
.es3-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.es3-call{font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.es3-call:hover{text-decoration-thickness:2px}
.es3-hero-img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:40% 50%;border-radius:20px;box-shadow:0 30px 60px -36px rgba(42,35,29,.45)}

/* how it works: three steps */
.es-page .es3-how{background:var(--es-card)}
.es3-how h2{margin-bottom:48px}
.es3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.es3-steps img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:24px}
.es3-steps h3{font-size:1.55rem;display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.es3-steps h3 span{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--es-oat);color:var(--es-ink);font-size:1.05rem;transform:translateY(-3px)}
.es3-steps p{margin:0;line-height:1.7}

/* what we take */
.es-page .es3-take{background:var(--es-oat)}
.es3-take-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.es3-take-head p{margin:0;font-size:1.1rem;max-width:40ch}
.es3-things{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.es3-things li{background:var(--es-card);border-radius:16px;padding:12px 12px 16px}
.es3-things img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:12px}
.es3-things span{display:block;padding:0 4px;font-family:var(--serif);font-size:1.15rem;color:var(--es-ink)}
.es3-note{margin:36px 0 0;font-size:1.05rem}

/* questions */
.es-page .es3-faq{background:var(--es-cream)}
.es3-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:start}
.es3-qs details{border-bottom:1px solid var(--es-line)}
.es3-qs details:first-child{border-top:1px solid var(--es-line)}
.es3-qs summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:20px;align-items:center;padding:24px 0;font-family:var(--serif);font-size:1.35rem;line-height:1.3;color:var(--es-ink)}
.es3-qs summary::-webkit-details-marker{display:none}
.es3-qs summary::after{content:"";width:11px;height:11px;justify-self:center;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:translateY(-3px) rotate(45deg);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.es3-qs details[open] summary::after{transform:translateY(3px) rotate(225deg)}
.es3-qs summary:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.es3-qs details p{margin:0;padding:0 48px 24px 0;font-size:1.05rem;line-height:1.7;max-width:60ch}

/* booking */
.es-page .es3-book{background:var(--es-oat)}
.es3-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.es3-book-copy>p{font-size:1.1rem;margin:18px 0 0;max-width:40ch}
.es3-phone{display:block;margin-top:32px;font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1;color:var(--es-ink);font-variant-numeric:tabular-nums}
.es3-phone:hover{color:var(--navy)}
.es3-mail{display:inline-block;margin-top:8px;color:var(--navy);text-decoration:underline;text-underline-offset:.2em}
.es-page .es3-area{margin-top:28px;font-size:.95rem}
.es3-form{background:var(--es-card);border:0;border-radius:20px;padding:40px;box-shadow:0 30px 60px -40px rgba(42,35,29,.4)}
.es3-form label{color:var(--es-ink)}
.es3-form .f2 label{margin-top:0}
.es3-form input,.es3-form textarea{border-color:#D6CAB6;background:#fff}
.es3-form ::placeholder{color:#857A6E}
.es3-form .btn{width:100%;justify-content:center;margin-top:24px}

@media (max-width:900px){
  .es-page main section{padding:72px 0}
  .es-page .es3-hero{padding:40px 0 64px}
  .es3-hero-grid,.es3-faq-grid,.es3-book-grid{grid-template-columns:1fr;gap:36px}
  .es3-steps{grid-template-columns:1fr;gap:48px}
  .es3-things{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media (max-width:600px){
  .es3-form{padding:26px 20px}
  .es3-form .f2{gap:0}
  .es3-form .f2 label{margin-top:16px}
  .es3-qs summary{font-size:1.2rem}
  .es3-qs details p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){.es3-qs summary::after{transition:none}}

/* cards: sell section is one column now */
.sell-one{max-width:720px}

/* inner-page hero with a photo (consign, gold) */
.hero.hero-photo{padding:64px 0 72px}
.hero-photo .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hero-photo .max{min-width:0}
.hero-pic{width:100%;max-width:440px;justify-self:end;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 30px 60px -36px rgba(17,17,17,.45)}
@media (max-width:900px){.hero-photo .wrap{grid-template-columns:1fr;gap:32px}.hero-pic{max-width:none;justify-self:stretch;aspect-ratio:4/3}}

/* ===== what's it worth (2026-11-04): one guided card ===== */
.es-page .wiw-hero{padding:72px 0 8px;background:var(--es-cream)}
.wiw-hero h1{font-size:clamp(2.6rem,5vw,4.2rem);letter-spacing:-.02em}
.wiw-hero p{font-size:1.15rem;line-height:1.7;max-width:56ch;margin:18px 0 0}
.es-page .wiw-tool{padding:48px 0 112px;background:var(--es-cream)}
.wiw-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:start}
.wiw-card{background:var(--es-card);border-radius:20px;padding:40px;box-shadow:0 30px 60px -44px rgba(42,35,29,.45)}
.wiw-step+.wiw-step{margin-top:36px;padding-top:32px;border-top:1px solid var(--es-line)}
.es-page .wiw-q{font-size:1.4rem;letter-spacing:0;margin:0 0 18px;display:flex;align-items:center;gap:12px}
.wiw-q label{display:flex;align-items:center;gap:12px;margin:0;font:inherit;color:inherit}
.wiw-q span{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--es-oat);font-size:1rem}
.wiw-q em{font-style:normal;font-family:var(--sans);font-size:.95rem;color:var(--es-soft)}
.wiw-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wiw-kinds .chip{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--es-line);border-radius:14px;padding:8px 8px 12px;transition:border-color .2s,box-shadow .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.wiw-kinds .chip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;margin-bottom:10px}
.wiw-kinds .chip b{font-family:var(--serif);font-weight:500;font-size:1.08rem;color:var(--es-ink);padding:0 4px;line-height:1.2}
.wiw-kinds .chip small{font-size:.82rem;color:var(--es-soft);padding:2px 4px 0;line-height:1.35}
.wiw-kinds .chip:hover{border-color:var(--navy);transform:translateY(-2px)}
.wiw-kinds .chip.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.wiw-kinds .chip:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.wiw-page #estCond .chip{background:#fff;border:1.5px solid var(--es-line);color:var(--es-ink);padding:10px 16px;min-height:44px;font-size:.95rem;font-weight:500}
.wiw-page #estCond .chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.wiw-page textarea{border-color:#D6CAB6;min-height:120px}
.wiw-ex-label{margin:14px 0 8px;font-size:.92rem}
.wiw-ex{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.es-page .wiw-ex button{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;border-radius:999px;background:var(--es-oat);color:var(--es-ink);font-size:.9rem;font-weight:500;transition:background .2s}
.es-page .wiw-ex button:hover{background:#E4D7C1}
.es-page .wiw-ex button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.wiw-drop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;text-align:left;background:var(--es-cream);border:1.5px dashed #CDBFA8;border-radius:12px;padding:16px;color:var(--es-soft)}
.wiw-drop input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.wiw-drop-btn{margin:0;display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--navy);border-radius:6px;background:#fff;color:var(--navy);font-weight:600;font-size:.95rem;cursor:pointer}
.wiw-drop input:focus-visible+.wiw-drop-btn{outline:2px solid var(--navy);outline-offset:2px}
.wiw-drop span{font-size:.92rem}
.wiw-go{width:100%;justify-content:center;margin-top:32px}
.wiw-out{position:sticky;top:110px}
.wiw-page .est-block{background:var(--es-card);border:0;border-radius:16px;padding:26px 28px;margin-top:14px;box-shadow:0 20px 50px -40px rgba(42,35,29,.45)}
.wiw-page .est-block:first-child{margin-top:0}
.wiw-empty h3{font-size:1.35rem;margin-bottom:10px}
.wiw-empty p{margin:0 0 12px;line-height:1.65}
.wiw-fine{font-size:.88rem;padding-top:12px;border-top:1px solid var(--es-line)}
.wiw-page .est-big{color:var(--es-ink)}
.es-page .wiw-price{background:var(--es-card)}
.wiw-movers{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}
.wiw-movers>div{padding-top:20px;border-top:2px solid var(--es-ink)}
.wiw-movers h3{font-size:1.35rem;margin-bottom:8px}
.wiw-movers p{margin:0;line-height:1.7}
.es-page .wiw-talk{background:var(--es-oat);padding:88px 0}
.wiw-talk-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.wiw-talk p{margin:12px 0 0;font-size:1.1rem}
.wiw-talk-links .es3-phone{margin-top:0}
.wiw-talk-links p{margin:6px 0 0}
@media (max-width:980px){.wiw-grid{grid-template-columns:1fr}.wiw-out{position:static}.wiw-movers{grid-template-columns:1fr;gap:28px}}
@media (max-width:640px){.wiw-card{padding:24px 18px}.wiw-kinds{grid-template-columns:repeat(2,1fr)}.es-page .wiw-hero{padding:40px 0 0}.es-page .wiw-tool{padding:28px 0 72px}}
@media (prefers-reduced-motion:reduce){.wiw-kinds .chip{transition:none}}

/* ===== estate sales v4: vintage, cozy ===== */
/* ornament: double hairlines with a small diamond in the middle */
.orn{display:flex;align-items:center;gap:12px;width:min(260px,64%);margin:0 auto;color:var(--es-ink)}
.orn::before,.orn::after{content:"";flex:1;height:4px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.45}
.orn .dia{display:block;flex:none;width:8px;height:8px;background:currentColor;transform:rotate(45deg);opacity:.8}
.orn-left{margin:18px 0 0;width:200px}
.orn-left::before{display:none}

/* hero: one faded photograph in the cream, a framed title card on top */
.es-page .es4-hero{position:relative;overflow:hidden;background:var(--es-cream);padding:96px 0 104px;isolation:isolate}
.es4-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.35) contrast(.9);opacity:.3;mix-blend-mode:multiply;z-index:-1}
.es4-hero-inner{max-width:820px;margin:0 auto;text-align:center;background:var(--es-cream);padding:56px 56px 48px;outline:1px solid rgba(42,35,29,.55);outline-offset:-10px;border:1px solid rgba(42,35,29,.55);box-shadow:0 40px 80px -50px rgba(42,35,29,.5)}
.es4-hero h1{margin:26px 0 22px;font-weight:400;line-height:1.05}
.es4-hero h1 .caps{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(1.7rem,3.3vw,2.7rem);font-weight:500}
.es4-hero h1 em{display:block;margin-top:12px;font-style:italic;font-size:clamp(1.8rem,3.4vw,2.8rem);font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 96}
.es4-hero-inner>p{font-size:1.12rem;line-height:1.7;max-width:52ch;margin:24px auto 30px}
.es4-hero .es3-cta{justify-content:center}

/* how it works: snapshots on the table */
.es-page .es3-how{text-align:center}
.es4-title{margin-bottom:18px}
.es-page .es3-how .orn{margin-bottom:56px}
.es-page .es3-steps{text-align:left;gap:48px}
.es-page .es3-steps img{background:#fff;padding:12px 12px 40px;border-radius:2px;box-shadow:0 2px 3px rgba(42,35,29,.08),0 18px 36px -18px rgba(42,35,29,.4);transform:rotate(-2deg);margin-bottom:28px}
.es-page .es3-steps li:nth-child(2) img{transform:rotate(1.5deg)}
.es-page .es3-steps li:nth-child(3) img{transform:rotate(-1deg)}
.es3-steps .no{margin:0 0 4px;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--es-soft)}
.es-page .es3-steps h3{display:block}

/* what we'll take: catalogue plates */
.es-page .es3-things li{border-radius:4px;padding:12px 12px 14px;outline:1px solid var(--es-line);outline-offset:-6px;background:var(--es-card)}
.es-page .es3-things img{border-radius:2px}
.es-page .es3-things span{font-style:italic;text-align:center;padding-top:2px}

/* booking: an old reply card */
.es-page .es3-form{border-radius:4px;border:1px solid rgba(42,35,29,.5);outline:1px solid rgba(42,35,29,.5);outline-offset:-9px;padding:48px 44px 40px}

@media (max-width:640px){
  .es-page .es4-hero{padding:40px 0 48px}
  .es4-hero-inner{margin:0 16px;padding:40px 20px 34px;outline-offset:-7px}
  .es4-hero h1 .caps{letter-spacing:.08em}
  .es-page .es3-steps img{transform:none!important}
  .es-page .es3-form{padding:36px 22px 28px;outline-offset:-7px}
}
.brands .grid-b img[src*="cgc"]{max-height:40px}

/* 2026-11-05: Danny's logo, estimator */
.brand .logo{display:block;height:34px;width:auto}
footer .brand .logo{height:40px}
@media (max-width:640px){.brand .logo{height:28px}}
.wiw-grid:has(> .wiw-out[hidden]){grid-template-columns:minmax(0,820px);justify-content:center}
.wiw-warn{background:#FBF3E2;border:1px solid #D9C49A;color:var(--es-ink);line-height:1.6}
.wiw-warn b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:500;margin-bottom:4px}
.nav a{white-space:nowrap}
@media (min-width:1001px) and (max-width:1240px){.nav{gap:16px}.nav .contact{display:none}}
@media (max-width:900px){.hero-pic[src*="jersey-bulls"]{aspect-ratio:1/1;object-position:50% 92%}}

/* ===== Brand kit 2026-11-06: steel gray + white, Bangers display, Work Sans body ===== */
:root{
  --steel:#3F4650; --steel-2:#2F353D; --on-steel:#F2F2F2; --muted-on-steel:#B9BFC7;
  --navy:#3F4650; --navy-2:#4A525E; --navy-3:#2F353D;
  --red:#3F4650; --red-2:#2F353D; --red-soft:#E3E6EA;
  --ink:#1E1E1E; --dim:#5B6370;
  --display:'Bangers',Impact,'Arial Narrow',sans-serif;
  --serif:'Work Sans',system-ui,-apple-system,sans-serif;
}
/* headlines in Bangers; smaller headings stay in Work Sans for easy reading */
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.015em;line-height:1.02;font-variation-settings:normal}
h1{font-size:clamp(2.6rem,5vw,4.1rem)}
h2{font-size:clamp(2.2rem,4vw,3.3rem)}
h3,h4{font-family:var(--sans);font-weight:700;letter-spacing:0;line-height:1.25;font-variation-settings:normal}
h1 em,h2 em{font-style:normal}
.est-big,.melt-out b,.es3-phone,.paid b,.step .n{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.ex-grid b,.tk b,.wiw-kinds .chip b,.es3-things span,.wiw-warn b,.paper-head b,.fact b,.lot .price,.stamp b,.quote,.melt-top b,.melt-weight output{font-weight:600}
.es3-steps .no{font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
/* header: steel bar, white text */
.top{background:var(--steel);color:var(--on-steel);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.top .nav a{color:var(--on-steel)}
.top .nav a:hover{color:#fff}
.top .nav a[aria-current]{color:#fff;border-bottom-color:#fff}
.top .nav .contact a{color:#fff}
.top .nav .contact a + a{color:var(--muted-on-steel)}
.top .nav a.ebay{background:var(--on-steel);border-color:var(--on-steel);color:var(--steel)}
.top .nav a.ebay:hover{background:#fff;border-color:#fff;color:var(--steel-2)}
.top .burger{border-color:var(--on-steel);color:var(--on-steel);background:none}
@media (max-width:1000px){
  .top .nav{background:var(--steel);border-bottom:0}
  .top .nav a{border-bottom-color:rgba(242,242,242,.18)}
  .top .nav a[aria-current]{border-bottom-color:rgba(242,242,242,.18)}
}
.brand .logo{height:34px}
@media (max-width:640px){.brand .logo{height:26px}}
/* estate hero title: no wide letter-spacing in Bangers */
.es4-hero h1 .caps{letter-spacing:.02em}
.es4-hero h1 em{font-family:var(--display);font-style:normal}
/* What's it worth: center everything on the page (Danny, 2026-11-06) */
.wiw-hero .wrap{text-align:center}
.wiw-hero p{margin-left:auto;margin-right:auto}
.wiw-price .wrap>h2{text-align:center}
.wiw-movers>div{text-align:center}
.wiw-talk-grid{flex-direction:column;align-items:center;text-align:center;gap:20px}
/* Estate FAQ: plain, always-open questions (2026-11-08) */
.es3-faq h2{margin-bottom:36px}
.es3-qa{margin:0;display:grid;grid-template-columns:1fr;gap:16px;max-width:820px}
.es3-qa>div{background:var(--es-card);border:1px solid var(--es-line);border-radius:16px;padding:28px 30px}
.es3-qa dt{font-family:var(--sans);font-weight:700;font-size:1.3rem;line-height:1.35;color:var(--es-ink);margin:0 0 10px}
.es3-qa dd{margin:0;font-size:1.15rem;line-height:1.65;color:var(--es-ink)}
@media (max-width:760px){.es3-qa{grid-template-columns:1fr}.es3-qa>div{padding:22px 20px}.es3-qa dt{font-size:1.2rem}}
/* Gold hero: pieces on the counter with live per-gram tags (2026-11-08) */
.spread{position:relative;width:100%;max-width:540px;justify-self:end;aspect-ratio:1/1.02}
.spread .sp{position:absolute;width:52%;aspect-ratio:1;object-fit:cover;border:8px solid #fff;border-radius:6px;box-shadow:0 22px 40px -22px rgba(17,17,17,.55)}
.sp1{left:0;top:2%;transform:rotate(-6deg)}
.sp2{right:0;top:0;width:46%;transform:rotate(5deg)}
.sp3{left:5%;bottom:7%;width:47%;transform:rotate(4deg)}
.sp4{right:2%;bottom:3%;width:50%;transform:rotate(-4deg)}
.spread .tag{position:absolute;z-index:2;display:flex;flex-direction:column;min-width:128px;padding:12px 18px 12px 34px;background:#F3E7C8;color:#2A231D;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%);filter:drop-shadow(0 10px 14px rgba(17,17,17,.28))}
.spread .tag::before{content:"";position:absolute;left:12px;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #B8923A}
.spread .tag span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A5E22}
.spread .tag b{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1.05;letter-spacing:.01em}
.spread .tag small{font-size:.8rem;color:#5B4A2E}
.t1{left:30%;top:24%;transform:rotate(-7deg)}
.t2{left:58%;top:40%;transform:rotate(6deg)}
.t3{left:4%;top:50%;transform:rotate(3deg)}
.t4{left:40%;top:66%;transform:rotate(-4deg)}
.spread-note{position:absolute;left:0;right:0;bottom:-34px;margin:0;font-size:.85rem;color:var(--muted,#5B6370);text-align:right}
@media (max-width:900px){.spread{justify-self:stretch;max-width:none;margin-bottom:34px}.spread .tag{min-width:0;padding:9px 13px 9px 28px}.spread .tag b{font-size:1.55rem}.spread .tag small{font-size:.72rem}.spread-note{text-align:left}}
/* Gold hero v2: moving columns of gold + live price ticker (2026-11-08) */
.goldreel{position:relative;width:100%;max-width:540px;justify-self:end;margin-bottom:30px}
.gcols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:560px;overflow:hidden;border-radius:18px;background:#2F353D;padding:0 12px}
.gcol{overflow:hidden}
.gtrack{display:flex;flex-direction:column;gap:12px;animation:gup 38s linear infinite}
.c2 .gtrack{animation-name:gdown;animation-duration:46s}
.c3 .gtrack{animation-duration:32s}
.gtrack img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}
@keyframes gup{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}
@keyframes gdown{from{transform:translateY(calc(-50% - 6px))}to{transform:translateY(0)}}
.gtick{position:absolute;left:-14px;right:-14px;bottom:44px;overflow:hidden;background:#B8923A;color:#1E1E1E;transform:rotate(-3deg);box-shadow:0 18px 30px -16px rgba(17,17,17,.55)}
.gtick-track{display:flex;width:max-content;animation:gtick 30s linear infinite}
.gtick-row{display:inline-flex;align-items:center;gap:14px;padding:13px 7px;white-space:nowrap;font-size:1rem}
.gtick-row i{font-style:normal;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.gtick-row b{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1;letter-spacing:.02em}
.gtick-row em{font-style:normal;font-size:.7rem;opacity:.6;margin:0 6px}
@keyframes gtick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.goldreel .spread-note{bottom:-30px}
.goldreel:hover .gtrack,.goldreel:hover .gtick-track{animation-play-state:paused}
@media (max-width:900px){.goldreel{max-width:none;justify-self:stretch}.gcols{height:400px;gap:8px;padding:0 8px}.gtrack{gap:8px}.gtick-row b{font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){.gtrack,.gtick-track{animation:none}}
.gtick-row small{font-size:.8rem;font-weight:500;margin-left:-8px}
/* Gold hero v3: open columns running the full height of the hero (2026-11-08) */
.gold .hero.hero-photo{position:relative;overflow:hidden;border-bottom:0;min-height:620px;display:flex;align-items:center}
.gold .hero.hero-photo>.wrap{width:100%}
.gold .goldreel{position:absolute;top:0;bottom:0;right:max(24px,calc((100% - var(--maxw))/2 + 24px));width:min(560px,42%);max-width:none;margin:0}
.gold .gcols{height:100%;background:none;border-radius:0;padding:0;gap:14px}
.gold .gtrack{gap:14px}
.gold .gtrack img{border-radius:12px}
@keyframes gup{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@keyframes gdown{from{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}
@media (max-width:900px){
  .gold .hero.hero-photo{display:block;min-height:0;padding-bottom:0}
  .gold .goldreel{position:relative;right:auto;width:auto;height:380px;margin:36px -24px 0}
  .gold .gcols{gap:10px}.gold .gtrack{gap:14px}
}
@media (min-width:901px){.gold .hero-photo .max{max-width:calc(100% - min(560px,42vw) - 56px)}.gold .hero-photo .wrap{display:block}}
.top .nav .contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}