@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500;600&display=swap";:root{color:#252a23;font-synthesis:none;--paper:#f4f3e9;--ink:#252a23;--soft:#697066;--line:#2c342b29;--moss:#536b50;background:#e8eadf;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 90% 5%,#ffffebb8,#0000 30%),#e8eadf;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:92px;margin:auto;padding:0 clamp(24px,6vw,88px);display:flex;position:relative}.wordmark{letter-spacing:-.04em;font-size:17px;font-weight:500}.wordmark span{font-weight:300}.site-header nav{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;gap:clamp(22px,4vw,54px);font-size:11px;display:flex}.site-header nav a:hover{color:var(--ink)}main,footer{max-width:1440px;margin:auto}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-content:space-between;min-height:680px;padding:clamp(72px,11vw,160px) clamp(24px,6vw,88px) 80px;display:grid;position:relative;overflow:hidden}.kicker{color:var(--soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font:300 10px/1.4 DM Mono,monospace}.hero h1,.page-intro h1,.essay h1{z-index:1;letter-spacing:-.075em;max-width:920px;margin:0;font-size:clamp(62px,9vw,132px);font-weight:300;line-height:.89;position:relative}.hero h1 em{color:var(--moss);font-family:Georgia,serif;font-weight:400;display:block}.hero-note{color:var(--soft);align-self:end;margin:0;font-size:13px;line-height:1.65}.orb{aspect-ratio:1;opacity:.83;background:radial-gradient(circle at 36% 34%,#fffff0d9,#647e5b33 40%,#43573f80 72%,#283626bf);border:1px solid #4f684c26;border-radius:50%;width:min(39vw,530px);position:absolute;top:13%;right:4%;box-shadow:inset -35px -30px 70px #1d291b47,0 40px 90px #2e342b26}.orb:after,.orb span{content:"";border:1px solid #ffffff40;border-radius:50%;position:absolute}.orb:after{inset:11%}.orb span{inset:25%}section{border-bottom:1px solid var(--line);padding:clamp(80px,10vw,140px) clamp(24px,6vw,88px)}.section-head{justify-content:space-between;align-items:end;margin-bottom:58px;display:flex}.section-head h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,64px);font-weight:300}.text-link{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 28px;display:grid}.project{animation:.6s both rise;animation-delay:var(--delay)}.project-image{aspect-ratio:16/10;background:#d3d5ca;display:block;position:relative;overflow:hidden}.project-image img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .6s,filter .4s}.project-image:hover img{filter:saturate();transform:scale(1.025)}.project-index{color:#f4f3e9;background:#252a23b3;padding:7px 9px;font:10px DM Mono,monospace;position:absolute;bottom:12px;right:12px}.project-copy{grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:20px;padding-top:18px;display:grid}.project h3{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:500}.project h3 span{color:var(--moss);margin-left:5px}.project p{color:var(--soft);margin:0;font-size:12px;line-height:1.65}.writing-list{border-top:1px solid var(--line)}.writing-row{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(220px,.9fr) 1.1fr 30px;align-items:center;gap:20px;padding:25px 0;transition:padding .2s;display:grid}.writing-row:hover{padding-left:10px}.writing-row>span,.writing-row>span:last-child{color:var(--soft);font:10px DM Mono,monospace}.writing-row h3{margin:0;font-size:14px;font-weight:500}.writing-row p{color:var(--soft);margin:0;font-size:11px;line-height:1.55}.contact{text-align:center}.contact .button{margin-top:40px}.button{border:1px solid var(--moss);color:#f1f2e9;background:var(--moss);letter-spacing:.05em;padding:13px 18px;font-size:11px;display:inline-block}.button:hover{background:#40563e}footer{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;padding:40px clamp(24px,6vw,88px);font:9px DM Mono,monospace;display:grid}footer p:last-child{text-align:right}.page-intro{border-bottom:1px solid var(--line);min-height:530px;padding:clamp(90px,12vw,170px) clamp(24px,6vw,88px) 80px}.page-intro>p:last-child{max-width:420px;color:var(--soft);margin:40px 0 0;font-size:14px;line-height:1.65}.about-intro .lede,.lede{color:var(--ink)!important;font-size:clamp(20px,3vw,32px)!important}.about-grid{grid-template-columns:1fr 1fr;gap:9vw;display:grid}.prose{color:#4e554c;max-width:780px;font-size:16px;line-height:1.9}.prose p{margin:0 0 1.7em}.prose a{color:var(--moss);border-bottom:1px solid #536b5066}.essay{padding:clamp(90px,12vw,170px) clamp(24px,10vw,150px)}.essay h1{max-width:1050px;font-size:clamp(48px,7vw,92px);line-height:.98}.essay>.prose{margin-top:80px}.project-detail>.button{margin:30px 0 60px}.project-detail>img,.project-detail .prose img{object-fit:cover;width:100%;max-width:980px;margin:40px 0}.project-detail>.prose{max-width:980px}.project-detail .prose p{max-width:760px}@keyframes rise{0%{opacity:0;transform:translateY(15px)}}@media (width<=700px){.site-header{height:70px}.site-header nav{gap:17px}.hero{grid-template-columns:1fr;min-height:650px;padding-top:80px}.hero h1{font-size:clamp(57px,18vw,86px)}.hero-note{max-width:270px}.orb{opacity:.58;width:90vw;top:24%;right:-24%}.project-grid{grid-template-columns:1fr;gap:55px}.project-copy{grid-template-columns:1fr}.writing-row{grid-template-columns:32px 1fr 20px}.writing-row p{display:none}.section-head{align-items:start;gap:30px}.text-link{white-space:nowrap}.about-grid{grid-template-columns:1fr}.page-intro{min-height:420px}.essay>.prose{margin-top:55px}.prose{font-size:14px}footer{grid-template-columns:1fr;gap:10px}footer p,footer p:last-child{text-align:left;margin:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.hero{grid-template-columns:minmax(340px,.88fr) minmax(420px,1.12fr);align-content:center;align-items:center;gap:clamp(32px,6vw,96px);min-height:calc(100vh - 92px)}.hero-copy{z-index:1;position:relative}.hero h1{max-width:720px;font-size:clamp(42px,6.8vw,104px);line-height:.96}.hero-note{align-self:auto;max-width:470px;margin:32px 0 0;font-size:15px}.bonsai-hero{z-index:0;background:#e8eadf;border:1px solid #2c342b1f;border-radius:50%;height:min(68vh,680px);min-height:460px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #f7f6ed8f,0 40px 90px #2e342b21}.bonsai-hero canvas{cursor:grab}.bonsai-hero:active canvas{cursor:grabbing}.bonsai-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 38% 28%,#ffffee4d,#0000 34%),radial-gradient(circle,#0000 54%,#e8eadf57 100%);position:absolute;inset:0}.bonsai-hero>p{z-index:1;color:var(--soft);letter-spacing:.12em;text-transform:uppercase;margin:0;font:300 10px/1.4 DM Mono,monospace;position:absolute;bottom:clamp(28px,5vw,64px);right:clamp(28px,5vw,72px)}#writing{scroll-margin-top:92px}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:56px}.bonsai-hero{width:min(92vw,620px);height:min(72vw,540px);min-height:360px;margin:0 auto}}@media (width<=700px){.hero{min-height:auto;padding-top:60px}.hero h1{font-size:clamp(42px,13vw,72px)}.bonsai-hero{border-radius:32px;width:100%;height:420px;min-height:0}#writing{scroll-margin-top:70px}}.hero{isolation:isolate;align-items:center;min-height:calc(100vh - 92px);padding-block:clamp(90px,12vw,170px);display:flex}.hero-copy{z-index:1;width:min(440px,52vw)}.hero-statement{max-width:440px;color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(18px,2.15vw,30px);font-weight:300;line-height:1.28}.hero-note{max-width:390px;margin:18px 0 0;font-size:13px;line-height:1.65}.bonsai-hero{z-index:0;width:min(72vw,1040px);height:100%;min-height:0;box-shadow:none;pointer-events:none;opacity:.82;background:0 0;border:0;border-radius:0;position:absolute;inset:0 0 0 auto;overflow:hidden;transform:translate(6%)}.bonsai-hero canvas{cursor:default;pointer-events:none}.bonsai-hero:after{background:linear-gradient(90deg,#e8eadf 0%,#e8eadfc7 16%,#e8eadf14 48%,#e8eadf57 100%)}.bonsai-hero>p{display:none}@media (width<=900px){.hero{min-height:720px}.hero-copy{width:min(520px,72vw)}.bonsai-hero{opacity:.62;width:118vw;height:74%;margin:0;inset:auto -22% 0 0;transform:none}}@media (width<=700px){.hero{align-items:flex-start;min-height:620px;padding-top:76px}.hero-copy{width:100%}.hero-statement{font-size:clamp(19px,7vw,32px)}.bonsai-hero{border-radius:0;width:auto;height:68%;inset:auto -36% 0 -28%}}.essay-subtitle{max-width:760px;color:var(--soft);margin:28px 0 0;font-size:clamp(16px,2vw,22px);line-height:1.55}.essay .prose h2{color:var(--ink);letter-spacing:-.045em;margin:3.1em 0 1em;font-size:clamp(25px,3.3vw,42px);font-weight:300;line-height:1.08}.essay .prose h3{color:var(--ink);letter-spacing:-.025em;margin:2.4em 0 .8em;font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.25}
