:root{color-scheme:light;--paper:#fbfaf7;--ink:#3c4048;--green:#617a6d}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-height:100vh;min-height:100svh;margin:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.brand{padding:36px clamp(24px,6vw,88px);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.brand span{font-weight:400}
main{flex:1;display:grid;place-items:center;padding:48px 24px 72px}
.announcement{text-align:center;width:100%;max-width:1100px}
.eyebrow{margin:0 0 24px;color:var(--green);font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
h1{margin:0;font-size:clamp(34px,8.3vw,100px);line-height:1.1;font-weight:700;letter-spacing:-.045em;overflow-wrap:normal}
.rule{width:52px;height:2px;background:var(--green);margin:34px auto}
.status{margin:0;font-size:clamp(20px,3vw,28px);line-height:1.5;letter-spacing:-.015em}
footer{text-align:center;padding:24px 24px 36px;font-size:13px;line-height:1.5}
footer a{display:inline-block;padding:8px;color:#545c56}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
footer span{padding-left:8px}
@media(max-width:400px){.brand{padding:28px 24px;font-size:12px}main{padding:36px 16px 54px}.eyebrow{font-size:12px}.rule{margin:28px auto}}
@media(max-height:450px){.brand{padding-top:20px;padding-bottom:20px}main{padding-top:24px;padding-bottom:24px}.eyebrow{margin-bottom:16px}.rule{margin:20px auto}footer{padding:12px 24px}}
