.hero-kinetic{--hero-display:min(max(44px, 7.6vw), 12.4svh, 112px)}.hero-title{font-size:var(--hero-display);letter-spacing:-.05em;color:var(--text);margin:0;font-weight:900;line-height:.86}.hero-title-line{text-wrap:balance;display:block}.hero-em{color:var(--brand-violet-text)}.hero-label{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.14em;color:#ffffff9e;margin:0;font-size:11px;line-height:1.4}.hero-value{letter-spacing:-.01em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(14px,1.05vw,16px);font-weight:600;line-height:1.3}.hero-dot{flex:none;width:7px;height:7px;display:inline-flex;position:relative}.hero-dot:before,.hero-dot:after{content:"";background:var(--brand-cyan);border-radius:999px;position:absolute;inset:0}.hero-dot:before{animation:hero-ping 2.4s var(--ease-out) infinite}@keyframes hero-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.hero-scroll{bottom:clamp(26px,3.6vh,42px);left:var(--gutter);z-index:10;background:var(--line-strong);width:1px;height:38px;position:absolute;overflow:hidden}.hero-scroll:after{content:"";inset-inline:0;background:var(--brand-violet-text);height:14px;animation:hero-scroll-fall 2.1s var(--ease) infinite;position:absolute;top:0}@keyframes hero-scroll-fall{0%{transform:translateY(-100%)}60%,to{transform:translateY(380%)}}.hero-in{animation:hero-rise .9s var(--ease-out) both;animation-delay:var(--hero-delay,0s)}.hero-in-line{animation:hero-set 1s var(--ease-out) both;animation-delay:var(--hero-delay,0s);display:block}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-set{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(.14em)}to{opacity:1;clip-path:inset(-.3em);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-in,.hero-in-line,.hero-dot:before,.hero-scroll:after{animation:none}.hero-scroll:after{transform:translateY(160%)}}
.proc{position:relative}.proc-frame{position:relative;overflow:hidden}.proc-track{width:max-content;padding-inline:var(--gutter);align-items:center;gap:clamp(18px,3vw,48px);display:flex}.proc-ghost{inset-block:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;width:max-content;display:flex;position:absolute;left:0}@supports (animation-timeline:view()){.proc{view-timeline-name:--proc;view-timeline-axis:block;height:330svh}.proc-frame{align-items:center;height:100svh;padding-top:clamp(84px,9vh,96px);display:flex;position:sticky;top:0}.proc-track{animation:linear both proc-slide;animation-timeline:--proc;animation-range:contain 4% contain 96%}.proc-ghost{animation:linear both proc-ghost-slide;animation-timeline:--proc;animation-range:contain}.proc-bar{transform-origin:0;animation:linear both proc-bar-fill;animation-timeline:--proc;animation-range:contain 4% contain 96%}}@keyframes proc-slide{0%{transform:translate(0)}to{transform:translate(calc(100vw - 100%))}}@keyframes proc-ghost-slide{0%{transform:translate(12vw)}to{transform:translate(calc(88vw - 100%))}}@keyframes proc-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.proc-card{border:3px solid var(--ink);background:var(--paper-lift);border-radius:22px;flex:none;width:min(78vw,430px);position:relative;box-shadow:10px 12px #08080f24}@media (min-width:900px){.proc-card{width:min(40vw,470px)}}@supports not (animation-timeline:view()){.proc-track{scroll-snap-type:x mandatory;width:auto;padding-block:8px;overflow-x:auto}.proc-card{scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.proc{height:auto!important}.proc-frame{height:auto!important;position:static!important}.proc-track{width:auto;overflow-x:auto;animation:none!important;transform:none!important}.proc-ghost,.proc-bar{animation:none!important;transform:none!important}}
.wall,.wall-frame{position:relative}.wall-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);display:grid}.wall-ghost{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;gap:.02em;display:flex;position:absolute;inset:0;overflow:hidden}.wall-ghost-row{white-space:nowrap;color:#ffffff0b;width:max-content;display:flex}@supports (animation-timeline:view()){.wall{view-timeline-name:--wall;view-timeline-axis:block;height:420svh}.wall-frame{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.wall-tile{animation:linear both wall-tile-in;animation-timeline:--wall}.wall-tile:first-child{animation-range:contain 2% contain 22%}.wall-tile:nth-child(2){animation-range:contain 20% contain 40%}.wall-tile:nth-child(3){animation-range:contain 38% contain 58%}.wall-tile:nth-child(4){animation-range:contain 56% contain 76%}.wall-ghost-row{animation:linear both wall-ghost-drift;animation-timeline:--wall;animation-range:contain}.wall-ghost-row:nth-child(2){animation-name:wall-ghost-drift-back}.wall-rail{transform-origin:top;animation:linear both wall-rail-draw;animation-timeline:--wall;animation-range:contain contain 80%}}@keyframes wall-tile-in{0%{opacity:0;transform:translateY(46px) scale(.94) rotate(var(--tilt-from,-5deg));filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt,-2deg));filter:blur()}}@keyframes wall-ghost-drift{0%{transform:translate(2%)}to{transform:translate(-42%)}}@keyframes wall-ghost-drift-back{0%{transform:translate(-42%)}to{transform:translate(2%)}}@keyframes wall-rail-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:900px){.wall{height:auto!important}.wall-frame{height:auto!important;position:static!important}.wall-tiles{grid-template-columns:minmax(0,1fr)}.wall-tile{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.wall{height:auto!important}.wall-frame{height:auto!important;position:static!important}.wall-tile,.wall-ghost-row,.wall-rail{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}