/* The first frame is revealed after the interface, fonts and spatial scene are ready. */
.boot-screen{position:fixed;inset:0;z-index:10000;background:#18150f;color:#f1e8ce;padding:24px 28px;display:flex;flex-direction:column;font-family:'Pixelify Sans',monospace;transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility .8s;clip-path:inset(0);overflow:hidden}
.boot-brand{display:flex;align-items:center;gap:12px;font:14px 'Silkscreen',monospace}.boot-brand img{width:28px;height:28px;image-rendering:pixelated}
.boot-center{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;margin-bottom:auto;padding-top:50px}.boot-count{font:400 clamp(74px,10vw,140px)/1 'Pixelify Sans',monospace;letter-spacing:-5px}.boot-phase{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#c1b69d}
.boot-footer{padding-bottom:10px}.boot-track{height:1px;background:#e8b64f28;overflow:hidden;margin-bottom:18px}.boot-track i{display:block;height:100%;width:0;background:#e8b64f;transition:width .2s}.boot-meta{display:flex;justify-content:space-between;color:#847d6a;font-size:10px;letter-spacing:1.5px}
.boot-screen.is-ready{clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none}.is-loading{overflow:hidden}.is-loading .header,.is-loading main,.is-loading footer{visibility:hidden}.brand img{height:30px;object-fit:contain}
.hero{min-height:710px;height:100svh;max-height:1000px}.hero-bottom{left:28px;right:28px;bottom:28px}.hero[data-scene="spatial"] .grain{opacity:.12;mix-blend-mode:soft-light}.hero[data-scene="spatial"] .hero-shade{background:linear-gradient(180deg,transparent 35%,#18150f08 53%,#18150f66 100%)}
.header{height:52px;border-bottom-width:1px}.header>.brand,.network{border-right-width:1px}.header-launch{border-left-width:1px}.hero-copy{padding-top:22px;border-top-width:1px;grid-template-columns:1.5fr 1fr}.hero-description p{font-size:16px;line-height:1.5}.hero-copy h1{font-size:clamp(32px,3.7vw,61px);line-height:1.2}.hero-kicker{font-size:11px}
@media(max-width:760px){.boot-screen{padding:22px 20px}.boot-phase{font-size:10px;letter-spacing:1px}.boot-meta{font-size:9px;letter-spacing:.5px}.hero{height:900px;min-height:850px;max-height:none}.hero-bottom{left:20px;right:20px}.hero-copy{display:block}.hero-copy h1{font-size:clamp(25px,6.6vw,44px)}.hero-description p{font-size:16px}.header{height:60px}.navigation{top:60px}.brand img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.boot-screen{transition:none}.boot-track i{transition:none}}