@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--paper:#f4efe4;--ink:#2a2620;--soft:#6b6457;--olive:#4d5530;--sage:#9aa58a;--line:#d9d0bd;--clay:#a8643a;--ser:Fraunces,Georgia,serif;--sans:Inter,system-ui,sans-serif;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box;margin:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}
body{overflow-x:clip;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}
h1,h2,h3,.brand,.big,.lede,.nt{font-family:var(--ser);font-weight:340;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.015em;line-height:1.08}
em{font-style:italic;font-weight:300}
.kick{font:500 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--clay)}
.u{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s cubic-bezier(.2,.7,.2,1);padding-bottom:2px}
.u:hover,.card:hover .u{background-size:100% 1px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
.hd{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);transition:background .4s,padding .4s,color .4s}
.onhero .hd{color:#f7f2e8}.hd.solid{background:rgba(244,239,228,.92);backdrop-filter:blur(10px);color:var(--ink);padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.brand{font-size:24px}.brand em{font-weight:300}
nav{display:flex;gap:40px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.menu{display:none;width:44px;height:44px;background:none;border:0;color:inherit;cursor:pointer;position:relative}
.menu span{position:absolute;left:10px;right:10px;height:1px;background:currentColor;transition:.35s}.menu span:first-child{top:18px}.menu span:last-child{top:26px}
.open .menu span:first-child{top:22px;transform:rotate(45deg)}.open .menu span:last-child{top:22px;transform:rotate(-45deg)}
/* hero */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:#f7f2e8}
.hero>img{position:absolute;inset:0;transform:scale(1.08);animation:kb 2.6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes kb{to{transform:scale(1)}}
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,12,.35),rgba(20,18,12,0) 30%,rgba(20,18,12,.15) 55%,rgba(20,18,12,.62))}
.hin{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(40px,8vh,90px)}
.hin .kick{color:#efe4cf;margin-bottom:22px}
.hero h1{font-size:clamp(46px,8.4vw,132px);max-width:12ch}
.scroll{display:inline-flex;gap:12px;margin-top:34px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0}
/* intro */
.intro{padding:clamp(90px,14vw,190px) var(--pad) clamp(70px,10vw,140px);display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:start}
.num{font:italic 300 18px var(--ser);color:var(--soft)}.lede{font-size:clamp(28px,3.6vw,54px);max-width:22ch}
/* feature */
.feature{display:grid;grid-template-columns:7fr 5fr;gap:clamp(30px,5vw,90px);align-items:center;padding:0 var(--pad) clamp(90px,12vw,170px)}
.fimg{aspect-ratio:4/3;overflow:hidden;display:block}
.ftext h2{font-size:clamp(32px,3.6vw,56px);margin:18px 0 22px}.ex{color:var(--soft);max-width:44ch}.more{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.fimg img,.ph img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.fimg:hover img,.card:hover .ph img{transform:scale(1.05)}
/* grid */
.edgrid{padding:0 var(--pad) clamp(90px,12vw,170px)}
.ghead{display:flex;align-items:center;gap:30px;margin-bottom:clamp(40px,6vw,80px)}.ghead h2{font-size:clamp(34px,4vw,60px);white-space:nowrap}.rule{flex:1;height:1px;background:var(--line)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(20px,3vw,48px);row-gap:clamp(60px,8vw,110px)}
.card{display:block}.ph{overflow:hidden;margin-bottom:22px}.card h3{font-size:clamp(24px,2.2vw,32px);margin:12px 0}
.card.a{grid-column:1/8}.card.a .ph{aspect-ratio:3/2}
.card.b{grid-column:9/13;margin-top:18vw}.card.b .ph{aspect-ratio:4/5}
.card.c{grid-column:2/6}.card.c .ph{aspect-ratio:4/5}
.card.d{grid-column:7/13;margin-top:8vw}.card.d .ph{aspect-ratio:3/2}
.card.e{grid-column:3/11}.card.e .ph{aspect-ratio:21/9}
/* about */
.about{display:grid;grid-template-columns:5fr 6fr;gap:clamp(30px,6vw,110px);align-items:center;padding:clamp(80px,10vw,150px) var(--pad);background:#e9e2d2}
.about figure{aspect-ratio:4/5;overflow:hidden}.atext h2{font-size:clamp(30px,3.4vw,52px);margin:20px 0 28px}.atext p{max-width:46ch;color:#4a4439}
.sig{font:italic 300 24px var(--ser);margin-top:26px;color:var(--olive)!important}
/* letters */
.letters{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding:clamp(80px,10vw,150px) var(--pad);background:var(--olive);color:#efe9da}
.letters h2{font-size:clamp(32px,3.6vw,54px);margin:18px 0}.letters .kick{color:#d9c39b}.letters p{opacity:.85}
form{display:flex;border-bottom:1px solid rgba(239,233,218,.6)}input{flex:1;background:none;border:0;color:inherit;font:300 20px var(--ser);padding:18px 0;min-width:0}input::placeholder{color:rgba(239,233,218,.6)}input:focus{outline:none}
form button{background:none;border:0;color:inherit;font:500 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:0 0 0 20px;min-height:48px}.thanks{font:italic 300 24px var(--ser)}
/* footer */
.ft{padding:clamp(70px,9vw,130px) var(--pad) 30px}.ftop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:70px;border-bottom:1px solid var(--line)}
.big{font-size:clamp(36px,5vw,76px)}.cols{display:flex;gap:70px}.cols h4{font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft);margin-bottom:16px}.cols a{display:table;margin:6px 0}
.fbot{display:flex;justify-content:space-between;padding-top:24px;font-size:13px;color:var(--soft)}
/* post */
.post{padding-top:140px}.phead{max-width:900px;margin:0 auto;padding:0 var(--pad);text-align:center}
.phead h1{font-size:clamp(40px,6vw,88px);margin:24px 0}.dek{font:300 clamp(19px,1.8vw,24px)/1.5 var(--ser);color:var(--soft);max-width:36em;margin:0 auto}.by{margin-top:26px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.pfig{margin:clamp(50px,7vw,90px) auto;max-width:1400px;padding:0 var(--pad);aspect-ratio:16/9}.pfig img{height:100%}
.prose{max-width:680px;margin:0 auto;padding:0 var(--pad);font-size:19px;line-height:1.8}
.prose>p:first-child:first-letter{float:left;font:300 84px/.8 var(--ser);margin:8px 12px 0 0;color:var(--olive)}
.prose p,.prose ul,.prose ol{margin-bottom:1.3em}.prose h2{font-size:clamp(28px,3vw,38px);margin:2em 0 .6em}.prose h3{font-size:24px;margin:1.6em 0 .5em}
.prose a{border-bottom:1px solid var(--sage)}.prose li{margin:.4em 0}.prose table{width:100%;border-collapse:collapse;font-size:16px;margin:1.5em 0;display:block;overflow-x:auto}.prose td,.prose th{border-bottom:1px solid var(--line);padding:10px;text-align:left}
.sign{max-width:680px;margin:80px auto 0;padding:34px var(--pad);display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--soft)}.sign img{width:84px;height:84px;border-radius:50%;flex:none}.sign em{color:var(--ink);font-family:var(--ser)}
.next{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(80px,10vw,140px) var(--pad)}.nt{font-size:clamp(28px,3.4vw,48px);max-width:20ch}.arrow{font-size:28px;transition:transform .5s}.next:hover .arrow{transform:translateX(10px)}
/* reveal */
[data-r]{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}[data-r].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-r]{opacity:1;transform:none;transition:none}.hero>img{animation:none;transform:none}}
/* tablet */
@media(max-width:1024px){
.intro{grid-template-columns:1fr;gap:18px}.feature{grid-template-columns:1fr}
.card.a,.card.d,.card.e{grid-column:1/13;margin-top:0}.card.b{grid-column:1/7;margin-top:0}.card.c{grid-column:7/13}
.about{grid-template-columns:1fr 1fr}.letters{grid-template-columns:minmax(0,1fr);gap:30px}}
/* mobile */
@media(max-width:700px){
body{font-size:16px}nav{display:none}.menu{display:block}
.open{background:var(--paper)!important;color:var(--ink)!important}.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:10px var(--pad) 26px;border-bottom:1px solid var(--line);font-size:13px}
.open nav a{padding:16px 0;border-bottom:1px solid var(--line);background:none}
.brand{font-size:21px}.hero{min-height:600px}.hin .kick{font-size:10px}
.card.b,.card.c{grid-column:1/13}.card.b .ph,.card.c .ph{aspect-ratio:4/5}.card.e .ph{aspect-ratio:3/2}
.about{grid-template-columns:1fr}.ghead h2{white-space:normal}.ftop{flex-direction:column}.cols{gap:50px}.fbot{flex-direction:column;gap:6px}
.prose{font-size:18px}.post{padding-top:110px}.pfig{aspect-ratio:4/3;padding:0}.sign{flex-direction:column;text-align:center}}
form button{flex:none}
.hero h1{line-height:.98;font-size:clamp(44px,6.4vw,104px);max-width:none}.hero h1 em{display:block}
.hero>img{object-position:30% 30%}
@media(min-width:1025px){.hin{left:auto;width:min(52%,760px);bottom:12vh}}
.veil{background:linear-gradient(180deg,rgba(20,18,12,.35),rgba(20,18,12,0) 28%,rgba(20,18,12,.2) 55%,rgba(20,18,12,.7))}
@media(min-width:1025px){.veil{background:linear-gradient(180deg,rgba(20,18,12,.3),rgba(20,18,12,0) 30%),linear-gradient(270deg,rgba(20,18,12,.55),rgba(20,18,12,0) 60%)}}
@media(max-width:700px){.hero>img{object-position:22% 30%}.hero h1{font-size:46px}}
@font-face{font-family:Caveat;src:url(/assets/fonts/caveat.ttf) format("truetype");font-weight:400 700;font-display:swap}
.hand{font-family:Caveat,cursive;font-weight:500;letter-spacing:0;text-transform:none}
body{transition:background-color .8s ease;--ink2:var(--ink)}
.draw{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
/* hero */
.hero3{position:relative;height:200vh;color:#f7f2e8}
.hpin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}
.himg{position:absolute;inset:0;transform-origin:30% 40%}.himg img{transform:scale(1.12)}
.hero3 .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,12,.35),rgba(20,18,12,0) 30%),linear-gradient(270deg,rgba(20,18,12,.6),rgba(20,18,12,0) 62%)}
.fg-sprig{position:absolute;width:clamp(120px,14vw,220px);color:#efe6d2;opacity:.85}.fg-sprig.l{left:-2vw;bottom:-6vh;height:80vh}
.hin3{position:absolute;right:var(--pad);bottom:13vh;width:min(54%,800px)}
.note1{font-size:clamp(22px,2vw,30px);color:#f1dfb8;transform:rotate(-3deg);margin-bottom:10px;display:inline-block}
.hero3 h1{font-size:clamp(46px,6.6vw,112px);line-height:.96}.hero3 h1 em{display:block}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}.split .w>span{display:inline-block}
.hsub{margin-top:26px;max-width:40ch;font-size:17px;color:#ece4d3}
.scrollcue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#efe6d2}
.scrollcue i{width:1px;height:46px;background:linear-gradient(#efe6d2 50%,transparent 50%) 0 0/1px 200%;animation:cue 1.8s infinite}
@keyframes cue{to{background-position:0 -100%}}
/* intro */
.intro3{position:relative;padding:clamp(100px,14vw,200px) var(--pad) clamp(70px,10vw,140px);display:grid;grid-template-columns:1fr 3fr;gap:40px}
.sprig2{position:absolute;right:var(--pad);top:60px;width:clamp(160px,22vw,320px);color:var(--olive)}
.note2{grid-column:2;font-size:clamp(24px,2.4vw,34px);color:var(--clay);transform:rotate(-2deg);margin-top:-10px}
.fimg{position:relative}.tape{position:absolute;left:24px;bottom:22px;background:#f4ead2;color:var(--ink);font-size:24px;padding:4px 16px;transform:rotate(-4deg);box-shadow:0 6px 20px #0002}
.gnote{font-size:26px;color:var(--clay);transform:rotate(-4deg);white-space:nowrap}
/* seasons */
.seasons{position:relative;height:420vh}
.spin{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,6vw,110px);align-items:center;padding:90px var(--pad) 40px}
.sframe{position:relative;height:min(78vh,820px);aspect-ratio:4/5;justify-self:end;overflow:hidden;border-radius:2px}
.si{position:absolute;inset:0;clip-path:inset(100% 0 0 0)}.si:first-child{clip-path:inset(0)}
.stamp{position:absolute;right:-6px;top:28px;background:var(--paper);color:var(--ink);font-size:30px;padding:2px 18px;transform:rotate(4deg)}
.stexts{position:relative;height:min(60vh,520px)}
.st{position:absolute;left:0;right:0;top:70px;opacity:0}.st:first-of-type{opacity:1}.st h2{font-size:clamp(36px,4.4vw,72px);margin-bottom:22px}.st p{max-width:40ch;font-size:18px;opacity:.85}
.sdots{position:absolute;bottom:0;display:flex;gap:10px}.sdots i{width:34px;height:2px;background:currentColor;opacity:.25;transition:opacity .4s}.sdots i.on{opacity:1}
/* calendar */
.cal{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(30px,6vw,100px);align-items:start;border-top:1px solid var(--line)}
.cal h2{font-size:clamp(36px,4.2vw,64px);margin:18px 0}.calsub{color:var(--soft);max-width:38ch}
.calbox{background:#fbf8f0;border:1px solid var(--line);padding:clamp(22px,3vw,44px);box-shadow:0 30px 60px -40px #3b2f2455}
.zones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.zones .hand{font-size:26px;color:var(--clay);margin-right:6px}
.chip{min-height:44px;min-width:44px;padding:0 16px;border:1px solid var(--line);background:none;border-radius:40px;font:500 13px var(--sans);color:var(--ink);cursor:pointer;transition:.3s}
.chip:hover{border-color:var(--olive)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--olive);border-color:var(--olive);color:#f4efe4}
.months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:28px}.months .chip{padding:0;border-radius:4px;font-size:12px;letter-spacing:.05em}
.calout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-height:200px}
.calout h4{font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:12px}
.calout ul{list-style:none;padding:0}.calout li{font:340 21px/1.3 var(--ser);padding:8px 0;border-bottom:1px dashed var(--line);animation:pop .5s both}
.calout li:nth-child(2){animation-delay:.05s}.calout li:nth-child(3){animation-delay:.1s}.calout li:nth-child(4){animation-delay:.15s}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
.calout .tip{grid-column:1/-1;font-size:26px;color:var(--olive);border-top:1px solid var(--line);padding-top:16px}
/* about polaroid */
.polaroid{background:#fbf8f0;padding:14px 14px 0;box-shadow:0 30px 60px -30px #3b2f2466;transform:rotate(-2.5deg);aspect-ratio:auto!important;overflow:visible!important}
.polaroid img{aspect-ratio:4/5}.polaroid figcaption{font-size:28px;padding:10px 4px 14px;color:var(--soft)}
.sig.hand{font-size:40px;color:var(--olive)}
.letters{position:relative;overflow:hidden}.sprig3{position:absolute;right:4vw;top:-40px;height:130%;width:auto;color:#a9b38c;opacity:.6}
.letters>div,.letters form{position:relative}
.mag{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1024px){
.spin{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:84px var(--pad) 24px;gap:22px}
.sframe{justify-self:start;height:46vh;width:100%;aspect-ratio:auto}.stexts{height:auto;min-height:36vh}.st{top:28px}
.cal{grid-template-columns:1fr}.hin3{width:auto;left:var(--pad)}.intro3{grid-template-columns:1fr}.note2{grid-column:1}}
@media(max-width:700px){
.hero3 h1{font-size:46px}.himg img{object-position:22% 30%}.hsub{font-size:15px}.fg-sprig.l{height:50vh;opacity:.6}
.hero3 .veil{background:linear-gradient(180deg,rgba(20,18,12,.3),rgba(20,18,12,0) 30%,rgba(20,18,12,.25) 55%,rgba(20,18,12,.75))}
.sprig2{width:130px;top:30px;opacity:.6}.st h2{font-size:34px}.st p{font-size:16px}.sframe{height:42vh}
.months{grid-template-columns:repeat(6,1fr)}.calout{grid-template-columns:1fr;gap:10px}.gnote{display:none}.sprig3{opacity:.3}}
@media(prefers-reduced-motion:reduce){.hero3,.seasons{height:auto}.hpin,.spin{position:relative}.st{position:relative;opacity:1;top:0;margin-bottom:40px}.si{clip-path:none!important;position:relative;display:none}.si:first-child{display:block}.stexts{height:auto}.scrollcue i{animation:none}}
/* ---- article v3 ---- */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}.progress i{display:block;height:100%;background:var(--clay);transform-origin:0 50%;transform:scaleX(0)}
.post3{padding-top:150px}.post3 .phead{position:relative}
.psprig{position:absolute;right:-4vw;top:-60px;width:clamp(140px,18vw,260px);color:var(--olive);opacity:.75}
.post3 h1{font-size:clamp(42px,6.2vw,96px);line-height:1}.by .hand{font-size:26px;color:var(--olive);letter-spacing:0}
.pfig3{position:relative;max-width:none;padding:0;aspect-ratio:auto;margin:clamp(50px,7vw,100px) 0}
.pfw{height:min(86vh,900px);overflow:hidden;margin:0 var(--pad);border-radius:2px}.pfw img{height:100%;transform-origin:50% 50%}
.tapecap{position:absolute;right:calc(var(--pad) + 24px);bottom:-18px;background:#f4ead2;font-size:26px;padding:4px 18px;transform:rotate(-3deg);box-shadow:0 8px 24px #0002}
.prose{position:relative}.prose>p:first-child:first-letter{font-size:96px;font-family:var(--ser)}
.prose h2{position:relative}
.mnote{position:absolute;left:calc(100% + 48px);top:0;width:200px;font-size:24px;line-height:1.15;color:var(--clay);transform:rotate(-3deg)}
.mnote:before{content:"";position:absolute;left:-40px;top:14px;width:30px;height:1px;background:currentColor;opacity:.6}
.prose ul li::marker{color:var(--clay)}.prose strong{font-weight:600;background:linear-gradient(transparent 62%,#e6d9a8 62%)}
.pinmo{position:relative;height:170vh;margin:60px 0}.pinwrap{position:sticky;top:0;height:100svh;overflow:hidden}.pinwrap img{height:100%}
.pinmo figcaption{position:absolute;bottom:22vh;left:var(--pad);font-size:clamp(30px,3.4vw,48px);color:#fbf5e6;text-shadow:0 2px 20px #0008;transform:rotate(-3deg)}
.pull{max-width:900px;margin:100px auto 0;padding:0 var(--pad);text-align:center;position:relative}.pull p{font:300 clamp(34px,4.4vw,64px)/1.08 var(--ser)}.psprig2{width:180px;color:var(--olive);margin:0 auto 20px;display:block}
@media(max-width:1180px){.mnote{position:relative;left:auto;display:inline-block;width:auto;font-size:22px;margin:6px 0 0 10px}.mnote:before{display:none}.prose h2+.mnote{display:block}}
@media(max-width:700px){.post3{padding-top:110px}.post3 h1{font-size:38px}.pfw{height:56vh;margin:0}.tapecap{right:20px;font-size:21px}.psprig{width:110px;top:-40px;right:-10px;opacity:.5}.pinmo{height:140vh}}
@media(prefers-reduced-motion:reduce){.pinmo{height:auto}.pinwrap{position:relative;height:60vh}}
/* ---- iPad portrait hero ---- */
@media(min-width:701px) and (max-width:1024px){
.himg img{object-position:26% 30%}.hin3{left:var(--pad);right:var(--pad);width:auto;bottom:9vh}
.hero3 h1{font-size:clamp(56px,8.4vw,84px)}.hsub{max-width:48ch}
.hero3 .veil{background:linear-gradient(180deg,rgba(20,18,12,.3),rgba(20,18,12,0) 26%,rgba(20,18,12,0) 50%,rgba(20,18,12,.78) 86%)}
.fg-sprig.l{height:46vh;opacity:.55}}
.post3{overflow-x:clip}.mnote{font-weight:400;letter-spacing:0;text-transform:none}
@media(max-width:1180px){.prose h2 .mnote{display:block;margin:8px 0 0}}

/* printable worksheet */
.prose .worksheet{margin:2.2em 0;padding:24px 22px 20px;background:#fbf8f1;border:1.5px dashed rgba(77,85,48,.45);border-radius:6px}
.prose .worksheet h3{margin:0 0 .4em;font-size:1.3em}
.prose .worksheet .ws-fill{font-size:.95em;margin:.2em 0 1em}
.prose .ws-table{width:100%;border-collapse:collapse;font-size:.88em;table-layout:fixed}
.prose .ws-table th{background:#4d5530;color:#f4efe4;font-weight:600;text-align:left;padding:8px 8px;vertical-align:bottom;line-height:1.25}
.prose .ws-table td{border:1px solid rgba(77,85,48,.35);padding:8px;height:2.2em;background:#fff}
.prose .ws-example td{height:auto}
.prose .ws-table tbody tr:nth-child(even) td{background:#f6f2e8}
.prose .worksheet .ws-note{font-size:.8em;opacity:.7;margin:.8em 0 0}
.prose .ws-print{margin-top:14px;font:inherit;font-size:.9em;padding:9px 16px;border-radius:99px;border:1.5px solid #4d5530;background:transparent;color:#4d5530;cursor:pointer}
.prose .ws-print:hover{background:#4d5530;color:#f4efe4}
@media (max-width:640px){.prose .worksheet{padding:16px 10px;margin-left:-6px;margin-right:-6px}.prose .ws-table{font-size:.7em}.prose .ws-table th,.prose .ws-table td{padding:5px 3px;word-break:normal;overflow-wrap:normal;hyphens:manual}.prose .ws-table{table-layout:auto;font-size:.68em}}
@media print{
  @page{margin:14mm}
  html,body{background:#fff!important}
  body:has(.worksheet) *:not(:has(.worksheet)):not(.worksheet):not(.worksheet *){display:none!important}
  body:has(.worksheet) *:has(.worksheet){margin:0!important;padding:0!important;transform:none!important;max-width:none!important;background:#fff!important}
  .prose .worksheet{position:static;width:100%;margin:0 0 10mm;border:0;background:#fff;padding:0;break-inside:avoid;opacity:1!important;transform:none!important}
  .prose .worksheet+.worksheet{break-before:page}
  .prose .ws-table th{background:#fff!important;color:#000!important;border:1px solid #000}
  .prose .ws-table td{border:1px solid #000;height:2.6em;background:#fff!important}
  .prose .ws-print,.progress,.hd,.ft{display:none!important}
  .prose .worksheet h3,.prose .worksheet p{color:#000;opacity:1;transform:none}
}