.landing-page{--landing-frame:57.6rem;--landing-gutter:1rem;--landing-section-space:clamp(2rem, 4vw, 3rem);--landing-heading-display:1.875rem;--landing-heading-work:1.5rem;--landing-copy:.875rem;--landing-line-copy:1.625;--landing-radius-control:.375rem;--landing-control-compact:2.25rem;--landing-stack-tight:.625rem;--landing-row-space:1.5rem;--landing-card-size:7.5rem;--landing-card-gap-wide:4rem;--landing-block-space:2.5rem;--landing-type-tiny:.5625rem;--landing-type-terminal:.625rem;--landing-type-chip:.6875rem;--landing-card-description-limit:3.75rem}.landing-design-frame{transform-origin:50% 0;animation:1.1s cubic-bezier(.22,1,.36,1) both design-frame-in}.design-reveal{transform-origin:0 0;width:100%;position:relative}.design-content{animation:1.9s cubic-bezier(.22,1,.36,1) both design-content-in;animation-delay:var(--design-delay,0s)}.landing-page .landing-stagger-word{animation:.55s cubic-bezier(.22,1,.36,1) both landing-word-in;animation-delay:calc(1.05s + var(--design-delay,0s) + var(--word-delay,0s));display:inline-block}.landing-page .design-reveal-on-scroll .landing-stagger-word{animation-play-state:paused}.landing-page .design-reveal-on-scroll.is-visible .landing-stagger-word{animation-play-state:running}@keyframes landing-word-in{0%{opacity:0;filter:blur(3px);transform:translateY(.45em)}to{opacity:1;filter:none;transform:none}}.design-editor{z-index:30;pointer-events:none;position:absolute;inset:0}.design-marquee{border:1px dashed var(--accent-color);background:color-mix(in srgb, var(--accent-color) 8%, transparent);transform-origin:0 0;animation:1.9s ease-in-out both design-marquee-drag;animation-delay:var(--design-delay,0s);position:absolute;inset:0}.design-editor-cursor{z-index:2;filter:drop-shadow(0 2px 3px #0003);animation:1.9s ease-in-out both design-cursor-drag;animation-delay:var(--design-delay,0s);position:absolute}.design-selection{z-index:30;border:1px solid var(--accent-color);pointer-events:none;animation:1.9s both design-selection-out;animation-delay:var(--design-delay,0s);position:absolute;inset:-1px}.design-scroll-target{width:100%}.design-reveal.design-reveal-control{flex-shrink:0;width:auto}.design-reveal-game,.design-reveal-game>.design-content{height:100%}.design-reveal-control .design-selection-label{display:none}.design-reveal-control .design-editor-cursor{width:16px;height:20px}.design-reveal-on-scroll .design-content,.design-reveal-on-scroll .design-editor>*{animation-play-state:paused}.design-reveal-on-scroll.is-visible .design-content,.design-reveal-on-scroll.is-visible .design-editor>*{animation-play-state:running}.design-selection-label{color:#fff;white-space:nowrap;background:#b93815;align-items:center;gap:12px;padding:4px 7px;font:10px/1.4 monospace;display:flex;position:absolute;top:0;left:12px}.design-selection-label>span{opacity:.7;font-size:9px}.design-handle{border:1px solid var(--accent-color);background:var(--bg-color);width:7px;height:7px;position:absolute}.design-handle-tl{top:-4px;left:-4px}.design-handle-tr{top:-4px;right:-4px}.design-handle-bl{bottom:-4px;left:-4px}.design-handle-br{bottom:-4px;right:-4px}@keyframes design-frame-in{0%{transform:scaleX(.88)scaleY(.96)}45%{transform:scaleX(1.008)scaleY(1)}to{transform:none}}@keyframes design-content-in{0%,48%{opacity:0;transform:translateY(12px)scale(.96)}85%{opacity:1;transform:translateY(0)scale(1.004)}to{opacity:1;transform:none}}@keyframes design-marquee-drag{0%{opacity:0;transform:translate(12px,12px)scale(.02)}8%{opacity:1;transform:translate(12px,12px)scale(.02)}32%{opacity:1;transform:translate(12px,12px)scale(.92,.85)}42%{opacity:1;transform:translate(12px,12px)scale(.92,.85)}58%{opacity:1;transform:translate(0)scale(1)}68%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes design-cursor-drag{0%{opacity:0;top:12px;left:12px}8%{opacity:1;top:12px;left:12px}32%{opacity:1;top:85%;left:92%}42%{opacity:1;top:45%;left:55%}58%,75%{opacity:1;top:40%;left:50%}90%,to{opacity:0;top:40%;left:50%}}@keyframes design-selection-out{0%,48%{opacity:0}60%,78%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.landing-page .landing-stagger-word,.landing-design-frame,.design-reveal,.design-content{animation:none}.design-editor{animation:none;display:none}}@media (min-width:640px){.landing-page{--landing-gutter:1.5rem}}@media (min-width:768px){.landing-page{--landing-heading-display:2.7rem;--landing-heading-work:2.4rem}}