.hero-bg{background:radial-gradient(18% 14% at 74% 22% in oklch, oklch(from var(--accent) l c h / .22), transparent 70%), radial-gradient(60% 18% at 70% 34% in oklch, oklch(from var(--accent) l c h / .07), transparent 75%), radial-gradient(42% 50% at 92% 44% in oklch, oklch(from var(--hero-deep) l c h / .7), transparent 70%), radial-gradient(75% 65% at 84% 8% in oklch, oklch(from var(--hero-deep) l c h / .95), transparent 72%), var(--bg)}.hero:after{content:"";background:linear-gradient(in oklch to bottom, transparent, var(--bg));pointer-events:none;z-index:-1;height:30vh;position:absolute;inset:auto 0 0}.hero-canvas{opacity:0;transition:opacity 1.6s var(--ease-gentle);position:absolute;inset:0;width:100%!important;height:100%!important}.hero-canvas[data-ready]{opacity:1}.hero-line{font-size:var(--fs-h3);letter-spacing:-.02em;line-height:1.25}.hw{vertical-align:top;margin:0 -.03em -.14em;padding:0 .03em .14em;display:inline-block;overflow:clip}.hw>span{display:inline-block}.scroll-cue{min-height:var(--tap)}.scroll-cue-line{background:var(--line-strong);width:1px;height:2.5rem;position:relative;overflow:clip}.scroll-cue-line:after{content:"";background:var(--accent);position:absolute;inset:0;transform:translateY(-100%)}@media (prefers-reduced-motion:no-preference){.hw>span{animation:hero-rise var(--duration-reveal-slow) var(--ease-expo) both;animation-delay:calc(var(--start) + var(--i) * var(--step))}.hero-line .hw>span{animation-duration:var(--duration-reveal)}.hero-fade{animation:hero-fade var(--duration-reveal) var(--ease-expo) both;animation-delay:var(--d)}.scroll-cue-line:after{animation:scroll-cue 2.2s var(--ease-gentle) 2s infinite}@supports (animation-timeline:scroll()){.hero-content{animation:linear both hero-exit;animation-timeline:scroll(root);animation-range:0 85vh}}}@media (prefers-reduced-motion:reduce){.hero-content{animation:.4s both hero-fade-only}}@keyframes hero-rise{0%{transform:translateY(110%)}}@keyframes hero-fade{0%{opacity:0;transform:translateY(8px)}}@keyframes hero-fade-only{0%{opacity:0}}@keyframes hero-exit{to{opacity:0;transform:translateY(-8vh)}}@keyframes scroll-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}
.interest{text-align:left;width:100%;min-height:13rem;color:inherit;cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent;background:0 0;padding:0;display:block;position:relative}.interest-inner{height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .5s var(--ease-quart);display:block;position:relative}.interest-toggle:checked+.interest .interest-inner{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.interest:hover .interest-inner{transform:rotateY(180deg)}}.interest-toggle:focus-visible+.interest{outline:2px solid var(--accent);outline-offset:-2px}.interest-face{height:100%;min-height:inherit;backface-visibility:hidden;display:flex}.interest-front{flex-direction:column;gap:1rem;padding:1.5rem}@media (min-width:46rem){.interest-front{padding:2rem}}.interest-back{background:var(--surface);position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.interest-back>svg{width:100%;height:100%;display:block}.interest-chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:oklch(from var(--bg) l c h / .8);border:1px solid var(--line-strong);border-radius:2px;padding:.25rem .5rem;font-size:.6875rem;position:absolute;bottom:.75rem;left:.75rem}.interest-shade{background:linear-gradient(in oklch to top, oklch(from var(--bg) l c h / .7), transparent 45%);pointer-events:none;position:absolute;inset:0}.art-line{stroke:var(--line-strong);fill:none;stroke-width:1.5px}.art-text{stroke:var(--text);fill:none;stroke-width:1.5px}.art-hot{stroke:var(--accent);fill:none;stroke-width:2.5px;stroke-linecap:round}.art-hot-fill{fill:var(--accent);stroke:none}.art-bg{fill:var(--bg);stroke:var(--line-strong);stroke-width:1.5px}.art-surface{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5px}.art-solid{fill:var(--text);stroke:none}.art-dot{fill:var(--line-strong);stroke:none}@media (prefers-reduced-motion:reduce){.interest-inner{transition:none;transform:none!important}.interest-face{transition:opacity .25s var(--ease-quart)}.interest-back{opacity:0;transform:none}.interest-toggle:checked+.interest .interest-front{opacity:0}.interest-toggle:checked+.interest .interest-back{opacity:1}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.interest:hover .interest-front{opacity:0}.interest:hover .interest-back{opacity:1}}
