@font-face{font-family:Eiko;src:url('assets/eiko-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HK;src:url('assets/hk-grotesk-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#fcf6ee;--blue:#0075ff;--inset:64px;--gap:24px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--blue)}
body{font-family:HK,Arial,sans-serif;font-size:20px;line-height:1.2}
body:has(dialog[open]){overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button,a{min-height:44px;display:inline-flex;align-items:center}
button:hover,a:hover{text-decoration:underline;text-underline-offset:5px}
:is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:6px}
p,h1,h2{margin:0}
.launch-page{min-height:100svh;padding:var(--inset);display:flex;flex-direction:column;justify-content:space-between;gap:64px}
.launch-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{width:49px;flex-shrink:0}
.brand img{display:block;width:49px;height:23px}
.launch-header nav{display:flex;align-items:center;gap:24px}
main{display:flex;flex-direction:column;gap:24px;outline:none}
.eyebrow{font-size:14px;line-height:1.2}
h1,h2{font-family:Eiko,Georgia,serif;font-weight:400;letter-spacing:0}
h1{font-size:clamp(40px,5vw,72px);line-height:1.2;max-width:1440px}
.launch-footer{display:flex;flex-direction:column;gap:24px}
.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nyc-clock{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:145px;line-height:44px}
.clock-separator{animation:clock-blink 1s steps(1,end) infinite}
@keyframes clock-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
dialog{box-sizing:border-box;width:min(520px,calc(100% - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--blue);background:var(--paper);color:var(--blue);overflow:auto}
dialog[open]{display:flex;flex-direction:column;gap:24px}
dialog::backdrop{background:rgb(252 246 238 / .8)}
.dialog-close{display:flex;justify-content:flex-end;margin:0}
dialog h2{font-size:40px;line-height:1.2}
dialog p{font-size:18px;line-height:1.2}
dialog>a{align-self:flex-start}
.skip-link{position:fixed;z-index:2;left:24px;top:-100px;padding:12px;background:var(--paper)}
.skip-link:focus{top:8px}
.no-script{padding:24px}
@media(max-width:900px){:root{--inset:32px}}
@media(max-width:600px){:root{--inset:24px}.launch-page{gap:48px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.eyebrow{font-size:12px}h1{font-size:40px}.build-note{font-size:18px}dialog h2{font-size:32px}.footer-actions{flex-wrap:wrap;column-gap:16px}.nyc-clock{font-size:18px}}
@media(prefers-reduced-motion:reduce){.clock-separator{animation:none}}
