/* Pod's Garden — monochrome editorial system. Content remains Zola-driven. */
:root{--paper:#f4f3ef;--ink:#151515;--muted:#686866;--line:#c8c8c2;--panel:#e8e7e1;--edge:clamp(22px,4.3vw,72px);--font:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}.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}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}body.dark{--paper:#151515;--ink:#f2f0eb;--muted:#aaa9a5;--line:#575751;--panel:#252523}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:4px}::selection{background:#999;color:white}[hidden]{display:none!important}img,video{max-width:100%;height:auto}.shell{max-width:1600px;margin:0 auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.meta{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.11em;text-transform:uppercase}
/* Shared site chrome */
.site-header{height:88px;margin:0 var(--edge);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:40px;position:relative;z-index:10}.wordmark{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:16px;font-weight:900;line-height:1;letter-spacing:-.065em}.brand-mark{display:inline-flex;width:21px;height:21px;flex:none}.brand-mark svg{width:100%;height:100%}.nav{display:flex;gap:clamp(16px,2.6vw,42px);align-items:center;margin:auto}.nav a{font-size:12px;font-weight:750;letter-spacing:.025em;position:relative}.nav a:after{content:"";position:absolute;bottom:-8px;left:0;right:100%;height:1px;background:currentColor;transition:right .2s}.nav a:hover:after,.nav a:focus-visible:after,.nav a[aria-current="page"]:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{border:1px solid var(--ink);background:none;color:var(--ink);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;transition:transform .2s,background .2s,color .2s}.icon-button:hover{transform:rotate(-12deg);background:var(--ink);color:var(--paper)}.icon-button svg{width:17px;height:17px}.menu-toggle{display:none}.mobile-panel{display:none}.main{min-height:65vh}
.footer{padding:65px var(--edge) 35px;background:#151515;color:#eee}.footer-main{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:65px}.footer h2{font-size:clamp(48px,8vw,115px);line-height:.9;letter-spacing:-.085em;margin:15px 0 0}.footer p{max-width:320px;font-size:13px;line-height:1.7;color:#aaa;margin:0}.footer-bottom{border-top:1px solid #555;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#aaa;letter-spacing:.05em;flex-wrap:wrap}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
/* Home */
.home-hero{padding:clamp(65px,7vw,115px) var(--edge) 64px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:25px;max-width:950px}.hero-top span:last-child{color:var(--muted)}.hero-title{font-size:clamp(76px,12.8vw,206px);letter-spacing:-.095em;line-height:.79;font-weight:900;margin:40px 0 30px;position:relative;z-index:1}.hero-title .second{display:block;margin-left:clamp(10px,16vw,248px)}.hero-title .period{display:inline-block;transition:transform .4s cubic-bezier(.18,1.5,.35,1)}.hero-title:hover .period{transform:translateY(-14px) rotate(-16deg)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-left:clamp(10px,16vw,248px)}.hero-bottom p{font-size:clamp(16px,1.7vw,23px);letter-spacing:-.035em;line-height:1.55;max-width:470px;margin:0}.hero-bottom .micro{font-size:10px;letter-spacing:.16em;writing-mode:vertical-rl;white-space:nowrap;text-transform:uppercase}.hero-mark{position:absolute;right:clamp(15px,10vw,150px);top:clamp(95px,10vw,145px);width:clamp(80px,12vw,175px);aspect-ratio:1;animation:float 7s ease-in-out infinite;pointer-events:none}.hero-mark svg{width:100%;height:100%}@keyframes float{50%{transform:translateY(-13px) rotate(5deg)}}.ticker{display:flex;gap:28px;align-items:center;white-space:nowrap;overflow:hidden;padding:15px var(--edge);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.ticker span{flex:none}.ticker .asterisk{font-size:22px;line-height:0}
.featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:440px;border-bottom:1px solid var(--ink)}.feature-copy{padding:clamp(32px,5vw,77px) var(--edge);display:flex;flex-direction:column;align-items:flex-start}.feature-copy h2{font-size:clamp(31px,3.3vw,55px);letter-spacing:-.065em;line-height:1.13;max-width:730px;margin:clamp(33px,3.6vw,55px) 0 25px}.feature-copy p{color:var(--muted);max-width:55ch;font-size:14px;line-height:1.9;margin:0}.feature-end{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-top:auto;padding-top:42px;width:100%}.feature-link,.section-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px;transition:padding .2s}.feature-link:hover,.section-link:hover{padding-left:8px}.feature-art{background:#161616;color:#f5f4ef;min-height:390px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}.feature-art:before,.feature-art:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(-15%,15%) rotate(-26deg) scaleX(.55)}.feature-art:after{transform:translate(18%,-8%) rotate(26deg) scaleX(.5);width:340px;height:340px}.feature-art .art-word{font-size:clamp(92px,12vw,200px);font-weight:900;letter-spacing:-.12em;line-height:1;transform:rotate(-13deg);z-index:1;mix-blend-mode:difference}.art-label{position:absolute;left:35px;bottom:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;z-index:2}.art-number{position:absolute;right:36px;top:26px;font-size:11px;z-index:2}
.home-section{padding:85px var(--edge) 95px;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-head h2{font-size:clamp(49px,6vw,94px);line-height:.85;letter-spacing:-.085em;margin:13px 0 0}.section-head p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.home-section.garden-surface{background:var(--panel);padding-bottom:100px}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-services{border-bottom:1px solid var(--ink)}
/* Shared article row, garden note, and services */
.post-row{border-top:1px solid var(--line);display:grid;grid-template-columns:124px minmax(0,1fr) 40px;gap:20px;align-items:start;padding:26px 0;transition:background .2s,padding .2s}.post-row:last-child{border-bottom:1px solid var(--line)}.post-row:hover{background:var(--panel);padding-left:13px;padding-right:13px}.post-row time{color:var(--muted);font-size:11px;font-weight:700;padding-top:7px}.post-copy h3{font-size:clamp(19px,2.1vw,30px);letter-spacing:-.055em;line-height:1.35;margin:0 0 8px}.post-copy h3 a:hover{text-decoration:underline;text-underline-offset:4px}.post-copy p{color:var(--muted);font-size:13px;line-height:1.75;margin:0;max-width:75ch}.post-row .row-arrow{justify-self:end;font-size:22px}.post-row .row-link{position:absolute;inset:0;z-index:0}.post-row{position:relative}.post-row>*{position:relative;z-index:1}.post-row .row-link{z-index:0}.post-row .post-copy h3 a{position:relative}.post-row .tag-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag{border:1px solid var(--line);color:var(--muted);font-size:11px;padding:3px 8px;line-height:1.4;display:inline-block}.tag:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.post-row .tag-links a{position:relative;z-index:2}
.note-card{background:var(--paper);border:1px solid var(--ink);padding:19px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s;position:relative}.note-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}.note-card__link{position:absolute;inset:0;z-index:2}.note-card h3{font-size:clamp(18px,1.6vw,23px);letter-spacing:-.055em;line-height:1.28;margin:0 0 8px}.note-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-top{display:flex;justify-content:space-between;align-items:start;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted);gap:8px}.note-top span{border:1px solid var(--ink);color:var(--ink);width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:15px}.service-card{border:1px solid var(--ink);min-height:210px;padding:26px;display:flex;flex-direction:column;transition:background .2s,color .2s}.service-card:hover{background:var(--ink);color:var(--paper)}.service-card .num{font-size:11px;letter-spacing:.15em}.service-card h3{font-size:clamp(25px,3vw,40px);letter-spacing:-.06em;line-height:1.1;margin:auto 0 12px}.service-card p{font-size:13px;margin:0;opacity:.65}.service-card .arrow{font-size:27px;float:right;line-height:.4}
/* Inner pages */
.inner{padding:0 var(--edge) 100px}.page-hero{position:relative;border-bottom:1px solid var(--ink);padding:80px 0 58px;overflow:hidden}.page-hero h1{font-size:clamp(76px,11.5vw,174px);line-height:.87;letter-spacing:-.09em;margin:42px 0 28px;font-weight:900}.page-hero h1 .skew{display:inline-block;transform:rotate(-9deg);transform-origin:bottom left}.page-hero p{font-size:clamp(16px,1.55vw,21px);line-height:1.65;max-width:640px;margin:0}.hero-count{position:absolute;right:0;bottom:44px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em}.page-stamp{position:absolute;right:clamp(15px,6vw,85px);top:75px;width:88px;height:88px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(17deg);animation:float 6s ease-in-out infinite}.page-stamp svg{width:62%;height:62%}.intro-line{display:flex;justify-content:space-between;gap:20px;padding:35px 0 25px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.intro-line span:last-child{color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:32px;gap:12px}.pagination__btn{background:none;border:1px solid var(--ink);padding:12px 18px;font-size:12px;font-weight:800;min-width:104px;text-align:center}.pagination__btn:hover{background:var(--ink);color:var(--paper)}.pagination__btn.is-disabled{opacity:.28;cursor:default}.pagination__meta{font-size:12px;font-weight:800;letter-spacing:.08em}
.archive-garden{background:var(--panel);padding:0 clamp(20px,4vw,50px) 60px;margin:0 calc(-1 * var(--edge))}.archive-garden .intro-line{padding:35px 0 30px}.month{border-top:1px solid var(--ink);padding:30px 0 42px;display:grid;grid-template-columns:minmax(140px,22%) minmax(0,1fr);gap:20px}.month h2{font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:-.065em;margin:0}.month small{display:block;color:var(--muted);font-size:11px;margin:11px 0 0;letter-spacing:.1em}.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.month .note-card:nth-child(3n+2){transform:translateY(8px)}.month .note-card:hover,.month .note-card:nth-child(3n+2):hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}
/* Markdown reading surface: retain all content, code, media and anchors. */
.reading{max-width:1000px;margin:0 auto}.article-hero{padding:65px 0 42px;border-bottom:1px solid var(--ink)}.article-hero .eyebrow{display:block}.article-hero h1{font-size:clamp(37px,5vw,70px);line-height:1.13;letter-spacing:-.065em;margin:30px 0 23px;overflow-wrap:anywhere}.article-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.article-prose,.about-prose,.now-prose,.generic-prose{color:var(--ink);font-size:16px;line-height:1.9;overflow-wrap:anywhere}.article-prose{padding:45px 0 25px}.article-prose>*:not(pre):not(table):not(.mermaid){max-width:none}.article-prose>picture:not(pre):not(table):not(.mermaid){display:block;width:100%}.generic-prose>*{max-width:73ch;margin-left:auto;margin-right:auto}.article-prose h2,.article-prose h3,.generic-prose h2{letter-spacing:-.045em;line-height:1.3;scroll-margin-top:30px}.article-prose h2{font-size:clamp(26px,3vw,38px);margin-top:2.5em}.article-prose h3{font-size:clamp(20px,2vw,27px);margin-top:2em}.article-prose p,.generic-prose p{margin-top:1.2em;margin-bottom:1.2em}.article-prose a,.about-prose a,.now-prose a,.generic-prose a{text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}.article-prose a:hover,.about-prose a:hover,.now-prose a:hover,.generic-prose a:hover{text-decoration-color:var(--ink)}.article-prose blockquote,.generic-prose blockquote{border-left:3px solid var(--ink);padding-left:18px;margin-top:1.6em;margin-bottom:1.6em;color:var(--muted)}.article-prose img,.about-prose img,.now-prose img,.generic-prose img{display:block;max-width:100%;height:auto}.article-prose figure,.generic-prose figure{margin:2em auto}.article-prose figcaption,.generic-prose figcaption{font-size:12px;color:var(--muted)}.article-prose pre,.generic-prose pre{max-width:100%;background:var(--panel);border:1px solid var(--line);padding:22px;overflow-x:auto;line-height:1.6;tab-size:2}.article-prose code,.generic-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--panel);padding:.12em .3em}.article-prose pre code,.generic-prose pre code{padding:0;background:none}.article-prose table,.generic-prose table{display:block;width:100%;max-width:100%;border-collapse:collapse;overflow-x:auto;margin:2em auto}.article-prose th,.article-prose td,.generic-prose th,.generic-prose td{border:1px solid var(--line);padding:9px 13px;text-align:left;white-space:nowrap}.article-prose hr,.about-prose hr,.now-prose hr,.generic-prose hr{border:0;border-top:1px solid var(--line);margin:50px 0}.article-prose ul,.article-prose ol,.generic-prose ul,.generic-prose ol{padding-left:25px}.article-prose .mermaid{overflow-x:auto;padding:20px;background:var(--panel);border:1px solid var(--line);margin:25px 0}.article-prose .mermaid svg{max-width:100%;height:auto}.back-link{display:inline-block;margin:32px 0 0;font-size:13px;font-weight:800;border-bottom:1px solid currentColor}
/* About and Now reuse rendered Markdown rather than duplicating copy in templates. */
.about-prose{max-width:none;padding:65px 0}.about-prose>p:first-child{float:right;width:39%;margin:0 0 32px 6%;background:#191919}.about-prose>p:first-child img{width:100%}.about-prose>p:not(:first-child){max-width:70ch}.about-prose h2{clear:both;font-size:clamp(37px,4vw,62px);letter-spacing:-.065em;line-height:1.08;padding-top:55px;margin-bottom:25px}.about-prose h3{font-size:23px;margin:30px 0 10px}.about-prose ul{max-width:80ch;padding-left:20px}.about-prose li{padding:6px 0}.about-prose strong,.now-prose strong{color:var(--ink)}.now-prose{max-width:1050px;padding:50px 0}.now-prose>p:first-child{font-size:17px;max-width:65ch}.now-prose h2{font-size:clamp(32px,3.7vw,55px);letter-spacing:-.07em;margin:65px 0 24px;padding-top:25px;border-top:1px solid var(--ink)}.now-prose ul{list-style:none;padding:0;max-width:800px}.now-prose li{border-top:1px solid var(--line);padding:17px 0;margin:0}.now-prose blockquote{font-size:clamp(27px,4vw,52px)}
/* Secondary routes */
.secondary{padding:0 var(--edge) 95px}.secondary-list{padding:45px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tag-tile{display:flex;flex-direction:column;justify-content:space-between;min-height:165px;padding:20px;border:1px solid var(--ink);transition:transform .2s,background .2s,color .2s}.tag-tile:hover,.tag-tile:focus-visible{transform:translateY(-5px);background:var(--ink);color:var(--paper)}.tag-tile:hover span,.tag-tile:focus-visible span{color:inherit}.tag-tile h2{font-size:22px;letter-spacing:-.05em;margin:0;overflow-wrap:anywhere}.tag-tile span{font-size:11px;color:var(--muted)}.secondary .service-grid{padding-top:45px}.generic-prose{max-width:900px;margin:45px auto}.error-page{padding:100px var(--edge)}.error-page h1{font-size:clamp(90px,15vw,210px);letter-spacing:-.1em;margin:0}.error-page p{font-size:20px}
/* Functional full-site search, keyboard and pointer accessible. */
.search-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;background:rgba(0,0,0,.65);padding:clamp(20px,12vh,120px) 18px;overflow:auto}.search-content{width:min(670px,100%);padding:26px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.25)}.search-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em}.close-search{border:0;background:none;color:inherit;font-size:23px;line-height:1}.search-input{border:0;border-bottom:2px solid var(--ink);background:none;color:var(--ink);width:100%;border-radius:0;padding:25px 0 15px;margin:15px 0;font:600 clamp(20px,4vw,30px)/1.2 var(--font)}.search-results a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}.search-results a:hover{padding-left:8px;background:var(--panel)}.search-results small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-bottom:4px}.search-results p{color:var(--muted);font-size:13px}.search-footer{font-size:11px;color:var(--muted);margin-top:20px}
@media(max-width:1000px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:13px}.nav a{font-size:11px}.page-hero h1{font-size:clamp(68px,12vw,108px)}.month{grid-template-columns:1fr}.notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.site-header{height:72px;gap:14px}.nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:grid}.mobile-panel.open{display:flex;position:absolute;top:72px;left:var(--edge);right:var(--edge);z-index:20;flex-direction:column;padding:10px 18px;background:var(--paper);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.mobile-panel a{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:750}.mobile-panel a:last-child{border:0}.featured{grid-template-columns:1fr}.feature-art{min-height:310px}.feature-copy{min-height:400px}.hero-title{font-size:clamp(67px,13vw,110px)}.hero-mark{right:6vw;top:95px;width:105px}.secondary-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.site-header{margin:0 20px}.wordmark{font-size:14px}.brand-mark{width:19px;height:19px}.header-actions{gap:6px}.icon-button{width:32px;height:32px}.mobile-panel.open{left:20px;right:20px}.home-hero{padding:75px 22px 50px}.hero-top span:last-child{display:none}.hero-mark{width:76px;right:29px;top:105px}.hero-title{font-size:clamp(67px,16vw,91px);margin:56px 0 25px}.hero-title .second{margin-left:0}.hero-bottom{margin-left:0;align-items:start}.hero-bottom p{max-width:300px;font-size:16px}.hero-bottom .micro{display:none}.ticker{gap:20px;font-size:10px}.feature-copy{min-height:380px}.feature-copy h2{font-size:31px;margin-top:35px}.feature-art{min-height:260px}.feature-art .art-word{font-size:105px}.home-section{padding:73px 22px 78px}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head h2{font-size:64px}.note-grid{gap:10px}.note-card{padding:15px;min-height:245px}.note-card h3{font-size:18px}.note-card p{font-size:11px}.service-grid{grid-template-columns:1fr}.service-card{min-height:160px}.footer{padding:65px 22px 30px}.footer-main{align-items:start;flex-direction:column;gap:38px;padding-bottom:50px}.inner,.secondary{padding:0 22px 70px}.page-hero{padding:65px 0 43px}.page-hero h1{font-size:clamp(62px,17vw,88px);margin:58px 0 25px}.page-hero p{font-size:15px}.hero-count{position:static;margin-top:24px}.page-stamp{right:5px;top:63px;width:49px;height:49px}.intro-line{padding:25px 0}.intro-line span:last-child{display:none}.post-row{grid-template-columns:1fr 24px;gap:6px;padding:20px 0}.post-row time{grid-column:1/-1}.post-copy h3{font-size:21px}.post-copy p{font-size:12px}.pagination__btn{padding:11px 9px;min-width:auto}.archive-garden{margin:0 -22px;padding:0 22px 40px}.month{padding:24px 0 36px}.notes{gap:10px}.article-hero{padding:45px 0 25px}.article-prose{padding:30px 0}.about-prose{padding:40px 0}.about-prose>p:first-child{float:none;width:100%;max-width:490px;margin:0 0 30px}.about-prose h2{padding-top:35px}.now-prose{padding:35px 0}.secondary-list{grid-template-columns:1fr}.search-content{padding:20px}}
@media(max-width:360px){.notes,.note-grid{grid-template-columns:1fr}.note-card{min-height:155px}.page-hero h1{font-size:61px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}