/* Auctions.direct — Cloudflare preview. Design tokens copied from src/app/globals.css:
   ink navy, brass accent, paper surfaces, signal red only for urgency. */
:root{
  --ink-50:#f5f7fa;--ink-100:#e8edf4;--ink-200:#cfd9e7;--ink-300:#a7b9d1;--ink-700:#364768;--ink-800:#2f3d57;--ink-900:#16203a;--ink-950:#0a1020;
  --brass-100:#faf0d7;--brass-200:#f4dfae;--brass-300:#ecc87b;--brass-400:#e3ae4c;--brass-500:#d9962b;--brass-600:#c07a20;--brass-700:#9f5d1d;
  --signal:#e11d48;--verify:#059669;--paper:#fbfaf7;--paper-sunk:#f4f2ec;
  --shadow-card:0 1px 2px rgba(10,16,32,.04),0 4px 16px -4px rgba(10,16,32,.1);
  --shadow-lift:0 2px 4px rgba(10,16,32,.05),0 12px 32px -8px rgba(10,16,32,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink-900);line-height:1.55}
h1,h2,h3{font-family:Fraunces,ui-serif,Georgia,serif;line-height:1.08;margin:0}
a{color:inherit;text-decoration:none}img{max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.preview-banner{background:var(--brass-500);color:#1a1200;text-align:center;font-size:.86rem;font-weight:600;padding:8px 16px}
.preview-banner span{font-weight:400}
header.site{background:#fff;border-bottom:1px solid var(--ink-100);position:sticky;top:0;z-index:20}
.header-in{display:flex;align-items:center;gap:28px;padding:14px 0}
.logo{font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:700}.logo b{color:var(--brass-600);font-weight:700}
nav.main{display:flex;gap:20px;font-size:.95rem;font-weight:550}nav.main a:hover{color:var(--brass-700)}
.header-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.btn{display:inline-block;border-radius:999px;padding:10px 20px;font-weight:650;font-size:.95rem;border:1px solid transparent;cursor:pointer}
.btn-brass{background:var(--brass-500);color:#1a1200;box-shadow:0 4px 14px -2px rgba(217,150,43,.35)}.btn-brass:hover{background:var(--brass-400)}
.btn-ghost{border-color:var(--ink-200);background:#fff}.btn-dark{background:var(--ink-900);color:#fff}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.hero{background:var(--ink-950);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -10% -60% auto;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(217,150,43,.22),transparent 65%)}
.hero-in{padding:72px 0 64px;position:relative;z-index:1}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 14px;font-size:.8rem;color:var(--ink-200)}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--brass-400);display:block}
.hero h1{font-size:clamp(2.4rem,5.5vw,4rem);margin:20px 0 16px}.hero h1 em{font-style:normal;color:var(--brass-400)}
.hero p.lead{color:var(--ink-200);font-size:1.12rem;max-width:620px}
.searchbar{display:flex;gap:8px;background:#fff;border-radius:16px;padding:8px;max-width:820px;margin-top:30px;box-shadow:var(--shadow-lift)}
.searchbar input,.searchbar select{border:0;outline:0;font-size:1rem;padding:10px 12px;flex:1;min-width:0;background:transparent;color:var(--ink-900)}
.searchbar select{flex:0 0 170px;border-left:1px solid var(--ink-100)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:720px;border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:26px}
.stats b{font-size:1.7rem;display:block}.stats span{color:var(--ink-300);font-size:.88rem}
section.band{padding:56px 0}.band-sunk{background:var(--paper-sunk)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--brass-700)}
.sec-head h2{font-size:2rem;margin-top:6px}.sec-head p{color:var(--ink-700);margin:6px 0 0}
.link-arrow{color:var(--brass-700);font-weight:650;white-space:nowrap}
.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--ink-100);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}
.card:hover{box-shadow:var(--shadow-lift)}
.card-art{height:150px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:rgba(255,255,255,.92)}
.card-body{padding:16px 18px 18px}.card-body h3{font-size:1.12rem;font-family:Inter,sans-serif;font-weight:700;line-height:1.3}
.meta{color:var(--ink-700);font-size:.88rem}.price{font-weight:750}.bids{color:var(--ink-700);font-size:.85rem}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.badge-live{background:#ffe0e2;color:#a80d36}.badge-soon{background:var(--brass-100);color:var(--brass-700)}.badge-verified{background:#d1fae5;color:#047857}.badge-sample{background:var(--ink-100);color:var(--ink-700)}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{background:#fff;border:1px solid var(--ink-100);border-radius:14px;padding:18px}.cat .ic{font-size:1.6rem}.cat h3{font-family:Inter,sans-serif;font-size:1rem;margin:8px 0 4px}.cat p{margin:0;color:var(--ink-700);font-size:.86rem}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:26px 0}
.trust h3{font-family:Inter,sans-serif;font-size:1rem;margin:6px 0 4px}.trust p{margin:0;color:var(--ink-700);font-size:.9rem}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.filters input,.filters select{padding:11px 14px;border:1px solid var(--ink-200);border-radius:999px;font-size:.95rem;background:#fff}
.filters input{flex:1;min-width:220px}
.split{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start}
.panel{background:#fff;border:1px solid var(--ink-100);border-radius:18px;padding:24px;box-shadow:var(--shadow-card)}
.bid-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--ink-100);font-size:.93rem}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--ink-100);font-size:.93rem}
footer.site{background:var(--ink-950);color:var(--ink-200);padding:48px 0 30px;margin-top:0}
footer.site h4{color:#fff;margin:0 0 12px;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
footer.site a{display:block;padding:3px 0;font-size:.92rem}footer.site a:hover{color:var(--brass-300)}
.demo-note{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;font-size:.85rem;color:var(--ink-300)}
.page-head{background:var(--ink-950);color:#fff;padding:52px 0 44px}.page-head p{color:var(--ink-200);max-width:640px}.page-head h1{font-size:2.6rem}
@media(max-width:900px){.grid-3,.grid-4,.cat-grid,.trust{grid-template-columns:repeat(2,1fr)}.split,.foot-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}nav.main{display:none}}
@media(max-width:560px){.grid-3,.grid-4,.cat-grid,.trust,.grid-2{grid-template-columns:1fr}.searchbar{flex-direction:column}.searchbar select{flex:none;border-left:0;border-top:1px solid var(--ink-100)}}

/* --- directory build 2026-11-02: photos, hero, tile map --- */
.hero-photo{position:relative;background:#0a1020 url('assets/photos/hero-auction.jpg') center/cover no-repeat;color:#fff}
.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,32,.88),rgba(10,16,32,.55) 60%,rgba(10,16,32,.25))}
.hero-photo .hero-in{position:relative;z-index:1}
.card-photo{width:100%;height:180px;object-fit:cover;display:block}
.cat-photo{height:120px}
.cat img.cat-photo{border-radius:12px 12px 0 0}
/* Homepage real U.S. map (SVG, counts from the directory data in app.js) */
.usmap{max-width:880px;margin:0 auto}
.usmap svg{display:block;width:100%;height:auto}
.usmap path{stroke:#fff;stroke-width:1}
.usmap a:hover path{stroke:var(--ink-900);stroke-width:1.8}
.usmap .st.t0{fill:var(--ink-100)}
.usmap .st.t1{fill:var(--brass-200)}
.usmap .st.t2{fill:var(--brass-300)}
.usmap .st.t3{fill:var(--brass-500)}
.usmap .st.t4{fill:var(--brass-700)}
.usmap-legend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;margin-top:14px;font-size:.85rem;color:var(--ink-700)}
.usmap-legend .lg-title{font-weight:650;color:var(--ink-900)}
.usmap-legend .lg{display:inline-flex;align-items:center;gap:6px}
.usmap-legend .sw{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid rgba(10,16,32,.14)}
.usmap-legend .sw.t0{background:var(--ink-100)}
.usmap-legend .sw.t1{background:var(--brass-200)}
.usmap-legend .sw.t2{background:var(--brass-300)}
.usmap-legend .sw.t3{background:var(--brass-500)}
.usmap-legend .sw.t4{background:var(--brass-700)}
.tilemap{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;max-width:880px;margin:0 auto}
.tile{aspect-ratio:1.25;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#eef1f6;color:var(--ink-700);text-decoration:none;border:1px solid var(--ink-100)}
.tile b{font-size:.95rem;line-height:1}
.tile small{font-size:.68rem;color:var(--ink-500)}
.tile.has{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}
.tile.has small{color:var(--brass-300,#e3ae4c)}
.tile:hover{outline:2px solid var(--brass-500,#d9962b)}
.tile.hl{background:var(--brass-500,#d9962b);color:#fff;border-color:var(--brass-500,#d9962b)}
.tile.empty{background:transparent;border:0;pointer-events:none}
.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.photo-strip img{width:100%;height:170px;object-fit:cover;border-radius:14px}
@media(max-width:720px){.tilemap{gap:4px}.tile b{font-size:.68rem}.tile small{display:none}.photo-strip{grid-template-columns:repeat(2,1fr)}}
.credits{border-collapse:collapse;width:100%}
.credits th,.credits td{padding:10px 12px;border-bottom:1px solid var(--ink-100);text-align:left;vertical-align:middle}
.state-list{display:flex;flex-wrap:wrap;gap:8px}
.state-link{padding:8px 14px;border:1px solid var(--ink-100);border-radius:999px;background:#fff;text-decoration:none;color:var(--ink-900)}
.state-link:hover{border-color:var(--brass-500,#d9962b)}
/* --- sponsor feature (2026-11-02, Branden: make the platform visible as a sponsor) --- */
.sponsor-band{background:linear-gradient(180deg,#fdf6e3,#fbeecd);border-top:4px solid var(--brass-500,#d9962b);border-bottom:4px solid var(--brass-500,#d9962b);padding:30px 0 36px}
.sponsor-tag{display:inline-block;background:var(--brass-500,#d9962b);color:#fff;font-weight:800;letter-spacing:.08em;font-size:.78rem;padding:7px 14px;border-radius:999px;margin-bottom:18px}
.sponsor-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:center}
.sponsor-photo{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(22,32,58,.18)}
.sponsor-copy h2{font-size:2.2rem;line-height:1.12;margin:6px 0 10px}
.sponsor-lede{font-size:1.06rem;color:var(--ink-700)}
.sponsor-list{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:8px;font-size:1.02rem}
.sponsor-cta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:820px){.sponsor-grid{grid-template-columns:1fr}.sponsor-photo{min-height:200px}}

/* --- see-through directory cards (2026-11-02, SiteWorks /clients pattern):
   browser-frame card showing the company's actual homepage --- */
.work-card{display:flex;flex-direction:column}
a.work-card{color:inherit;text-decoration:none}
.work-card .browser{background:#fff;border-bottom:1px solid var(--ink-100);overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--paper-sunk);border-bottom:1px solid var(--ink-100)}
.dots{display:inline-flex;gap:6px;flex:none}
.dots i{width:10px;height:10px;border-radius:50%}
.dots i:nth-child(1){background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.browser-url{flex:1;font-size:11px;color:var(--ink-700);background:#fff;border:1px solid var(--ink-100);border-radius:6px;padding:3px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot-img{display:block;width:100%;height:auto;background:var(--paper-sunk)}
.shot-fallback{aspect-ratio:960/624;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--ink-900);color:#fff;text-align:center;padding:20px}
.shot-fallback .mono{font-family:Fraunces,Georgia,serif;font-size:3.2rem;font-weight:700;color:var(--brass-300);line-height:1}
.shot-fallback .fb-name{font-weight:650;padding:0 10px}
.shot-fallback .fb-meta{color:var(--ink-300);font-size:.85rem}
.work-card:hover .browser{border-color:var(--ink-200)}

/* Map counts (2026-11-03): per-state auctioneer counts on the map itself,
   plus the hover/tap count card. Numbers ride on top of the brass shading. */
.usmap{position:relative}
.usmap .st-count{font:700 15px/1 Georgia,serif;fill:#fff;text-anchor:middle;paint-order:stroke;stroke:rgba(59,42,16,.55);stroke-width:3px;pointer-events:none}
.usmap-tip{position:absolute;transform:translate(-50%,-100%);background:var(--ink-900,#2b2118);color:#fff;font-size:14px;font-weight:600;padding:7px 12px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:0 8px 24px rgba(30,20,8,.35)}
.usmap .st-count{font-size:17px}
.state-counts{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:880px;margin:14px auto 0}
.state-counts .sc-title{width:100%;text-align:center;font-weight:700;color:var(--ink-900);margin-bottom:2px}
.state-counts a{background:#fff;border:1px solid var(--line,#e3d9c8);border-radius:999px;padding:5px 12px;font-size:14px;color:var(--ink-900);text-decoration:none}
.state-counts a b{color:var(--rust-dark,#9a5a13)}
.state-counts a:hover{border-color:var(--rust-dark,#9a5a13)}