.hero{--hero-progress:0;--hero-scrub:40svh;background:var(--color-ivory);min-height:100svh;position:relative}.hero[data-hero-mode=loading],.hero[data-hero-mode=cinematic]{height:calc(200svh + var(--hero-scrub));margin-bottom:-100svh}@media (max-width:719px),(orientation:portrait){.hero{--hero-scrub:35svh}}main>.hero~*{z-index:1;position:relative}.hero__stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.hero__visual{position:absolute;inset:0}.hero__poster,.hero__canvas{object-fit:cover;object-position:50% 55%;width:100%;height:100%;position:absolute;inset:0}.hero__canvas{opacity:0;transition:opacity .5s var(--ease-out)}.hero__canvas[data-ready=true]{opacity:1}.hero__veil{opacity:calc(1 - clamp(0, (var(--hero-progress) - .06) / .19, 1));background:linear-gradient(#faf8f48c 0%,#faf8f400 22%),linear-gradient(90deg,#faf8f4c7 0%,#faf8f480 34%,#faf8f400 62%);position:absolute;inset:0}@media (max-width:719px){.hero__veil{background:linear-gradient(#faf8f48c 0%,#faf8f400 20%),linear-gradient(#faf8f400 34%,#faf8f499 62%,#faf8f4db 100%)}}.hero__copy{transform:translateX(-50%) translateY(calc(var(--hero-progress) * -40px));opacity:calc(1 - clamp(0, (var(--hero-progress) - .06) / .19, 1));gap:var(--space-4);max-width:var(--content-max);padding-top:var(--header-height);will-change:opacity, transform;display:grid;position:absolute;bottom:clamp(5.5rem,12svh,9rem);left:50%}.hero[data-hero-mode=cinematic] .hero__copy,.hero[data-hero-mode=loading] .hero__copy{pointer-events:none}.hero[data-hero-mode=cinematic] .hero__copy a,.hero[data-hero-mode=loading] .hero__copy a{pointer-events:auto}@media (min-width:720px){.hero__copy{transform:translateX(-50%) translateY(calc(-50% + var(--hero-progress) * -40px));top:50%;bottom:auto}}.hero__kicker{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-soft);font-weight:500}.hero__title{max-width:11ch;font-size:var(--text-hero);font-variation-settings:"SOFT" 60, "WONK" 0, "opsz" 144;letter-spacing:.005em;text-shadow:0 1px #faf8f499;line-height:1.1}.hero__subhead{font-size:var(--text-lg);color:var(--color-ink-soft);max-width:40ch}.hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__hint{left:50%;bottom:calc(1.25rem + var(--safe-bottom));font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft);opacity:calc(1 - clamp(0, var(--hero-progress) / .06, 1));flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;transform:translate(-50%)}.hero[data-hero-mode=static] .hero__hint{display:none}.hero__hint-line{background:linear-gradient(180deg, var(--color-ink-soft), transparent);width:1px;height:2.25rem;animation:hero-hint 2.2s var(--ease-out) infinite}@keyframes hero-hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (max-width:719px){.hero__hint{display:none}.hero__dev-badge{right:auto;left:var(--gutter);max-width:48%;top:calc(var(--header-height) + .4rem)}}.hero__dev-badge{top:calc(var(--header-height) + .5rem);right:var(--gutter);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border:1px dashed var(--color-line-strong);opacity:calc(1 - clamp(0, var(--hero-progress) / .1, 1));background:#fffc;padding:.25rem .5rem;font-size:.7rem;position:absolute}@media (prefers-reduced-motion:reduce){.hero__hint-line{animation:none}}