:root { --navy:#04182a; --navy2:#082d4d; --cream:#faf4e3; --paper:#fffdf8; --gold:#f6c956; --red:#b42822; --green:#52bf82; --ink:#071727; --muted:#61707c; --line:#ddd1b9; --shell:min(1080px,calc(100% - 44px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Trebuchet MS","Avenir Next",Arial,sans-serif; line-height:1.6; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.page-shell { width:var(--shell); margin-inline:auto; }
.skip-link { position:fixed; z-index:1000; top:10px; left:10px; padding:10px 14px; color:var(--navy); background:var(--gold); transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { color:white; background:#020d19; border-bottom:1px solid rgba(246,201,86,.35); }
.header-inner { min-height:90px; display:flex; align-items:center; gap:32px; }
.brand-link { width:220px; }
.brand-link img { width:100%; }
.site-header nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.site-header nav a { color:rgba(255,255,255,.76); font-size:.78rem; font-weight:900; text-decoration:none; }
.site-header nav a:hover { color:var(--gold); }
.status-hero { padding:clamp(72px,9vw,120px) 0; color:white; background:radial-gradient(circle at 80% 10%,rgba(18,92,144,.52),transparent 30%),linear-gradient(130deg,#020d19,var(--navy2)); }
.eyebrow { margin:0 0 14px; color:var(--gold); font-size:.7rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow.red { color:var(--red); }
.status-hero h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.3rem,8vw,6.3rem); line-height:.95; letter-spacing:-.04em; }
.current-status { display:grid; grid-template-columns:auto 1fr; gap:22px; max-width:820px; margin-top:45px; padding:clamp(25px,4vw,40px); border:1px solid rgba(246,201,86,.5); border-radius:24px; background:rgba(2,13,25,.7); }
.status-mark { width:18px; height:18px; margin-top:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 8px rgba(246,201,86,.12); }
.status-open .status-mark { background:var(--green); box-shadow:0 0 0 8px rgba(82,191,130,.13); }
.status-closed .status-mark { background:#ef7b72; box-shadow:0 0 0 8px rgba(239,123,114,.13); }
.current-status p { margin:0; color:var(--gold); font-size:.7rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.current-status h2 { margin:8px 0 5px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,5vw,3.3rem); line-height:1.05; }
.current-status span,.current-status small { display:block; color:rgba(255,255,255,.7); }
.current-status small { margin-top:12px; color:rgba(255,255,255,.48); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.hero-actions a { min-height:48px; display:inline-flex; align-items:center; padding:11px 20px; border:1px solid rgba(246,201,86,.6); border-radius:999px; color:white; font-size:.8rem; font-weight:900; text-decoration:none; }
.hero-actions .primary { color:var(--navy); background:var(--gold); }
.status-content { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-block:90px; }
.status-content article,.status-content aside { padding:clamp(25px,4vw,42px); border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.status-content h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3.5vw,2.8rem); line-height:1.08; }
.status-content p { color:var(--muted); }
.status-content a { color:var(--red); font-size:.8rem; font-weight:900; }
.status-content aside { grid-column:1 / -1; color:white; background:var(--navy); border-color:var(--navy); }
.status-content aside p { color:rgba(255,255,255,.65); }
.status-content aside a { color:var(--gold); }
.site-footer { padding:34px 0; color:rgba(255,255,255,.62); background:#020d19; border-top:2px solid #e2a42d; }
.site-footer .page-shell { display:flex; align-items:center; gap:28px; }
.site-footer img { width:180px; }
.site-footer p { margin:0; font-size:.76rem; }
.site-footer nav { display:flex; gap:18px; margin-left:auto; }
.site-footer a { color:rgba(255,255,255,.74); font-size:.76rem; font-weight:800; text-decoration:none; }
@media(max-width:780px){:root{--shell:min(100% - 28px,620px)}.header-inner{flex-wrap:wrap;padding-block:15px}.site-header nav{width:100%;gap:16px;margin-left:0;overflow-x:auto;padding-bottom:7px}.status-content{grid-template-columns:1fr}.status-content aside{grid-column:auto}.site-footer .page-shell{align-items:flex-start;flex-wrap:wrap}.site-footer nav{width:100%;margin-left:0;flex-wrap:wrap}}
@media(max-width:450px){.hero-actions{flex-direction:column}.hero-actions a{justify-content:center}.current-status{grid-template-columns:1fr}.status-mark{margin-bottom:4px}.status-hero h1{font-size:clamp(3rem,17vw,4.4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}