:root { --paper:#f3f0e8; --ink:#11110f; --muted:#6f6d66; --line:rgba(17,17,15,.18); --ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { min-height:100%; }
body { margin:0; min-height:100vh; font-family:var(--ui); }
a { color:inherit; }
button,input { font:inherit; }
button { color:inherit; }
.palette-ink { --bg:#121210; --fg:#f2efe7; --subtle:#b9b5aa; --accent:#e8ff3d; }
.palette-paper { --bg:#f1eee5; --fg:#171713; --subtle:#6f6b62; --accent:#e33228; }
.palette-signal { --bg:#e7352b; --fg:#fff9ed; --subtle:#ffd0c7; --accent:#181815; }
.palette-deep-blue { --bg:#062b5b; --fg:#f5f0df; --subtle:#afc7df; --accent:#ffcf33; }
.palette-butter { --bg:#f2d64b; --fg:#181711; --subtle:#625a2d; --accent:#df3d31; }
.palette-forest { --bg:#173f2d; --fg:#f2ebdc; --subtle:#aec8b7; --accent:#f0a8c2; }
.palette-clay { --bg:#b85c40; --fg:#fff4df; --subtle:#f2c3b2; --accent:#1c2f48; }
.palette-violet { --bg:#523380; --fg:#f8f0df; --subtle:#cbb9df; --accent:#f0d63b; }
.owner-page { background:var(--bg); color:var(--fg); overflow-x:hidden; }
.owner-stage { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr); align-items:stretch; }
.owner-copy { padding:clamp(5.5rem,9vw,9rem) clamp(2rem,7vw,8.5rem) 8rem; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:1; }
.owner-kicker,.eyebrow { margin:0 0 2rem; font-size:.69rem; font-weight:750; letter-spacing:.16em; line-height:1.3; text-transform:uppercase; }
.owner-copy h1,.empty-day h1 { margin:0; max-width:8.5ch; font-size:clamp(4rem,10.4vw,9rem); font-weight:760; letter-spacing:-.075em; line-height:.84; text-wrap:balance; }
.owner-message { max-width:33rem; margin:clamp(2rem,5vh,4.5rem) 0 0; color:var(--subtle); font-size:clamp(1rem,1.35vw,1.35rem); line-height:1.48; letter-spacing:-.015em; }
.owner-link { width:fit-content; margin-top:2rem; padding-bottom:.25rem; border-bottom:1px solid currentColor; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.owner-link span { margin-left:.3rem; }
.owner-visual { min-height:100vh; margin:0; padding:clamp(1rem,2vw,2rem); }
.owner-visual img { width:100%; height:100%; min-height:calc(100vh - clamp(2rem,4vw,4rem)); object-fit:cover; display:block; border-radius:.35rem; filter:saturate(.88) contrast(1.04); }
.content-coming { margin:clamp(1rem,2vw,2rem); border:1px solid color-mix(in srgb,var(--fg) 28%,transparent); display:flex; flex-direction:column; justify-content:space-between; padding:2rem; }
.content-coming span { font-size:clamp(4rem,9vw,8rem); font-weight:760; letter-spacing:-.07em; line-height:.86; writing-mode:vertical-rl; }
.content-coming small { font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.empty-day { min-height:100vh; padding:clamp(6rem,12vw,11rem) clamp(2rem,8vw,10rem); display:flex; flex-direction:column; justify-content:center; }
.empty-day h1 { max-width:11ch; }
.empty-day time { white-space:nowrap; }
.empty-note { margin-top:3rem; color:var(--subtle); font-size:.8rem; letter-spacing:.08em; }
.history-link { position:fixed; z-index:8; bottom:1.65rem; left:1.75rem; color:var(--fg); font-size:.72rem; font-weight:720; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; }
.history-link::after { content:''; display:block; width:0; height:1px; margin-top:.25rem; background:currentColor; transition:width .2s ease; }
.history-link:hover::after { width:100%; }
.archive-price { position:fixed; right:1.75rem; bottom:1.45rem; margin:0; text-align:right; }
.archive-price span { display:block; color:var(--subtle); font-size:.58rem; letter-spacing:.13em; text-transform:uppercase; }
.archive-price strong { font-size:1rem; }
.auction-pill { position:fixed; z-index:10; right:1.15rem; bottom:1.1rem; min-height:3.3rem; padding:.9rem 1.2rem; border:0; border-radius:2rem; background:var(--fg); color:var(--bg); display:flex; align-items:center; gap:.68rem; font-size:.71rem; font-weight:720; letter-spacing:.015em; cursor:pointer; }
.auction-pill i { width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.45; }
.auction-pill strong { font-size:inherit; }
.auction-pill [data-pill-bid-detail] { display:flex; align-items:center; gap:.68rem; }
.panel-scrim { position:fixed; z-index:20; inset:0; background:rgba(8,8,7,.42); opacity:0; pointer-events:none; }
.bid-panel { position:fixed; z-index:21; top:0; right:0; width:min(390px,100vw); height:100dvh; background:var(--paper); color:var(--ink); transform:translateX(101%); transition:transform .34s cubic-bezier(.22,.75,.24,1); overflow-y:auto; overscroll-behavior:contain; }
.panel-open .panel-scrim { opacity:1; pointer-events:auto; }
.panel-open .bid-panel { transform:translateX(0); }
.panel-close { position:absolute; z-index:1; top:1.25rem; right:1.35rem; width:2rem; height:2rem; border:0; background:transparent; font-size:1.8rem; font-weight:300; line-height:1; cursor:pointer; }
.panel-inner { min-height:100%; padding:3.7rem 2rem 2rem; display:flex; flex-direction:column; }
.panel-label { margin:0 0 .5rem; color:var(--muted); font-size:.63rem; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }
.panel-inner h2 { margin:0; padding-bottom:1.6rem; border-bottom:1px solid var(--line); font-size:2.35rem; letter-spacing:-.055em; line-height:1; }
.bid-lead { padding:1.4rem 0 1.1rem; }
.bid-lead p { margin:0 0 .35rem; color:var(--muted); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.bid-lead strong { display:block; font-size:3.15rem; letter-spacing:-.07em; line-height:1; }
.bid-lead span { display:block; margin-top:.55rem; color:var(--muted); font-size:.75rem; }
.countdown { padding:.85rem 0; border-block:1px solid var(--line); display:flex; justify-content:space-between; align-items:baseline; }
.countdown span { color:var(--muted); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.countdown strong { font-size:.88rem; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.bid-list { min-height:4rem; margin:1rem 0; padding:0; list-style:none; }
.bid-list li { padding:.3rem 0; display:flex; justify-content:space-between; color:var(--muted); font-size:.72rem; }
.bid-list strong { color:var(--ink); }
.bid-form { margin-top:auto; }
.bid-form label { display:block; margin:0 0 .45rem; color:var(--muted); font-size:.65rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.bid-form input { width:100%; border:0; border-bottom:1px solid var(--ink); border-radius:0; outline:0; background:transparent; color:var(--ink); padding:.65rem 0; font-size:.95rem; }
.bid-form input:focus { border-bottom-width:2px; }
.bid-form .custom-label { margin-top:1.25rem; }
.custom-label span { font-weight:450; letter-spacing:0; text-transform:none; }
.money-input { display:flex; align-items:center; border-bottom:1px solid var(--ink); }
.money-input span { padding-top:.15rem; }
.money-input input { border:0; padding-left:.25rem; }
.bid-form button { width:100%; margin-top:1.35rem; padding:1rem; border:1px solid var(--ink); border-radius:0; background:var(--ink); color:var(--paper); font-weight:750; cursor:pointer; }
.bid-form button:disabled { opacity:.35; cursor:not-allowed; }
.bid-form>p { margin:.7rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.4; text-align:center; }
.terms-link { align-self:center; margin-top:1.2rem; color:var(--muted); font-size:.62rem; }
.settled-note { margin:auto 0 0; padding:1.3rem 0; border-block:1px solid var(--line); color:var(--muted); font-size:.78rem; line-height:1.55; }
.bid-flash .bid-lead { animation:bid-flash .8s ease; }
@keyframes bid-flash { 35% { background:#e6ff65; } }
.system-page { background:var(--paper); color:var(--ink); }
.history-header { padding:1.5rem clamp(1.25rem,3vw,3rem); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:baseline; }
.history-header a { font-size:.75rem; font-weight:800; letter-spacing:.1em; text-decoration:none; }
.history-header p { margin:0; color:var(--muted); font-size:.7rem; }
.history-main { padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,3vw,3rem) 6rem; }
.history-main>h1 { margin:0 0 clamp(3rem,7vw,6rem); font-size:clamp(4rem,9vw,8rem); letter-spacing:-.075em; line-height:.8; }
.history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.8rem,4vw,4.5rem) clamp(1rem,2vw,2rem); }
.history-card { color:var(--ink); text-decoration:none; }
.history-thumb { aspect-ratio:4/3; background:var(--bg); color:var(--fg); overflow:hidden; display:flex; align-items:flex-end; padding:1.15rem; }
.history-thumb img { width:calc(100% + 2.3rem); height:calc(100% + 2.3rem); margin:-1.15rem; object-fit:cover; display:block; transition:transform .35s ease; }
.history-card:hover img { transform:scale(1.025); }
.history-thumb span { max-width:9ch; font-size:clamp(1.4rem,3vw,3rem); font-weight:740; letter-spacing:-.055em; line-height:.9; }
.history-meta { padding-top:.72rem; border-top:1px solid var(--ink); display:grid; grid-template-columns:1fr 1fr auto; gap:.6rem; font-size:.68rem; }
.history-meta span { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.history-meta strong { font-size:inherit; }
.history-empty { color:var(--muted); }
.message-page,.legal { max-width:55rem; min-height:100vh; padding:clamp(5rem,11vw,10rem) clamp(1.5rem,7vw,7rem); }
.message-page h1,.legal h1 { margin:0 0 2rem; font-size:clamp(3.5rem,9vw,7.5rem); letter-spacing:-.07em; line-height:.88; }
.message-page>p:not(.eyebrow),.legal p { max-width:42rem; color:#4f4d47; font-size:1rem; line-height:1.65; }
.message-page a,.legal>a { display:inline-block; margin-top:2rem; font-size:.72rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.legal h2 { margin:3rem 0 .5rem; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.legal .legal-date { margin-bottom:4rem; font-size:.72rem; }
@media (max-width:760px) {
  .owner-stage { min-height:100svh; display:grid; grid-template-rows:40svh minmax(60svh,auto); grid-template-columns:1fr; }
  .owner-copy { min-height:60svh; padding:2.5rem 1.35rem 5.25rem; }
  .owner-copy h1,.empty-day h1 { font-size:clamp(3rem,13vw,3.4rem); }
  .owner-kicker { margin-bottom:1.15rem; }
  .owner-message { margin-top:1.5rem; font-size:.92rem; }
  .owner-link { margin-top:1.15rem; }
  .owner-visual { height:40svh; min-height:0; padding:.65rem; order:-1; }
  .owner-visual img { height:100%; min-height:0; }
  .content-coming { min-height:52svh; order:-1; }
  .empty-day { padding:6rem 1.35rem 8rem; }
  .history-link { bottom:1.3rem; left:1.25rem; }
  .auction-pill { right:.65rem; bottom:.65rem; min-height:3.55rem; max-width:calc(100vw - 7.2rem); padding:.85rem 1rem; gap:.48rem; white-space:nowrap; }
  .auction-pill [data-pill-bid-detail] { gap:.48rem; }
  .auction-pill [data-pill-label] { overflow:hidden; text-overflow:ellipsis; }
  .bid-panel { top:auto; bottom:0; width:100%; height:min(88dvh,720px); transform:translateY(101%); border-radius:1rem 1rem 0 0; }
  .panel-open .bid-panel { transform:translateY(0); }
  .panel-inner { padding:3.2rem 1.35rem 1.25rem; }
  .panel-inner h2 { font-size:2rem; }
  .bid-lead strong { font-size:2.7rem; }
  .history-header p { display:none; }
  .history-grid { grid-template-columns:1fr; gap:2.8rem; }
  .history-thumb span { font-size:2.8rem; }
  .archive-price { display:none; }
}
@media (prefers-reduced-motion:reduce) { .bid-panel,.history-thumb img { transition:none; } .bid-flash .bid-lead { animation:none; } }