/* post hero */
.phero{position:relative;padding-block:72px 0;isolation:isolate;overflow:clip}
.aurora{position:absolute;inset:-10%;z-index:-2;pointer-events:none;filter:blur(70px);opacity:.6}
.aurora b{position:absolute;border-radius:50%;display:block}
.aurora .a1{width:50vw;height:50vw;max-width:800px;max-height:800px;right:-10%;top:-30%;background:radial-gradient(circle,rgba(0,150,136,.55),transparent 62%);animation:aurora 16s ease-in-out infinite alternate}
.phero .grain{z-index:-1}
.crumb{display:flex;gap:10px;align-items:center;font-size:var(--fs-sm);color:var(--text-3);animation:rise .8s var(--ease) both}
.crumb a{text-decoration:none;color:var(--text-2)}.crumb a:hover{color:#fff}
.crumb i{width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.crumb .cat{color:var(--accent-2);font-weight:600}
.phero h1{max-width:20ch;margin-top:18px;color:#fff;animation:rise .9s var(--ease) .1s both}
.phero h1 em.s{color:var(--accent-2)}
.phero .dek{margin-top:22px;max-width:60ch;font-size:var(--fs-lead);color:var(--text-2);line-height:1.5;animation:rise .9s var(--ease) .25s both}
.meta{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:28px;font-size:var(--fs-sm);color:var(--text-2);animation:rise .9s var(--ease) .4s both}
.meta .who{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#fff}
.avatar{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#04120f;background:linear-gradient(135deg,#7ae3d1,#4cc7b3)}
.meta span{display:inline-flex;align-items:center;gap:8px}
.meta svg{width:16px;height:16px;color:var(--text-3)}
.meta .who .avatar{display:inline-grid;justify-content:center}
.postcover{position:relative;margin:44px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;aspect-ratio:21/9;border:1px solid var(--edge-2);border-bottom:0;box-shadow:0 -20px 80px var(--glow);animation:rise 1s var(--ease) .5s both}
.postcover img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.7)}
.postcover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,15,.15),rgba(8,18,15,.45)),radial-gradient(60% 60% at 80% 20%,rgba(0,150,136,.35),transparent 60%)}
.postcover .tag{position:absolute;left:20px;bottom:18px;z-index:1;font-size:var(--fs-cap);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);background:rgba(8,18,15,.7);padding:6px 10px;border-radius:999px;border:1px solid var(--edge)}
@media (max-width:920px){.postcover{aspect-ratio:16/9}}

/* reading */
.reading{background:var(--paper);color:var(--ink)}
.reading .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-block:64px 96px;align-items:start}
.article{max-width:66ch;font-size:var(--fs-read);line-height:1.7;color:var(--ink-2)}
.article>*+*{margin-top:1.15em}
.article p.big{font-size:1.18em;color:var(--ink);line-height:1.5}
.article p.big::first-letter{font-family:var(--serif);font-size:3.2em;line-height:.8;float:left;margin:8px 10px 0 0;color:var(--accent-deep)}
.article h2{margin-top:2.2em;color:var(--ink);scroll-margin-top:100px}
.article h2 em.s{color:var(--accent-deep)}
.article ul{padding-left:0;list-style:none;display:grid;gap:10px}
.article li{position:relative;padding-left:26px}
.article li::before{content:"";position:absolute;left:0;top:.7em;width:12px;height:2px;background:var(--accent-deep)}
.article strong{color:var(--ink);font-weight:600}
.pull{margin-top:1.8em;padding:8px 0 8px 28px;border-left:3px solid var(--accent-deep);font-family:var(--serif);font-style:italic;font-size:1.5em;line-height:1.25;color:var(--ink);letter-spacing:-.01em}
.statc{margin-top:1.8em;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 26px;box-shadow:0 20px 50px rgba(11,22,20,.08)}
.statc .n{font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.04em;color:var(--accent-deep);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.statc .n small{font-size:.45em;color:var(--ink-3);font-weight:600}
.statc .l{font-size:var(--fs-body);color:var(--ink-2);line-height:1.5}
.statc .l b{display:block;color:var(--ink);font-weight:600}
@media (max-width:560px){.statc{grid-template-columns:1fr}}
.callout{margin-top:1.8em;background:var(--bg);color:var(--text-2);border-radius:20px;padding:26px 28px;position:relative;overflow:hidden;font-size:var(--fs-body);line-height:1.6}
.callout::before{content:"";position:absolute;inset:-40%;background:radial-gradient(30% 30% at 90% 0%,rgba(95,214,194,.3),transparent 60%);pointer-events:none}
.callout>*{position:relative}
.callout .eyebrow{margin-bottom:8px}
.callout p{color:var(--text-2)}.callout p strong{color:#fff}
.checks{margin-top:1.4em;display:grid;gap:10px}
.checks div{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:var(--fs-body);color:var(--ink)}
.checks i{width:22px;height:22px;border-radius:50%;border:2px solid var(--accent-deep);flex:0 0 22px;margin-top:1px;display:inline-grid;place-items:center;color:var(--accent-deep);font-style:normal;font-size:12px;font-weight:700}
.endcta{margin-top:3em;background:linear-gradient(160deg,#0f2a26,#08120f);color:#fff;border-radius:var(--r-lg);padding:36px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid var(--edge-2);box-shadow:0 0 80px var(--glow)}
.endcta h3{color:#fff}.endcta p{color:var(--text-2);margin-top:8px;font-size:var(--fs-body)}
@media (max-width:700px){.endcta{grid-template-columns:1fr}}
/* aside */
.aside{position:sticky;top:96px;display:grid;gap:18px}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.box h4,.box .boxh{font-size:var(--fs-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600;margin-bottom:12px}
.toc{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.toc a{display:block;padding:8px 12px;border-radius:10px;font-size:var(--fs-sm);color:var(--ink-2);text-decoration:none;border-left:2px solid transparent;transition:background .25s,color .25s,border-color .25s}
.toc a:hover{background:var(--paper)}
.toc a.on{background:var(--paper);color:var(--ink);font-weight:600;border-left-color:var(--accent-deep)}
.share{display:flex;gap:8px}
.share a,.share button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font:600 var(--fs-xs) var(--sans);color:var(--ink);text-decoration:none;cursor:pointer;transition:background .25s}
.share a:hover,.share button:hover{background:#fff}
.share svg{width:16px;height:16px}
.box.dark{background:var(--bg);color:#fff;border-color:transparent;position:relative;overflow:hidden}
.box.dark::before{content:"";position:absolute;inset:-40%;background:radial-gradient(30% 30% at 90% 0%,rgba(95,214,194,.35),transparent 60%);pointer-events:none}
.box.dark>*{position:relative}
.box.dark h4,.box.dark .boxh{color:var(--accent-2)}
.box.dark p{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:14px}
.box.dark b{display:block;font-size:var(--fs-h4);font-weight:600;letter-spacing:-.01em;line-height:1.25;margin-bottom:8px}
.covers{display:flex;margin:6px 0 16px;padding-left:6px}
.covers span{width:56px;height:74px;border-radius:8px;background:linear-gradient(160deg,#1a3a35,#0c1916);border:1px solid var(--edge-2);margin-right:-18px;box-shadow:0 10px 24px rgba(0,0,0,.4);position:relative;transform:rotate(-6deg)}
.covers span:nth-child(2){transform:rotate(0);z-index:1}.covers span:nth-child(3){transform:rotate(6deg)}
.covers span::after{content:"";position:absolute;left:10px;right:10px;top:12px;height:5px;border-radius:3px;background:var(--accent-2);box-shadow:0 10px 0 rgba(255,255,255,.15),0 20px 0 rgba(255,255,255,.1)}
@media (max-width:920px){.reading .wrap{grid-template-columns:1fr;gap:40px}.aside{position:static}}

/* related */
.related{padding-block:96px}
.related .head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.related h2{color:#fff;font-size:clamp(30px,3.6vw,40px)}
.related h2 em.s{color:var(--accent-2)}
.related .head a{font-size:var(--fs-sm);color:var(--text-3);text-decoration:none;border-bottom:1px solid var(--edge-2)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.card{display:block;text-decoration:none;color:inherit;border-radius:20px;background:var(--glass);border:1px solid var(--edge);overflow:hidden;transition:transform .5s var(--ease),border-color .3s}
.card:hover{transform:translateY(-5px);border-color:var(--edge-2)}
.card .art{aspect-ratio:16/9;position:relative;background:linear-gradient(160deg,#143a34,#0c1916);overflow:hidden}
.card .art::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at var(--x,70%) 30%,rgba(95,214,194,.45),transparent 60%)}
.card .art b{position:absolute;left:18px;bottom:14px;font-family:var(--serif);font-style:italic;font-size:40px;color:rgba(255,255,255,.9);font-weight:400}
.card .body{padding:18px 20px 22px}
.card .cat{font-size:var(--fs-cap);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);font-weight:600}
.card h3{font-size:var(--fs-h4);margin-top:8px;color:#fff;line-height:1.3}
.card p{font-size:var(--fs-sm);color:var(--text-3);margin-top:8px}
@media (max-width:920px){.cards{grid-template-columns:1fr}}
/* newsletter */
.news{border-block:1px solid var(--edge);background:var(--bg-2);padding-block:56px}
.news .wrap{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.news h3{color:#fff}.news p{color:var(--text-2);margin-top:6px}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{padding:14px 18px;border-radius:999px;border:1px solid var(--edge-2);background:rgba(8,18,15,.6);color:#fff;font:500 var(--fs-body) var(--sans);min-width:0;flex:1 1 220px}
.news input::placeholder{color:var(--text-3)}
.news .ok{color:var(--accent-2);font-weight:600}
@media (max-width:920px){.news .wrap{grid-template-columns:1fr}}

/* theme additions */
.reading .wrap.single-col{grid-template-columns:minmax(0,1fr)}
.article img{border-radius:16px;height:auto}
.article .wp-block-quote,.article blockquote{margin:1.8em 0 0;padding:8px 0 8px 28px;border-left:3px solid var(--accent-deep);font-family:var(--serif);font-style:italic;font-size:1.5em;line-height:1.25;color:var(--ink);letter-spacing:-.01em}
.article .wp-block-quote p,.article blockquote p{margin:0}
.article .is-style-naamly-stat{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 26px;box-shadow:0 20px 50px rgba(11,22,20,.08)}
.article .is-style-naamly-stat strong{font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.04em;color:var(--accent-deep);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.article .is-style-naamly-callout{background:var(--bg);color:var(--text-2);border-radius:20px;padding:26px 28px;position:relative;overflow:hidden;font-size:var(--fs-body);line-height:1.6}
.article .is-style-naamly-callout strong{color:#fff}
.article h3{margin-top:1.8em;color:var(--ink)}
.article ol{padding-left:1.4em}
.article table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.article td,.article th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.article figure{margin:1.4em 0}.article figcaption{font-size:var(--fs-xs);color:var(--ink-3);margin-top:8px}
.card .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sform{display:flex;gap:10px;margin-top:28px;max-width:520px}.sform input{flex:1;min-width:0;padding:14px 18px;border-radius:999px;border:1px solid var(--edge-2);background:rgba(8,18,15,.6);color:#fff;font:500 16px var(--sans)}.sform input::placeholder{color:var(--text-3)}
.pager{margin-top:40px;text-align:center}.pager a,.pager span{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid var(--edge);color:var(--text-2);text-decoration:none;margin:4px;font-size:var(--fs-sm)}.pager .current{background:var(--glass);color:#fff}
.block .cards{margin-top:0}