:root{--paper:#f7f7f2;--ink:#212521;--muted:#666d65;--line:#d9dcd2;--green:#23513f;--accent:#dbe9b9;--blue:#dce9ed;--soft:#eceee5;--panel:#f1f2eb;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:light}
:root[data-theme=dark]{--paper:#191e1a;--ink:#edf0e7;--muted:#b4bdb0;--line:#3b463c;--green:#c1deb1;--accent:#354f38;--blue:#2e454b;--soft:#252e24;--panel:#232b24;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(34px,3.6vw,49px);line-height:1.12;letter-spacing:-1.9px}h2 em{font-family:var(--serif);font-weight:400}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}.wrap{width:min(1220px,calc(100% - 112px));margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.1px;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.tiny-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green);flex-shrink:0}.serif{font-family:var(--serif)}.skip-link{position:absolute;left:20px;top:-60px;z-index:10;padding:10px 20px;background:var(--green);color:var(--paper)}.skip-link:focus{top:16px}
.header{height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px}.brand{font-size:28px;font-weight:650;letter-spacing:-1.5px;display:inline-flex;align-items:center;line-height:1}.brand-symbol{display:grid;grid-template-columns:repeat(2,6px);gap:3px;margin-right:13px;transform:rotate(-12deg)}.brand-symbol i{height:6px;width:6px;background:var(--green)}.brand-symbol i:nth-child(2){border-radius:50%}.brand-symbol i:nth-child(3){border-radius:50%;background:#9ab4a2}.brand-dot{color:var(--green)}.nav{display:flex;gap:31px;margin-left:auto;font-size:13px}.nav a{position:relative}.nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav a:hover:after{transform:scaleX(1)}.theme-button{display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:50%;height:35px;width:35px;cursor:pointer;transition:background .2s}.theme-button:hover{background:var(--soft)}.theme-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}
.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:62px;padding-top:80px;padding-bottom:65px;align-items:center}.hero-copy{position:relative}.hero h1{position:relative;width:max-content;font-size:clamp(70px,7.9vw,110px);font-weight:500;line-height:.98;letter-spacing:-6px;margin-top:28px}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-4px;color:var(--green)}.title-star{font-size:50px;position:absolute;right:-57px;top:4px;color:var(--green);font-weight:400}.hero-description{max-width:418px;font-size:15px;line-height:1.85;margin-top:29px;color:var(--muted)}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;padding:13px 21px;line-height:1.4;font-size:13px;border-radius:4px}.primary{background:var(--green);color:var(--paper);transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0002}.primary span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:3px;transition:border-color .2s}.text-link:hover{border-color:var(--green)}.text-link span{font-size:17px;line-height:1}.hero-art{padding:22px 25px 19px;border:1px solid var(--line);border-radius:7px;background:var(--panel);transform:rotate(2deg);width:100%;max-width:490px;justify-self:end}.art-label{color:var(--muted);letter-spacing:1.2px}.connection-map{width:100%;height:auto;color:var(--ink);margin-top:8px}.map-orbit{stroke:var(--muted);stroke-width:1;fill:none;stroke-dasharray:4 7;opacity:.5}.map-connector{fill:none;stroke:var(--muted);stroke-width:1.2}.map-circle{fill:var(--paper);stroke:var(--green);stroke-width:1.3}.map-monogram{font-family:var(--serif);font-size:68px;fill:var(--green)}.map-caption{font:9px var(--mono);letter-spacing:1.5px;fill:var(--ink)}.map-code rect{fill:var(--blue);stroke:var(--ink);stroke-width:1;stroke-opacity:.14}.map-glyph{font:36px var(--mono);fill:var(--ink)}.map-ai circle{fill:var(--accent);stroke:var(--ink);stroke-width:1;stroke-opacity:.14}.map-ai path{stroke:var(--ink);stroke-width:1.5;fill:none}.map-words rect{fill:var(--paper);stroke:var(--ink);stroke-width:1;stroke-opacity:.14}.map-serif{font:50px var(--serif);fill:var(--ink)}.map-ideas>path:first-child{fill:var(--soft);stroke:var(--ink);stroke-width:1;stroke-opacity:.14}.map-ideas>path:nth-child(2){stroke:var(--ink);stroke-width:1.3;fill:none}.map-satellite{fill:var(--green)}.map-small-star{stroke:var(--green);stroke-width:1.5}.art-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}.art-bottom .mono{font-size:8px;letter-spacing:.7px}.art-handwritten{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--green)}
.intro-strip{display:flex;align-items:center;gap:32px;padding:24px 0;border-block:1px solid var(--line)}.intro-strip>.mono{color:var(--green);font-size:10px;white-space:nowrap}.intro-strip p{color:var(--muted);font-size:12px}.intro-strip a{margin-left:auto;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:16px;transition:background .2s}.intro-strip a:hover{background:var(--accent)}
.index-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:105px;padding-block:94px 102px}.section-intro h2{font-size:39px;margin-top:24px;letter-spacing:-1.3px}.section-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85;max-width:272px;margin-top:23px}.index-doodle{font-family:var(--serif);display:block;color:var(--green);font-size:65px;line-height:1;margin-left:128px;margin-top:18px;transform:rotate(-15deg)}.index-list{border-top:1px solid var(--line)}.index-row{display:flex;align-items:center;gap:28px;padding:24px 5px 24px 0;border-bottom:1px solid var(--line);transition:padding-left .2s,background .2s}.index-row:hover{padding-left:10px;background:var(--soft)}.row-number{font-size:10px;align-self:flex-start;margin-top:8px;color:var(--muted)}.index-row h3{font-size:25px;letter-spacing:-.7px;line-height:1.4}.index-row p{font-size:12px;color:var(--muted);margin-top:2px}.row-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:22px;flex-shrink:0;margin-left:auto;transition:background .2s,transform .2s}.index-row:hover .row-arrow{background:var(--accent);transform:rotate(45deg)}
.about-section{background:var(--soft);border-block:1px solid var(--line);padding:69px 0 73px}.about-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:105px}.about-heading h2{font-size:62px;margin-top:23px;line-height:1.05;letter-spacing:-2px}.about-heading h2 em{color:var(--green)}.about-stamp{position:relative;display:grid;place-items:center;width:93px;height:93px;margin-top:26px}.about-stamp span{font-family:var(--serif);font-size:40px;font-style:italic;color:var(--green)}.about-stamp svg{width:100%;position:absolute;inset:0;stroke:var(--green);stroke-width:1;fill:none}.about-copy{padding-top:31px}.about-copy .large-copy{font-size:25px;line-height:1.5;letter-spacing:-.6px;margin-bottom:23px;max-width:490px}.about-copy>p:not(.large-copy){font-size:14px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:515px}.interests{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.interests span{border:1px solid var(--line);padding:6px 12px;border-radius:3px;font-size:10px;background:var(--paper);color:var(--muted)}
.projects-section{padding-top:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:33px}.section-heading h2{margin-top:19px;font-size:43px;letter-spacing:-1.7px}.section-side-note{color:var(--muted);font-size:9px;margin-bottom:7px;letter-spacing:.8px}.project-shelf{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.project-illustration{background:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:39px 60px 31px}.project-illustration svg{width:min(340px,100%)}.project-illustration>.mono{margin-top:19px;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.shelf-line{stroke:var(--ink);stroke-opacity:.4;stroke-width:1}.book-one{fill:var(--paper);stroke:var(--ink);stroke-opacity:.4;stroke-width:1}.book-two{fill:var(--accent);stroke:var(--ink);stroke-opacity:.4;stroke-width:1}.book-three{fill:var(--soft);stroke:var(--ink);stroke-opacity:.4;stroke-width:1}.book-line{fill:none;stroke:var(--ink);stroke-width:1;stroke-opacity:.5}.project-illustration text{fill:var(--ink);font:20px var(--mono)}.shelf-ball{fill:var(--green);fill-opacity:.7}.project-message{padding:43px 51px 44px}.small-label{font-family:var(--mono);color:var(--green);font-size:9px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.project-message h3{font-size:32px;line-height:1.17;letter-spacing:-1px;margin-top:22px}.project-message p{font-size:13px;line-height:1.8;color:var(--muted);max-width:335px;margin-top:16px}.project-message .quiet-copy{font-family:var(--serif);font-style:italic;font-size:18px;margin-top:13px}.project-message .text-link{margin-top:24px}
.notebook-section{padding-top:85px}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.notebook-panel{padding:30px 34px 27px;border:1px solid var(--line);border-radius:5px;scroll-margin-top:36px}.writing-panel{background:var(--panel)}.notes-panel{background:var(--soft)}.panel-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.panel-top .mono{font-size:9px}.panel-icon{font-size:33px;color:var(--green);line-height:1}.panel-icon.serif{font-size:39px}.notebook-panel h3{font-size:30px;letter-spacing:-.8px;margin-top:19px}.notebook-panel>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:410px;margin-top:12px}.publication-state{display:flex;align-items:center;gap:10px;margin-top:31px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.publication-state .mono{font-size:8px;letter-spacing:.7px}.state-line{height:5px;width:5px;border:1px solid var(--green);border-radius:50%}
.closing{padding:87px 0 76px;display:flex;flex-direction:column;align-items:center;text-align:center}.closing-star{font-size:34px;color:var(--green);line-height:1}.closing p{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin-top:23px}.closing p em{font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:-.5px;color:var(--green)}.closing .text-link{margin-top:26px;font-size:11px}.footer{display:flex;align-items:center;border-top:1px solid var(--line);padding-block:28px 34px;gap:25px}.footer-brand{font-size:21px;letter-spacing:-.9px}.footer p{font-size:11px;color:var(--muted)}.footer>.mono{margin-left:auto;font-size:8px;color:var(--muted);letter-spacing:.6px}
@media(min-width:1500px){.hero{padding-top:92px;padding-bottom:78px}.hero h1{font-size:115px}.hero-art{max-width:490px}.hero-description{font-size:16px}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.hero{gap:30px;padding-top:66px}.hero h1{font-size:85px;letter-spacing:-4.5px}.title-star{font-size:37px;right:-38px;top:0}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-art{padding:18px}.art-handwritten{font-size:16px}.index-section,.about-grid{gap:65px}.section-intro h2{font-size:35px}.section-heading h2{font-size:38px}.section-side-note{max-width:165px;text-align:right}.project-message{padding:35px}.project-illustration{padding-inline:32px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:85px;gap:24px}.hero{gap:24px;grid-template-columns:1.1fr 1fr;padding-top:56px;padding-bottom:48px}.hero h1{font-size:69px;letter-spacing:-3.4px}.hero h1 em{letter-spacing:-2.5px}.title-star{font-size:28px;right:-30px}.hero-description{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px}.hero-art{padding:14px}.art-label{font-size:7px}.art-bottom .mono{font-size:6px;letter-spacing:0}.art-handwritten{font-size:14px}.intro-strip{gap:20px}.intro-strip p{font-size:11px}.index-section{gap:38px;grid-template-columns:.9fr 1.2fr;padding-block:65px}.section-intro h2{font-size:31px}.section-intro>p:not(.eyebrow){font-size:12px}.index-row{gap:17px;padding-block:21px}.index-row h3{font-size:23px}.index-row p{font-size:11px}.row-arrow{height:30px;width:30px;font-size:19px}.about-grid{gap:40px;grid-template-columns:.9fr 1.2fr}.about-heading h2{font-size:52px}.about-copy .large-copy{font-size:22px}.about-copy>p:not(.large-copy){font-size:13px}.about-section{padding-block:51px}.projects-section{padding-top:65px}.section-heading h2{font-size:33px}.section-side-note{font-size:7px}.project-message{padding:29px}.project-message h3{font-size:27px}.project-message p{font-size:12px}.project-illustration{padding:30px 20px}.project-illustration>.mono{font-size:6px;letter-spacing:.8px}.notebook-section{padding-top:64px}.notebook-panel{padding:24px}.notebook-panel>p{font-size:12px}.notebook-panel h3{font-size:27px}.notebook-grid{gap:16px}.closing{padding-block:65px}.footer>.mono{font-size:7px;max-width:140px;text-align:right}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:77px;gap:16px}.brand{font-size:25px}.brand-symbol{margin-right:10px}.nav{gap:17px;font-size:11px}.theme-button{height:30px;width:30px;flex-shrink:0}.theme-button svg{width:14px}.hero{grid-template-columns:1fr;gap:38px;padding-top:50px;padding-bottom:42px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(69px,18vw,99px);letter-spacing:-4px;margin-top:22px}.hero h1 em{letter-spacing:-3px}.title-star{font-size:36px;right:-37px;top:0}.hero-description{font-size:14px;max-width:350px;margin-top:26px}.hero-actions{flex-direction:row;align-items:center;gap:23px;margin-top:25px}.button{font-size:11px;padding:12px 16px;gap:17px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-art{width:calc(100% - 16px);max-width:410px;padding:17px 20px 15px;margin:0 auto;justify-self:center;transform:rotate(1.5deg)}.connection-map{max-height:327px}.art-label{font-size:8px}.art-bottom .mono{font-size:7px;letter-spacing:.5px}.art-handwritten{font-size:17px}.intro-strip{gap:17px;padding-block:20px;align-items:flex-start}.intro-strip>.mono{font-size:8px;padding-top:2px}.intro-strip p{font-size:11px;line-height:1.7;max-width:230px}.intro-strip a{margin-top:2px;min-width:27px}.index-section{grid-template-columns:1fr;gap:29px;padding-block:53px 59px}.section-intro h2{font-size:36px;margin-top:17px}.section-intro>p:not(.eyebrow){max-width:330px;font-size:13px;margin-top:15px}.index-doodle{display:none}.eyebrow{font-size:9px}.index-row{gap:20px;padding:23px 1px}.index-row h3{font-size:25px}.index-row p{font-size:12px;max-width:245px}.row-number{font-size:9px}.row-arrow{height:32px;width:32px;font-size:21px}.about-grid{grid-template-columns:1fr;gap:21px}.about-heading h2{font-size:55px;margin-top:18px}.about-heading{position:relative}.about-stamp{position:absolute;width:81px;height:81px;right:11px;bottom:3px;margin:0}.about-copy{padding-top:5px}.about-copy .large-copy{font-size:24px;max-width:345px;margin-bottom:18px}.about-copy>p:not(.large-copy){font-size:13px}.interests{margin-top:21px}.interests span{font-size:9px}.projects-section{padding-top:55px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:35px;line-height:1.2;margin-top:17px;max-width:330px}.section-side-note{display:none}.project-shelf{grid-template-columns:1fr}.project-illustration{padding:24px 35px 25px}.project-illustration svg{max-width:270px}.project-illustration>.mono{font-size:7px;margin-top:10px}.project-message{padding:31px}.project-message h3{font-size:31px}.project-message p{font-size:13px}.notebook-section{padding-top:52px}.notebook-grid{grid-template-columns:1fr;gap:16px}.notebook-panel{padding:27px}.notebook-panel>p{font-size:13px}.notebook-panel h3{font-size:30px}.closing{padding-block:57px}.closing p{font-size:28px}.closing p em{font-size:34px}.footer{gap:18px;flex-wrap:wrap;padding-block:23px 27px}.footer>.mono{width:100%;max-width:none;text-align:left;margin:0}.footer p{margin-left:auto}.footer-brand{font-size:21px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.nav{gap:13px}.header{gap:12px}.brand-symbol{display:none}.hero h1{font-size:65px}.title-star{font-size:28px;right:-29px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:10px}.button{padding-inline:14px;font-size:10px}.index-row p{max-width:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}