:root{--color-bg:#000;--color-text:#fff;--color-text-soft:rgba(255,255,255,0.4);--color-border-soft:rgba(255,255,255,0.4);--color-error:#d50d0d;--color-bg-inv:#fff;--color-text-inv:#000;--color-link:#fff;--color-link-active:#fff;--z-index-header:10;--z-index-cursor:9999;--cursor-size:2.5rem;--cursor-path:"M 58 24 C 76.78 24 92 39.22 92 58 C 92 76.78 76.78 92 58 92 C 39.22 92 24 76.78 24 58 C 24 39.22 39.22 24 58 24 Z";--cursor-click-scale:0.5;--cursor-click-duration:110ms;--cursor-click-easing:ease-out;--cursor-link-path:"M 60.18 49.7 C 56.2488 77.364 52.3176 106.484 49.6968 126.868 C 57.5592 121.044 65.4216 115.22 74.5944 107.94 C 81.1464 109.396 102.1128 113.764 109.9752 115.22 C 95.5608 96.292 66.732 58.436 60.18 49.7 Z";--cursor-link-transition-duration:140ms;--cursor-link-transition-easing:ease-in-out;--cursor-frame-width:11rem;--cursor-frame-height:16rem;--cursor-frame-transition-duration:220ms;--cursor-frame-transition-easing:ease-in-out;--enter-duration-header:1600ms;--enter-duration-text:1200ms;--enter-duration-media:1200ms;--enter-duration-title:800ms;--enter-duration-default:var(--enter-duration-text);--enter-delay-default:0ms;--enter-delay-header:920ms;--enter-delay-above-header-text:400ms;--enter-delay-above-header-media:640ms;--enter-delay-title:100ms;--enter-easing-standard:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{color-scheme:dark}body{background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh;margin:0 auto;padding:0;width:min(90vw,140ch)}main{flex-grow:1}img,picture,video,canvas,svg{display:block;max-width:100%}

  html{font-size:62.5%}body{font-family:"Inter","Helvetica Neue","Ubuntu","Droid Sans",sans-serif;font-feature-settings:"cv06","cv13","ss01","ss03","ss04";font-size:1.6rem;color:var(--color-text)}a{color:var(--color-link);&:active{color:var(--color-link-active)}}h2{margin:0;font-size:clamp(6rem, 14vw, 15.8rem);letter-spacing:clamp(-15px, -1vw, -6px);line-height:0.9;font-weight:700}h1:has(svg.expand-text){width:100%;svg.expand-text{width:100%;text{fill:var(--color-text);font-weight:600;letter-spacing:-3.8px;text-anchor:start;dominant-baseline:hanging}}}.text-l{font-size:clamp(3.2rem, 2.8rem + 1vw, 4rem);font-weight:500;line-height:1.1}.text-md{font-size:1.8rem;line-height:1.35}.text-sm{font-size:1.3rem;line-height:1.15}.text-soft{color:var(--color-text-soft)}.text-heavy{font-weight:600}

  input,textarea,button{all:unset;border-radius:4px;padding:1.2rem}input,textarea{color:var(--color-text);background:var(--color-bg);outline:1px solid var(--color-border-soft);transition:outline 240ms ease-out}input:placeholder,textarea:placeholder{color:var(--color-text-soft)}input:focus,textarea:focus{outline:1px solid var(--color-text)}textarea{resize:vertical}button{background:var(--color-bg-inv);color:var(--color-text-inv);font-weight:bold;text-align:center;user-select:none;transition:filter 240ms ease-in-out}button:hover{filter:brightness(80%)}button:disabled{filter:brightness(50%)}.form-status.error{color:var(--color-error)}form#contact{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:40rem;align-self:center;label{display:flex;flex-direction:column;gap:0.6rem}}

  .enter-clip{overflow:hidden}[data-enter]{--enter-delay:var(--enter-delay-default);--enter-duration:var(--enter-duration-default);--enter-distance-x:0;--enter-distance-y:1.6rem;animation:enter-slide var(--enter-duration) var(--enter-easing-standard) var(--enter-delay) both;will-change:opacity,transform}[data-enter="clip-up"]{--enter-distance-x:0;--enter-distance-y:100%}[data-enter="clip-right"]{--enter-distance-x:-100%;--enter-distance-y:0}[data-enter="slide-down"]{--enter-distance-x:0;--enter-distance-y:-50%}[data-enter="slide-left"]{--enter-distance-x:50%;--enter-distance-y:0}[data-enter-delay="header"]{--enter-delay:var(--enter-delay-header)}[data-enter-delay="above-header-text"]{--enter-delay:var(--enter-delay-above-header-text)}[data-enter-delay="above-header-media"]{--enter-delay:var(--enter-delay-above-header-media)}[data-enter-delay="title"]{--enter-delay:var(--enter-delay-title)}[data-enter-duration="header"]{--enter-duration:var(--enter-duration-header)}[data-enter-duration="text"]{--enter-duration:var(--enter-duration-text)}[data-enter-duration="media"]{--enter-duration:var(--enter-duration-media)}[data-enter-duration="title"]{--enter-duration:var(--enter-duration-title)}@keyframes enter-slide{from{opacity:0;transform:translate3d(var(--enter-distance-x),var(--enter-distance-y),0)}to{opacity:1;transform:translate3d(0,0,0)}}@media (prefers-reduced-motion:reduce){[data-enter]{animation:none;will-change:auto}}

  @media (hover:none){.cursor-el{display:none}}@media (pointer:fine) and (hover:hover){.cursor-el{position:fixed;top:0;left:0;z-index:var(--z-index-cursor);width:var(--cursor-size);height:var(--cursor-size);border-radius:50%;opacity:0;pointer-events:none;transform:translate3d(-50%,-50%,0);transition:opacity 120ms ease,width 120ms ease,height 120ms ease;will-change:transform}.cursor-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cursor-shape-path{d:path(var(--cursor-path));fill:#fff;transform-box:fill-box;transform-origin:center;transition:d var(--cursor-link-transition-duration) var(--cursor-link-transition-easing),transform var(--cursor-link-transition-duration) var(--cursor-link-transition-easing)}.cursor-frame-image{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}html.custom-cursor{*{cursor:none}&.cursor-invert .cursor-el{opacity:1;mix-blend-mode:difference}&.cursor-framed .cursor-el{width:var(--cursor-frame-width);height:var(--cursor-frame-height);background:var(--color-bg-inv);border-radius:0.5rem;overflow:hidden;mix-blend-mode:normal;.cursor-shape{display:none}.cursor-frame-image{display:block}.cursor-frame-image-incoming{display:none}}&.cursor-frame-forward .cursor-el .cursor-frame-image-current{animation:cursor-frame-current-forward var(--cursor-frame-transition-duration) var(--cursor-frame-transition-easing) both}&.cursor-frame-forward .cursor-el .cursor-frame-image-incoming{display:block;animation:cursor-frame-incoming-forward var(--cursor-frame-transition-duration) var(--cursor-frame-transition-easing) both}&.cursor-frame-reverse .cursor-el .cursor-frame-image-current{animation:cursor-frame-current-reverse var(--cursor-frame-transition-duration) var(--cursor-frame-transition-easing) both}&.cursor-frame-reverse .cursor-el .cursor-frame-image-incoming{display:block;animation:cursor-frame-incoming-reverse var(--cursor-frame-transition-duration) var(--cursor-frame-transition-easing) both}&.cursor-link:not(.cursor-framed) .cursor-el .cursor-shape-path{d:path(var(--cursor-link-path))}&.cursor-clicking .cursor-el .cursor-shape{animation:cursor-click var(--cursor-click-duration) var(--cursor-click-easing)}}@keyframes cursor-click{50%{transform:scale(var(--cursor-click-scale))}}@keyframes cursor-frame-current-forward{to{transform:translateY(-100%)}}@keyframes cursor-frame-incoming-forward{from{transform:translateY(100%)}}@keyframes cursor-frame-current-reverse{to{transform:translateY(100%)}}@keyframes cursor-frame-incoming-reverse{from{transform:translateY(-100%)}}}

  header{position:sticky;top:0;z-index:var(--z-index-header);display:flex;justify-content:space-between;align-items:baseline;gap:2.4rem;padding:1.2rem 0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border-soft)}nav{flex-grow:1;display:flex;flex-direction:row;justify-content:end;gap:1.2rem;font-size:1.8rem}.logo>a{font-size:2.4rem;text-decoration:none}@media (max-width:639px){header{flex-direction:column;gap:0.8rem;aside{display:none}}}

  section{margin-top:4rem}section#above-header{display:flex;flex-direction:column;gap:2.4rem;justify-content:space-between;align-items:start;padding-top:1.6rem;text-align:left;>video{width:min(100%,42rem);border-radius:1.2rem;object-fit:cover}}section#who-am-i{display:grid;gap:2.4rem;padding:2.4rem 0;.portrait-parallax{overflow:hidden;border-radius:1.2rem}.portrait-parallax>img{display:block;width:100%;object-fit:cover;transform:translateY(var(--parallax-y,0)) scale(1.20);transform-origin:center;will-change:transform}.personal-statement{margin-bottom:2.4rem}}@media (prefers-reduced-motion:reduce){section#who-am-i .portrait-parallax img,section#what-i-do>img[data-parallax="image"]{transform:none}}section#my-background>div[data-parallax="paragraph"]{max-width:70%;margin:0 auto}section#what-i-do{display:grid;gap:2.4rem;padding:2.4rem 0}section#what-i-do>img,section#what-i-do video{width:100%;border-radius:1.2rem;object-fit:cover;display:none}section#what-i-do video{align-self:center;max-width:60%}section#what-i-do>img[data-parallax="image"]{transform:translateY(var(--parallax-y,0));will-change:transform}section#what-i-do>div{height:100%;display:flex;flex-direction:column;gap:2.4rem;justify-content:center}section#what-i-do span{max-width:50%}section#services{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem 0;.services-band{display:flex;justify-content:space-around;align-items:center;padding-block:0.4rem;background:var(--color-bg-inv);color:var(--color-text-inv)}.services-list{counter-reset:service;max-width:100%;margin:0 0 0 auto}.services-list .service{counter-increment:service;display:flex;flex-direction:row;gap:2.4rem;padding:3.2rem 0;border-top:1px solid var(--color-border-soft);&:last-child{border-bottom:1px solid var(--color-border-soft)}&::before{content:counter(service,decimal-leading-zero);align-self:end;color:var(--color-text);font-size:1.2rem;line-height:1.2;width:5.6rem;display:none}.service-inner{flex-grow:1;display:grid;grid-template-columns:1fr 2fr;gap:2.4rem;>img{display:none}}}}section#thanks{display:flex;flex-direction:column;gap:2.4rem;margin-bottom:3.6rem}.client-logos{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;.client-logo{display:flex;align-items:center;justify-content:center;min-height:7.2rem;padding:1.2rem;img{max-height:4.8rem;width:auto;object-fit:contain}}.client-logo:nth-child(11):last-child{grid-column:1 / span 2}}@media (min-width:640px){section#above-header{flex-direction:row}section#who-am-i{grid-template-columns:minmax(24rem,33%) minmax(0,1fr);align-items:start}section#what-i-do{grid-template-columns:minmax(24rem,33%) minmax(0,1fr);align-items:start}.client-logos{gap:1.6rem;grid-template-columns:repeat(3,minmax(0,1fr));&:has(>:nth-child(11):last-child){&:nth-child(10){grid-row:4;grid-column:1 / span 2}&:nth-child(11){grid-row:4;grid-column:2 / span 2}}}section#what-i-do>img,section#what-i-do video{display:block}section#services{>.services-list{max-width:80%;.service-inner{display:flex;flex-direction:row}.service::before{display:block}>div{grid-template-columns:minmax(5.6rem,12%) minmax(16rem,24%) minmax(0,1fr);gap:clamp(2.4rem, 6vw, 8rem);padding:3.8rem 0}.desc{grid-column:auto}}}}@media (min-width:960px){section#who-am-i{grid-template-columns:33% minmax(0,1fr)}section#what-i-do{grid-template-columns:33% minmax(0,1fr)}.client-logos{grid-template-columns:repeat(12,minmax(0,1fr))}.client-logos:has(>:nth-child(11):last-child){>:nth-child(1){grid-column:2 / span 2;grid-row:1}>:nth-child(2){grid-column:4 / span 2;grid-row:1}>:nth-child(3){grid-column:6 / span 2;grid-row:1}>:nth-child(4){grid-column:8 / span 2;grid-row:1}>:nth-child(5){grid-column:10 / span 2;grid-row:1}>:nth-child(6){grid-column:1 / span 2;grid-row:2}>:nth-child(7){grid-column:3 / span 2;grid-row:2}>:nth-child(8){grid-column:5 / span 2;grid-row:2}>:nth-child(9){grid-column:7 / span 2;grid-row:2}>:nth-child(10){grid-column:9 / span 2;grid-row:2}>:nth-child(11){grid-column:11 / span 2;grid-row:2}}}