@font-face{font-family:Figtree;src:url(/font/Figtree-wght-latin.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@layer reset,tokens,layout,arrival,components;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,p,figure{margin:0}img,svg,video{display:block;max-width:100%}input,button{font:inherit;color:inherit}}@layer tokens{:root{--ink: #0a0a0a;--paper: #f4f3ee;--signal: #14e08c;--moss: #3a6b4f;--current: #4c7df0;--ground: var(--ink);--text: var(--paper);--text-dim: color-mix(in srgb, var(--paper) 74%, transparent);--text-faint: color-mix(in srgb, var(--paper) 56%, transparent);--text-bright: color-mix(in srgb, var(--paper) 86%, transparent);--rule: color-mix(in srgb, var(--paper) 16%, transparent);--spectrum-run: linear-gradient(90deg, #8a6bff, #6fa6ff 7%, #5cede6 14%, #8cf5a8 21%, #f4f06a 28%, #ffb07a 35%, #ff86d6 42%, #8a6bff 50%, #6fa6ff 57%, #5cede6 64%, #8cf5a8 71%, #f4f06a 78%, #ffb07a 85%, #ff86d6 92%, #8a6bff);--u: clamp(.5rem, .9vw, .875rem);--measure: 58rem;--font: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--step-statement: clamp(2.4rem, 7.6vw, 7rem);--step-lead: clamp(1.95rem, 3.5vw, 3.4rem);--step-body: clamp(1.25rem, 2.4vw, 2.05rem);--step-ask: clamp(1.75rem, 5vw, 4rem);--step-small: clamp(.875rem, 1.05vw, 1rem);--ease: cubic-bezier(.22, .61, .36, 1);--band: min(11svh, 7rem)}}@layer layout{html{background:var(--ground)}body{background:var(--ground);color:var(--text);font-family:var(--font);font-size:var(--step-body);line-height:1.45;letter-spacing:-.011em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100svh}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:calc(var(--u) * 2) calc(var(--u) * 3);background:var(--paper);color:var(--ink);text-decoration:none}.skip:focus{left:calc(var(--u) * 2);top:calc(var(--u) * 2)}:where(a,input,button):focus-visible{outline:2px solid var(--signal);outline-offset:calc(var(--u) * .75)}.doc{position:relative;z-index:2}.stage{min-height:100svh;display:grid;place-items:center;padding:calc(var(--u) * 6) calc(var(--u) * 4);text-align:center}.stage--aperture,.stage--river,.stage--copy{display:block;padding:0}.stage--aperture{min-height:240svh}.stage--river,.stage--copy{min-height:170svh}.pin{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding:calc(var(--u) * 6) calc(var(--u) * 4);text-align:center}.foot{position:relative;z-index:2;padding:calc(var(--u) * 6) calc(var(--u) * 4);border-top:1px solid var(--rule);color:var(--text-faint);font-size:var(--step-small);text-align:center;background:var(--ground)}.foot p+p{margin-top:calc(var(--u) * .5)}}@layer arrival{.matte{position:fixed;inset:0;z-index:0;pointer-events:none}.field{position:fixed;inset:0 0 auto;height:var(--field-h, 100dvh);z-index:var(--field-z, 0);pointer-events:none;overflow:hidden}.field__video{width:100%;height:100dvh;object-fit:cover;transform:translateY(var(--field-shift, 0px))}.matte{z-index:1;--veil: 0}.matte__svg{width:100%;height:100%}.matte:after{content:"";position:absolute;inset:0;background:var(--ground);opacity:var(--veil)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.statement{position:relative;max-width:18ch;font-size:var(--step-statement);font-weight:600;line-height:1.02;letter-spacing:normal;color:#fff;text-wrap:balance}.statement[data-state=hidden]{opacity:0}.statement__word{display:inline-block;white-space:nowrap}.statement__letter{display:inline-block;will-change:transform,opacity,filter}.stage--copy{position:relative}.copy{position:relative;max-width:var(--measure);font-size:calc(var(--step-body) * .9);font-weight:500;line-height:1.42;letter-spacing:-.012em;text-align:left;color:var(--text)}.copy__block:has(.copy__lead){font-size:var(--step-lead);font-weight:600;line-height:1.12;letter-spacing:-.02em}.copy__letter.copy__lead{background:var(--spectrum-run);background-size:calc(var(--w, 100vw) * 2) 100%;background-position:calc((var(--flow) - 1) * var(--w, 100vw) - var(--x, 0px)) 0;-webkit-background-clip:text;background-clip:text;color:transparent}.copy__typed .copy__block:has(.copy__lead){animation:spectrum-run 16s steps(480) infinite}.copy__block:not(.copy__source)>.copy__lead{background:var(--spectrum-run);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}.copy__source{font-weight:500}.copy__source{color:transparent}.copy__typed{position:absolute;inset:0;margin:0}.copy__block+.copy__block{margin-top:.8em}.copy__word{display:inline-block}.copy__letter{will-change:opacity}.copy[data-typed=true] .copy__letter{will-change:auto}.copy__caret{position:absolute;top:0;left:0;margin-left:.09em;width:.17em;height:1.05em;background:currentColor;animation:blink 1.15s steps(1,end) infinite;pointer-events:none}.copy__caret--lead{font-size:var(--step-lead)}.copy[data-typed=true] .copy__caret{opacity:0;transition:opacity .5s .7s var(--ease)}}@layer components{.cue{position:absolute;left:50%;bottom:calc(var(--u) * 3);translate:-50% 0;display:grid;justify-items:center;gap:0;opacity:0;transition:opacity .22s var(--ease)}.cue[hidden]{display:none}.cue[data-shown=true]{opacity:1;transition:opacity .9s var(--ease)}.cue__label{margin-bottom:calc(var(--u) * -.4);font-size:var(--step-small);letter-spacing:.06em;color:var(--text-faint);white-space:nowrap}.cue__button{display:grid;place-items:center;width:calc(var(--u) * 4);height:calc(var(--u) * 4);padding:0;background:none;border:0;color:var(--text-dim);cursor:pointer;transition:color .22s var(--ease),translate .6s var(--ease);animation:nudge 2.6s ease-in-out infinite}.cue__button svg{width:100%;height:100%}.cue__button:hover,.cue__button:focus-visible{color:var(--text)}.cue__plain,.cue__spectrum{transition:opacity .26s var(--ease)}.cue__spectrum{opacity:0}.cue__button:hover .cue__spectrum,.cue__button:focus-visible .cue__spectrum{opacity:1}.cue__button:hover .cue__plain,.cue__button:focus-visible .cue__plain{opacity:0}@keyframes nudge{0%,to{translate:0 0}50%{translate:0 calc(var(--u) * .6)}}.stage--aperture,.stage--copy{position:relative}.stage--ask{gap:calc(var(--u) * 8);align-content:center}.ask{display:grid;justify-items:start;gap:calc(var(--u) * 4);width:min(100%,52rem);text-align:left}.ask__prompt{font-size:var(--step-ask);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}}@layer components{.slot{position:fixed;top:0;right:calc(var(--u) * 4);z-index:40;display:flex;height:var(--band);align-items:center;gap:calc(var(--u) * 3);font-size:var(--step-small);letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}.slot[data-state=skip]{opacity:1;pointer-events:auto}.slot:not([data-state=skip]) .slot__skip{display:none}.body--skipping .ask{opacity:0}.dissolve{position:fixed;inset:0;z-index:60;background:var(--ground);opacity:0;pointer-events:none;transition:opacity var(--dissolve, .3s) linear}.dissolve[data-on]{opacity:1}.dissolve__wait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:calc(var(--step-small) * 1.15);color:var(--text-bright)}.slot a{position:relative;display:inline-block;color:var(--text-bright);padding-block:calc(var(--u) * .55) calc(var(--u) * .3);text-decoration:none;transition:color .2s var(--ease),font-weight .2s var(--ease)}.slot a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}.slot a:hover,.slot a:focus-visible{color:var(--text)}.slot a:hover:before,.slot a:focus-visible:before{transform:scaleX(1)}@media(max-width:40rem){.slot{right:calc(var(--u) * 2)}}}@layer components{.ask__row{display:flex;align-items:center;gap:calc(var(--u) * 2);width:min(100%,52rem)}.ask__field{position:relative;display:flex;flex:1;min-width:0}.ask__submit{flex:none;display:grid;place-items:center;width:calc(var(--step-ask) * 1.05);height:calc(var(--step-ask) * 1.05);padding:0;background:none;border:0;color:var(--text-faint);cursor:pointer;transition:color .2s var(--ease),translate .24s var(--ease)}.ask__submit svg{width:100%;height:100%}.ask__submit:hover,.ask__submit:focus-visible{color:var(--text);translate:calc(var(--u) * .5) 0}.ask__row:has(.ask__input:not(:placeholder-shown)) .ask__submit{color:var(--text)}.ask__input{width:100%;min-width:0;background:none;border:0;padding:0;font-size:var(--step-ask);font-weight:400;letter-spacing:-.02em;text-align:left;color:var(--text);caret-color:transparent}.ask__input:focus{outline:none}.ask__caret{position:absolute;top:50%;left:0;translate:var(--caret-x, 0) -50%;width:.17em;height:1.05em;font-size:var(--step-ask);background:var(--text);animation:blink 1.15s steps(1,end) infinite;pointer-events:none}.ask__field:has(.ask__input:not(:focus)) .ask__caret{background:var(--text-faint);animation:none}.ask__skip{flex:none;align-self:center;font-size:var(--step-small);letter-spacing:.04em;color:var(--text-faint);text-decoration:none;transition:color .2s var(--ease)}.ask__skip:hover,.ask__skip:focus-visible{color:var(--text)}.ask__step{display:grid;justify-items:start;gap:calc(var(--u) * 4);width:100%}.ask__step[hidden]{display:none}.ask__choices{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(var(--u) * 1.1)}.ask__line{flex-basis:100%;height:0}@media(max-width:42.49rem){.ask__line{display:none}}.ask__choice{--ring: clamp(2px, .2vw, 3px);--pad: 1em;position:relative;margin-block:calc(var(--u) * .55);padding:.45em var(--pad);font:inherit;font-size:clamp(.95rem,1.35vw,1.25rem);font-weight:500;letter-spacing:-.01em;color:var(--text);background:none;border:var(--ring) solid var(--text-faint);border-radius:999px;cursor:pointer;transition:border-color .2s var(--ease)}.ask__choice:hover,.ask__choice:focus-visible{border-color:var(--text)}.ask__choice:focus-visible{outline:2px solid var(--text);outline-offset:4px}.ask__choices:has([aria-pressed=true]){animation:spectrum-run 16s linear infinite}.ask__choice[aria-pressed=true]{border-color:transparent}.ask__choice[aria-pressed=true]:before{content:"";position:absolute;inset:calc(var(--ring) * -1);padding:var(--ring);border-radius:inherit;background:var(--spectrum-run);background-size:calc(var(--w, 100vw) * 2) 100%;background-position:calc((var(--flow) - 1) * var(--w, 100vw) - var(--x, 0px)) 0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ask__choice[aria-pressed=true] span{background:var(--spectrum-run);background-size:calc(var(--w, 100vw) * 2) 100%;background-position:calc((var(--flow) - 1) * var(--w, 100vw) - var(--x, 0px) - var(--ring) - var(--pad)) 0;-webkit-background-clip:text;background-clip:text;color:transparent}.ask__choice.is-picked{animation:check .62s linear forwards}.ask__choices .ask__skip{margin-left:calc(var(--u) * 1)}.ask__pager{display:flex;align-items:center;gap:.6em;margin-top:calc(var(--u) * -4 - var(--step-ask) * .3);font-size:var(--step-small);letter-spacing:.04em;color:var(--text-faint)}.ask__pager[hidden]{display:none}.ask__turn{display:grid;place-items:center;width:2em;height:2em;padding:0;background:none;border:0;color:var(--text-faint);cursor:pointer;transition:color .2s var(--ease)}.ask__turn svg{width:1.45em;height:1.45em}.ask__turn:hover:not(:disabled),.ask__turn:focus-visible{color:var(--text)}.ask__turn:disabled{opacity:.35;cursor:default}.ask[data-state=thinking] .ask__pager{visibility:hidden}.ask[data-state=thinking] .ask__caret,.ask[data-state=thinking] .ask__submit{display:none}.ask[data-state=thinking] .ask__input,.ask[data-state=thinking] .ask__skip{color:var(--text-faint);pointer-events:none}.ask__loader{display:none;flex:none;grid-template-columns:repeat(9,1fr);gap:calc(var(--step-ask) * .023);width:calc(var(--step-ask) * 1.05);height:calc(var(--step-ask) * 1.05)}.ask[data-state=thinking] .ask__loader{display:grid}.ask__loader i{border-radius:18%;background:linear-gradient(90deg,#8a6bff,#6fa6ff,#5cede6,#8cf5a8,#f4f06a,#ffb07a,#ff86d6) calc(var(--col) * 12.5%) 0 / 900% 100%;opacity:0;--period: calc(1.15s + var(--col) * .11s);animation:rain var(--period) linear infinite;animation-delay:calc(var(--row) * var(--period) / 9 - var(--col) * .31s - 3s)}.ask__loader[data-state=check] i{animation:none;opacity:0}.ask__loader[data-state=check] i.is-check{animation:check .62s linear forwards}.ask__foot{display:grid;align-items:center;justify-items:start;min-height:calc(var(--step-ask) * 1.1)}.ask__assurance,.ask__status{grid-area:1 / 1}.ask__assurance{max-width:36ch;font-size:calc(var(--step-small) * 1.15);line-height:1.4;color:var(--text-faint);text-wrap:balance}.ask__status{position:relative;font-size:var(--step-ask);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--text);text-wrap:balance}.ask__word{display:inline-block}.ask__status-caret{position:absolute;top:0;left:0;width:.17em;height:1.05em;background:currentColor;animation:blink 1.15s steps(1,end) infinite;pointer-events:none}.ask[data-state=thinking] .ask__assurance{visibility:hidden}.ask[data-step="2"] .ask__first,.ask:not([data-step="2"]) .ask__lang{display:none}@keyframes rain{0%{opacity:1}11%{opacity:.5}22%{opacity:.22}33%{opacity:.08}41%,to{opacity:0}}@keyframes check{0%,10%{opacity:1}11%,21%{opacity:0}22%,32%{opacity:1}33%,43%{opacity:0}44%,54%{opacity:1}55%,65%{opacity:0}66%,to{opacity:1}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}}@property --flow{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes spectrum-flow{0%{background-position:100% 0}to{background-position:0 0}}@keyframes spectrum-run{0%{--flow: 0}to{--flow: 1}}
