:root{color-scheme:dark;--gold:#d7ad56;--paper:#e7e4de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-height:100svh}header{max-width:1440px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 5%;padding:28px 0;border-bottom:1px solid #29251b}.wordmark{font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.6}.wordmark span{color:var(--gold);display:block;font-size:12px;letter-spacing:.24em}nav{position:relative}button{font:inherit;cursor:pointer}#menu-toggle{background:transparent;color:var(--paper);border:1px solid #51442c;padding:12px 18px;display:flex;align-items:center;gap:22px;font-size:14px}#menu-toggle svg{width:16px;fill:none;stroke:var(--gold);stroke-width:1.5;transition:transform .2s}#menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}#menu{position:absolute;top:calc(100% + 8px);right:0;background:#111;border:1px solid #51442c;min-width:160px;z-index:5}#menu a{display:block;padding:16px 20px;color:var(--paper);text-decoration:none;font-size:16px}#menu a:hover{background:#242017;color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.brand{position:relative;width:min(600px,78%);margin:24px auto 0;cursor:default}.brand img{width:100%;height:auto;display:block}.brand canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.notice{text-align:center;padding:18px 24px 42px}.eyebrow{color:var(--gold);letter-spacing:.28em;font-size:12px;font-weight:700}h1{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:.035em;line-height:1.12;margin:16px 0}p{color:#aaa69e;font-size:16px;line-height:1.6;margin:0}.rule{width:54px;height:2px;background:var(--gold);margin:26px auto 0}footer{text-align:center;padding:22px 20px;border-top:1px solid #211e16;font-size:12px;letter-spacing:.16em;color:#79766f}@media(min-width:1000px) and (min-height:850px){.brand{width:650px;margin-top:36px}.notice{padding-bottom:56px}}@media(max-width:480px){.topbar{padding:20px 0;gap:12px}.wordmark{font-size:12px;letter-spacing:.06em}.wordmark span{font-size:12px}.brand{width:94%;margin-top:38px}.notice{padding:30px 20px 60px}#menu-toggle{padding:10px 12px;gap:12px}footer{font-size:12px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied city panorama, with the logo's black canvas composited away. */
header{max-width:none;position:relative;isolation:isolate;background:#161719 url('assets/skyline.png') center center/cover no-repeat;padding-bottom:42px;overflow:visible}
header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.12) 40%,rgba(0,0,0,.34) 75%,#000)}
.topbar{position:relative;z-index:2;margin:0 5%;border-bottom-color:rgba(215,173,86,.3)}
.wordmark{text-shadow:0 2px 8px #000}
#menu-toggle{background:rgba(0,0,0,.75);border-color:#a58a53}
.brand{width:min(550px,74%);margin:12px auto 0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.9))}
.brand img,.brand canvas{mix-blend-mode:screen}
.brand.canvas-ready img{visibility:hidden}
.notice{padding-top:26px}
@media(min-width:1000px) and (min-height:850px){.brand{width:590px;margin-top:14px}}
@media(max-width:480px){header{background-position:56% center;padding-bottom:32px}.brand{width:94%;margin-top:26px}.topbar{margin:0 5%}.notice{padding-top:28px}}
.brand{filter:none;mix-blend-mode:screen}
.brand.canvas-ready img{visibility:visible;opacity:0}