:root{--bg:#f6f1e4;--bg2:#ebe6d2;--ink:#24301f;--mute:#5d6652;--green:#1f3d2b;--leaf:#5e8c4a;--brown:#6b4a32;--sky:#8fb8d0;--line:#d9d2b8;--on:#f6f1e4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141c14;--bg2:#1b251b;--ink:#e8e6d6;--mute:#a9b39a;--green:#9cc58a;--leaf:#7fb069;--brown:#c9a27c;--line:#33423a;--on:#141c14}}
:root[data-theme="dark"]{--bg:#141c14;--bg2:#1b251b;--ink:#e8e6d6;--mute:#a9b39a;--green:#9cc58a;--leaf:#7fb069;--brown:#c9a27c;--line:#33423a;--on:#141c14}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(70px + env(safe-area-inset-top,0px));height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.75 Karla,system-ui,sans-serif}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.1;color:var(--green);margin:0 0 .4em}
a{color:inherit}img{max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}section{padding:84px 0}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
nav .wrap{display:flex;justify-content:space-between;align-items:center;height:66px;gap:16px}
.brand{font:600 1.25rem Fraunces,serif;color:var(--green);text-decoration:none}nav .l{display:flex;gap:22px;font-size:.95rem}nav .l a{text-decoration:none}nav .l a:hover{color:var(--leaf)}
.btn{display:inline-block;padding:.8em 1.5em;border-radius:999px;background:var(--green);color:var(--on);text-decoration:none;font-weight:600;border:2px solid var(--green);transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.alt{background:transparent;color:var(--green)}
.hero{padding:64px 0 80px}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.8rem,7vw,5rem)}.tag{font:italic 400 clamp(1.3rem,2.6vw,1.8rem)/1.35 Fraunces,serif;color:var(--brown);margin:0 0 .8em;max-width:20em}
.hero p.s{color:var(--mute);max-width:34em}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero figure{margin:0;border-radius:28px 110px 28px 110px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 50px rgba(31,61,43,.18);line-height:0;aspect-ratio:4/5}.hero figure img{width:100%;height:100%;object-fit:cover}
.note .wrap{max-width:720px}.note p{margin:0 0 1.2em}.lead{font:400 1.5rem/1.5 Fraunces,serif;color:var(--green)}
.sig{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.sig b{display:block;font:600 1.5rem Fraunces,serif;color:var(--green)}.sig span{color:var(--mute)}
blockquote{margin:40px 0;font:italic 400 clamp(1.4rem,3vw,2rem)/1.4 Fraunces,serif;color:var(--green);border-left:4px solid var(--sky);padding-left:22px}
.sub{color:var(--mute);margin:0 0 30px}.grid{columns:3 250px;column-gap:14px}
.ph{display:block;width:100%;margin:0 0 14px;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:zoom-in;background:var(--bg2);break-inside:avoid;line-height:0}.ph img{width:100%;height:auto;transition:transform .5s}.ph:hover img{transform:scale(1.04)}
dialog{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh;overflow:visible}dialog::backdrop{background:rgba(10,18,10,.88)}dialog img{display:block;max-height:88vh;max-width:94vw;border-radius:14px}
dialog button{position:absolute;top:-44px;right:0;background:#f6f1e4;color:#1f3d2b;border:0;border-radius:99px;padding:.4em 1em;font:600 1rem Karla,sans-serif;cursor:pointer}
.yt{background:var(--green);color:var(--on);text-align:center}.yt h2{color:var(--on)}.yt p{max-width:34em;margin:0 auto 26px;opacity:.85}.yt .btn{background:var(--on);color:var(--green);border-color:var(--on)}
footer{text-align:center;color:var(--mute);padding:34px 22px calc(34px + env(safe-area-inset-bottom,0px));font-size:.95rem}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr;gap:34px}.hero figure{aspect-ratio:1/1;border-radius:24px 80px 24px 80px}section{padding:60px 0}nav .l a.h{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.wrap.wide{max-width:1080px}.topic{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.topic:nth-child(odd) .pics{order:-1}
.topic h3{font:600 1.7rem/1.2 Fraunces,serif;color:var(--green);margin:.1em 0 .4em}.topic p{margin:0 0 .8em}.topic ul{margin:0;padding-left:1.1em;color:var(--mute)}.topic li{margin:.2em 0}.num{font:600 .95rem Karla,sans-serif;color:var(--leaf);letter-spacing:.12em}
.pics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pics .ph{margin:0}.pics .ph img{aspect-ratio:3/4;object-fit:cover}.pics .ph:only-child{grid-column:1/-1;max-width:360px;margin:0 auto}
.mf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px}.mc{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg)}.mc div{padding:18px 22px}.mc p{margin:.2em 0 0}.mc span{font:600 .8rem Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mc .m{background:color-mix(in srgb,var(--brown) 14%,var(--bg));font-weight:600}.mc .m span{color:var(--brown)}.mc .f span{color:var(--leaf)}
@media(max-width:820px){.topic{grid-template-columns:1fr;gap:22px}.topic:nth-child(odd) .pics{order:0}}
.obs{margin-top:28px;border:2px solid var(--leaf);border-radius:24px;padding:26px 28px;background:color-mix(in srgb,var(--leaf) 10%,var(--bg))}.obs .tg{display:inline-block;background:var(--green);color:var(--on);border-radius:99px;padding:.15em .9em;font:600 .85rem Karla,sans-serif;margin-bottom:12px}
.obs span{font:600 .8rem Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase}.obs .m2 span{color:var(--brown)}.obs .f2 span{color:var(--leaf)}.obs p{margin:.2em 0 .7em}.obs .m2 p{font-weight:600;font-size:1.2rem}.obs .cav{font-size:.92rem;color:var(--mute);border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0}
.eye{font:600 .9rem Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--leaf);margin:0 0 .6em}.hero h1{font-size:clamp(2.3rem,5.6vw,4.1rem)}
.alt{background:var(--bg2)}[hidden]{display:none!important}.menu-btn{font:600 .95rem Karla,sans-serif;background:var(--green);color:var(--on);border:0;border-radius:99px;padding:.5em 1.1em;cursor:pointer}nav .l{align-items:center}nav{position:sticky}
#menu{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.12);max-height:80vh;overflow:auto}.mg{max-width:1080px;margin:0 auto;padding:18px 22px 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:4px 24px}.mg a{display:flex;gap:.5em;align-items:baseline;text-decoration:none;padding:.5em .2em;border-bottom:1px solid var(--line)}.mg a:hover{color:var(--leaf)}.mg b{color:var(--leaf);font-size:.85rem;margin-right:.5em}
.tl{list-style:none;margin:0 0 0 10px;padding:0 0 0 30px;border-left:2px solid var(--line)}.tl li{position:relative;padding-bottom:30px}.tl li::before{content:"";position:absolute;left:-39px;top:.5em;width:16px;height:16px;border-radius:50%;background:var(--leaf);border:3px solid var(--bg2)}.tl h3{font:600 1.45rem Fraunces,serif;color:var(--green);margin:0 0 .2em}.tl p{margin:0;max-width:60ch}.soon{color:var(--mute);font-style:italic}
.hc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:14px;margin-bottom:46px}.hc a{display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:var(--bg);font:600 1.05rem Fraunces,serif;color:var(--green);transition:transform .2s}.hc a:hover{transform:translateY(-3px)}.hc span{font-size:1.6rem}.indepth{font:600 1.6rem Fraunces,serif;color:var(--green);margin:0 0 10px}
.qg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px;margin-top:26px}.q{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px}.q h3{font:600 1.25rem Fraunces,serif;color:var(--green);margin:0 0 .4em}.q p{margin:0}
#babies .pics{max-width:520px}.pics.three{grid-template-columns:repeat(3,1fr);margin-top:26px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.cmp>div{border-radius:20px;padding:22px;border:1px solid var(--line);background:var(--bg)}.cmp span{font:600 .8rem Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase}.ok2 span{color:var(--leaf)}.help span{color:var(--brown)}.cmp ul{margin:.6em 0;padding-left:1.1em}.cmp p{margin:0;color:var(--mute)}
.og,.bg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}.oc,.bc{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px}.oc h3,.bc h3{font:600 1.25rem Fraunces,serif;color:var(--green);margin:0 0 .4em}.oc p,.bc p{margin:0}.bc span{font-size:1.7rem}
.disc{margin-top:28px;padding:16px 20px;border-left:4px solid var(--brown);background:var(--bg);border-radius:0 14px 14px 0;color:var(--mute);font-size:.95rem;max-width:none}.inv{border:2px dashed var(--line);border-radius:24px;padding:34px;text-align:center}.inv p{margin:0 auto .6em}.inv .lead{font:400 1.5rem Fraunces,serif;color:var(--green)}
#connect .row,#contact .row{margin-top:6px}
@media(max-width:820px){.cmp{grid-template-columns:1fr}.pics.three{grid-template-columns:1fr 1fr}nav .l a.h{display:none}}

.hero{position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1}.sky{position:absolute;inset:0;pointer-events:none;z-index:0}
.bird{position:absolute;left:-80px;width:46px;color:var(--green);opacity:.4;animation:cross 30s linear infinite}.bird:nth-child(2){top:22%;width:32px;animation-duration:42s;animation-delay:-14s}.bird:nth-child(3){top:60%;width:26px;animation-duration:36s;animation-delay:-26s}.bird:nth-child(1){top:10%}
@keyframes cross{0%{transform:translate(0,0)}50%{transform:translate(55vw,-26px)}100%{transform:translate(115vw,10px)}}
.lf{position:absolute;top:-24px;width:14px;height:14px;background:var(--leaf);border-radius:0 100% 0 100%;opacity:.5;animation:fall 15s linear infinite}
@keyframes fall{to{transform:translate(70px,110vh) rotate(420deg)}}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero .wrap>div>*{animation:up .9s both}.hero .wrap>div>*:nth-child(2){animation-delay:.12s}.hero .wrap>div>*:nth-child(3){animation-delay:.24s}.hero .wrap>div>*:nth-child(4){animation-delay:.36s}.hero .wrap>div>*:nth-child(5){animation-delay:.48s}
.hero figure{animation:up 1.1s .3s both,bob 7s 1.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-9px)}}
#prog{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--leaf);transform-origin:left;transform:scaleX(var(--p,0))}
#menu:not([hidden]){animation:dn .28s ease}@keyframes dn{from{opacity:0;transform:translateY(-8px)}}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.js .rv.vis{opacity:1;transform:none}
.tl li.vis::before{animation:pop .7s}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.4)}100%{transform:scale(1)}}
.mc,.q,.bc,.oc{transition:transform .25s,box-shadow .25s}.mc:hover,.q:hover,.bc:hover,.oc:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,61,43,.12)}
@media(prefers-reduced-motion:reduce){.bird,.lf,.hero figure,.hero .wrap>div>*{animation:none!important}.js .rv{opacity:1;transform:none}}
.skip{position:absolute;left:-999px;top:8px;background:var(--green);color:var(--on);padding:.6em 1em;border-radius:10px;z-index:99}.skip:focus{left:10px}
.ig{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start}.ideaform{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:26px;display:grid;gap:14px}.ideaform label{display:grid;gap:5px;font-size:.92rem;color:var(--mute)}.ideaform input,.ideaform select,.ideaform textarea{padding:.7em .9em;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--ink);font:inherit;width:100%}.ideaform button{font:inherit;font-weight:600;cursor:pointer}.fnote{margin:0;font-size:.9rem;color:var(--mute)}
.ideainfo h3{font:600 1.4rem Fraunces,serif;color:var(--green);margin:0 0 .4em}.ideainfo ol{margin:0 0 1em;padding-left:1.2em}.ideainfo li{margin:.3em 0}.ideainfo a{color:var(--green);font-weight:600}
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:0;background:var(--green);color:var(--on);font-size:1.3rem;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(10px);z-index:30}.totop.on{opacity:1;pointer-events:auto;transform:none}
footer a{color:inherit}@media(max-width:820px){.ig{grid-template-columns:1fr}}

.namenote{margin:-.2em 0 1.2em;color:var(--mute);font-style:italic}.in2{font:600 1.6rem Fraunces,serif;color:var(--green);margin:46px 0 14px}
.seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px}.sn{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:20px 22px}.sn span{font-size:1.7rem}.sn h4{font:600 1.2rem Fraunces,serif;color:var(--green);margin:.2em 0}.sn p{margin:0}
.chkl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:6px 24px}.chkl label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.chkl input{margin-top:.45em;accent-color:var(--leaf)}
.meter2{height:10px;border-radius:9px;background:var(--bg2);border:1px solid var(--line);overflow:hidden;margin:16px 0 8px}.meter2 i{display:block;height:100%;width:0;background:var(--leaf);transition:width .4s}.fnote{margin:0;font-size:.92rem;color:var(--mute)}
.src{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.src h3{font:600 1.4rem Fraunces,serif;color:var(--green);margin:0 0 .4em}.src ul{margin:0 0 .8em;padding-left:1.1em}.src li{margin:.35em 0}.src a{color:var(--green);font-weight:600}.src p{color:var(--mute);font-size:.92rem;margin:0;max-width:none}
.share{display:inline-block;margin-top:10px;padding:.4em 1em;border-radius:99px;border:1px solid var(--leaf);color:var(--green);text-decoration:none;font:600 .88rem Karla,sans-serif}.share:hover{background:var(--leaf);color:var(--on)}

.proof{margin-top:40px;border-top:1px solid var(--line);padding-top:26px}.proof h3{font:600 1.7rem Fraunces,serif;color:var(--green);margin:0 0 .3em}.pnote{color:var(--mute);font-size:.95rem;max-width:none;margin:.4em 0}.pnote a{color:var(--green);font-weight:600}
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin:20px 0}.pf{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px}.pf h4{font:600 1.15rem/1.3 Fraunces,serif;color:var(--green);margin:0 0 .5em}.pf p{margin:0 0 .7em;font-size:.97rem}.pf ul{margin:0;padding-left:1.1em;font-size:.92rem}.pf li{margin:.3em 0}.pf a{color:var(--green);font-weight:600}

.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:22px}.sc{background:var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.sc .th{height:130px;background:var(--bg2);display:grid;place-items:center;font-size:3rem;overflow:hidden}.sc .th img{width:100%;height:100%;object-fit:cover}.sc .bd{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1;align-items:flex-start}
.sc .cat{color:var(--leaf);font-weight:600;font-size:.9rem}.sc h3{font:600 1.3rem Fraunces,serif;color:var(--green);margin:0}.sc p{margin:0;color:var(--mute)}.sc .dt{color:var(--mute);font-size:.88rem}.sc .btn{margin-top:auto;padding:.5em 1.1em}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px}.stp{counter-increment:s;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px}
.stp::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:var(--on);font:600 1rem Karla,sans-serif;margin-bottom:10px}.stp h3{font:600 1.25rem Fraunces,serif;color:var(--green);margin:0 0 .4em}.stp p{margin:0}.stp p+p{margin-top:.6em}
.pq{margin:34px 0 0;font:italic 400 clamp(1.3rem,2.6vw,1.8rem)/1.4 Fraunces,serif;color:var(--green);border-left:4px solid var(--sky);padding-left:22px;max-width:36em}.pq span{display:block;margin-top:.4em;font:400 .95rem Karla,sans-serif;color:var(--mute);font-style:normal}

.brand{font-size:1.7rem;letter-spacing:.01em}.socs{display:flex;gap:8px;align-items:center}
.soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--green);border:1px solid var(--line);transition:background .2s,color .2s,transform .2s}.soc:hover{background:var(--green);color:var(--on);transform:translateY(-2px)}.soc svg{width:18px;height:18px;fill:currentColor}
nav .l{gap:14px}
@media(max-width:520px){.brand{font-size:1.4rem}.soc{width:34px;height:34px}.soc svg{width:16px;height:16px}nav .l{gap:8px}nav .wrap{gap:8px}}

.brand,.menu-btn{white-space:nowrap}
@media(max-width:400px){.brand{font-size:1.2rem}.soc{width:32px;height:32px}.soc svg{width:15px;height:15px}.menu-btn{padding:.45em .9em;font-size:.9rem}nav .l{gap:6px}}

:root{--leafd:#3f6b2f}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--leafd:#7fb069}}:root[data-theme="dark"]{--leafd:#7fb069}
.eye,.num,.mc .f span,.ok2 span,.obs .f2 span,.cat,.sc .cat{color:var(--leafd)}
.js .mc.rv.vis,.js .q.rv.vis,.js .bc.rv.vis,.js .oc.rv.vis{transition:transform .25s,box-shadow .25s,opacity .8s}
@media(max-width:340px){.brand{font-size:1.05rem}.soc{width:28px;height:28px}.soc svg{width:13px;height:13px}.menu-btn{padding:.4em .7em;font-size:.82rem}nav .l{gap:4px}nav .wrap{gap:4px}}

@media(max-width:820px){.ig,.topic,.cmp,.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.ideainfo a,footer a,.pnote a,.pf a,.src a{overflow-wrap:anywhere}

/* ===== Posts (blog) ===== */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:22px;margin-top:8px}
.pcard{background:var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.pcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,61,43,.12)}
.pimg{display:grid;place-items:center;height:190px;background:var(--bg2);font-size:3rem;text-decoration:none;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pcard:hover .pimg img{transform:scale(1.05)}
.pbd{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1;align-items:flex-start}.pbd h3{font:600 1.3rem/1.25 Fraunces,serif;margin:0}.pbd h3 a{color:var(--green);text-decoration:none}.pbd p{margin:0;color:var(--mute);font-size:.97rem}.pbd .dt{color:var(--mute);font-size:.88rem}.pbd .btn{margin-top:auto;padding:.5em 1.1em}
.pbd .cat,.postpage .cat{font-weight:600;font-size:.9rem;color:var(--leafd)}
.center{text-align:center;margin-top:30px;max-width:none}
.postpage{padding:56px 0 80px}.postpage h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0 .3em}.narrow{max-width:780px}
.crumbs{margin:0 0 12px;font-size:.95rem}.crumbs a{color:var(--green);font-weight:600}
.meta{color:var(--mute);margin:0 0 24px;font-size:.95rem}
.pcover{margin:0 0 28px;border-radius:24px;overflow:hidden;line-height:0;border:1px solid var(--line)}.pcover img{width:100%;height:auto;max-height:520px;object-fit:cover}
.pbody{font-size:1.1rem;line-height:1.8}.pbody p{max-width:none}.pbody h2{font-size:1.8rem;margin:1.6em 0 .4em}.pbody h3{font-size:1.35rem;margin:1.4em 0 .3em}
.pbody ul,.pbody ol{padding-left:1.3em}.pbody li{margin:.3em 0}.pbody a{color:var(--green);font-weight:600;overflow-wrap:anywhere}
.pbody blockquote{margin:1.4em 0;padding-left:20px;border-left:4px solid var(--sky);font:italic 400 1.3rem/1.5 Fraunces,serif;color:var(--green)}
.pbody hr{border:0;border-top:1px solid var(--line);margin:2em 0}.pfig{margin:1.6em 0}.pfig img{width:100%;height:auto;border-radius:18px;display:block}.pfig figcaption{color:var(--mute);font-size:.9rem;margin-top:6px;text-align:center}
.shr{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:34px 0 10px;padding-top:20px;border-top:1px solid var(--line)}.shr span{font-weight:600}.shr .btn{padding:.45em 1.1em;font-size:.95rem}
.moreh{margin-top:50px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 26px}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:99px;padding:.4em 1.1em;cursor:pointer;font:inherit}.chip.on{background:var(--green);color:var(--on);border-color:var(--green)}
.pcard.hide{display:none}
/* Latest updates (YouTube) */
.yt .btn.alt{background:transparent;color:var(--on)}.yt .sub{color:var(--on);opacity:.85}
.vframe{position:relative;aspect-ratio:16/9;max-width:880px;margin:0 auto;border-radius:20px;overflow:hidden;background:#0d1f15;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:20px;color:#cdd9c3}.vph span{font-size:2.6rem}.vph p{margin:0}
.vmore{margin:48px 0 18px;font-size:1.35rem;color:var(--on);text-align:left}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:22px;text-align:left}
.vcard{display:block;text-decoration:none;color:var(--on)}.vcard b{display:block;margin-top:10px;font-weight:600;line-height:1.35}
.vth{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0d1f15}.vth img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.vcard:hover .vth img{transform:scale(1.05)}
.vth i{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-style:normal;display:grid;place-items:center;font-size:1.1rem;padding-left:3px}
.vbtns{justify-content:center}
/* Blog section on the home page: friendly note shown until the first post is published */
.blogsoon{max-width:680px;margin:6px 0 0;text-align:left;border:2px dashed var(--line);border-radius:24px;padding:28px 28px 30px;background:var(--bg)}
.blogsoon>span{display:block;font-size:2.2rem;line-height:1.2;margin-bottom:6px}
.blogsoon p{margin:0;color:var(--mute);max-width:34em}
.blogsoon .row{justify-content:flex-start;margin-top:18px}
.blogsoon .btn{padding:.55em 1.2em;font-size:.95rem}

/* Show more / Show less on long boxes */
x-clip{display:block;position:relative}
x-clip.cl-on{max-height:280px;overflow:hidden;transition:max-height .35s ease}
x-clip.cl-on:not(.cl-open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.more-btn{display:inline-block;margin-top:12px;padding:.4em 1em;border-radius:99px;border:1px solid var(--leaf);background:transparent;color:var(--green);font:600 .88rem Karla,sans-serif;cursor:pointer}
.more-btn:hover{background:var(--leaf);color:var(--on)}
.mc .more-btn{margin:2px 22px 18px}
.cl-card{scroll-margin-top:90px}
@media(prefers-reduced-motion:reduce){x-clip.cl-on{transition:none}}
@media print{x-clip.cl-on{max-height:none!important}x-clip.cl-on::after,.more-btn{display:none!important}}