@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#000;--fg:#fff;--fg-soft:#8d8d8d;--line:#ffffff24;--signal:#ff5a1f;--ultra:#2a35e8;--magenta:#ff2d8a;--edge:clamp(1.25rem, 5vw, 4.75rem);--corner-y:clamp(1.25rem, 4.5vh, 2.75rem);--radius:clamp(.9rem, 1.4vw, 1.25rem);--card-w:min(58vw, 62rem);--ease-out:cubic-bezier(.16, 1, .3, 1);color-scheme:dark;transition:--chapter 1.2s var(--ease-out)}@property --chapter{syntax:"<color>";inherits:true;initial-value:#2a35e8}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:1rem;line-height:1.5}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}h1,h2,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.label{letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1}.ph{background:var(--signal);color:#000;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:.35em .6em .3em;font-size:.625rem;font-weight:650;line-height:1;display:inline-block}:root{--lime:#d4ff3a;--gap:clamp(1rem, 2.5vw, 2.5rem);--col:calc((100vw - 2 * var(--edge)) / 4)}.grid-overlay{z-index:0;pointer-events:none;--l:#ffffff12;background-image:linear-gradient(var(--l), var(--l)), linear-gradient(var(--l), var(--l)), linear-gradient(var(--l), var(--l)), linear-gradient(var(--l), var(--l)), linear-gradient(var(--l), var(--l));background-repeat:no-repeat;background-size:1px 100%;background-position:var(--edge) 0, calc(var(--edge) + var(--col)) 0, calc(var(--edge) + var(--col) * 2) 0, calc(var(--edge) + var(--col) * 3) 0, calc(100% - var(--edge)) 0;position:fixed;inset:0}.grid-overlay__h{background:var(--l);height:1px;position:absolute;left:0;right:0}.hud{z-index:10;mix-blend-mode:difference;left:var(--edge);right:var(--edge);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:fixed}.hud>*{pointer-events:auto}.hud--top{top:var(--corner-y)}.hud__id{gap:.9rem;display:grid}.hud__nav{gap:clamp(1.25rem,3vw,3rem);display:flex}.hud__nav a,.hud__nav button{transition:opacity .3s var(--ease-out)}.hud__nav a:hover,.hud__nav button:hover{opacity:.6}.progress{z-index:10;right:calc(var(--edge) * .35);background:#ffffff26;width:2px;height:20vh;position:fixed;top:40vh}.progress span{background:var(--chapter);will-change:transform;height:18%;position:absolute;inset:0 0 auto}.hero{min-height:100svh;padding:calc(var(--corner-y) + 4.5rem) var(--edge) calc(var(--corner-y) + 5.5rem);grid-template-rows:auto 1fr auto 1fr auto;display:grid;position:relative}.hero__intro{grid-template-columns:repeat(4,1fr);font-family:Geist Mono,ui-monospace,monospace;font-size:.8125rem;line-height:1.6;display:grid}.hero__bio{grid-column:4;margin:0;padding:0 .75rem}.hero__role{letter-spacing:-.035em;max-width:14ch;color:color-mix(in srgb, var(--chapter) 45%, #fff);grid-row:3;margin:0;font-family:Geist,system-ui,sans-serif;font-size:clamp(1.75rem,1.1rem + 2.2vw,3.25rem);font-weight:500;line-height:1.02}.hero__name{font-family:Geist,system-ui,sans-serif;font-size:calc((100vw - 2 * var(--edge)) * .155);letter-spacing:-.06em;white-space:nowrap;grid-row:5;margin:0;font-weight:600;line-height:.82;position:relative}.hero__name-base{width:max-content;padding-bottom:.12em;display:block}.hero__word{display:inline-block}.hero__pixels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.is-pixels .hero__name-base{color:#0000}.hero__cue{left:var(--edge);bottom:calc(var(--corner-y) + 3rem);color:var(--fg-soft);position:absolute}.hero__rail{left:var(--edge);right:var(--edge);bottom:calc(var(--corner-y) + 1.5rem);background:var(--line);height:1px;position:absolute}.hero__rail span{background:var(--signal);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@keyframes hero-rail{to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero{view-timeline-name:--hero}.hero__rail span{animation:linear both hero-rail --hero;animation-range:exit exit 85%}}}main{z-index:1;position:relative}.shot{aspect-ratio:16/10;background:#111;display:block;position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%}.soft{color:var(--fg-soft)}.projects{padding:10vh var(--edge) 0;margin:0;list-style:none;display:grid}.project a{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1rem;display:grid}.project__info{transition:opacity .3s var(--ease-out);grid-column:1;align-self:start;justify-items:start;gap:1rem;padding-right:1rem;display:grid;position:sticky;top:32vh}.project__rule{background:var(--fg);justify-self:stretch;height:1px;margin-bottom:.5rem}.project__no{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,6vw,6.5rem);font-weight:300;font-stretch:62%;line-height:1}.digit{vertical-align:top;height:1em;display:inline-block;overflow:hidden}.digit__reel{flex-direction:column;display:flex}.digit__reel span{height:1em}.project__title{letter-spacing:-.02em;font-size:clamp(1.25rem,1.8vw,1.625rem);font-weight:500;line-height:1.1}.word{white-space:nowrap;margin-right:.25em;display:inline-block}.project__tools{gap:.45rem;margin-top:.75rem;display:grid}.project__tool-list{flex-wrap:wrap;gap:.15rem .9rem;display:flex}.m{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.m__in{will-change:transform;display:block}.project .shot{grid-column:2/5;margin-bottom:clamp(10rem,45vh,28rem)}.project a:hover .project__info{opacity:.7}.field{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;background:radial-gradient(120% 70% at 50% 115%, color-mix(in srgb, var(--chapter) 32%, transparent), transparent 70%), radial-gradient(60% 50% at 0% 0%, color-mix(in srgb, var(--chapter) 14%, transparent), transparent 70%);position:fixed;inset:0}.is-field .field{background:0 0}.gl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.is-gl .shot{background:0 0}.is-gl .shot img{opacity:0}.outro{min-height:80svh;padding:20vh var(--edge) 12rem;align-content:center;justify-items:start;gap:1.5rem;display:grid}.outro__line{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2.5rem,6.5vw,6.5rem);font-weight:700;font-stretch:112%;line-height:.95}.outro__mail{border-bottom:1px solid;font-size:clamp(1.125rem,1.6vw,1.5rem)}.outro__mail:hover{color:var(--lime)}.statement{min-height:70svh;padding:20vh var(--edge) 10vh;align-content:center;justify-items:start;gap:1.5rem;display:grid}.statement__line{letter-spacing:-.04em;text-transform:uppercase;max-width:16ch;margin:0;font-size:clamp(2.25rem,5vw,5rem);font-weight:700;font-stretch:112%;line-height:.95}.statement__sub{max-width:46ch;margin:0;font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.45}.profile{width:min(34rem,100vw);max-width:none;height:100svh;max-height:none;padding:var(--corner-y) var(--edge) var(--corner-y) clamp(1.5rem, 4vw, 3rem);color:var(--fg);overscroll-behavior:contain;transition:translate .7s var(--ease-out), overlay .7s allow-discrete, display .7s allow-discrete;background:#0d0d0d;border:0;flex-direction:column;gap:2rem;margin:0 0 0 auto;overflow-y:auto;translate:100%}.profile[open]{display:flex;translate:0}@starting-style{.profile[open]{translate:100%}}.profile::backdrop{transition:background .7s var(--ease-out), overlay .7s allow-discrete, display .7s allow-discrete;background:0 0}.profile[open]::backdrop{background:#0009}@starting-style{.profile[open]::backdrop{background:0 0}}.profile__close{align-self:flex-end}.profile__intro{letter-spacing:-.02em;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:500;line-height:1.2}.profile__body{color:var(--fg-soft);max-width:38ch}.profile__off{max-width:38ch;color:var(--fg-soft);gap:.6rem;display:grid}.profile__links{border-top:1px solid var(--line);margin-top:auto;padding:0;list-style:none}.profile__links li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.profile__links a:hover{opacity:.6}.sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sheet::backdrop{background:0 0}.sheet__backdrop{background:#000000b8;position:absolute;inset:0}.sheet__panel{--inset:clamp(.5rem, 1.6vw, 1.5rem);inset:var(--inset);border-radius:var(--radius);outline:1px solid var(--line);outline-offset:-1px;background:#0d0d0d;position:absolute;overflow:hidden}.sheet__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent;height:100%;overflow-y:auto}.sheet__close{z-index:2;background:var(--fg);width:2.75rem;height:2.75rem;color:var(--bg);transition:transform .45s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(.75rem,1.6vw,1.5rem);right:clamp(.75rem,1.6vw,1.5rem)}.sheet__close:hover{transform:rotate(90deg)}.sheet__project{grid-template-columns:minmax(16rem,1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.25rem,3vw,3rem);display:grid}.sheet__project[hidden]{display:none}.sheet__info{align-self:start;gap:1.25rem;max-width:30rem;display:grid;position:sticky;top:0}.sheet__no{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,5vw,5.5rem);font-weight:300;font-stretch:62%;line-height:.9}.sheet__title{letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;font-size:clamp(2rem,3.4vw,3.5rem);font-weight:700;font-stretch:112%;line-height:.95}.sheet__summary{max-width:38ch;font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.45}.sheet__summary .ph{vertical-align:.15em;margin-right:.25em}.sheet__meta{border-top:1px solid var(--line);margin:.5rem 0 0}.sheet__meta div{border-bottom:1px solid var(--line);grid-template-columns:6.5rem 1fr;align-items:baseline;gap:1rem;padding:.8rem 0;display:grid}.sheet__meta dd{font-variant-numeric:tabular-nums;margin:0}.sheet__media{gap:clamp(1rem,2vw,1.5rem);padding-top:clamp(3.25rem,4vw,4rem);display:grid}.sheet__hero,.sheet__frame{aspect-ratio:16/10;background:#111;margin:0;overflow:hidden}.sheet__hero img{object-fit:cover;width:100%;height:100%}.sheet__frame{border:1px solid var(--line);background:#151515;place-items:center;display:grid}.sheet__fly{z-index:3;pointer-events:none;transform-origin:0 0;visibility:hidden;background:#111;position:fixed;top:0;left:0;overflow:hidden}.sheet__fly img{object-fit:cover;width:100%;height:100%}.sheet__gl{z-index:3;pointer-events:none;visibility:hidden;position:fixed;inset:0}.shot[data-away] img{visibility:hidden}@media (width<=700px){.sheet__project{grid-template-columns:1fr}.sheet__info{padding-top:3rem;position:static}.sheet__media{padding-top:0}:root{--col:calc((100vw - 2 * var(--edge)) / 2)}.progress{display:none}.hero{min-height:88svh}.hero__intro{grid-template-columns:1fr}.hero__bio{grid-column:1;padding:0}.hero__name{font-size:calc((100vw - 2 * var(--edge)) * .305);line-height:.92}.hero__word{display:block}.projects{padding-top:2rem}.project a{grid-template-columns:1fr;row-gap:1.25rem;padding-bottom:4rem}.project .shot{grid-area:1/1;margin-bottom:0}.project__info{grid-area:2/1;position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
