@layer components{.landing-story-grid{display:block}.landing-stage{z-index:var(--z-labels);pointer-events:none;background:var(--background);border-bottom:1px solid var(--border);height:clamp(13.75rem,38svh,22.5rem);margin-inline:-1rem;position:sticky;top:3.5rem}.landing-stage:before{content:"";background-image:linear-gradient(var(--lf-grid) 1px, transparent 1px), linear-gradient(90deg, var(--lf-grid) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 55%, var(--foreground) 0%, transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 55%, var(--foreground) 0%, transparent 85%);background-position:50%;background-size:40px 40px;position:absolute;inset:0}.landing-stage:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--background), transparent);height:1.75rem;position:absolute;inset:100% 0 auto}.landing-voxel{opacity:0;width:100%;height:100%;transition:opacity var(--duration-very-slow) var(--ease-smooth-out);display:block;position:relative}.landing-voxel:is([data-voxel-mode=webgl2],[data-voxel-mode=canvas2d]){opacity:1}.landing-chapter{flex-direction:column;justify-content:center;min-height:92svh;padding-block:2.5rem;display:flex}.landing-chapter-intro{min-height:80svh}@media (width>=640px){.landing-stage{margin-inline:-1.5rem}}@media (width>=1024px){.landing-story-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3rem;display:grid}.landing-stage{contain:strict;background:0 0;border-bottom:0;grid-area:1/2;align-self:start;height:calc(100svh - 3.5rem);margin-inline:0;overflow:hidden}.landing-stage:after{display:none}.landing-story-text{grid-area:1/1}.landing-chapter{min-height:100svh;padding-block:4rem}}[data-view=landing] pre{max-width:100%;overflow-x:auto}}@layer motion{html[data-landing]{scroll-behavior:smooth}.landing-reveal{transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease)}html[data-landing-reveal] .landing-reveal:not([data-in]){opacity:0;transform:translateY(var(--stagger-distance))}@media (prefers-reduced-motion:reduce){html[data-landing]{scroll-behavior:auto}.landing-reveal,.landing-voxel{transition:none}html[data-landing-reveal] .landing-reveal:not([data-in]){opacity:1;transform:none}[data-view=landing] .brand-enter{animation:none}}}
