.curiosity-stage{gap:40px;padding:90px 16px;display:grid;position:relative}.curiosity-title{letter-spacing:-.03em;text-align:center;color:#2b2b2b;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:600}.curiosity-word{white-space:nowrap;display:inline-block}.curiosity-letter{will-change:transform;transition:transform .55s cubic-bezier(.76,0,.24,1) calc(var(--i)*12ms),opacity .4s ease calc(var(--i)*12ms);display:inline-block}.curiosity-glyph{will-change:transform;display:inline-block}.curiosity-panel{gap:3px;display:grid}.curiosity-card{aspect-ratio:4/5;color:#fff;background:#1b1d22;display:block;position:relative;overflow:hidden}.curiosity-card img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.curiosity-card:hover img{transform:scale(1.04)}.curiosity-card .project-graphic{border-radius:0;height:100%;position:absolute;inset:0}.curiosity-card .economy-illustration{transform:scale(1.5)}.curiosity-overlay{opacity:0;background:linear-gradient(#18181800 45%,#181818b8),#40404080;flex-direction:column;justify-content:flex-end;gap:10px;padding:34px 30px;transition:opacity .3s;display:flex;position:absolute;inset:0}.curiosity-overlay strong{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(24px,2vw,32px);font-weight:650;line-height:1.1}.curiosity-overlay span{color:#f3f3f3;max-width:36ch;font-size:14px;line-height:1.6}.curiosity-card:hover .curiosity-overlay,.curiosity-card:focus-visible .curiosity-overlay{opacity:1}.curiosity-card:focus-visible{outline-offset:-7px;outline:3px solid #fff}.curiosity-cue,.curiosity-edge{display:none}.curiosity.is-live .curiosity-glyph{animation:4.2s ease-in-out infinite curiosity-pulse;animation-delay:calc(var(--i)*55ms)}@keyframes curiosity-pulse{0%,18%,to{color:#2b2b2b}7%{color:var(--accent)}}.curiosity-pinned{height:calc(100svh + 256px)}.curiosity-pinned .curiosity-stage{place-items:center;gap:0;height:calc(100svh - 84px);padding:0;position:sticky;top:84px;overflow:hidden}.curiosity-pinned .curiosity-title,.curiosity-pinned .curiosity-panel,.curiosity-pinned .curiosity-cue{grid-area:1/1}.curiosity-pinned .curiosity-title{padding:0 16px}.curiosity-pinned .curiosity-panel{clip-path:inset(0 0 0 100%);background:#111;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;height:100%;transition:clip-path .85s cubic-bezier(.76,0,.24,1)}.curiosity-pinned .curiosity-card{aspect-ratio:auto;height:100%;transition:transform .85s cubic-bezier(.76,0,.24,1) calc(var(--i)*45ms);transform:translate(14%)}.curiosity-pinned .curiosity-edge{background:var(--accent);pointer-events:none;width:3px;transition:transform .85s cubic-bezier(.76,0,.24,1);display:block;position:absolute;top:0;bottom:0;left:0;transform:translate(100vw)}.curiosity-pinned .curiosity-cue{pointer-events:none;background:#2b2b2b29;place-self:end center;width:1px;height:56px;margin-bottom:34px;transition:opacity .3s;display:block;position:relative;overflow:hidden}.curiosity-pinned .curiosity-cue:after{content:"";background:var(--accent);width:100%;height:18px;position:absolute;top:0;left:0;transform:translateY(-100%)}.curiosity-pinned.is-live .curiosity-cue:after{animation:1.8s cubic-bezier(.45,0,.2,1) infinite curiosity-drip}@keyframes curiosity-drip{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.curiosity-pinned.is-open .curiosity-letter{transform:translate3d(calc(-48px - var(--i)*5px),0,0);opacity:0}.curiosity-pinned.is-open .curiosity-panel{clip-path:inset(0)}.curiosity-pinned.is-open .curiosity-card{transform:none}.curiosity-pinned.is-open .curiosity-edge{transform:translate(-3px)}.curiosity-pinned.is-open .curiosity-cue{opacity:0}.curiosity-pinned.is-open .curiosity-glyph{animation:none}@media (hover:none){.curiosity-overlay{opacity:1;background:linear-gradient(#0000 35%,#282828c7)}}.curiosity-card[data-kind=terminal] img{object-position:0 0;transform-origin:0 0;scale:1.9}@media (min-width:541px){.curiosity:not(.curiosity-pinned) .curiosity-panel{grid-template-columns:1fr 1fr}}.curiosity-card{cursor:zoom-in}.curiosity-card.is-lifted{visibility:hidden}.cd{z-index:60;grid-template-columns:58fr 42fr;display:grid;position:fixed;inset:0}.cd-scrim{opacity:0;cursor:zoom-out;background:#1111118c;transition:opacity .5s;position:absolute;inset:0}.cd-slot{cursor:zoom-out;position:relative}.cd-media{z-index:2;background:#1b1d22;position:absolute;inset:0;overflow:hidden}.cd-media img{object-fit:cover;transition:scale .62s cubic-bezier(.76,0,.24,1)}.cd-media[data-kind=terminal] img{object-position:0 0;transform-origin:0 0}.cd-media .project-graphic{border-radius:0;height:100%;position:absolute;inset:0}.cd-media .economy-illustration{transition:transform .62s cubic-bezier(.76,0,.24,1);transform:scale(1.15)}.cd[data-state=from] .cd-media[data-kind=terminal] img,.cd[data-state=closing] .cd-media[data-kind=terminal] img{scale:1.9}.cd[data-state=from] .cd-media .economy-illustration,.cd[data-state=closing] .cd-media .economy-illustration{transform:scale(1.5)}.cd-info{z-index:1;overscroll-behavior:contain;background:var(--page);padding:88px clamp(28px,4vw,64px) 64px;transition:transform .62s cubic-bezier(.76,0,.24,1);position:relative;overflow-y:auto;transform:translate(100%)}.cd-info>*{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(12px)}.cd-info h2{letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(32px,3vw,46px)}.cd-headline{font-family:var(--display);letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(19px,1.5vw,23px);font-weight:600;line-height:1.25}.cd-summary{color:var(--muted);font-size:15px;line-height:1.75}.cd-info section{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.cd-info h3{letter-spacing:-.01em;margin-bottom:10px;font-size:13px;font-weight:750}.cd-info section p{color:#3d3d3d;font-size:14px;line-height:1.8}.cd-info section p+p{margin-top:10px}.cd-info .stack-list{margin-top:30px}.cd-links{flex-wrap:wrap;gap:26px;margin-top:18px;display:flex}.cd-close{z-index:3;border:1px solid var(--line);width:46px;height:46px;color:var(--ink);opacity:0;background:#fff;border-radius:50%;place-items:center;transition:opacity .3s,transform .3s,background .2s;display:grid;position:absolute;top:20px;right:20px;transform:scale(.8)}.cd-close:hover{background:var(--ink);color:#fff}.cd[data-state=open] .cd-scrim{opacity:1}.cd[data-state=open] .cd-info{transform:none}.cd[data-state=open] .cd-info>*{opacity:1;transition-delay:calc(.28s + var(--n,0) * 40ms);transform:none}.cd[data-state=open] .cd-close{opacity:1;transition-delay:.35s;transform:none}.cd[data-state=closing]{pointer-events:none}.cd[data-state=closing] .cd-info{transition-duration:.5s}.cd[data-state=closing] .cd-info>*{transition-duration:.2s}.cd-info>:nth-child(2){--n:1}.cd-info>:nth-child(3){--n:2}.cd-info>:nth-child(4){--n:3}.cd-info>:nth-child(5){--n:4}.cd-info>:nth-child(6){--n:5}.cd-info>:nth-child(7){--n:6}.cd-info>:nth-child(n+8){--n:7}.cd-video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.cd[data-state=open] .cd-video.is-playing{opacity:1;transition-delay:.55s}.cd[data-state=closing] .cd-video{transition-duration:.15s}.cd-demo{z-index:3;opacity:0;pointer-events:none;cursor:auto;place-items:center;padding:clamp(24px,4vw,64px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;transform:translateY(14px)scale(.98)}.cd-demo>*{width:100%;max-width:880px}.cd-slot.has-demo .cd-media img{transition:scale .62s cubic-bezier(.76,0,.24,1),opacity .5s,filter .5s}.cd[data-state=open] .cd-slot.has-demo .cd-media img{opacity:.22;filter:blur(3px);transition-delay:0s,.55s,.55s}.cd[data-state=open] .cd-demo{opacity:1;pointer-events:auto;transition-delay:.7s;transform:none}.cd[data-state=closing] .cd-demo{transition-duration:.15s}@media (max-width:819px){.cd{grid-template-rows:40svh 1fr;grid-template-columns:1fr}.cd:has(.has-demo){overscroll-behavior:contain;grid-template-rows:auto auto;overflow-y:auto}.cd:has(.has-demo) .cd-info{overflow:visible}.cd:has(.has-demo) .cd-close{position:fixed}.cd-slot.has-demo{min-height:40svh}.cd-slot.has-demo .cd-demo{padding:56px 12px 16px;position:relative;inset:auto}.cd-info{padding:30px 20px 48px;transform:translateY(100%)}.cd-close{top:14px;right:14px}}.curiosity-card[data-kind=code] img,.cd-media[data-kind=code] img{object-position:4% 0}
.approach-section .type-title{display:grid}.type-title>.type-ghost,.type-title>.type-live{grid-area:1/1}.type-ghost{visibility:hidden}.type-caret{vertical-align:-.06em;background:#e9a393;width:.42em;height:.86em;margin-left:.08em;animation:1s step-end infinite approach-caret;display:inline-block;box-shadow:0 0 14px #e9a3938c}.approach-section[data-phase=rest] .type-caret{display:none}.approach-section[data-phase=flow] .type-caret{animation:1s step-end 4 forwards approach-caret}@keyframes approach-caret{0%,49%{opacity:1}50%,to{opacity:0}}.approach-section[data-armed=true][data-phase=rest] .mark-blink{opacity:0}.approach-section[data-phase=typing] .mark-blink,.approach-section[data-phase=flow] .mark-blink{animation:.75s both approach-blink}@keyframes approach-blink{0%{opacity:0;filter:none}10%{opacity:1;filter:drop-shadow(0 0 7px #e9a393)}18%{opacity:.1;filter:none}28%{opacity:1;filter:drop-shadow(0 0 9px #e9a393)}38%{opacity:.3;filter:none}52%{opacity:1;filter:drop-shadow(0 0 5px #e9a39399)}to{opacity:1;filter:none}}.approach-section[data-armed=true] .approach-desc,.approach-section[data-armed=true] .built-together{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.approach-section[data-armed=true] .approach-steps>li{transition:opacity .6s ease calc(var(--i) * .17s + .12s),transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .17s + .12s),filter .6s ease calc(var(--i) * .17s + .12s)}.approach-section[data-armed=true] .built-together{transition-delay:.9s}.approach-section[data-armed=true]:not([data-phase=flow]) .approach-desc{opacity:0;transform:translateY(10px)}.approach-section[data-armed=true]:not([data-phase=flow]) .approach-steps>li{opacity:0;filter:blur(6px);transform:translate(-22px)}.approach-section[data-armed=true]:not([data-phase=flow]) .built-together{opacity:0;transform:translateY(8px)}.approach-steps>li{border-top-color:#0000;position:relative}.approach-steps>li:before{content:"";transform-origin:0;background:#50534d;height:1px;position:absolute;top:-1px;left:0;right:0}.approach-section[data-armed=true] .approach-steps>li:before{transition:transform .45s linear calc(var(--i) * .17s)}.approach-section[data-armed=true]:not([data-phase=flow]) .approach-steps>li:before{transform:scaleX(0)}.approach-section[data-armed=true][data-phase=rest] .type-live{visibility:hidden}
.about-monogram>.sign-ink{color:var(--ink)}.about-monogram>.sign-dot{color:var(--accent);transform-origin:50% 82%;display:inline-block;position:relative}.sign-dot:after{content:"";border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:.15em;height:.15em;margin-left:-.075em;position:absolute;bottom:.19em;left:50%}.sign-word{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.sign-word>span{display:inline-block}.about-section[data-armed=true][data-live=false] .sign-word>span{transform:translateY(110%)}.about-section[data-armed=true][data-live=false] .sign-fade{opacity:0;transform:translateY(12px)}.about-section[data-armed=true][data-live=false] .sign-ink{color:#0000;-webkit-text-stroke:1.5px var(--ink);clip-path:inset(-10% 110% -10% -10%)}.about-section[data-armed=true][data-live=false] .sign-dot{opacity:0}.about-section[data-armed=true] .sign-word>span{transition:transform .75s cubic-bezier(.2,.8,.2,1) calc(var(--w) * 75ms)}.about-section[data-armed=true] .sign-fade{transition:opacity .7s ease var(--d),transform .7s cubic-bezier(.2,.8,.2,1) var(--d)}.about-section[data-armed=true][data-live=true] .sign-ink{animation:1.25s cubic-bezier(.55,.1,.35,1) .95s both sign-write}.about-section[data-armed=true][data-live=true] .sign-dot{animation:.62s cubic-bezier(.3,0,.6,1) 2.25s both sign-drop}.about-section[data-armed=true][data-live=true] .sign-dot:after{animation:1s cubic-bezier(.1,.6,.3,1) 2.64s both sign-ripple}@keyframes sign-write{0%{color:#0000;-webkit-text-stroke:1.5px var(--ink);clip-path:inset(-10% 110% -10% -10%)}72%{color:#0000;-webkit-text-stroke:1.5px var(--ink);clip-path:inset(-10%)}to{color:var(--ink);-webkit-text-stroke:1.5px var(--ink);clip-path:inset(-10%)}}@keyframes sign-drop{0%{opacity:0;transform:translateY(-1.4em)}58%{opacity:1;transform:translateY(0)}70%{transform:translateY(0)scale(1.4,.62)}84%{transform:translateY(-.1em)scale(.9,1.1)}to{opacity:1;transform:none}}@keyframes sign-ripple{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(7)}}
