:root{color-scheme:light;--paper:#f6f5ef;--surface:#fffefa;--ink:#24302a;--muted:#778078;--line:#dfdfd4;--green:#324c3f;--leaf:#7e9474;--pale:#e9ebdd;--warm:#f0e3d8;--pink:#efdcd5;--accent:#bd745b;--shadow:0 22px 52px #2734280e;--serif:'Noto Serif SC','Songti SC',serif;--sans:'DM Sans','Noto Sans SC',sans-serif;--mono:'DM Mono',monospace;font-family:var(--sans)}
:root[data-theme=dark]{color-scheme:dark;--paper:#151a17;--surface:#1d241f;--ink:#e8e6db;--muted:#a2a69b;--line:#394139;--green:#c1d2ae;--leaf:#a5b68b;--pale:#29332b;--warm:#35302a;--pink:#3b2c29;--accent:#de967a;--shadow:0 22px 52px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.75;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip-link,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;margin:8px;padding:12px 18px;background:var(--green);color:#fff;z-index:50}.topbar{height:86px;border-bottom:1px solid var(--line);position:relative;z-index:10}.nav-wrap{height:100%;width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--green);color:#e5e7d5;font-family:var(--serif);font-weight:700;font-size:23px;position:relative}.brand-mark span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:7px;top:7px}.brand-word{font-size:13px;letter-spacing:.04em;font-weight:700}.brand-word small{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:.1em;margin-top:-3px}.main-nav{display:flex;gap:36px;align-items:center;margin-left:auto;margin-right:36px}.nav-link{font-size:13px;color:var(--muted);transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link.is-active{font-weight:700}.nav-actions{display:flex;align-items:center;gap:14px}.search-link,.theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);font:14px var(--mono);cursor:pointer}.theme-toggle{font:16px var(--serif)}.menu-toggle{display:none}
.hero{min-height:575px;padding-top:98px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{padding:0 0 54px 5.5%}.hero-eyebrow,.section-overline,.card-kicker,.map-index,.art-label,.art-coordinate,.hero-bottom,.project-number,.project-language,.project-status,.source-note,.project-note>span,.about-aside>span,.not-found>span{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.hero-eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;background:#8f9d72;border-radius:50%;box-shadow:0 0 0 4px #8f9d7218}.hero h1,.page-intro h1,.journal-hero h1,.not-found h1{font:500 clamp(40px,5vw,68px)/1.4 var(--serif);letter-spacing:-.065em;margin:28px 0 15px;max-width:600px}.hero-subtitle{color:var(--muted);max-width:400px;font-size:14px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:12px 18px;border-radius:3px;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--green);color:#f9f7ed}.button-dark:hover{background:#496653}.text-link,.quiet-link{font-size:12px;color:var(--muted)}.text-link:hover,.quiet-link:hover{color:var(--ink)}.hero-art{height:390px;position:relative;overflow:hidden;border-radius:48% 46% 43% 40%;background:radial-gradient(ellipse at 50% 53%,var(--pale) 0 33%,transparent 34%),linear-gradient(145deg,transparent 48%,#b76e5544 48.2%,transparent 48.8%);transform:rotate(-4deg)}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--leaf),transparent 48%);border-radius:50%;left:15%;top:17%;width:70%;height:68%;transform:rotate(-33deg)}.orbit-two{left:22%;top:9%;width:56%;height:84%;transform:rotate(36deg);border-color:color-mix(in srgb,var(--accent),transparent 52%)}.garden-stem{position:absolute;bottom:15%;left:48%;width:3px;height:50%;background:var(--green);transform-origin:bottom;transform:rotate(7deg);border-radius:100%}.garden-stem:before{content:'';position:absolute;top:-18px;left:-9px;width:20px;height:20px;border-radius:70% 4% 70% 4%;background:var(--accent);transform:rotate(-30deg)}.garden-stem i,.garden-stem b,.garden-stem em{position:absolute;width:73px;height:32px;border-radius:100% 0 100% 0;background:var(--leaf);top:33%;left:2px;transform:rotate(-20deg);opacity:.9}.garden-stem b{top:57%;left:-69px;transform:scaleX(-1) rotate(-22deg);background:#8c9c78}.garden-stem em{top:77%;left:3px;width:58px;height:24px;transform:rotate(-10deg);background:#a1aa7a}.stem-one{height:61%;transform:rotate(20deg);left:42%;bottom:12%}.stem-two{height:47%;left:60%;bottom:13%;transform:rotate(-19deg)}.stem-two i{width:55px}.stem-two b{width:53px;left:-50px}.stem-three{height:39%;left:27%;bottom:10%;transform:rotate(2deg)}.stem-three i{width:58px}.stem-three b{width:48px;left:-46px}.art-label{position:absolute;bottom:13%;left:11%;transform:rotate(4deg)}.art-coordinate{position:absolute;right:12%;top:19%;transform:rotate(4deg)}.hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:9px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-overline{display:block;text-transform:uppercase}.section-overline span{font-family:var(--sans);letter-spacing:0;margin-left:9px}.section-heading h2,.latest-intro h2,.now-card h2{font:500 27px/1.55 var(--serif);letter-spacing:-.035em;margin:13px 0 0}.garden-map{padding-top:50px;padding-bottom:92px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.map-card{min-height:225px;padding:22px 24px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s}.map-card:hover{transform:translateY(-4px)}.map-tech{background:var(--pale)}.map-reading{background:var(--warm)}.map-life{background:var(--pink)}.map-index{font-size:9px}.map-icon{position:absolute;right:22px;top:18px;color:color-mix(in srgb,var(--green),transparent 35%);font:25px var(--serif)}.map-card h3{font:500 23px var(--serif);margin:auto 0 3px}.map-card p{font-size:12px;color:var(--muted);margin:0 0 16px}.map-count{font:9px var(--mono);color:var(--green)}
.latest-band{background:var(--pale);padding:72px 0 80px}.latest-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}.latest-intro h2{font-size:31px;margin-top:22px}.latest-intro>p{font-size:13px;color:var(--muted);max-width:260px;margin:15px 0 19px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry-card{background:var(--surface);padding:20px 21px 18px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.entry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.featured-card:first-child{grid-column:span 2;background:var(--green);color:#f6f2e9;border-color:var(--green);padding:24px}.featured-card:first-child .card-summary,.featured-card:first-child .entry-meta,.featured-card:first-child .card-kicker{color:#d4ddc9}.featured-card:first-child .tag{border-color:#ffffff43;color:#e3e8dc}.card-kicker{display:flex;gap:9px;align-items:center;font-size:9px}.type-mark{border:1px solid currentColor;border-radius:14px;padding:2px 8px}.entry-card h3{font:500 18px/1.6 var(--serif);margin:12px 0 7px}.featured-card:first-child h3{font-size:22px;max-width:440px}.card-summary{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:470px}.entry-meta{display:flex;align-items:center;gap:13px;color:var(--muted);font:9px var(--mono);margin-top:17px}.stage{display:inline-flex;align-items:center;gap:5px}.stage i{width:6px;height:6px;border-radius:50%;background:#9ba579}.stage-seedling i{background:#c68f68}.stage-growing i{background:#89a177}.stage-evergreen i{background:#849184}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.tag{font:9px var(--mono);border:1px solid var(--line);padding:2px 7px;color:var(--muted);border-radius:20px}.recent-section{padding-top:82px;padding-bottom:90px}.recent-list{border-top:1px solid var(--line)}.recent-row{min-height:58px;display:grid;grid-template-columns:75px 160px 1fr 25px;align-items:center;border-bottom:1px solid var(--line);gap:12px}.recent-date,.recent-type{font:10px var(--mono);color:var(--muted)}.recent-title{font:14px var(--serif)}.recent-arrow{color:var(--leaf);text-align:right}.recent-row:hover .recent-title{color:var(--accent)}.now-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0 49px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:22px;margin-bottom:100px}.now-mark{font-size:31px;color:var(--accent)}.now-card h2{font-size:23px}.now-card p{font-size:12px;color:var(--muted)}.button-outline{border:1px solid var(--line)}
.page-intro{padding-top:91px;padding-bottom:60px}.page-intro h1{font-size:clamp(43px,6vw,72px);margin:24px 0 10px}.page-intro h1 i,.journal-hero h1 i,.not-found h1 i{font-weight:400;color:var(--leaf)}.page-intro>p{max-width:490px;color:var(--muted);font-size:14px}.garden-stats{display:flex;gap:25px;margin-top:27px;font:10px var(--mono);color:var(--muted)}.garden-stats b{font-size:17px;color:var(--ink);font-weight:500}.garden-list{padding-bottom:110px}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-block:1px solid var(--line)}.filter-group,.category-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-chip,.filter-toggle{border:1px solid transparent;border-radius:18px;background:transparent;padding:6px 12px;color:var(--muted);font-size:11px;cursor:pointer}.filter-chip.is-selected,.filter-chip:hover{border-color:var(--line);color:var(--ink);background:var(--surface)}.filter-toggle{font-size:10px}.category-filters{padding:12px 0;border-bottom:1px solid var(--line)}.garden-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:22px}.garden-grid .entry-card{min-height:218px;display:flex;flex-direction:column}.garden-grid .entry-meta{margin-top:auto;padding-top:17px}.empty-filter{padding:50px 0;color:var(--muted);font:12px var(--serif)}
.article-top{padding-top:55px}.back-link{font:10px var(--mono);color:var(--muted)}.article-heading{max-width:790px;margin:46px auto 43px}.eyebrow{font:10px var(--mono);color:var(--leaf);letter-spacing:.1em}.article-heading h1{font:500 clamp(32px,4vw,52px)/1.5 var(--serif);letter-spacing:-.05em;margin:12px 0 10px}.article-deck{font:15px/2 var(--serif);color:var(--muted);max-width:690px}.article-layout,.project-detail-layout{display:grid;grid-template-columns:185px minmax(0,700px);gap:60px;justify-content:center;padding-bottom:100px}.article-toc{align-self:start;position:sticky;top:26px;border-left:1px solid var(--line);padding:7px 0 7px 16px;display:flex;flex-direction:column;gap:10px}.article-toc span{font:9px var(--mono);color:var(--muted);letter-spacing:.08em;margin-bottom:3px}.article-toc a{font-size:10px;color:var(--muted)}.article-toc a:hover{color:var(--ink)}.prose{font:15px/2.05 var(--serif);min-width:0}.prose p{margin:0 0 22px}.prose h2{font:600 23px/1.6 var(--serif);margin:43px 0 15px;letter-spacing:-.03em;scroll-margin-top:28px}.prose h3{font:600 18px/1.6 var(--serif);margin:32px 0 10px}.prose ul{padding-left:1.35em;margin:8px 0 25px}.prose li{padding-left:5px;margin:7px 0}.prose li::marker{color:var(--leaf)}.prose blockquote{border-left:2px solid var(--accent);padding:2px 0 2px 20px;margin:28px 0;color:var(--muted)}.prose pre{background:var(--pale);padding:17px 20px;overflow:auto;border-radius:3px;font:12px/1.9 var(--mono);margin:24px 0}.callout{border-left:2px solid var(--leaf);background:var(--pale);padding:15px 18px;font-size:13px;margin:26px 0}.source-note{border-top:1px solid var(--line);padding:20px 0;margin-top:45px;display:flex;gap:13px;align-items:flex-start;font:10px/1.8 var(--sans);letter-spacing:0}.source-note p{margin:0}.source-leaf{font-size:17px;color:var(--accent)}.inline-project{font:11px var(--mono);color:var(--green)}.related{margin-top:45px}.related .section-overline{margin-bottom:12px}.related-link{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:130px 1fr 20px;font:12px var(--serif)}.related-link span{font:9px var(--mono);color:var(--muted)}.related-link b{text-align:right;color:var(--leaf)}
.journal-intro{padding-top:82px}.journal-hero{display:flex;justify-content:space-between;align-items:center;min-height:300px}.journal-hero h1{font-size:62px;margin:23px 0 5px}.journal-hero p{color:var(--muted)}.journal-sketch{position:relative;width:210px;height:210px;border:1px solid var(--line);border-radius:48%;display:grid;place-items:center;color:var(--muted);font:10px var(--mono);transform:rotate(10deg)}.journal-sketch i{position:absolute;width:2px;height:100px;background:var(--leaf);bottom:40px;left:106px;transform:rotate(10deg)}.journal-sketch b{position:absolute;width:66px;height:27px;border-radius:90% 0;background:var(--leaf);top:73px;left:72px;transform:rotate(-32deg)}.journal-sketch em{position:absolute;top:49px;left:91px;color:var(--accent);font-size:23px;font-style:normal}.journal-empty{border-top:1px solid var(--line);padding:60px 7% 120px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:70px}.empty-art{height:190px;position:relative;display:grid;place-items:center;background:var(--pale);border-radius:50% 45% 50% 43%}.empty-art span{font-size:30px;color:var(--accent);z-index:1}.empty-art i{position:absolute;width:2px;height:110px;background:var(--leaf);top:52px}.empty-art b{position:absolute;width:73px;height:29px;background:var(--leaf);border-radius:90% 0;top:70px;left:130px;transform:rotate(-25deg)}.empty-copy h2{font:500 26px var(--serif)}.empty-copy p{max-width:440px;font-size:13px;color:var(--muted);margin-bottom:22px}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:72px}.project-card{background:var(--surface);border:1px solid var(--line)}.project-visual{height:240px;position:relative;overflow:hidden;background:var(--pale);padding:17px}.project-visual-02{background:var(--warm)}.project-number,.project-language{font-size:9px}.project-language{position:absolute;bottom:15px;right:17px}.project-graphic{position:absolute;inset:50px 16% 35px;display:flex;align-items:end;gap:12px;justify-content:center;border-bottom:1px solid color-mix(in srgb,var(--green),transparent 50%)}.project-graphic>*{display:block;width:36px;background:color-mix(in srgb,var(--leaf),transparent 10%);border-radius:40px 40px 0 0}.project-graphic span{height:35%}.project-graphic i{height:57%;background:var(--accent)}.project-graphic b{height:78%;background:var(--green)}.project-graphic em{height:48%;font-style:normal}.project-info{padding:20px 22px}.project-status{font-size:9px;display:flex;gap:8px;align-items:center}.project-info h2{font:500 22px var(--serif);margin:12px 0 4px}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-links{display:flex;gap:18px;margin-top:18px;font:10px var(--mono);color:var(--green)}.project-note{border-top:1px solid var(--line);padding:22px 0 60px}.project-note>span{font-size:9px}.project-note p{font-size:11px;color:var(--muted)}.project-hero{padding-top:50px;padding-bottom:40px;position:relative}.project-hero-copy{padding:45px 0 35px 8%;max-width:720px}.project-hero h1{font:500 54px var(--serif);margin:15px 0}.project-hero-copy p{color:var(--muted);max-width:550px;margin-bottom:22px}.project-stamp{position:absolute;right:10%;top:90px;width:155px;height:155px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;font:9px var(--mono);color:var(--muted);transform:rotate(12deg)}.project-stamp b{position:absolute;bottom:18px;color:var(--accent);font-size:19px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-bottom:50px}.project-facts div{padding:16px 12px;border-right:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.project-facts b{color:var(--ink);font-weight:500}.project-detail-layout{padding-bottom:100px}.project-detail-layout .prose{max-width:700px}
.about-body{display:grid;grid-template-columns:1fr 280px;gap:90px;padding-bottom:120px}.about-aside{background:var(--pale);height:210px;padding:22px;position:relative}.about-aside>span{font-size:9px}.about-aside p{font:20px var(--serif);margin-top:40px}.about-aside i{position:absolute;right:20px;bottom:15px;color:var(--accent);font-size:24px;font-style:normal}.about-links{display:flex;gap:20px;font:11px var(--mono);color:var(--green);margin-top:30px}.now-content{border-block:1px solid var(--line);padding:35px 0 80px;display:grid;grid-template-columns:1fr 230px;gap:50px}.now-content h2{font:500 24px var(--serif)}.now-content p,.now-content aside{font-size:12px;color:var(--muted)}.now-content aside{font-family:var(--mono);font-size:9px;padding-top:20px}.now-content aside span{display:inline-block;margin-top:8px}.search-form{display:flex;max-width:600px;gap:8px;margin-top:25px}.search-form input{min-width:0;flex:1;border:1px solid var(--line);background:var(--surface);padding:12px 14px;outline:none}.search-form input:focus{border-color:var(--leaf)}.search-hint{font:10px var(--mono);color:var(--muted);margin-top:18px}.search-results{max-width:640px}.search-result{display:block;border-top:1px solid var(--line);padding:15px 0}.search-result span{font:9px var(--mono);color:var(--muted)}.search-result strong{display:block;font:16px var(--serif);margin:5px 0}.search-result p{font-size:11px;color:var(--muted);margin:0}.not-found{padding:130px 0 170px}.not-found h1{font-size:54px}.not-found>p{color:var(--muted);margin-bottom:25px}
.footer{border-top:1px solid var(--line);padding:38px 0 30px}.footer-inner{width:min(1120px,calc(100% - 64px));margin:auto}.footer-brand{font-size:13px;font-weight:700}.footer-inner>p{font-size:11px;color:var(--muted);margin:5px 0 15px}.footer-links{display:flex;gap:18px;font:9px var(--mono);color:var(--muted)}.footer-inner>small{display:block;margin-top:28px;color:var(--muted);font:9px var(--mono)}
@media(max-width:800px){.shell{width:min(100% - 40px,660px)}.nav-wrap{width:calc(100% - 34px)}.topbar{height:72px}.main-nav{gap:20px;margin-right:20px}.hero{min-height:500px;padding-top:72px;grid-template-columns:1.1fr .9fr}.hero-copy{padding-left:0}.hero-art{height:290px}.hero h1{font-size:46px}.latest-layout{grid-template-columns:1fr;gap:26px}.latest-intro h2 br{display:none}.latest-intro h2{font-size:27px}.map-grid{gap:8px}.map-card{padding:17px;min-height:205px}.map-card h3{font-size:19px}.map-card p{font-size:10px}.article-layout,.project-detail-layout{grid-template-columns:145px minmax(0,1fr);gap:32px}.project-stamp{right:4%;transform:scale(.8) rotate(12deg)}.project-hero-copy{padding-left:2%;max-width:70%}.about-body{gap:40px}}
@media(max-width:600px){body{font-size:14px}.shell{width:calc(100% - 36px)}.topbar{height:68px}.brand-mark{width:34px;height:34px}.brand-word{font-size:12px}.nav-actions{gap:8px}.search-link,.theme-toggle{width:32px;height:32px}.menu-toggle{display:flex;width:32px;height:32px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:6px}.menu-toggle span{height:1px;width:18px;background:var(--ink);display:block}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 22px 20px;flex-direction:column;align-items:start;gap:16px;margin:0}.main-nav.nav-open{display:flex}.hero{display:block;padding-top:59px;min-height:675px}.hero-copy{padding:0}.hero h1{font-size:42px;max-width:350px;margin-top:21px}.hero-subtitle{max-width:330px}.hero-art{height:270px;width:min(100%,340px);margin:18px auto 46px}.hero-bottom{font-size:8px}.section-heading h2{font-size:22px}.garden-map{padding-top:44px;padding-bottom:62px}.section-heading{align-items:start;gap:16px}.section-heading>.quiet-link{padding-top:20px;white-space:nowrap;font-size:10px}.map-grid{grid-template-columns:1fr}.map-card{min-height:165px;padding:18px 20px}.map-card h3{font-size:21px}.map-card p{font-size:11px}.latest-band{padding:50px 0}.featured-grid{grid-template-columns:1fr}.featured-card:first-child{grid-column:auto}.recent-section{padding-top:58px;padding-bottom:60px}.recent-row{grid-template-columns:48px 1fr 22px;gap:8px;min-height:62px}.recent-type{display:none}.recent-title{font-size:12px}.recent-date{font-size:9px}.now-card{grid-template-columns:34px 1fr;padding:28px 0;margin-bottom:65px;gap:10px}.now-card .button{grid-column:2;justify-self:start}.now-card h2{font-size:19px}.page-intro{padding-top:64px;padding-bottom:42px}.page-intro h1{font-size:48px}.garden-stats{gap:13px;flex-wrap:wrap;font-size:9px}.garden-stats b{font-size:14px}.filter-bar{align-items:start;gap:6px;flex-direction:column}.filter-group{gap:4px}.filter-chip{padding:5px 9px;font-size:10px}.filter-toggle{padding-left:4px}.garden-grid{grid-template-columns:1fr}.garden-grid .entry-card{min-height:190px}.article-top{padding-top:32px}.article-heading{margin:35px auto}.article-heading h1{font-size:33px}.article-deck{font-size:13px}.article-layout,.project-detail-layout{display:block;padding-bottom:70px}.article-toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:28px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 15px}.article-toc span{width:100%}.article-toc a{font-size:9px}.prose{font-size:14px}.prose h2{font-size:21px}.related-link{grid-template-columns:95px 1fr 16px;font-size:10px}.journal-intro{padding-top:58px}.journal-hero{min-height:265px}.journal-hero h1{font-size:46px}.journal-hero p{max-width:240px;font-size:12px}.journal-sketch{width:105px;height:105px;flex:none}.journal-sketch i{height:53px;top:auto;bottom:18px;left:50px}.journal-sketch b{width:38px;height:15px;top:35px;left:37px}.journal-sketch em{top:22px;left:44px;font-size:15px}.journal-sketch span{font-size:8px}.journal-empty{padding:38px 0 75px;grid-template-columns:95px 1fr;gap:20px}.empty-art{height:95px}.empty-art i{height:55px;top:30px}.empty-art b{width:39px;height:16px;top:37px;left:48px}.empty-art span{font-size:18px}.empty-copy h2{font-size:18px}.empty-copy p{font-size:11px}.empty-copy .button{font-size:10px;gap:8px;padding:10px}.projects-grid{grid-template-columns:1fr;gap:13px}.project-visual{height:200px}.project-hero-copy{max-width:100%;padding:38px 0 20px}.project-hero h1{font-size:40px}.project-stamp{width:90px;height:90px;right:3px;top:80px;opacity:.65}.project-stamp b{bottom:9px}.project-facts{grid-template-columns:1fr 1fr;margin-bottom:30px}.project-facts div{padding:12px 8px}.project-facts div:nth-child(2){border-right:0}.project-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.about-body{grid-template-columns:1fr;gap:28px;padding-bottom:75px}.about-aside{height:160px}.about-aside p{margin-top:25px}.now-content{grid-template-columns:1fr;gap:0}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}.footer-inner{width:calc(100% - 36px)}.footer-links{gap:13px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Shared states must take precedence over card and flex layouts. */
[hidden] { display: none !important; }
:root { --muted: #536154; --leaf: #596f50; --accent: #99573f; }
:root[data-theme=dark] { --muted: #b0b8aa; --leaf: #b0c39a; --accent: #e0a188; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 5px;
}
.button-dark, .brand-mark { color: var(--paper); }
.button-dark:hover { background: color-mix(in srgb, var(--green), var(--paper) 12%); }
.featured-card:first-child { color: var(--paper); }
.featured-card:first-child .card-summary,
.featured-card:first-child .entry-meta,
.featured-card:first-child .card-kicker,
.featured-card:first-child .tag { color: color-mix(in srgb, var(--paper), var(--green) 12%); }
.featured-card:first-child .tag { border-color: color-mix(in srgb, var(--paper), transparent 58%); }
.card-kicker, .entry-meta, .tag { font-size: 11px; }
.type-mark { white-space: nowrap; }
.entry-meta { flex-wrap: wrap; row-gap: 8px; line-height: 1.6; }
.tag { padding: 3px 8px; }
.prose { font-size: 17px; line-height: 1.95; }
.prose a:not(.related-link):not(.tag):not(.project-note-link) {
  color: var(--green);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--leaf), transparent 48%);
  text-underline-offset: 4px;
}
.prose img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 5px; margin: 24px 0; }
.prose table { display: block; overflow-x: auto; width: max-content; max-width: 100%; border-collapse: collapse; margin: 25px 0; font: 13px/1.8 var(--sans); }
.prose th, .prose td { padding: 11px 14px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.prose th { background: var(--pale); text-align: left; font-weight: 600; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin: 35px 0; }
.prose :not(pre) > code { font: .85em/1.6 var(--mono); background: var(--pale); padding: 2px 5px; overflow-wrap: anywhere; border-radius: 3px; }
.prose pre { padding-top: 34px; }
.code-block { position: relative; min-width: 0; }
.codehilite { background: var(--pale); border-radius: 3px; }
.codehilite pre { margin: 24px 0; }
.codehilite .k, .codehilite .kn, .codehilite .kd { color: var(--accent); }
.codehilite .s, .codehilite .s1, .codehilite .s2 { color: var(--green); }
.codehilite .c, .codehilite .c1 { color: var(--muted); }
.copy-code { position: absolute; top: 8px; right: 9px; font: 10px var(--sans); color: var(--muted); border: 1px solid var(--line); background: var(--surface); border-radius: 3px; padding: 3px 8px; cursor: pointer; }
.article-toc .toc ul { list-style: none; margin: 0; padding: 0; }
.article-toc .toc li { margin: 0 0 12px; line-height: 1.7; }
.article-toc .toc li ul { margin-top: 9px; padding-left: 10px; }
.article-toc .toc a { font-size: 11px; }
.article-end { display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--line); padding: 18px 0; margin-top: 45px; font: 11px var(--sans); color: var(--muted); }
.article-end > span { color: var(--accent); font-size: 20px; }
.article-end p { margin: 0; }
.copy-page-link { margin-left: auto; border: 0; background: transparent; font-size: 11px; color: var(--muted); cursor: pointer; }
.inline-project { display: inline-block; margin: 8px 20px 8px 0; }
.backlinks { border: 1px solid var(--line); padding: 20px; margin-top: 28px; }
.backlinks a, .project-note-link { display: block; font: 13px/1.7 var(--sans); margin-top: 14px; }
.related-link { line-height: 1.7; align-items: start; }
.garden-tools { display: flex; align-items: center; gap: 18px; padding-top: 18px; color: var(--muted); font: 11px var(--sans); flex-wrap: wrap; }
.garden-tools label { margin-left: auto; display: flex; align-items: center; gap: 7px; }
.garden-tools select { font: inherit; color: var(--ink); background: var(--surface); border: 1px solid var(--line); padding: 5px 7px; border-radius: 3px; }
.reset-filters { border: 0; background: transparent; color: var(--accent); cursor: pointer; font: inherit; }
.project-visual { display: block; height: 230px; padding: 0; }
.project-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .25s ease; }
.project-visual:hover img { transform: scale(1.025); }
.project-visual .project-number { position: absolute; top: 12px; left: 12px; padding: 5px 8px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); font-size: 9px; }
.project-info h2 { line-height: 1.6; }
.project-status { line-height: 1.8; font-size: 9px; }
.project-facts b { text-align: right; margin-left: 9px; }
.project-screenshot { margin: 0 auto 45px; }
.project-screenshot img { display: block; width: 100%; height: auto; max-height: 530px; object-fit: contain; object-position: center; background: var(--pale); border: 1px solid var(--line); }
.project-screenshot figcaption { color: var(--muted); font: 11px/1.7 var(--sans); padding-top: 10px; }
.home-projects { padding-bottom: 10px; }
.home-projects .projects-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.repository-directory { padding-bottom: 80px; }
.repo-group { border-top: 1px solid var(--line); padding: 25px 0; }
.repo-group h2 { font: 500 24px var(--serif); }
.repo-group h2 small { color: var(--muted); font: 11px var(--mono); }
.repo-group ul { padding: 0; list-style: none; }
.repo-group li + li { border-top: 1px solid var(--line); }
.repo-group a { display: grid; grid-template-columns: 270px 1fr 20px; gap: 20px; padding: 16px 0; align-items: start; }
.repo-group strong { font: 13px/1.8 var(--mono); overflow-wrap: anywhere; }
.repo-group span { color: var(--muted); font: 12px/1.8 var(--sans); }
.repo-group i { color: var(--accent); font-style: normal; }
.archive, .series-list, .series-grid { padding-bottom: 100px; }
.archive h2 { font: 22px var(--mono); }
.archive-list { list-style: none; padding: 0; border-top: 1px solid var(--line); }
.archive-list li { display: grid; grid-template-columns: 80px 1fr 150px; gap: 15px; border-bottom: 1px solid var(--line); padding: 18px 0; align-items: center; }
.archive-list time, .archive-list span { color: var(--muted); font: 11px var(--mono); }
.archive-list a { font: 14px/1.7 var(--serif); }
.series-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.series-card { background: var(--pale); padding: 30px; border: 1px solid var(--line); }
.series-card h2 { font: 500 24px/1.5 var(--serif); }
.series-card p { color: var(--muted); font-size: 13px; }
.series-card b { font-size: 11px; font-weight: 500; }
.search-result strong { line-height: 1.8; }
.search-result p { font-size: 13px; line-height: 1.8; }
.hero-line { display: block; white-space: nowrap; }
.hero h1 { font-size: clamp(42px,4.2vw,60px); line-height: 1.5; }
@media(min-width:601px) and (max-width:1000px) {
  .hero h1 { font-size: clamp(34px,5vw,44px); }
}
@media(max-width:600px) {
  .hero { min-height: 0; padding-bottom: 58px; }
  .hero h1 { font-size: 36px; line-height: 1.5; }
  .hero-art { margin-bottom: 0; }
  .hero-bottom { bottom: 0; }
  .prose { font-size: 16px; }
  .home-projects .projects-grid, .series-list { grid-template-columns: 1fr; }
  .article-toc .toc li { margin-bottom: 7px; }
  .article-end { flex-wrap: wrap; }
  .copy-page-link { margin-left: 0; padding: 5px 0; }
  .project-hero-copy { padding-top: 30px; }
  .project-hero h1 { overflow-wrap: anywhere; }
  .garden-tools { gap: 10px; }
  .garden-tools label { margin-left: 0; }
  .repo-group a { grid-template-columns: 1fr 20px; gap: 5px 10px; padding: 16px 0; }
  .repo-group span { grid-column: 1; }
  .repo-group i { grid-column: 2; grid-row: 1; }
  .archive-list li { grid-template-columns: 48px 1fr; gap: 9px; }
  .archive-list span { grid-column: 2; }
  .related-link { grid-template-columns: 1fr 20px; gap: 7px; }
  .related-link span { grid-column: 1 / -1; }
}