@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(inter-latin-wght-normal.c945e2f1.woff2)format("woff2");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}:root{--bg:#000;--fg:#fff;--faint:#ffffff40;--font:"Inter" , system-ui, sans-serif;--wght-normal:"wght" 380;--wght-bold:"wght" 750;--ease:cubic-bezier(.25, 1, .5, 1);--spring-ease:linear(0, .0017, .0066 1.13%, .0152, .0269 2.36%, .0612 3.68%, .1109 5.14%, .1597 6.36%, .2194 7.73%, .4771 13.2%, .5908 15.74%, .6984 18.43%, .7861 20.97%, .8245 22.24%, .8603, .8923, .9206 26.2%, .946, .9679 28.94%, .9869 30.35%, 1.0032 31.81%, 1.0225 34.12%, 1.036 36.62%, 1.0436 39.3%, 1.046 42.32%, 1.0446 44.68%, 1.0406 47.46%, 1.0118 61.83%, 1.0026 69.56%, .9981 80.49%, .9991 99.96%);--spring-duration:2.06s;--space-s:clamp(1.3125rem, 1.24rem + .33vw, 1.5rem);--space-l:clamp(2.1875rem, 2.07rem + .56vw, 2.5rem);--space-xl:clamp(3.0625rem, 2.9rem + .78vw, 3.5rem);--s-0:clamp(.9375rem, .87rem + .33vw, 1.125rem);--s-1:clamp(1.055rem, .95rem + .52vw, 1.35rem);--s-2:clamp(1.50188rem, 1.2rem + 1.48vw, 2.3325rem);--rule:1px solid var(--faint);--leading-0:.85;--leading-1:1.12;--uppercase-spacing:.1ch}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--s-0);line-height:var(--leading-1);font-optical-sizing:auto;font-variation-settings:var(--wght-normal);margin:0;overflow-x:hidden}:where(h1,h2,h3,dl,dt,dd){text-wrap:balance;font-optical-sizing:none;margin:0}h2{font-size:var(--s-1);text-transform:uppercase;letter-spacing:var(--uppercase-spacing);font-variation-settings:var(--wght-bold);text-align:center;margin-block-start:var(--space-l);margin-block-end:var(--space-l)}:where(dl){padding:0}:where(p){hanging-punctuation:first allow-end last;text-wrap:pretty;font-variant-numeric:proportional-nums}svg:not([fill]){fill:currentColor}:where(img),:where(picture){max-inline-size:100%;display:block}:where(a){color:var(--fg);-webkit-text-decoration:underline .075em var(--bg);-webkit-text-decoration:underline .075em var(--bg);text-decoration:underline .075em var(--bg);text-underline-offset:.25em}:where(a:hover){-webkit-text-decoration:underline .075em var(--fg);-webkit-text-decoration:underline .075em var(--fg);text-decoration:underline .075em var(--fg);transition:text-decoration-color .3s}:where(a:focus-visible){outline-offset:4px;outline:2px solid}::target-text{color:var(--bg);background-color:var(--fg)}.overlay{text-transform:uppercase;letter-spacing:var(--uppercase-spacing);padding:var(--space-s);justify-content:space-between;gap:var(--space-s);z-index:10;mix-blend-mode:difference;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--spring-duration) var(--spring-ease), visibility 0s var(--spring-ease) var(--spring-duration);display:flex;position:fixed;inset-inline:0;transform:none}nav.overlay{inset-block-start:0}footer.overlay{inset-block-end:0}body.iss .overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--spring-duration) var(--spring-ease)}main>section{padding:var(--space-s)}#start{z-index:20;pointer-events:none;place-items:center;min-block-size:100vh;display:grid;inset:0}#logo{will-change:opacity;block-size:auto;inline-size:clamp(180px,28vw,320px)}#intro{text-align:center}#content>*+*{margin-block-end:var(--space-s)}#content{padding-block-end:20ch}#content h2{text-align:left}#content a{text-decoration:underline}#projects,#content{width:min(100% - 2rem, var(--container-max,100ch));margin-inline:auto;padding-block-start:calc(var(--space-s) + 15vh)}.project{gap:var(--space-l);font-size:var(--s-2);color:var(--fg);border-block-end:var(--rule);-webkit-user-select:none;user-select:none;-webkit-text-decoration-color:var(--bg);-webkit-text-decoration-color:var(--bg);text-decoration-color:var(--bg);font-variation-settings:var(--wght-bold);grid-template-columns:1fr auto;padding-block:clamp(.9rem,1.4vw,1.35rem);transition:text-decoration-color .3s;display:grid}.project h3,.project hgroup{font-size:var(--s-2)}hgroup:hover{-webkit-text-decoration-color:var(--fg);-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg);text-decoration:underline}.project:not(hgroup){cursor:inherit;text-decoration:none}.project:last-child{border-block-end:none}.project span{font-variant-numeric:tabular-nums;text-align:right;font-size:var(--s-0);font-variation-settings:var(--wght-normal);place-self:end}#projects>details{border-block-end:var(--rule)}.stills{--min:25rem;--gap:1rem;--aspect-ratio:16/9;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));margin-block:var(--space-s);display:grid}details>summary{text-wrap:pretty;list-style:none}details>summary::-webkit-details-marker{display:none}.detail>*{margin-block:var(--space-s)}.detail:last-child{margin-bottom:var(--space-s)}.detail>a{text-underline-offset:.25em;text-transform:uppercase;text-decoration:underline}.detail>a:not(:last-child){padding-right:var(--space-s)}details:open>h3{-webkit-text-decoration:underline .075em var(--fg);-webkit-text-decoration:underline .075em var(--fg);text-decoration:underline .075em var(--fg);transition:none}#contact{text-align:center;place-items:center;display:grid}#contact p{font-size:var(--s-2);max-inline-size:50ch;padding-inline:var(--space-s);margin-block-start:var(--space-xl);margin-inline:auto}#contact>a{font-size:var(--s-1);font-variation-settings:var(--wght-bold);text-transform:uppercase;letter-spacing:var(--uppercase-spacing);margin:var(--space-xl) 0;padding:var(--space-s);border:2px solid var(--fg);transition:background-color var(--spring-duration) var(--spring-ease), color var(--spring-duration) var(--spring-ease);text-decoration:none;display:inline-block}#contact>a:hover{background:var(--fg);color:var(--bg);text-decoration:none}#contact>span{margin:var(--space-xl) 0}#intro h1{--fill-length:initial;max-width:100rem;line-height:var(--leading-0);font-variation-settings:var(--wght-bold);text-wrap:nowrap;margin-inline:auto;display:flex;container-type:inline-size}.fill__ref{visibility:hidden}.fill__container{--fill-length:100cqi;--aspace:var(--fill-length);flex-grow:1;container-type:inline-size}.fill__display{--fill-length:100cqi;--ratio:tan(atan2(var(--aspace), var(--aspace) - var(--fill-length)));inline-size:var(--aspace);font-size:var(--s-1);font-size:clamp(var(--s-1), 1em * var(--ratio), var(--max-font-size,infinity * 1px));display:block}@property --fill-length{syntax:"<length>";inherits:true;initial-value:0}