@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;600&family=Geist:wght@400;600;650;900&display=swap";:root{--paper:#f1efe7;--ink:#11110f;--blue:#1738d1;--red:#ff4b2e;--yellow:#f2c94c;--font-sans:"Geist", Arial, sans-serif;--font-mono:"Geist Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), Arial, sans-serif;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:#fff}.site-header{z-index:10;border-bottom:1px solid #11110f59;justify-content:space-between;align-items:center;height:80px;padding:0 3vw;display:flex;position:relative}.wordmark{letter-spacing:-.08em;font-size:1.35rem;font-weight:900}.wordmark span{color:var(--red)}nav{font:600 .76rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:2.2rem;display:flex}.nav-cta{background:var(--ink);color:var(--paper);padding:.9rem 1.2rem;transition:all .2s}.nav-cta:hover{background:var(--blue)}.hero{flex-direction:column;min-height:calc(100vh - 80px);padding:3.5vh 3vw 4vh;display:flex;position:relative;overflow:hidden}.hero-kicker{font:600 .68rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;display:flex}.hero-stage{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(2rem,5vw,7rem);margin:clamp(3.5rem,7vh,6rem) 3vw 3rem 0;display:grid}.hero h1{letter-spacing:-.07em;z-index:1;width:auto;margin:0 0 0 -.025em;font-size:clamp(4.5rem,9.5vw,10.5rem);font-weight:900;line-height:.8;position:relative}.hero h1:after{content:"";background:var(--red);z-index:-1;width:23%;height:.055em;position:absolute;top:48%;right:0}.hero-bottom{z-index:3;margin-top:auto;display:block;position:relative}.hero-intro{letter-spacing:-.045em;margin:0;font-size:clamp(1.45rem,2.35vw,2.75rem);font-weight:650;line-height:1.05}.portrait-frame{aspect-ratio:1.08;background:var(--blue);z-index:2;width:100%;position:relative;overflow:hidden;transform:rotate(1.2deg)}.portrait-frame img{object-fit:cover;object-position:53% center;filter:saturate(.85)contrast(1.04);width:100%;height:100%;transform:scale(1.06)rotate(-1.2deg)}.portrait-label{background:var(--paper);font:600 .58rem/1 var(--font-mono);text-transform:uppercase;padding:.5rem .6rem;position:absolute;bottom:.7rem;right:.7rem;transform:rotate(-1deg)}.work,.experience{background:var(--ink);color:var(--paper);padding:7rem 3vw}.section-heading{font:600 .7rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #4a4a46;justify-content:space-between;padding-bottom:1.2rem;display:flex}.section-heading p{margin:0}.projects{border-bottom:1px solid #4a4a46}.project{border-top:1px solid #4a4a46;grid-template-columns:5% minmax(180px,28%) 1fr;align-items:center;gap:clamp(1.5rem,3vw,4rem);min-height:260px;padding:2rem 0;display:grid;position:relative;overflow:hidden}.project:first-child{border-top:0}.project:before{content:"";z-index:0;transition:transform .45s cubic-bezier(.75,0,.2,1);position:absolute;inset:0;transform:translate(-101%)}.project.blue:before{background:var(--blue)}.project.red:before{background:var(--red)}.project.yellow:before{background:var(--yellow)}.project:hover:before{transform:translate(0)}.project>*{z-index:1;position:relative}.project-number,.project-kind{font:600 .64rem/1.4 var(--font-mono);text-transform:uppercase}.project-visual{background:#282824;place-items:center;height:190px;display:grid;overflow:hidden;transform:rotate(-1deg)}.project-visual img{object-fit:cover;object-fit:cover;width:100%;height:100%;padding:0;transition:transform .5s}.project.blue .project-visual{background:var(--blue)}.project.red .project-visual{background:#181818}.project.yellow .project-visual{background:var(--yellow)}.project:hover .project-visual img{transform:scale(1.045)}.project-main{align-self:center}.project h2{letter-spacing:-.06em;margin:0 0 .8rem;font-size:clamp(2.35rem,4vw,4.25rem);line-height:.92}.project-copy{max-width:39rem;margin:0;font-size:.95rem;line-height:1.55}.about{grid-template-columns:1.35fr 1fr;gap:8vw;padding:9rem 3vw;display:grid}.eyebrow{font:600 .7rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 3rem}.about h2{letter-spacing:-.065em;margin:0;font-size:clamp(3.25rem,6vw,6.5rem);line-height:.94}.about h2 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.about-copy{padding-top:4rem}.about-copy>p{letter-spacing:-.02em;font-size:clamp(1.05rem,1.3vw,1.4rem);line-height:1.45}.about-copy>p+p{margin-top:2rem}.principle{border-top:1px solid;justify-content:space-between;gap:2rem;margin-top:5rem;padding-top:1rem;display:flex}.principle span{font:600 .65rem/1.4 var(--font-mono);text-transform:uppercase}.principle strong{font-size:1.1rem}.experience{padding-top:5rem}.experience-row{border-bottom:1px solid #4a4a46;grid-template-columns:12% 30% 18% 1fr;align-items:start;gap:1rem;padding:2rem 0;display:grid}.experience-row time,.company{font:600 .67rem/1.45 var(--font-mono);text-transform:uppercase}.experience-row h3{letter-spacing:-.03em;margin:0;font-size:1.35rem}.experience-row p{margin:0}.detail{color:#b8b7b0;max-width:36rem;line-height:1.55}.stack{border-bottom:1px solid #11110f59;padding:4rem 3vw}.stack .eyebrow{margin-bottom:1.5rem}.stack>p:last-child{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,2.8vw,3.25rem);line-height:1.3}.stack span{color:var(--red)}.contact{border-bottom:1px solid #11110f59;grid-template-columns:1fr 1fr;gap:8vw;padding:8rem 3vw;display:grid}.contact-heading>p{font:600 .7rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2rem}.contact h2{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,5.5vw,6rem);line-height:.92}.contact-details{border-top:1px solid var(--ink)}.contact-details>*{border-bottom:1px solid #11110f47;grid-template-columns:8rem 1fr;align-items:baseline;gap:1.5rem;min-width:0;padding:1.4rem 0;transition:padding .2s,color .2s;display:grid}.contact-details a:hover{color:var(--blue);padding-left:.65rem}.contact-details span{font:600 .65rem/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.contact-details strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(1rem,1.35vw,1.3rem);font-weight:600}.contact-primary strong{letter-spacing:-.035em;font-size:clamp(1.15rem,1.75vw,1.7rem)}.btt-manifesto{background:var(--ink);min-height:850px;color:var(--paper);grid-template-columns:18% minmax(0,1fr);gap:5vw;padding:7rem 3vw 5rem;display:grid;position:relative;overflow:hidden}.btt-stamp{width:clamp(110px,13vw,190px);height:clamp(110px,13vw,190px);transform:rotate(-9deg)}.btt-stamp img{object-fit:contain;width:100%;height:100%;display:block}.btt-content{z-index:2;max-width:1050px;position:relative}.btt-label{font:600 .7rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);margin:0 0 3rem}.btt-content h2{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.8}.btt-content h2 em{color:var(--red);font-family:Georgia,serif;font-weight:400}.btt-copy{grid-template-columns:1fr 1fr;gap:4vw;max-width:880px;margin:5rem 0 4rem;display:grid}.btt-copy p{margin:0;font-size:clamp(1.05rem,1.35vw,1.35rem);line-height:1.55}.btt-link{border:1px solid var(--paper);font:600 .68rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:1rem 1.3rem;transition:all .2s;display:inline-block}.btt-link:hover{background:var(--paper);color:var(--ink)}.btt-words{opacity:.08;letter-spacing:-.08em;pointer-events:none;flex-direction:column;align-items:flex-end;font-size:clamp(5rem,12vw,14rem);font-weight:900;line-height:.65;display:flex;position:absolute;bottom:-.18em;right:-2vw}footer{background:var(--blue);color:#fff;flex-direction:column;min-height:80vh;padding:6rem 3vw 2rem;display:flex}.footer-kicker{font:600 .7rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.footer-email{letter-spacing:-.075em;margin:8vh 0;font-size:clamp(3.8rem,9.5vw,9.75rem);font-weight:900;line-height:.8}.footer-email i{color:var(--yellow);font-family:Georgia,serif;font-weight:400}.footer-bottom{font:600 .66rem/1 var(--font-mono);text-transform:uppercase;border-top:1px solid #ffffff80;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.footer-bottom div{gap:2rem;display:flex}@media (width<=850px){nav>a:not(.nav-cta){display:none}.site-header{height:68px}.hero{min-height:auto;padding-bottom:3rem}.hero-stage{grid-template-columns:1fr;gap:2.25rem;margin:4rem 0 2.5rem}.hero h1{width:100%;font-size:18vw;line-height:.82}.hero-kicker span:last-child{display:none}.portrait-frame{aspect-ratio:1.15;justify-self:end;width:min(78vw,520px)}.hero-bottom{display:block}.hero-intro{font-size:1.75rem}.project{grid-template-columns:10% 1fr;min-height:0;padding:2.25rem 0}.project-visual{grid-column:2;width:100%;height:210px}.project-main{grid-column:2}.project-copy{margin:0}.project h2{font-size:clamp(2.7rem,10vw,4.25rem)}.about{grid-template-columns:1fr;padding:6rem 3vw}.about-copy{padding-top:0}.about h2{font-size:12vw}.experience-row{grid-template-columns:30% 1fr}.experience-row .company{grid-column:1}.experience-row .detail{grid-column:2}.contact{grid-template-columns:1fr;padding:6rem 3vw}.contact h2{font-size:12vw}.contact-details>*{grid-template-columns:6.5rem 1fr}.btt-manifesto{grid-template-columns:1fr;min-height:0;padding:6rem 3vw}.btt-stamp{margin-bottom:1rem}.btt-content h2{font-size:13vw}.btt-copy{margin:3rem 0}.btt-words{display:none}.footer-bottom{align-items:flex-start;gap:2rem}.footer-bottom div{flex-direction:column;gap:1rem}}@media (width<=520px){.hero-stage{margin-top:3.5rem}.hero h1{font-size:18vw}.portrait-frame{aspect-ratio:1.08;width:88vw}.project-visual{height:180px}.project-copy{font-size:.85rem}.experience-row{display:block}.experience-row>*{margin-bottom:.7rem!important}.experience-row .detail{margin-top:1.25rem!important}.contact-details>*{display:block}.contact-details span{margin-bottom:.55rem;display:block}.btt-copy{grid-template-columns:1fr;gap:1.5rem}.footer-email{font-size:14vw}.footer-bottom>p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}