:root{color-scheme:dark;--ink:#fff;--muted:#e0e7ee;--accent:#b8e98b;--night:#081320}
*{box-sizing:border-box}
html{background:var(--night);scroll-padding-top:24px}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--night)}
.scene picture,.scene img{display:block;width:100%;height:100%}
.scene img{object-fit:cover;object-position:58% 56%}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,24,.91) 0%,rgba(5,13,24,.8) 39%,rgba(5,13,24,.42) 72%,rgba(5,13,24,.3)),linear-gradient(0deg,rgba(5,13,24,.94),transparent 28%,transparent 75%,rgba(5,13,24,.65))}
.page{width:100%;max-width:1600px;margin:auto;padding:0 clamp(24px,5vw,80px);min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:30px 0}
.logo{display:block;width:360px;max-width:100%;height:auto}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px 0 64px;min-width:0}
.eyebrow{font-size:15px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;line-height:1.6}
h1{font-size:clamp(50px,5.5vw,80px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 28px;max-width:850px;text-wrap:balance}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}
.intro{font-size:clamp(22px,1.7vw,24px);line-height:1.55;margin:0;max-width:480px}
.status{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.6;margin:28px 0 0;color:var(--muted)}
.status span{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-top:1px solid #ffffff40;padding:16px 0 24px;color:var(--muted);font-size:15px;line-height:1.6}
.site-footer p{margin:0}.footer-credit{justify-self:end}
.footer-credit a{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-decoration:underline;text-underline-offset:4px}
.footer-credit a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip-link{position:absolute;top:12px;left:24px;transform:translateY(-180%);background:var(--night);color:white;padding:14px 20px;z-index:5}
.skip-link:focus{transform:none}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr;gap:4px 24px}.footer-slogan{text-align:right}.footer-credit{grid-column:1 / -1}.scene img{object-position:57% center}}
@media(max-width:600px){.site-header{padding:24px 0}.logo{width:280px}main{padding:52px 0 64px}h1{font-size:clamp(44px,12vw,64px);line-height:1.1;max-width:100%}.eyebrow{letter-spacing:.09em}.intro{font-size:22px}.site-footer{grid-template-columns:1fr;gap:4px;padding:18px 0}.footer-slogan{text-align:left}.footer-credit{grid-column:auto;justify-self:start}.scene img{object-position:50% center}.scene::after{background:linear-gradient(90deg,rgba(5,13,24,.87),rgba(5,13,24,.69)),linear-gradient(0deg,rgba(5,13,24,.9),transparent 38%)}}
@media(max-height:500px) and (min-width:601px){.site-header{padding:16px 0}.logo{width:280px}main{padding:24px 0 32px}h1{font-size:56px}.status{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.scene{display:none}.eyebrow,h1 em{color:CanvasText}.status span{background:CanvasText}.site-footer{border-color:CanvasText}}