@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-ext-400-normal-CpdMQIMr.woff2)format("woff2"),url(/assets/jost-latin-ext-400-normal-Dsyb2mtt.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-YINYabwD.woff2)format("woff2"),url(/assets/geist-mono-latin-500-normal-D-GG86Jb.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-ext-500-normal-Buglb9-a.woff2)format("woff2"),url(/assets/geist-mono-latin-ext-500-normal-CrWEgvU_.woff)format("woff")}:root{--fg:#fff;--bg:#000;--dim:#ffffff85;--faint:#fff3;--sans:"Jost", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--ease:cubic-bezier(.2, .7, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{background:var(--bg);overscroll-behavior:none;overflow-x:clip}body{background:var(--bg);min-height:100dvh;color:var(--fg);font:400 16px/1.4 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;grid-template-rows:1fr auto;display:grid;overflow-x:clip}#scene{touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;inset:0}.sr,.hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hp{left:-10000px}.brand{top:max(28px, env(safe-area-inset-top));left:max(32px, env(safe-area-inset-left));z-index:5;position:fixed}.brand img{width:auto;height:24px;display:block}.sound{top:max(20px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));z-index:5;width:40px;height:40px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .3s;display:grid;position:fixed}.sound svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px}.sound path{transform-origin:50%;transition:transform .5s var(--ease);transform:scaleY(.35)}.sound:hover,.sound[aria-pressed=true]{color:var(--fg)}.sound[aria-pressed=true] path{animation:1.2s ease-in-out infinite alternate bars;transform:none}@keyframes bars{to{transform:scaleY(.6)}}.langs{top:max(20px, env(safe-area-inset-top));right:calc(max(22px, env(safe-area-inset-right)) + 46px);z-index:5;align-items:center;height:40px;display:flex;position:fixed}.langs a{font:500 11px/1 var(--mono);letter-spacing:.18em;color:var(--dim);padding:10px 7px;text-decoration:none;transition:color .3s}.langs a:hover,.langs a:focus-visible,.langs a[aria-current=true]{color:var(--fg)}.loader{z-index:20;background:var(--bg);transition:opacity .9s var(--ease), visibility .9s;place-items:center;animation:0s 8s forwards loader-timeout;display:grid;position:fixed;inset:0}.loader-count{font:500 12px/1 var(--mono);letter-spacing:.32em;font-variant-numeric:tabular-nums}.ready .loader{opacity:0;visibility:hidden}@keyframes loader-timeout{to{opacity:0;visibility:hidden}}.stage{z-index:5;width:min(600px,100% - 40px);padding-bottom:max(6vh, 28px, env(safe-area-inset-bottom));grid-row:2;justify-self:center;position:relative}.stage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#000000c7 96px);position:absolute;inset:-96px calc(50% - 50vw) 0}.brief{border:0}.step{border:0;gap:30px;min-width:0;padding:0;display:none}.brief:not([data-current]) .step[data-step=reason],.brief[data-current=reason] .step[data-step=reason],.brief[data-current=you] .step[data-step=you],.brief[data-current=project] .step[data-step=project],.brief[data-current=details] .step[data-step=details],.brief[data-current=portfolio] .step[data-step=portfolio],.brief[data-current=message] .step[data-step=message]{animation:step-in .7s var(--ease) both;display:grid}.brief[data-dir=back] .step{animation-name:step-back}@keyframes step-in{0%{opacity:0;transform:translateY(14px)}}@keyframes step-back{0%{opacity:0;transform:translateY(-14px)}}.field,.group{gap:12px;display:grid}.label,legend.label{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:0}legend.label{margin-bottom:14px}.label em{opacity:.6;margin-left:.8em;font-style:normal}input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:400 26px/1.25 var(--sans);color:var(--fg);border:0;border-bottom:1px solid var(--faint);caret-color:var(--fg);background:0 0;border-radius:0;outline:none;padding:4px 0 12px;transition:border-color .35s}textarea{resize:none;field-sizing:content;min-height:3.6em;max-height:26vh;font-size:20px;line-height:1.45;display:block}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{border-bottom-color:var(--fg)}.invalid input,.invalid textarea{border-bottom-style:dashed;border-bottom-color:var(--fg)}.error{min-height:1.1em;font:500 11px/1.1 var(--mono);letter-spacing:.08em;color:var(--fg);overflow-wrap:anywhere}.error:empty{min-height:0;margin-top:-12px}.restart{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;margin:-6px 0 -6px -2px;padding:6px 2px;transition:color .3s;display:inline-flex}.restart svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .4s var(--ease)}.restart:hover,.restart:focus-visible{color:var(--fg)}.restart:hover svg{transform:translate(-3px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip span{font:400 17px/1 var(--sans);border:1px solid var(--faint);border-radius:999px;padding:12px 18px 13px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.chip:hover span{border-color:var(--fg)}.chip input:checked+span{color:var(--bg);background:var(--fg);border-color:var(--fg)}.chip input:focus-visible+span{outline:1px solid var(--fg);outline-offset:3px}legend.intro{margin-bottom:34px;padding:0}.lead{font:400 18px/1.45 var(--sans);color:var(--dim);text-wrap:balance;margin-top:14px;display:block}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choices .chip:first-child{grid-column:1/-1}.choices .chip:not(:first-child) span{font-size:18px}.choices .chip span{justify-content:center;padding:19px 20px 20px;font-size:21px;display:flex}input.other{margin-top:6px;font-size:20px;display:none}.group:has(input[value=other]:checked) input.other{display:block}.drop{border:1px dashed var(--faint);cursor:pointer;border-radius:14px;place-items:center;min-height:64px;padding:14px;transition:border-color .3s;display:grid;position:relative}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop:hover,.drop.over,.drop:focus-within{border-color:var(--fg)}.drop-hint{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.file-list{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.file-list:empty{display:none}.file-list li{max-width:100%;font:500 12px/1.3 var(--mono);border:1px solid var(--faint);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:inline-flex}.file-list button{width:22px;height:22px;font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.file-list button:hover{background:var(--faint)}.note{font:500 11px/1.4 var(--mono);letter-spacing:.04em;color:var(--dim)}.captcha:empty{display:none}.nav{align-items:center;gap:16px;margin-top:40px;display:flex}.nav button{height:54px;font:500 12px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .3s, color .3s, border-color .3s, opacity .3s, transform .3s var(--ease);border-radius:999px;flex:none}.nav button:active{transform:scale(.96)}.nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.back,.next{place-items:center;width:54px;display:grid}.back{color:var(--fg);border:1px solid var(--faint);background:0 0}.back:hover{border-color:var(--fg)}.brief:not([data-current]) .nav,.brief[data-current=reason] .nav{display:none}.brief[data-first] .back,.brief:is([data-path=contact],[data-path=portfolio]) :is(.progress,.count){visibility:hidden}.next,.send{color:var(--bg);background:var(--fg);border:1px solid var(--fg);margin-left:auto}.send{padding:0 30px;display:none}.brief[data-last] .next{display:none}.brief[data-last] .send{align-items:center;display:inline-flex}.brief.sending .send{opacity:.4;pointer-events:none}.progress{gap:6px;padding:0;list-style:none;display:flex}.progress li{background:var(--faint);width:18px;height:2px;transition:background .5s}.progress li.on{background:var(--fg)}.count{font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--dim);font-variant-numeric:tabular-nums}.form-error{font:500 12px/1.4 var(--mono);letter-spacing:.04em;margin-top:16px}.form-error:empty{display:none}.form-error a{color:var(--fg)}.done{text-align:center;display:none}[data-sent] .brief,.is-sent .brief{display:none}[data-sent] .done,.is-sent .done{animation:step-in 1.2s var(--ease) .9s both;display:block}.title,.done-title{font:400 34px/1.15 var(--sans)}.done-text{font:500 11px/1.6 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);text-wrap:balance;margin-top:9px}.done-portfolio,.brief[data-path=portfolio]~.done .done-text:not(.done-portfolio){display:none}.brief[data-path=portfolio]~.done .done-portfolio{display:block}@media (width>=1024px) and (aspect-ratio>=5/4){:root{--column:clamp(380px, 30vw, 460px);--gutter:clamp(56px, 8vw, 160px)}body{grid-template-rows:1fr;grid-template-columns:1fr auto}.stage{width:var(--column);margin-right:var(--gutter);grid-area:1/2;align-self:center;padding:88px 0}.brief{grid-template-rows:minmax(min(360px,100dvh - 330px),auto) auto auto;display:grid}.step{align-self:end}.step[data-step=reason]{align-self:center}.stage:before{width:calc(var(--column) + var(--gutter) + 160px);background:linear-gradient(90deg,#0000,#000000b3 160px);position:fixed;inset:0 0 0 auto}.done{text-align:left}}@media (width<=640px){.brand{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left))}.brand img{height:20px}.choices{grid-template-columns:1fr}.choices .chip span{padding:17px 16px 18px;font-size:19px}.sound{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}.langs{top:max(10px, env(safe-area-inset-top));right:calc(max(10px, env(safe-area-inset-right)) + 40px)}.step{gap:24px}input[type=text],input[type=email],input[type=tel]{font-size:21px}textarea{font-size:18px}.chip span{padding:11px 15px 12px;font-size:15px}.nav{gap:12px;margin-top:30px}.progress li{width:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}