@layer tokens,base,fonts,utilities,components,sections,overrides;@layer tokens{:root{--color-bg: #ffffff;--color-fg: #000000}:root{--space-4: .4rem;--space-8: .8rem;--space-16: 1.6rem;--space-20: 2rem;--space-24: 2.4rem;--space-40: 4rem;--space-48: 4.8rem;--space-80: 8rem;--space-160: 16rem;--space-256: 25.6rem;--space-400: 40rem;--grid-columns: 12;--grid-margin: 2rem;--grid-gutter: 2rem;--grid-track: calc( (100dvw - (var(--grid-margin) * 2) - (var(--grid-gutter) * (var(--grid-columns) - 1))) / var(--grid-columns) );--span-1: calc((var(--grid-track) * 1) + (var(--grid-gutter) * 0));--span-2: calc((var(--grid-track) * 2) + (var(--grid-gutter) * 1));--span-3: calc((var(--grid-track) * 3) + (var(--grid-gutter) * 2));--span-4: calc((var(--grid-track) * 4) + (var(--grid-gutter) * 3));--span-5: calc((var(--grid-track) * 5) + (var(--grid-gutter) * 4));--span-6: calc((var(--grid-track) * 6) + (var(--grid-gutter) * 5));--span-7: calc((var(--grid-track) * 7) + (var(--grid-gutter) * 6));--span-8: calc((var(--grid-track) * 8) + (var(--grid-gutter) * 7));--span-9: calc((var(--grid-track) * 9) + (var(--grid-gutter) * 8));--span-10: calc((var(--grid-track) * 10) + (var(--grid-gutter) * 9));--span-11: calc((var(--grid-track) * 11) + (var(--grid-gutter) * 10));--span-12: calc((var(--grid-track) * 12) + (var(--grid-gutter) * 11))}@media(max-width:1100px){:root{--grid-columns: 4;--grid-margin: 20px;--grid-gutter: 20px}}:root{--font-family-base: "Dionisio", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--type-base-font: 700 1rem/1 var(--font-family-base);--type-base-letter: .01em;--type-base-transform: uppercase;--type-copy-font: 700 1.2rem/1.4 var(--font-family-base);--type-copy-letter: .01em;--type-copy-transform: uppercase;--type-selector-font: 700 1.6rem/1 var(--font-family-base);--type-selector-letter: .01em;--type-selector-transform: uppercase;--selector-line-height: 2.4rem}@media(max-width:1100px){:root{--type-base-font: 700 12px/1 var(--font-family-base);--type-copy-font: 700 12px/1.4 var(--font-family-base)}}:root{--preview-aspect-ratio: 740 / 843}}@layer fonts{@font-face{font-family:Dionisio;src:url(/fonts/Dionisio/Dionisio-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Dionisio;src:url(/fonts/Dionisio/Dionisio-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}}@layer base{html,body,#root{height:100%}html,body{overflow:hidden;overscroll-behavior:none}*{scrollbar-width:none}*{-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{font-size:calc(100dvw / (1500 / 10))}@media(max-width:1100px){html{font-size:clamp(10px,3vw,12px)}}body{margin:0;font-family:var(--font-family-base);position:relative;background:var(--color-bg)}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}main{min-height:100vh}.media-image{width:100%;height:100%;object-fit:cover;display:block}}@layer sections{.base,.content,.loader{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,var(--grid-track)));grid-template-rows:minmax(0,1fr);column-gap:var(--grid-gutter);padding-inline:var(--grid-margin);margin:0;box-sizing:border-box;height:100dvh;width:100dvw;overflow-x:clip;position:relative}.base .hero-stack{position:relative;width:100%;z-index:100}.base>.details,.content>.details,.loader>.details,.base>.media,.content>.media,.loader>.media,.base .hero-stack{height:100%;box-sizing:border-box;grid-row:1}.base>.details,.content>.details,.loader>.details{position:relative;grid-column:1 / span 6}.base>.media,.content>.media,.loader>.media{grid-column:7 / span 6;overflow:hidden;width:calc(100% + var(--grid-margin));margin-inline-end:calc(-1 * var(--grid-margin))}@media(max-width:1100px){.base,.content,.loader{display:flex;flex-direction:column;height:100%;padding-inline:0}.base>.details,.content>.details,.loader>.details{flex:0 0 50%;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}.base>.media,.content>.media,.loader>.media{width:100%;flex:1 1 50%;margin-inline:0;overflow:hidden}}}@layer sections{.base{position:fixed;inset:0;overflow:hidden;touch-action:none}.base>.media{position:relative;background-color:var(--color-bg)}.base .media .hero{position:absolute;inset:0}.base .media .hero.rail__base,.base .media .hero.parallax__base,.base .media .hero.rail,.base .media .hero.clip,.base .media .hero.scale,.base .media .hero.parallax,.base .media .hero.media{overflow:hidden}.base .media .hero.scale{transform-origin:50% 50%}.base .media .hero.rail__base,.base .media .hero.parallax__base,.base .media .hero.rail,.base .media .hero.parallax{will-change:transform}.base>.details{position:relative;display:flex;justify-self:start;align-items:center;width:100%;background:var(--color-bg)}}@layer sections{.content{position:fixed;inset:0;z-index:50;visibility:hidden;pointer-events:none;overscroll-behavior:contain}.content.visible{visibility:visible}.details .text-stack,.asset-stack{position:relative;height:100%}.details .text-stack{width:100%}.details .text-item{position:absolute;left:calc(var(--span-1) + var(--grid-gutter));top:40%;width:var(--span-4);box-sizing:border-box;opacity:0;pointer-events:none}.details .text-item.active{opacity:1}.details .text-item p{font:var(--type-copy-font);letter-spacing:var(--type-copy-letter);text-transform:var(--type-copy-transform)}.details .text-item p+p{margin-top:1em}.details .text-item p+p.collaborators-line{margin-top:2em}.details .text-item .collaborators-line .split-line-inner{display:flex;justify-content:space-between;width:100%}.details .text-item .collaborators-label,.details .text-item .collaborators-names{white-space:nowrap}.content>.media{position:relative;pointer-events:auto}.content>.details{overflow:hidden}.content>.details .split-line{overflow:hidden}.content>.details .split-line-inner{display:inline-block;will-change:transform}.asset-stack{list-style:none;margin:0;padding:0;overflow:hidden}.asset{position:absolute;inset:0}.asset.scale{background:#000;transform-origin:50% 50%}.content .asset.clip,.content .asset.scale{transform:translateZ(0);will-change:transform,clip-path}.content .asset.media{display:flex;align-items:center;justify-content:center}.content .asset.media .media-image{object-fit:contain;width:auto;height:auto;max-width:80%}@media(max-width:1100px){.content>.details{padding-inline:var(--grid-margin);z-index:1}.details .text-item{left:0;top:50%;transform:translateY(-50%);width:100%}}}@layer sections{.loader{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.loader-full,.loader-full .loader-hero,.loader-hero__track,.loader-hero__item,.loader-hero__clip,.loader-hero__scale,.loader-hero__parallax,.loader-hero__media,.loader-preview,.loader-preview__track,.loader-preview__item,.loader-preview__parallax,.loader-preview__media{position:absolute;inset:0}.loader-full .loader-hero__item{inset:50% 0 auto;height:50%}.loader-hero{width:100%;height:100%;overflow:hidden;position:relative}.loader-hero__track{overflow:hidden}.loader-hero__item,.loader-preview__item{opacity:0;will-change:transform}.loader-hero__item{overflow:hidden}.loader-hero__clip,.loader-preview__clip{overflow:hidden;background:#000}.loader-hero__clip{clip-path:inset(0%)}.loader-preview__clip{clip-path:inset(50%)}.loader-hero__clip{will-change:clip-path}.loader-hero__scale{transform:scale(1);transform-origin:center center;will-change:transform}.loader-hero__parallax{will-change:transform}.loader-hero__media img,.loader-hero__media video,.loader-preview__media img,.loader-preview__media video{width:100%;height:100%;object-fit:cover;display:block}.loader-preview__media{display:flex;align-items:center;justify-content:center}.loader-preview__media img,.loader-preview__media video{width:auto;height:auto;max-width:80%;max-height:80%;object-fit:contain}.loader-preview-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--span-2) * .75);aspect-ratio:var(--preview-aspect-ratio);pointer-events:none;z-index:6}.loader-preview{pointer-events:none}.loader-preview__clip{position:relative;width:100%;aspect-ratio:var(--preview-aspect-ratio)}.loader-preview__track{overflow:hidden;will-change:transform}.loader-preview__item,.loader-preview__parallax,.loader-preview__media{overflow:hidden}}@layer components{.nav,.footer{position:fixed;left:var(--grid-margin);width:var(--span-6);z-index:300;box-sizing:border-box;pointer-events:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav-left,.footer-left{justify-self:flex-start}.nav-center,.footer-center{justify-self:center}.nav-right,.footer-right{justify-self:flex-end}.segment{display:inline-block}.segment.dash{margin:0 .35ch}@media(max-width:1100px){.nav,.footer{position:absolute;left:0;right:0;width:100%;padding-inline:20px;pointer-events:auto}}}@layer components{.nav{top:var(--grid-margin)}.nav .button,.nav .dash{font:var(--type-base-font);letter-spacing:var(--type-base-letter);text-transform:var(--type-base-transform);color:var(--color-fg)}.nav.is-locked .button,.nav.is-locked .socials{pointer-events:none;cursor:default}@media(max-width:1100px){.nav{top:var(--space-20);grid-template-columns:auto 1fr auto}}}@layer components{.footer{bottom:var(--grid-margin)}.footer .clock,.footer .project-label,.footer .scroll-progress{font:var(--type-base-font);letter-spacing:var(--type-base-letter);text-transform:var(--type-base-transform);color:var(--color-fg);pointer-events:none;display:inline-flex;align-items:center;overflow:hidden}.clock__text,.project-label__text{display:inline-flex}.scroll-progress__char{display:inline-block}.footer-left{grid-column:1}.footer-center{grid-column:2}.footer-right{grid-column:3;position:relative}}@layer components{.nav .button{position:relative;overflow:hidden;appearance:none;border:0;background:transparent;text-decoration:none;cursor:pointer;padding:0;margin:0;display:inline-flex;align-items:center;pointer-events:auto}.nav .button>.second{position:absolute;left:0;top:0;will-change:transform;transform:translateY(100%)}}@layer components{.socials{display:inline-flex;align-items:center;gap:var(--space-4);pointer-events:auto;overflow:hidden}.socials .dash{justify-content:center;pointer-events:none}}@layer components{.project-label{opacity:0}}@layer components.components{@media(max-width:1100px){.mobile-project-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:0;position:absolute;left:var(--grid-margin);right:var(--grid-margin);bottom:calc(48px + var(--grid-gutter));color:var(--color-fg);pointer-events:auto;--meta-line-height: 16px;--meta-mask-pad: 1px;--meta-mask-height: calc(var(--meta-line-height) + (var(--meta-mask-pad) * 2))}.mobile-project-meta__skill{font:var(--type-base-font);letter-spacing:var(--type-base-letter);text-transform:var(--type-base-transform);overflow:hidden;line-height:var(--meta-line-height);flex:1 1 auto;min-width:0}.mobile-project-meta__skill-viewport{position:relative;overflow:hidden;height:var(--meta-mask-height);padding-block:var(--meta-mask-pad);display:inline-flex;align-items:center;white-space:nowrap;width:100%}.mobile-project-meta__skill-text{position:relative;display:inline-block;will-change:transform;white-space:nowrap}.mobile-project-meta__skill-text--next{position:absolute;inset:0}.mobile-project-meta .project-counter{display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:auto;height:var(--meta-mask-height);padding-block:var(--meta-mask-pad);line-height:var(--meta-line-height)}.mobile-project-meta .project-counter__slot,.mobile-project-meta .dash,.mobile-project-meta .project-counter__total{display:inline-flex;align-items:center;height:100%}}}@layer components.components{.project-counter{font:var(--type-base-font);letter-spacing:var(--type-base-letter);text-transform:var(--type-base-transform);color:var(--color-fg);pointer-events:none;display:inline-flex;align-items:center;overflow:hidden}.project-counter__slot{position:relative;display:inline-block;text-align:right}.project-counter__first,.project-counter__second{display:block;width:100%}.project-counter__first{position:relative}.project-counter__second{position:absolute;inset:0}.project-counter .dash,.project-counter__total{display:inline-block}.project-counter .dash{margin:0 .25em}@media(max-width:1100px){.project-counter{line-height:1;font-variant-numeric:tabular-nums}.project-counter__slot{height:1em;overflow:hidden}.project-counter__first,.project-counter__second{will-change:transform;position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end}}}@layer components.components{.scroll-progress{position:absolute;top:0;bottom:0;right:0;justify-content:flex-end;will-change:transform}.scroll-progress__text{display:inline-block;white-space:nowrap}}@layer components{.selector-row{overflow:hidden}.selector-row__frame{padding-inline:var(--space-4)}.selector-row__first,.selector-row__second{padding-inline:var(--space-4);will-change:transform,opacity;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;column-gap:var(--grid-gutter);pointer-events:none;z-index:1}.selector-row__first{position:relative;color:var(--color-fg)}.selector-row__second,.selector-row__frame{position:absolute;inset:0}.selector-row__second{color:var(--color-bg)}.selector-row__frame{background-color:var(--color-fg);pointer-events:none;z-index:0}.selector-row__link{display:block;position:relative;text-decoration:none;width:100%;pointer-events:auto;cursor:inherit;padding-block:var(--space-3)}.item-title,.item-skill{display:inline-flex;align-items:center;font:var(--type-selector-font);letter-spacing:var(--type-selector-letter);text-transform:var(--type-selector-transform);white-space:nowrap;line-height:var(--selector-line-height);width:max-content}.selector-stack{position:fixed;top:50%;transform:translateY(-50%);width:var(--span-6);opacity:0;z-index:5}.base.loaded .selector-stack{opacity:1}@media(min-width:1101px){.base.loaded .selector-stack{cursor:none}body.content-open .base.loaded .selector-stack{cursor:auto}}}@layer components.components{@media(max-width:1100px){.mobile-selector{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--space-8) 0;position:absolute;bottom:0;text-transform:uppercase;font:700 3.2rem/1 var(--font-family-base);white-space:nowrap;mix-blend-mode:exclusion}.mobile-selector__bg{position:absolute;inset:0;background:var(--color-bg);opacity:0;pointer-events:none;z-index:0}.mobile-selector__viewport,.mobile-selector__marquee{display:inline-flex;align-items:center}.mobile-selector__viewport{position:relative;overflow-y:hidden;overflow-x:visible;width:100%;height:1em;z-index:1;mix-blend-mode:exclusion}.mobile-selector__text{position:relative;display:inline-block;min-width:100%;will-change:transform;color:var(--color-bg);z-index:1}.mobile-selector__text--next{position:absolute;inset:0}.mobile-selector__marquee{will-change:transform;gap:var(--space-16)}.mobile-selector__label{display:inline-block}}}@layer components.components{.preview-stack{position:fixed;top:0;left:0;width:calc(var(--span-2) * .75);pointer-events:none;z-index:6}.preview.clip{position:relative;aspect-ratio:var(--preview-aspect-ratio);overflow:hidden;clip-path:inset(50%);background:#000}.preview.layer,.preview.rail,.preview.parallax,.preview.media{position:absolute;inset:0;overflow:hidden}.preview.rail,.preview.parallax{will-change:transform}.preview.media{display:flex;align-items:center;justify-content:center}.preview.media .media-image{object-fit:contain;width:auto;height:auto;max-width:80%;max-height:80%}}@layer components.components{.cursor-hint{position:fixed;inset:0;pointer-events:none;z-index:1000;color:var(--color-bg);mix-blend-mode:exclusion;display:none}.cursor-hint[data-enabled=false]{display:none!important}.cursor-hint__position{position:absolute;left:0;top:0}.cursor-hint__clip{display:inline-block;overflow:hidden;line-height:1}.cursor-hint__label{font:var(--type-base-font);font-weight:500;letter-spacing:.05em;text-transform:var(--type-base-transform);white-space:nowrap;opacity:0;will-change:transform,opacity;-webkit-font-smoothing:antialiased}}