:root{--void:#0B0B0C;--amber:#F0A020;--steel:#9AA3AD;--display:"Bebas Neue",sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body.arc-dock{margin:0;padding-bottom:5rem;font-family:var(--body);background:var(--void);color:#f2f2f2;line-height:1.6}
a{color:var(--amber);text-decoration-thickness:1px}
img{max-width:100%;display:block}
.void-hero{min-height:55vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:left}
.logo-lines{font-family:var(--display);font-size:clamp(3rem,12vw,5.5rem);line-height:.9;margin:0;letter-spacing:.04em}
.amber-rule{width:120px;height:3px;background:var(--amber);margin:1.25rem 0}
.void-hero h1{font-family:var(--display);font-size:clamp(2rem,6vw,3rem);letter-spacing:.06em;margin:0 0 .75rem}
.lead{color:var(--steel);max-width:32rem;margin:0}
.band{display:grid;grid-template-columns:55% 1fr;border-top:1px solid #222}
.band.flip{grid-template-columns:1fr 55%}
.band.flip .band-photo{order:2}
.band-photo img{width:100%;height:100%;min-height:280px;object-fit:cover}
.band-copy{padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center}
.band-num{font-family:var(--display);font-size:2.5rem;color:var(--amber);margin:0;line-height:1}
.band h2{font-family:var(--display);font-size:2rem;margin:.25rem 0;letter-spacing:.04em}
.meta{color:var(--steel);font-size:.9rem;margin:.25rem 0 .75rem}
.bottom-dock{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:.85rem;padding:.55rem 1rem;background:rgba(11,11,12,.88);border:1px solid #333;border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.55);font-size:.82rem}
.bottom-dock a{color:#eee;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-size:1rem}
.dock-nums{display:flex;gap:.35rem;opacity:.75;font-family:var(--display);color:var(--amber)}
.site-foot{padding:2rem 1.25rem 6rem;font-size:.88rem;color:var(--steel);border-top:1px solid #222}
.foot-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}
.foot-links a{color:#ccc;text-decoration:none}
.page{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 6rem;color:#eee}
.page h1{font-family:var(--display);letter-spacing:.05em}
.form{display:grid;gap:.65rem}
.form input,.form textarea{padding:.6rem;background:#151515;border:1px solid #333;color:#fff;font:inherit;width:100%}
.form button{background:var(--amber);border:none;padding:.65rem 1rem;font-weight:600;cursor:pointer}
.casino-disclaimer{font-size:.82rem;border-left:3px solid var(--amber);padding-left:.65rem;margin-top:.85rem}
@media(max-width:820px){.band,.band.flip{grid-template-columns:1fr}.band.flip .band-photo{order:0}}

.entry-photo{margin:0 0 1.1rem;border:1px solid rgba(198,161,91,.25);overflow:hidden}
.entry-photo img{width:100%;max-height:280px;object-fit:cover}
.journal-block.casino .entry-photo{border-style:dashed}
.page-figure{margin:1.5rem 0;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.page-figure img{width:100%;max-height:320px;object-fit:cover}
.page h2{font-family:var(--serif);margin-top:2rem}
body.arc-obsidian .page h2{font-family:var(--display)}
body.arc-dock .page h2{font-family:var(--display);letter-spacing:.04em}
body.arc-monolith .page h2{font-weight:700}
body.arc-ranked .page h2{font-family:var(--serif)}
.shortlist-links{margin:1rem 0;padding-left:1.25rem}
.shortlist-links li{margin:.35rem 0}