:root{--body-font:Manrope;--display-font:'Instrument Serif';--paper:#f8f5ef;--ink:#282827;--muted:#767069;--line:#ded7ce;--coral:#b94732}
:root[data-theme="dark"]{--paper:#1e1c1a;--ink:#eee7dc;--muted:#b5a99a;--line:#4b4138;--coral:#e7957d}
.site-shell{max-width:1360px;padding-inline:65px}.site-header{height:95px}.wordmark{font-size:18px;letter-spacing:-.6px}.site-header nav{font-size:12px}.hello{padding:58px 0 75px;max-width:850px;margin:0 auto;text-align:center}.hello h1{font-size:106px;letter-spacing:-3.6px;line-height:1;margin-bottom:23px}.intro{font-size:24px;line-height:1.5;max-width:640px;margin:auto}.intro-context{max-width:650px;margin:20px auto 0;font-size:15px;line-height:1.9}.hello-links{justify-content:center;font-size:13px}.now-note{justify-content:center;gap:13px;margin:25px auto 0;padding:0}.now-note>p:not(.small-label){font-family:'Instrument Serif';font-size:20px;line-height:1.5;font-style:italic;max-width:510px}.now-note .small-label{font-size:9px}.hello-note{justify-content:center;font-size:10px;margin-top:24px}.work-section{padding-bottom:65px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:30px}.section-heading>span{margin-left:auto}.projects-grid{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:20px}
body .project,body .project.hypernative{display:grid;grid-template-columns:1.1fr 1fr;gap:0;flex:0 0 100%;scroll-snap-align:start;margin:0;border:1px solid var(--line);overflow:hidden;border-radius:160px 0 0 0;background:var(--soft)!important}body .project .project-cover{height:100%;aspect-ratio:auto;min-height:460px;object-fit:cover;border-radius:0}body .project .project-writing{padding:42px 38px;align-self:center}.project-kicker{font-size:12px}.project-kicker .year{font-size:9px}.project-logo{width:29px;height:29px;flex-basis:29px}body .project h3{font-size:50px;line-height:1.02;letter-spacing:-1.3px;margin:25px 0 20px}body .project .project-writing>p{font-size:14px;line-height:1.8}.project-results{gap:28px}.project-results strong{font-family:'Instrument Serif';font-size:40px;font-weight:400}.project-results span{font-size:9px}.project.lugue .project-cover{background:#f6f3ef}.project.lugue .project-cover img{object-fit:contain}.cover-action{display:none}.about-section{max-width:800px;margin:0 auto;padding-top:55px;border-top:1px solid var(--line)}.about-section .section-heading h2{font-size:49px}.about-section .section-heading>span{font-size:11px}.about-copy>p{font-size:16px;line-height:1.9}.quick-notes{grid-template-columns:1fr 1fr}.experience>summary>span:first-child{font-size:15px}.experience-row{grid-template-columns:120px 1fr;gap:25px}footer{max-width:800px;margin:auto;padding-top:75px}footer h2{font-size:85px}.email-link{font-size:21px}
@media(max-width:1050px){.site-shell{padding-inline:38px}body .project .project-writing{padding:30px}body .project h3{font-size:43px}.hello h1{font-size:90px}}
@media(max-width:760px){.site-shell{padding-inline:23px}.hello{padding:40px 0 50px}.hello h1{font-size:71px;letter-spacing:-2px}.intro{font-size:22px}.intro-context{font-size:15px}.now-note{display:block}.now-note .small-label{margin-bottom:7px}.now-note>p:not(.small-label){font-size:19px}.section-heading h2{font-size:26px}.section-heading>span{display:none}.gallery-controls{margin-left:auto}body .project,body .project.hypernative{display:flex;flex-direction:column;border-radius:75px 0 0 0;flex-basis:100%}body .project .project-cover{min-height:0;height:230px;aspect-ratio:auto}body .project .project-writing{padding:25px}body .project h3{font-size:40px}.about-section .section-heading h2{font-size:40px}.experience-row{grid-template-columns:1fr}footer h2{font-size:71px}.email-link{font-size:18px}}

:root{--display-font:'Space Grotesk'}
.wordmark{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.8px}
.hello h1{font-weight:700;font-size:92px;line-height:1.04;letter-spacing:-5px}
.intro{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:26px;line-height:1.45}
.now-note>p:not(.small-label){font-family:Manrope,sans-serif;font-size:13px;font-weight:500;font-style:normal;line-height:1.8}
.section-heading h2{font-weight:600;font-size:28px;letter-spacing:-1px}
body .project h3{font-weight:600;font-size:43px;line-height:1.12;letter-spacing:-1.8px}
.project-results strong{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:35px;letter-spacing:-1.4px}
.about-section .section-heading h2{font-weight:600;font-size:42px;line-height:1.12;letter-spacing:-1.8px}
footer h2{font-weight:700;font-size:76px;letter-spacing:-3px}
.dialog-body h2{font-weight:600;letter-spacing:-1.5px;line-height:1.12}
@media(max-width:1050px){.hello h1{font-size:80px;letter-spacing:-4px}body .project h3{font-size:36px;letter-spacing:-1.3px}}
@media(max-width:760px){.wordmark{font-size:19px}.hello h1{font-size:59px;letter-spacing:-3px}.intro{font-size:23px}.now-note>p:not(.small-label){font-size:13px}.section-heading h2{font-size:25px}body .project h3{font-size:34px;letter-spacing:-1.4px;line-height:1.12}.project-results strong{font-size:31px}.about-section .section-heading h2{font-size:35px;letter-spacing:-1.4px}footer h2{font-size:60px;letter-spacing:-2.5px}}

body .project.hypernative h3 br{display:block}body .project a.read-story{display:inline-block}