:root{color-scheme:dark;--black: #020202;--white: #fdfdfd;--muted: #cccccc;--gap: clamp(2px, .22vw, 4px);--section-gap: clamp(3rem, 6.25vw, 6.25rem)}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;min-width:0;overflow-x:clip;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}main{width:100%;overflow:clip}.hero{padding:clamp(.35rem,1.25vw,1.25rem) clamp(.35rem,1vw,1rem) 0;overflow:hidden}.hero h1{margin:0;line-height:0}.hero img{display:block;width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;min-height:clamp(5.4rem,6.2vw,6.5rem);padding:0 clamp(.45rem,1.05vw,1.05rem);color:var(--muted)}.language-switch{display:flex;gap:.45em;align-items:center;color:var(--muted);font-size:clamp(.55rem,1vw,1rem);font-weight:700;line-height:1.22;white-space:nowrap}.language-switch a{color:inherit;text-decoration:none}.language-switch a[aria-current=page]{color:var(--white)}.language-switch a:hover,.language-switch a:focus-visible{color:var(--white);text-decoration:underline;text-underline-offset:.18em}.intro p{max-width:none;margin:0;font-size:clamp(.55rem,1vw,1rem);font-weight:700;line-height:1.22}.portfolio-section{position:relative;display:grid;grid-template-columns:minmax(15rem,20.4vw) minmax(0,1fr);align-items:start;gap:var(--gap);padding:0 clamp(.2rem,.55vw,.56rem);--heading-exit-x: -115%;--heading-exit-y: 0;--active-column-span: 2}.section-intro{grid-column:1;grid-row:1;min-width:0;padding:.1rem clamp(.6rem,1vw,1rem) 0 .45rem;transition:transform .22s ease,opacity .18s ease,visibility 0s linear;will-change:transform,opacity}.portfolio-section[data-active-project] .section-intro{visibility:hidden;opacity:0;transform:translate(var(--heading-exit-x),var(--heading-exit-y));pointer-events:none;transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s}.section-intro h2,.about-section h2{margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(5rem,13.4vw,13.5rem);font-weight:900;line-height:.82;letter-spacing:-.055em}.section-heading-image{display:block;width:100%;height:auto}.section-intro p{max-width:20rem;margin:clamp(.6rem,1.3vw,1.3rem) 0 0;color:var(--muted);font-size:clamp(.66rem,.76vw,.76rem);line-height:1.24}.project-grid{display:grid;grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--project-row-height, auto);grid-auto-flow:dense;align-items:start;gap:var(--gap)}.project-card{position:relative;display:block;width:100%;grid-column:span var(--card-column-span, 1);grid-row:span var(--card-row-span, 1);aspect-ratio:var(--card-aspect, 2.97 / 1);min-width:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#d9d9d9;color:#020202;text-align:left}.project-card__thumbnail{position:absolute;inset:0;display:block;overflow:hidden}.project-card__thumbnail>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--object-position, center top);filter:saturate(.92) contrast(.98)}.project-card__details{display:none;width:100%;background:var(--white)}.project-card__details>img{display:block;width:100%;height:auto;margin:0;object-fit:initial;filter:none}.project-description{display:block;padding:clamp(1rem,2vw,2rem);background:var(--white);color:var(--black);font-size:.8rem;line-height:1.5}.project-card--expandable{cursor:pointer}.project-card--expandable:focus-visible{outline:3px solid #72a5ff;outline-offset:-3px}.project-card--expandable[aria-expanded=true]{grid-column:var(--active-column) / span var(--active-column-span, 2);grid-row:var(--active-row) / span var(--active-row-span);justify-self:var(--active-justify);width:min(100%,1000px);aspect-ratio:auto;height:auto;overflow:visible;background:transparent;cursor:pointer;z-index:3}.project-card--expandable[aria-expanded=true] .project-card__thumbnail{display:block;inset:0 auto auto 0;width:100%;aspect-ratio:var(--detail-first-aspect);z-index:1}.project-card--expandable[aria-expanded=true] .project-card__details{position:relative;display:block;opacity:0;z-index:2;transition:opacity .14s ease-out}.project-card--expandable[aria-expanded=true] .project-card__thumbnail>img{object-fit:cover}.project-card--expandable[aria-expanded=true][data-details-loaded=true] .project-card__details{opacity:1}.project-card--expandable[data-closing=true]{height:auto;aspect-ratio:auto;overflow:hidden;background:transparent;z-index:3}.project-card--expandable[data-closing=true] .project-card__thumbnail{display:block;opacity:0}.project-card--expandable[data-closing=true] .project-card__details{display:block;opacity:1}.web-section{min-height:clamp(31rem,31.6vw,32rem)}.web-section .section-intro h2{width:min(18.4375vw,18.4375rem)}.portfolio-section+.portfolio-section,.portfolio-section+.about-section{margin-top:var(--section-gap)}.design-section{grid-template-columns:minmax(0,7fr) minmax(28rem,3fr);min-height:clamp(26rem,32.5vw,33rem);--heading-exit-x: 115%}.design-section .section-intro{grid-column:2;padding-left:clamp(.6rem,1vw,1rem)}.design-section .project-grid{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr))}.design-section .section-intro h2{width:min(29.375vw,29.375rem);font-size:clamp(5rem,10.5vw,10.5rem)}.design-section .section-intro p{max-width:29.5rem}.photo-section{grid-template-columns:repeat(8,minmax(0,1fr));min-height:clamp(31rem,38.5vw,39rem);--heading-exit-x: 0;--heading-exit-y: -115%;--active-column-span: 3}.photo-section .section-intro{z-index:2;grid-column:3 / 6;grid-row:1;justify-self:center;width:min(26.8125vw,26.8125rem);padding:0;text-align:center}.photo-section .section-intro h2{width:100%;font-size:clamp(5rem,11vw,11rem)}.photo-section .section-intro p{max-width:22.1rem;margin:clamp(.6rem,1.3vw,1.3rem) auto 0}.photo-section .project-grid{grid-column:1 / -1;grid-row:1;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row}.photo-section .project-grid:before{content:"";grid-column:3 / 6;grid-row:1;min-height:clamp(31rem,38.5vw,39rem);pointer-events:none}.photo-section[data-active-project] .project-grid:before{display:none}@media(min-width:761px){.photo-section .project-card:nth-child(1):not([aria-expanded=true]):not([data-closing=true]){grid-column:1;grid-row:1}.photo-section .project-card:nth-child(2):not([aria-expanded=true]):not([data-closing=true]){grid-column:2;grid-row:1}.photo-section .project-card:nth-child(3):not([aria-expanded=true]):not([data-closing=true]){grid-column:6;grid-row:1}.photo-section .project-card:nth-child(4):not([aria-expanded=true]):not([data-closing=true]){grid-column:7;grid-row:1}.photo-section .project-card:nth-child(5):not([aria-expanded=true]):not([data-closing=true]){grid-column:8;grid-row:1}}.graphic-section{grid-template-columns:minmax(18rem,36vw) minmax(0,1fr);min-height:clamp(28rem,35vw,35rem)}.graphic-section .section-intro h2{width:min(35.0625vw,35.0625rem);font-size:clamp(4.8rem,10.5vw,10.5rem)}.graphic-section .project-grid{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));width:min(70vw,70rem);margin-top:clamp(.8rem,2vw,2rem)}.about-section{display:grid;grid-template-columns:min(26.5625vw,26.5625rem) min(35.1vw,35.1rem) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:clamp(.65rem,.75vw,.75rem);min-height:clamp(31rem,35vw,35rem);padding:0 clamp(.55rem,1vw,1rem)}.about-section h2{grid-column:1;grid-row:1;width:100%;font-size:clamp(5rem,10.5vw,10.5rem)}.about-copy{grid-column:2;grid-row:1;padding-top:clamp(2.5rem,3.75vw,3.75rem);color:var(--muted)}.about-introduction{margin:0 0 clamp(1rem,1.35vw,1.35rem);font-size:clamp(.66rem,.75vw,.75rem);line-height:1.25}.about-portrait{display:block;grid-column:1 / 3;grid-row:2;width:min(39vw,39rem);height:auto;margin-top:clamp(1.5rem,2.15vw,2.15rem)}.about-profile{color:var(--muted);font-size:clamp(.66rem,.75vw,.75rem);line-height:1.25}.about-profile p{margin:0}.about-links{display:grid;justify-items:start;margin-top:clamp(.55rem,.9vw,.9rem);font-size:clamp(.75rem,.875vw,.875rem);font-style:italic;font-weight:700}.about-links a{color:inherit;text-decoration:none}.about-links a:hover,.about-links a:focus-visible{color:var(--white);text-decoration:underline;text-underline-offset:.18em}footer{display:flex;justify-content:space-between;gap:2rem;padding:5rem 1rem 1.5rem;color:var(--muted);font-size:.75rem;font-weight:700}footer p{margin:0}@media(max-width:760px){.intro{grid-template-columns:1fr;gap:.7rem;min-height:7rem}.intro p{font-size:.62rem}.language-switch{justify-self:end;font-size:.62rem}.portfolio-section{grid-template-columns:1fr;min-height:auto;margin-top:3rem;gap:var(--gap);padding-inline:.35rem}.section-intro{display:grid;grid-column:1 / -1;grid-row:auto;grid-template-columns:minmax(8rem,38vw) 1fr;gap:.9rem;margin-bottom:calc(1rem - var(--gap));padding:0}.project-grid{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.design-section .section-intro,.photo-section .section-intro,.graphic-section .section-intro{grid-column:1 / -1;grid-row:auto;justify-self:stretch;width:auto;padding:0;text-align:left}.design-section .project-grid,.photo-section .project-grid,.graphic-section .project-grid{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:0}.photo-section .project-grid:before{display:none}.portfolio-section[data-active-project] .project-grid{grid-template-columns:1fr}.section-intro h2{font-size:clamp(5.4rem,25vw,9rem)}.web-section .section-intro h2,.design-section .section-intro h2,.photo-section .section-intro h2,.graphic-section .section-intro h2{width:100%}.section-intro p{align-self:end;margin:0 0 .3rem;font-size:.62rem}.web-section .project-card{--card-aspect: 1.65 / 1 !important}.project-card--expandable[aria-expanded=true]{grid-column:1;grid-row:var(--active-row);height:auto}footer{display:block}footer p+p{margin-top:.5rem}.about-section{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto;margin-top:3rem;padding-inline:.35rem}.about-section h2,.about-copy,.about-portrait{grid-column:1;grid-row:auto}.about-section h2{width:min(70vw,26.5625rem)}.about-copy{max-width:35rem;padding-top:1.5rem}.about-portrait{width:min(100%,39rem);margin-top:1.5rem}}@media(max-width:430px){.portfolio-section,.project-grid,.design-section .project-grid,.photo-section .project-grid,.graphic-section .project-grid,.portfolio-section[data-active-project] .project-grid{grid-template-columns:1fr}.project-card--expandable[aria-expanded=true]{grid-column:1;height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-intro,.portfolio-section[data-active-project] .section-intro{transition:none}}