:root{--gold:#f2bd16;--blue:#10aef5;--bg:#020202;--text:#f5f5f5}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.97);border-bottom:1px solid rgba(242,189,22,.55);box-shadow:0 6px 22px rgba(0,0,0,.65)}
.header-inner{max-width:1536px;margin:auto;padding:10px 14px;display:grid;grid-template-columns:230px 1fr auto;gap:18px;align-items:center}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brand img{width:52px;height:52px;object-fit:cover;border-radius:4px}.brand-text{line-height:1}.brand-title{font-family:Georgia,serif;font-size:29px;color:#f5c62b;letter-spacing:2px}.brand-sub{font-size:11px;letter-spacing:4px;color:#ddd;margin-top:5px}
.nav-toggle{display:none;border:1px solid var(--gold);background:#050505;color:var(--gold);padding:9px 12px;border-radius:6px;font-weight:700}
.main-nav{display:flex;flex-wrap:wrap;gap:5px 15px;justify-content:center;align-items:center}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.35px;color:#ddd;padding:7px 0;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--gold);border-bottom-color:var(--gold);text-shadow:0 0 9px rgba(242,189,22,.7)}
.header-cta{text-decoration:none;text-transform:uppercase;white-space:nowrap;border:1px solid var(--gold);color:var(--gold);padding:12px 14px;border-radius:7px;font-size:12px;font-weight:700}.header-cta:hover{background:var(--gold);color:#000}
.page-shell{max-width:1536px;margin:0 auto;background:#000}.art-wrap{position:relative;width:100%;line-height:0}.page-art{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;z-index:5;border-radius:8px;background:transparent;line-height:normal}.hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px rgba(16,174,245,.65)}.hotspot:hover{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 0 15px rgba(242,189,22,.25)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-footer{max-width:1536px;margin:auto;border-top:1px solid rgba(242,189,22,.35);padding:16px;text-align:center;color:#aaa;font-size:12px}.site-footer a{color:var(--gold)}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr auto}.header-cta{display:none}.nav-toggle{display:block}.main-nav{display:none;grid-column:1/-1;justify-content:flex-start;padding:8px 4px 2px}.main-nav.open{display:flex}.brand-title{font-size:24px}}
@media(max-width:560px){.header-inner{padding:8px 10px}.brand img{width:42px;height:42px}.brand-title{font-size:21px}.brand-sub{font-size:9px;letter-spacing:2.5px}.main-nav a{font-size:11px}.page-shell{overflow:hidden}}