@font-face{font-family:Roboto Slab;src:url('assets/RobotoSlab.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Visby CF;src:url('assets/VisbyCF-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Visby CF;src:url('assets/VisbyCF-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;background:#1a1a1a;color:#e0e0d6;font-family:Visby CF,sans-serif;font-weight:500;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh}
.header{height:100px;display:flex;align-items:center;justify-content:center;padding:26px 24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{display:block;flex:none}
.wordmark{font-family:Roboto Slab,serif;font-weight:800;font-size:24px;line-height:32px;letter-spacing:-.24px;white-space:nowrap}
.wordmark>span{letter-spacing:-2.4px}
main{width:580px;max-width:calc(100% - 48px);margin: max(72px,calc(50svh - 416px)) auto 64px}
h1{font-family:Roboto Slab,serif;font-size:48px;line-height:48px;font-weight:800;letter-spacing:-.48px;font-feature-settings:'dlig' 1;margin:0 0 12px}
.description{font-size:16px;line-height:24px;color:#cecece}
p{margin:0}
p+p{margin-top:24px}
@font-face{font-family:Delicious Handrawn;src:url('assets/DeliciousHandrawn-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.coming-soon-wrap{position:relative;width:194px;margin-top:40px;cursor:not-allowed;outline:none}
.coming-soon{display:flex;align-items:center;justify-content:center;width:194px;height:48px;margin:0;padding:0;border:2px solid #cecece;border-radius:16px;background:#333;color:#e0e0d6;font:700 16px/16px Visby CF,sans-serif;opacity:1;pointer-events:none;cursor:not-allowed}
.not-ready{position:absolute;top:calc(100% + 14px);left:0;width:220px;font:400 16pt/1.2 Delicious Handrawn,cursive;color:#e0e0d6;opacity:0;visibility:hidden;pointer-events:none;transform:rotate(-4deg)}
.coming-soon-wrap:hover .not-ready,.coming-soon-wrap:focus .not-ready,.coming-soon-wrap.show-notice .not-ready{opacity:1;visibility:visible}
.coming-soon-wrap:focus-visible{outline:2px solid #cecece;outline-offset:5px;border-radius:16px}
@media(max-width:640px){main{margin-top:88px}h1{font-size:clamp(32px,7.5vw,44px);line-height:1.06}.desktop-break{display:none}.description br{display:none}.header{height:100px}}
@media(max-height:650px) and (min-width:641px){main{margin-top:48px}}