*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;overflow:hidden}.home{--fg:#f4f1ea;--fg-dim:#f4f1ea8c;color:var(--fg);font-family:var(--font-mono), ui-monospace, monospace;-webkit-font-smoothing:antialiased;background:#000;position:fixed;inset:0;overflow:hidden}.cloud{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.cloud[data-ready=true]{opacity:1}.cloud canvas{display:block;width:100%!important;height:100%!important}.shade{pointer-events:none;background:linear-gradient(#0000008c,#0000 22%),linear-gradient(#0000 55%,#000000b3);position:absolute;inset:0}.nav{z-index:2;padding:28px clamp(20px,4vw,56px);padding-top:max(28px, env(safe-area-inset-top));letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;animation:1s ease-out 1.6s both rise;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:var(--fg);text-decoration:none}.location{color:var(--fg-dim)}.hero{z-index:2;padding:0 clamp(20px,4vw,56px) clamp(24px,5vh,52px);padding-bottom:max(clamp(24px, 5vh, 52px), calc(env(safe-area-inset-bottom) + 16px));justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:0;left:0;right:0}.wordmark{font-family:var(--font-serif), serif;letter-spacing:-.025em;text-shadow:0 0 40px #00000059;margin-bottom:-.06em;font-size:clamp(76px,15vw,248px);font-weight:400;line-height:.82;animation:1.4s cubic-bezier(.2,.7,.1,1) 1.2s both rise}.hero-side{flex-direction:column;flex:none;align-items:flex-end;gap:14px;display:flex}.cta{color:var(--fg);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);background:#00000040;border:1px solid #f4f1ea47;flex:none;align-items:center;gap:14px;padding:15px 22px;font-size:12px;text-decoration:none;transition:background .25s,color .25s,border-color .25s;animation:1s ease-out 1.8s both rise;display:inline-flex}.cta svg{transition:transform .25s}@media (hover:hover){.cta:hover{background:var(--fg);border-color:var(--fg);color:#000}.cta:hover svg{transform:translate(3px)}}.cta:active{background:var(--fg);color:#000}.legal{color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase;font-size:10px;animation:1s ease-out 2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:720px){.hero{flex-direction:column;align-items:stretch;gap:22px}.hero-side{align-items:stretch}.cta{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.nav,.wordmark,.cta,.legal{animation:none}}