/* 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)}}