@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}.essay-divider{border:0;border-top:1px solid var(--line);width:100%;margin:3.5em 0}.looking-glass-case{--holo:#7352a1;--holo-bright:#9a6fce;--holo-cyan:#4eaaa2}.case-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 48%,#7352a12e,#0000 28%);grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;gap:24px;min-height:780px;padding:clamp(78px,10vw,145px) clamp(24px,6vw,88px) clamp(72px,9vw,130px);display:grid;overflow:hidden}.case-hero-copy{z-index:1;grid-area:1/1/auto/10;position:relative}.case-hero h1{letter-spacing:-.048em;font-kerning:normal;font-feature-settings:"kern" 1;word-spacing:.08em;max-width:1050px;margin:0;font-size:clamp(58px,9.4vw,138px);font-weight:300;line-height:.91}.case-hero h1 span{display:block}.case-deck{max-width:670px;color:var(--soft);letter-spacing:-.035em;margin:38px 0 0;font-size:clamp(18px,2.2vw,28px);font-weight:300;line-height:1.35}.case-hero-image{z-index:1;grid-area:2/6/auto/13;margin:22px 0 0;position:relative}.case-hero-image img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.85)contrast(1.03);width:100%}.case-hero-image figcaption,.case-media figcaption,.quilt-figure figcaption,.cursor-figure figcaption{color:var(--soft);letter-spacing:.05em;text-transform:uppercase;margin-top:12px;font:300 9px/1.55 DM Mono,monospace}.case-meta{border-top:1px solid var(--line);grid-area:2/1/auto/5;align-self:end;margin:0}.case-meta div{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:16px;padding:14px 0;display:grid}.case-meta dt{color:var(--soft);letter-spacing:.1em;text-transform:uppercase;font:300 9px DM Mono,monospace}.case-meta dd{margin:0;font-size:12px}.case-section{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:clamp(88px,11vw,155px) clamp(24px,6vw,88px);display:grid}.case-number{color:var(--soft);letter-spacing:.12em;text-transform:uppercase;grid-column:1/4;margin:7px 0 0;font:300 10px/1.5 DM Mono,monospace}.case-section-copy{grid-column:4/11}.case-section h2{letter-spacing:-.06em;max-width:830px;margin:0 0 34px;font-size:clamp(38px,5.8vw,78px);font-weight:300;line-height:.98}.case-section-copy>p{color:#50574e;max-width:760px;margin:0 0 1.55em;font-size:16px;line-height:1.85}.case-section-copy .case-lede{max-width:850px;color:var(--ink);letter-spacing:-.035em;font-size:clamp(21px,2.5vw,31px);font-weight:300;line-height:1.48}.case-section-copy em{color:var(--holo);font-family:Georgia,serif;font-weight:400}.case-media{margin:70px 0 0}.case-media img{background:#1b1b1c;width:100%}.case-media-wide{grid-column:4/11}.case-media-wide img{image-rendering:auto}.camera-modes{border-top:1px solid var(--line);grid-column:4/12;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);margin-top:84px;display:grid}.camera-modes>div{padding-top:22px}.camera-modes .mode-index{color:var(--holo);margin:0 0 46px;font:300 11px DM Mono,monospace}.camera-modes h3{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(24px,3vw,38px);font-weight:300}.camera-modes p:last-child{color:var(--soft);margin:0;font-size:14px;line-height:1.8}.case-note{border-left:2px solid var(--holo);color:var(--ink);letter-spacing:-.02em;grid-column:4/10;margin:64px 0 0;padding-left:22px;font-size:clamp(17px,2vw,23px);font-weight:300;line-height:1.55}.case-quilts{background:linear-gradient(145deg,#7352a113,#0000 50%)}.quilt-figure{grid-column:4/12;margin:70px 0 0;box-shadow:0 30px 70px #261f3029}.quilt-figure img{aspect-ratio:1;object-fit:cover;width:100%}.quilt-figure figcaption{justify-content:space-between;display:flex}.format-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:4/12;justify-content:space-between;margin-top:32px;display:flex}.format-line span{color:var(--soft);border-right:1px solid var(--line);text-align:center;flex:1;padding:18px 8px;font:300 11px DM Mono,monospace}.format-line span:last-child{border-right:0}.case-focus .case-section-copy{grid-column:4/9}.case-media-focus{grid-column:9/13;align-self:end;margin:180px 0 0}.case-media-focus img{aspect-ratio:16/10;object-fit:cover}.case-lighting .case-section-copy{grid-column:7/13}.case-lighting .case-number{grid-area:1/7/auto/13}.case-media-lighting{grid-area:1/1/4/7;align-self:center;margin:0}.case-media-lighting img{aspect-ratio:16/10;object-fit:cover}.case-cursor{background:#fffff34d}.case-cursor .case-section-copy{grid-column:4/9}.cursor-figure{grid-column:9/13;align-self:end;margin:110px 0 0}.cursor-figure img{aspect-ratio:466/242;object-fit:cover;background:#000;width:100%}.case-takeaway .case-section-copy{grid-column:4/12}.case-principles{border-top:1px solid var(--line);margin:70px 0}.case-principles p{border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:-.035em;grid-template-columns:65px 1fr;gap:18px;margin:0;padding:28px 0;font-size:clamp(19px,2.5vw,30px);font-weight:300;line-height:1.35;display:grid}.case-principles span{color:var(--holo);letter-spacing:.08em;padding-top:6px;font:300 10px DM Mono,monospace}.case-section-copy .case-links{max-width:850px;color:var(--soft);margin-top:60px;font-size:13px}.case-links a{color:var(--holo);border-bottom:1px solid #7352a159}@media (width<=900px){.case-hero{min-height:720px}.case-hero-copy{grid-column:1/12}.case-hero-image{grid-column:5/13}.case-meta{grid-column:1/5}.case-number{grid-column:1/4}.case-section-copy,.case-media-wide,.camera-modes,.case-note,.quilt-figure,.format-line,.case-takeaway .case-section-copy{grid-column:4/13}.case-focus .case-section-copy,.case-cursor .case-section-copy{grid-column:4/10}.case-media-focus,.cursor-figure{grid-column:4/10;margin-top:60px}.case-lighting .case-number{grid-area:auto/1/auto/4}.case-lighting .case-section-copy{grid-column:4/13}.case-media-lighting{grid-area:auto/4/auto/13;margin-top:65px}}@media (width<=700px){.case-hero{background:radial-gradient(circle at 82% 38%,#7352a129,#0000 27%);min-height:0;padding-top:76px;display:block}.case-hero h1{font-size:clamp(51px,16vw,84px);line-height:.9}.case-deck{margin-top:28px;font-size:19px}.case-hero-image{margin-top:65px}.case-meta{margin-top:52px}.case-section{display:block}.case-number{margin-bottom:36px}.case-section h2{font-size:clamp(36px,11vw,54px)}.case-section-copy>p{font-size:14px}.case-section-copy .case-lede{font-size:21px}.case-media,.quilt-figure{margin-top:48px}.camera-modes{margin-top:60px;display:block}.camera-modes>div+div{margin-top:50px}.camera-modes .mode-index{margin-bottom:24px}.case-note{margin-top:52px}.quilt-figure figcaption{gap:24px}.format-line{margin-top:24px}.format-line span{padding:14px 2px;font-size:9px}.case-media-focus,.case-media-lighting,.cursor-figure{margin-top:52px}.case-principles p{grid-template-columns:42px 1fr}}h1,h2,h3{font-kerning:normal;font-feature-settings:"kern" 1}.hero h1,.page-intro h1,.essay h1{letter-spacing:-.05em}.section-head h2,.contact h2{letter-spacing:-.035em}.project h3{letter-spacing:-.01em}.writing-row h3{letter-spacing:.005em}.essay .prose h2{letter-spacing:-.025em}.essay .prose h3{letter-spacing:-.01em}.case-hero h1{letter-spacing:-.025em}.case-section h2{letter-spacing:-.035em}.camera-modes h3{letter-spacing:-.02em}