.landing{--brand-columns:12;--brand-grid-gutter:20px;--hero-inset-radius:15px;--frame-gap:2px;--frame-stroke:1px;--frame-border:#ffb7da33;--frame-surface:#332036;color:#fff6fa;background:#170e1c;min-height:100svh;position:relative}.landing .page-composition{padding:16px}.landing .hero-frame{padding:var(--frame-gap);border:var(--frame-stroke) solid var(--frame-border);background:var(--frame-surface);border-radius:calc(var(--hero-inset-radius) + var(--frame-gap) + var(--frame-stroke))}.landing-hero{border-radius:var(--hero-inset-radius);isolation:isolate;flex-direction:column;align-items:center;min-height:calc(100svh - 38px);padding:clamp(8rem,18vh,12rem) 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.landing .landscape{z-index:-5;width:calc(100% + 36px);height:calc(100% + 36px);position:absolute;inset:-18px}.landing .landscape img{object-fit:cover;object-position:50% 70%;width:100%;height:100%;image-rendering:pixelated;display:block}.landing .shade{z-index:-1;pointer-events:none;background:linear-gradient(#150a1c1a,#150a1c0f 53%,#0000 80%);position:absolute;inset:0}.landing-header{grid-template-columns:repeat(var(--brand-columns), minmax(0, 1fr));column-gap:var(--brand-grid-gutter);z-index:1;align-items:center;height:48px;padding:0 24px 0 32px;display:grid;position:absolute;top:20px;left:0;right:0}.landing .home-brand-symbol{grid-column:1;width:24px;height:24px}.landing .home-brand-wordmark{grid-column:2;width:56px;height:24px}.landing .home-brand-symbol img,.landing .home-brand-wordmark img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.landing-header .landing-cta{grid-column:10/-1;justify-self:end}.landing .copy{text-align:center;z-index:1;width:100%;max-width:65rem;position:relative}.landing .copy h1{letter-spacing:-.0483871em;text-wrap:balance;text-shadow:0 3px 30px #19081c26;max-width:18ch;margin:0 auto;font-size:clamp(40px,4.84375vw,72px);font-weight:600;line-height:1}.landing .copy p{color:#ecdce8;text-wrap:pretty;letter-spacing:-.015em;width:425px;max-width:100%;margin:1.25rem auto 0;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.5}.landing .depth-layer{pointer-events:none;will-change:transform}.landing .reeds{object-fit:fill;z-index:-3;width:calc(100% + 56px);height:100%;image-rendering:pixelated;position:absolute;bottom:-24px;left:-28px}.landing .butterfly{aspect-ratio:1;z-index:-2;width:clamp(90px,13vw,175px);position:absolute;bottom:12%;right:9%}.landing .butterfly img{width:100%;height:100%;image-rendering:pixelated;display:block}.landing .butterfly[data-rendered=true] img{visibility:hidden}.landing #butterflies{pointer-events:none;z-index:2;width:100%;height:100%;display:block;position:fixed;inset:0}.landing #butterflies:not([data-state=ready]){visibility:hidden}.landing #fireflies{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.landing .motion-control{z-index:1;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.landing #motion-toggle{color:#fcebf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#231328ad;border:1px solid #ffcde93d;border-radius:999px;padding:.65rem 1rem;font:400 .875rem Manrope,sans-serif}.landing #motion-status{color:#f4d9eb;text-align:center;font-size:.75rem;line-height:1.4}.landing #motion-status:empty{display:none}.landing-cta{--pixel-corner:12px;isolation:isolate;color:#252525;white-space:nowrap;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:4px 20px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.landing-cta:before{content:"";z-index:-1;pointer-events:none;border:var(--pixel-corner) solid transparent;border-image:url(/assets/brand/pixel-button.svg) 12 fill / var(--pixel-corner) / 0 stretch;image-rendering:pixelated;position:absolute;inset:0}.landing-cta:active{color:#fff}.landing-cta:active:before{border-image-source:url(/assets/brand/pixel-button-pressed.svg)}.landing :is(button,a):focus-visible{outline-offset:5px;outline:2px solid #ffc7e5}.landing.reveal-pending .copy,.landing.reveal-pending header{opacity:0}.landing .reveal-word{display:inline-block}@media (hover:hover) and (pointer:fine){.landing,.landing main,.landing a,.landing button{cursor:url(/assets/brand/cursors/human.svg) 6 5,auto}.landing-cta:hover:not(:active):before{border-image-source:url(/assets/brand/pixel-button-hover.svg)}}@media (width<=1100px){.landing{--brand-grid-gutter:16px}}@media (width<=600px){.landing{--brand-columns:4;--brand-grid-gutter:12px}.landing-header .landing-cta{grid-column:3/-1}.landing .page-composition{padding:8px}.landing-hero{min-height:calc(100svh - 22px);padding:145px 24px 160px}.landing-header{padding:0 16px;top:16px}.landing .copy h1{font-size:clamp(34px,8.8vw,48px)}.landing .copy p{font-size:16px}.landing .butterfly{width:130px}}@media (prefers-reduced-motion:reduce){.landing .depth-layer{will-change:auto;transform:none!important}.landing.reveal-pending .copy,.landing.reveal-pending header{opacity:1}}