@font-face{font-family:Hanken;src:url(assets/fonts/hanken-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Hanken;src:url(assets/fonts/hanken-500.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Hanken;src:url(assets/fonts/hanken-700.ttf);font-weight:700;font-display:swap}
html{scroll-padding-top:28px}body{font-family:var(--body-font,Manrope),sans-serif}
.site-shell{max-width:1160px;padding-inline:56px}.site-header{height:100px}
body .hello-layout{display:block}.hello{padding:64px 0 80px}.hello h1{font-family:var(--display-font,inherit);font-weight:400;font-size:76px;line-height:1.08;letter-spacing:-2.5px}
.intro{font-size:25px;line-height:1.55;max-width:680px}.intro-context{max-width:650px;font-size:17px;line-height:1.9}.desktop-break{display:none}
.now-note{border:0;padding:22px 0 0;margin-top:25px;display:flex;gap:22px;align-items:baseline}.now-note>.small-label{margin:0;flex-shrink:0}.now-note>p:not(.small-label){font-size:13px;line-height:1.8;max-width:440px}.now-note br{display:none}.now-projects{display:none}.hello-note{margin-top:23px}
.section-heading h2,.about-section .section-heading h2,footer h2{font-family:var(--display-font,inherit);font-weight:400;letter-spacing:-.8px}
.projects-grid{display:block}.project,body .project.hypernative{display:block;position:relative;background:transparent!important;color:var(--ink)!important;border-radius:0;overflow:visible;margin:0 0 70px;padding:0;grid-column:auto}
body .project .project-writing{padding:24px 0 0;display:block;grid-column:auto;grid-row:auto}
body .project .project-cover{height:auto;min-height:0;aspect-ratio:1.8;border-radius:0;grid-column:auto;grid-row:auto}
body .project h3{font-family:var(--display-font,inherit);font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-1px;max-width:none}
body .project h3 br{display:none}body .project .project-writing>p{color:var(--muted)!important;font-size:16px;line-height:1.8;max-width:640px}
body .project .project-kicker{width:100%;margin-bottom:17px;font-size:12px}.project-kicker .year{color:var(--muted)!important}
.project-results{margin-top:20px;gap:35px}.project-results strong{font-family:var(--body-font,Manrope);font-size:29px}.project-results span{color:var(--muted)!important}
body .project .read-story{color:var(--ink);margin-top:20px;border-color:var(--line)}
.about-section{padding-top:65px;margin-top:0}.about-grid{display:block}.about-copy{max-width:690px}.about-copy>p{font-size:17px}
.quick-notes{border-left:0;border-top:1px solid var(--line);padding:26px 0 0;margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.quick-notes>div{margin:0}
.dialog-body h2{font-family:var(--display-font,inherit);font-weight:400}.dialog-lead{font-family:var(--body-font,inherit)}
.cover-action{border-radius:0;box-shadow:none}.project-cover{transition:filter .35s}.project-cover:hover{filter:saturate(1.12)}
.gallery-controls{display:flex;gap:8px}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls button{border:1px solid var(--line);background:none;width:40px;height:40px;border-radius:50%;font-size:18px}
@media(max-width:760px){.site-shell{padding-inline:24px;width:100%;max-width:none}.site-header{height:85px}.site-header nav{gap:16px}.hello{padding:38px 0 50px}.hello h1{font-size:52px;letter-spacing:-1.4px}.intro{font-size:23px}.intro-context{font-size:16px}.now-note{display:block}.now-note>.small-label{margin-bottom:8px}.now-note>p:not(.small-label){font-size:13px}.section-heading>span{font-size:10px}.project,body .project.hypernative{margin-bottom:48px}body .project h3{font-size:32px}body .project .project-writing{padding-top:22px}body .project .project-writing>p{font-size:15px}.quick-notes{grid-template-columns:1fr 1fr}.about-copy>p{font-size:16px}.about-section{padding-top:45px}footer h2{font-size:44px}.email-link{font-size:18px}.experience-row{grid-template-columns:1fr;gap:10px}.project-kicker .year{margin-left:auto}}