:root{--color-ink:#14231b;--color-paper:#f7f5ef;--color-green:#1f5c3d;--color-green-deep:#143f29;--color-guava:#d95f7d;--color-guava-deep:#c24d6b;--color-white:#fffdf8;--color-line:#d8d4c8;--color-grain:#14231b1c;--color-edge:#14231b38;--color-ink-soft:#46554c;--color-ink-faint:#74827a;--pastel-flesh:#f6e2e6;--font-display:"Fraunces", "Georgia", serif;--font-base:"Manrope", system-ui, sans-serif;--radius:8px;--container-w:1040px;--measure:720px;--control-h:46px;--band:clamp(56px, 6vw, 80px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{font-family:var(--font-base);color:var(--color-ink);background:var(--color-white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.65}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;line-height:1.12}p{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}::selection{background:var(--color-guava);color:var(--color-paper)}:focus-visible{outline:3px solid var(--color-guava);outline-offset:2px}.highlight{background:var(--color-guava);color:var(--color-paper);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 6px}.underline{text-decoration:underline;-webkit-text-decoration-color:var(--color-guava);text-decoration-color:var(--color-guava);text-underline-offset:4px;text-decoration-thickness:3px}.container{width:min(var(--container-w), 100% - 48px);margin-inline:auto}.skip-link{background:var(--color-ink);color:var(--color-paper);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{z-index:100;left:12px}.page{isolation:isolate;background:linear-gradient(180deg, var(--pastel-flesh) 0%, var(--color-white) 100%);min-height:100svh;position:relative;overflow:hidden}.page__grain{z-index:-1;width:100%;height:auto;color:var(--color-grain);fill:none;stroke:currentColor;stroke-linecap:round;pointer-events:none;position:absolute;inset:0 0 auto}.brand{width:198px;height:auto;margin-bottom:32px;display:block}.brand__rind{fill:none;stroke:var(--color-green-deep);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.brand__rind--echo{stroke:var(--color-guava)}.brand__word{font-family:var(--font-display);fill:var(--color-green-deep);font-size:38px;font-weight:700}.brand__word--flesh{fill:var(--color-guava)}.btn{height:var(--control-h);border:1px solid var(--color-edge);border-radius:var(--radius);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;line-height:1;transition:transform .12s,background-color .12s,color .12s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn--white{background:var(--color-white);color:var(--color-green-deep)}.btn--white:hover{background:var(--color-paper);transform:translateY(-1px)}.btn--flesh{background:var(--color-guava);border-color:var(--color-guava);color:var(--color-paper)}.btn--flesh:hover{background:var(--color-guava-deep);border-color:var(--color-guava-deep);transform:translateY(-1px)}.fold{padding:var(--band) 0}.fold__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.fold__title{max-width:14ch;margin-bottom:22px;font-size:clamp(40px,6vw,68px)}.fold__lead{max-width:var(--measure);color:var(--color-ink-soft);font-size:20px;line-height:1.55}.section{padding:var(--band) 0}.section--tinted{background-image:radial-gradient(#1f5c3d12 1px,#0000 1.5px);background-size:14px 14px}.section__title{margin-bottom:14px;font-size:clamp(30px,4vw,42px)}.section__intro{color:var(--color-ink-soft);margin-bottom:40px}.link{color:var(--color-green-deep);text-decoration:underline;-webkit-text-decoration-color:var(--color-guava);text-decoration-color:var(--color-guava);text-underline-offset:4px;font-weight:700;text-decoration-thickness:3px}.link:hover{-webkit-text-decoration-color:var(--color-green-deep);text-decoration-color:var(--color-green-deep)}.link--still{cursor:default}.link--still:hover{-webkit-text-decoration-color:var(--color-guava);text-decoration-color:var(--color-guava)}.panels{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.panel{--hole:6px;--pitch:18px;isolation:isolate;flex-direction:column;padding:30px;display:flex;position:relative}.panel:before,.panel:after{content:"";z-index:-1;position:absolute}.panel:before{--bite:transparent var(--hole), #000 calc(var(--hole) + .5px);--across:0 0 / var(--pitch) 100% round no-repeat;--down:0 0 / 100% var(--pitch) no-repeat round;background:var(--color-white);-webkit-mask:radial-gradient(circle at 0 0, var(--bite)) var(--across), radial-gradient(circle at 100% 0, var(--bite)) var(--across), radial-gradient(circle at 0 100%, var(--bite)) var(--across), radial-gradient(circle at 100% 100%, var(--bite)) var(--across), radial-gradient(circle at 0 0, var(--bite)) var(--down), radial-gradient(circle at 0 100%, var(--bite)) var(--down), radial-gradient(circle at 100% 0, var(--bite)) var(--down), radial-gradient(circle at 100% 100%, var(--bite)) var(--down);mask:radial-gradient(circle at 0 0, var(--bite)) var(--across), radial-gradient(circle at 100% 0, var(--bite)) var(--across), radial-gradient(circle at 0 100%, var(--bite)) var(--across), radial-gradient(circle at 100% 100%, var(--bite)) var(--across), radial-gradient(circle at 0 0, var(--bite)) var(--down), radial-gradient(circle at 0 100%, var(--bite)) var(--down), radial-gradient(circle at 100% 0, var(--bite)) var(--down), radial-gradient(circle at 100% 100%, var(--bite)) var(--down);inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.panel:after{--rim:calc(var(--hole) - 1px);--bite:transparent var(--rim), #000 calc(var(--rim) + .5px);--across:0 -1px / var(--pitch) calc(100% + 2px) round no-repeat;--down:-1px 0 / calc(100% + 2px) var(--pitch) no-repeat round;z-index:-2;background:var(--color-edge);-webkit-mask:radial-gradient(circle at 0 1px, var(--bite)) var(--across), radial-gradient(circle at 100% 1px, var(--bite)) var(--across), radial-gradient(circle at 0 calc(100% - 1px), var(--bite)) var(--across), radial-gradient(circle at 100% calc(100% - 1px), var(--bite)) var(--across), radial-gradient(circle at 1px 0, var(--bite)) var(--down), radial-gradient(circle at 1px 100%, var(--bite)) var(--down), radial-gradient(circle at calc(100% - 1px) 0, var(--bite)) var(--down), radial-gradient(circle at calc(100% - 1px) 100%, var(--bite)) var(--down);mask:radial-gradient(circle at 0 1px, var(--bite)) var(--across), radial-gradient(circle at 100% 1px, var(--bite)) var(--across), radial-gradient(circle at 0 calc(100% - 1px), var(--bite)) var(--across), radial-gradient(circle at 100% calc(100% - 1px), var(--bite)) var(--across), radial-gradient(circle at 1px 0, var(--bite)) var(--down), radial-gradient(circle at 1px 100%, var(--bite)) var(--down), radial-gradient(circle at calc(100% - 1px) 0, var(--bite)) var(--down), radial-gradient(circle at calc(100% - 1px) 100%, var(--bite)) var(--down);padding:1px;inset:-1px;-webkit-mask-origin:content-box;mask-origin:content-box;-webkit-mask-composite:source-in;mask-composite:intersect}.panel__title{margin-bottom:8px;font-size:22px}.panel__body{color:var(--color-ink-soft);font-size:16px}.panel .link{margin-top:auto;padding-top:18px;font-size:15px}.about{gap:16px;display:grid}.letter-list{margin:0;padding:0;list-style:none}.letter{border:1px dashed var(--color-edge);border-radius:var(--radius);background:var(--color-white)}.letter[data-standing=kept]{border-style:solid}.letter__headline{align-items:center;gap:14px;padding:14px;display:flex}.letter__mark{width:var(--control-h);height:var(--control-h);border:1px solid var(--color-edge);color:var(--color-ink-soft);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.letter__who{flex-direction:column;flex:auto;min-width:0;display:flex}.letter__name,.letter__seen{white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.letter__name{font-size:16px;font-weight:700}.letter__seen{color:var(--color-ink-soft);font-size:14px}.letter[data-standing=kept] .letter__mark,.letter[data-standing=kept] .letter__name{color:var(--color-green-deep)}.letter__acts{flex:none}.subscribe{align-items:center;gap:8px;margin:0;display:flex}.subscribe__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.subscribe__field{width:15rem;max-width:100%;height:var(--control-h);border:1px solid var(--color-edge);border-radius:var(--radius);background:var(--color-white);color:var(--color-ink);font:inherit;padding:0 14px;font-size:15px;line-height:1}.subscribe__field::placeholder{color:var(--color-ink-faint)}.subscribe__field:disabled{opacity:.6}.site-footer{padding:28px 0 36px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.site-footer__note{color:var(--color-ink-faint);font-size:13px}.site-footer__nav{flex-wrap:wrap;gap:18px;display:flex}.site-footer__link{color:var(--color-ink-soft);font-size:13px;font-weight:600}.site-footer__link:hover{color:var(--color-ink)}.study-page{background:linear-gradient(180deg, var(--color-white) 0%, var(--pastel-flesh) 100%)}.section--full{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.study{max-width:920px;margin-inline:auto;padding:64px 24px 80px}.study__header{max-width:920px;margin-inline:auto}.study__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--color-green);margin-bottom:12px;font-size:13px;font-weight:700}.study__title{margin-bottom:12px;font-size:clamp(34px,5vw,52px)}.study__meta{opacity:.7;margin-bottom:18px;font-size:14px;font-weight:600}.study__meta em{font-weight:500}.study__lead{opacity:.9;margin-bottom:28px;font-size:20px}.study__prose h2{margin:40px 0 14px;font-size:26px}.study__prose h3{margin:28px 0 10px;font-size:20px}.study__prose p{margin-bottom:16px}.study__prose ul{margin:0 0 16px;padding-left:22px}.study__prose li{margin-bottom:6px}.study__prose a{text-decoration:underline;-webkit-text-decoration-color:var(--color-guava);text-decoration-color:var(--color-guava);text-underline-offset:3px;text-decoration-thickness:2px}.study__prose a:hover{-webkit-text-decoration-color:var(--color-green-deep);text-decoration-color:var(--color-green-deep)}.study__prose blockquote{border-left:4px solid var(--color-green);margin:24px 0;padding:4px 20px;font-style:italic}.study__prose pre{background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius);margin:24px 0;padding:18px 20px;font-size:14px;overflow-x:auto}.study__prose code{font-family:ui-monospace,SF Mono,monospace}.study__nav{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:48px;padding-top:24px;display:flex}.study__nav-link{color:var(--color-green-deep);font-size:15px;font-weight:700}.study__nav-link:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=940px){:root{--band:44px}.letter__headline{flex-wrap:wrap}.letter__who{flex:1 1 0}.letter__acts{flex:100%}.subscribe__field{flex:auto;width:auto;min-width:0}}@media (width<=560px){:root{--band:36px}body{font-size:17px}.page__grain{width:260%;left:auto;right:-20%}.fold__lead{font-size:18px}.panels{grid-template-columns:minmax(0,1fr)}.subscribe{flex-wrap:wrap}.subscribe__field,.subscribe .btn{flex:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
