@font-face{font-family:SpaceGrotesk;src:url('/fonts/space-grotesk-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SpaceGrotesk;src:url('/fonts/space-grotesk-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:IBMPlexMono;src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;font-family:SpaceGrotesk,Arial,sans-serif;color:#12151a;background:#fff}
*{box-sizing:border-box}
body{min-width:18rem;min-height:100vh;margin:0;background:#fff}
main{width:min(76rem,calc(100% - 3rem));min-height:100vh;margin:auto;padding:clamp(2rem,5vw,4rem) 0;display:grid;grid-template-rows:auto 1fr auto}
.coordinate,.signal{margin:0;font:500 .72rem/1.5 IBMPlexMono,monospace;letter-spacing:.15em;text-transform:uppercase;color:#4d5865}
.coordinate span{color:#b33f00}
section{align-self:center;border-left:6px solid #fc5e05;padding-left:clamp(1.3rem,4vw,3.3rem)}
.wordmark{display:block;width:min(100%,620px);height:auto}
h1{margin:2rem 0 .55rem;font-size:clamp(3rem,8vw,7rem);font-weight:600;line-height:.96;letter-spacing:-.065em}
.subline{max-width:36rem;margin:0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.55;color:#39414b}
.signal{align-self:end;display:flex;align-items:center;gap:.7rem}
.signal span{width:.55rem;height:.55rem;background:#fc5e05}
@media(max-width:38rem){main{width:calc(100% - 2rem)}section{border-left-width:4px;padding-left:1rem}.coordinate{font-size:.6rem;letter-spacing:.08em}.wordmark{width:min(100%,26rem)}h1{margin-top:1.5rem}}
@media(prefers-reduced-motion:no-preference){section{animation:enter .6s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(.6rem)}}}