@font-face{font-family:Vercetti;src:url(/assets/Vercetti-Regular-i75-ERCF.woff2) format("woff2"),url(/assets/Vercetti-Regular-B7Kpji-G.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #f1efe8;--ink: #0b0b0a;--orange: #e85a1a;--font: "Vercetti", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(1rem, 3vw, 3rem);--section-space: clamp(7rem, 12vw, 13rem);--max-width: 120rem}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--font);font-synthesis:weight;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{color:var(--paper);background:var(--ink)}.home{width:100%;max-width:var(--max-width);margin:0 auto;overflow:hidden;background:var(--paper)}.skip-link{position:fixed;z-index:10;top:.75rem;left:.75rem;padding:.75rem 1rem;color:var(--paper);background:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.hero{display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:var(--gutter)}.hero-title{margin-top:.04em;margin-left:-.08em;font-size:clamp(5.2rem,14.8vw,16.5rem);font-weight:700;letter-spacing:-.075em;line-height:.72;text-transform:uppercase}.hero-title>span{display:block;width:max-content}.hero-surname{margin-top:.13em;color:var(--ink)}.hero-dot{color:var(--orange)}.hero-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:2rem;padding-top:clamp(4rem,8vw,8rem);font-size:.78rem;font-weight:700;letter-spacing:.07em;line-height:1.35;text-transform:uppercase}.hero-intro>p{max-width:24ch}.hero-intro nav{display:flex;justify-content:flex-end;gap:clamp(1rem,2.5vw,2.5rem)}.hero-intro nav a{font-weight:900}.hero-intro a,.project-links a{display:inline-flex;min-height:44px;align-items:center}.projects{padding:var(--section-space) var(--gutter) var(--gutter)}.projects>h2{margin-left:-.08em;margin-bottom:clamp(3rem,7vw,7rem);font-size:clamp(4.5rem,9.5vw,10.5rem);font-weight:700;letter-spacing:-.07em;line-height:.78;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project{display:flex;min-height:clamp(32rem,48vw,42rem);min-width:0;flex-direction:column;padding:clamp(1.25rem,2.5vw,2.5rem)}.project--metro{color:var(--ink);background:var(--orange)}.project--msgs{color:var(--paper);background:var(--ink)}.project-heading{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:1rem}.project h3{margin-left:-.055em;font-size:clamp(5rem,9.1vw,10rem);font-weight:700;letter-spacing:-.075em;line-height:.78;text-transform:uppercase}.project time{flex:none;font-size:.68rem;font-weight:700;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}.project-description{max-width:34ch;margin-top:auto;padding-top:8rem;font-size:clamp(1.15rem,1.65vw,1.55rem);letter-spacing:-.025em;line-height:1.25}.project-links{display:flex;gap:2rem;margin-top:1.5rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.project-links a{font-weight:900}@media(hover:hover)and (pointer:fine){.hero-intro a,.project-links a{transition:transform .24s cubic-bezier(.16,1,.3,1)}.hero-intro a:hover,.project-links a:hover{transform:translateY(-.2rem)}.project h3 a{transition:color .22s ease}.project--metro h3 a:hover{color:#fff}.project--msgs h3 a:hover{color:var(--orange)}}@media(max-width:960px){.hero-title{font-size:clamp(5rem,15vw,9rem)}.project{min-height:36rem}}@media(max-width:700px){:root{--gutter: 1rem;--section-space: 7rem}.hero-title{font-size:clamp(4rem,20vw,6.5rem);line-height:.76}.hero-intro{grid-template-columns:1fr;gap:1.75rem}.hero-intro nav{display:grid;grid-template-columns:repeat(2,1fr);justify-content:initial;gap:0 1.5rem}.projects>h2{margin-bottom:3rem;font-size:clamp(3.5rem,18vw,6rem)}.project-grid{grid-template-columns:1fr}.project{min-height:30rem;padding:1rem}.project h3{font-size:clamp(4rem,21vw,6.5rem)}.project-heading{display:block}.project time{display:block;margin-top:.75rem}.project-description{max-width:30ch;padding-top:5rem;font-size:1.2rem}.project-links{justify-content:space-between}}@media(max-width:380px){.hero-intro{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}