/* Shared blog-post design (full-width bands). Used by every post. */
.cb{padding:92px 0}
.cb.cream{background:var(--cream)}
.cb.plum{background:radial-gradient(900px 500px at 85% 0,rgba(119,179,59,.22),transparent 60%),linear-gradient(160deg,#190b1d,#33163a 60%,#59315f);color:#fff}
.cb.lime{background:#77b33b;color:#1a1a1a;padding:64px 0}
.cb .wrap{max-width:1200px}
.cb-k{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green-d);margin-bottom:14px}
.cb h2{font-family:Fraunces,serif;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.06;letter-spacing:-.01em;color:var(--ink);margin:0 0 18px}
.cb h2 em{font-style:normal;color:var(--green-d)}
.cb p{font-size:1.2rem;line-height:1.75;color:var(--ink-2);margin:0 0 18px}
.cb-30{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cb-30>div{padding:6px 34px;border-left:2px solid rgba(26,26,26,.18)}
.cb-30>div:first-child{border-left:0;padding-left:0}
.cb-30 b{display:block;font-family:Fraunces,serif;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.1;margin-bottom:10px}
.cb-30 span{font-size:1.1rem;line-height:1.55;font-weight:500}
/* hero */
.bh-hero{padding:64px 0 76px}
.bh-hero .wrap{max-width:1200px}
.bh-hero h1{max-width:960px!important;font-size:clamp(2.2rem,4.4vw,3.7rem)!important;line-height:1.06!important;margin:18px 0 18px!important}
.bh-lede{font-size:1.28rem;line-height:1.7;color:rgba(255,255,255,.84);max-width:840px;margin:0 0 22px}
.bh-hero .ameta{margin-bottom:28px}
.cf-tag{display:inline-block;background:rgba(155,208,91,.14);color:var(--lime);border:1px solid rgba(155,208,91,.4);padding:7px 15px;border-radius:999px;font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.cf-chips{display:flex;gap:12px;flex-wrap:wrap}
.cf-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 20px;min-width:150px}
.cf-chip b{display:block;font-family:Fraunces,serif;font-size:1.8rem;color:#fff;line-height:1.05}
.cf-chip span{font-size:.82rem;color:rgba(255,255,255,.72)}
.cf-chip.hl b{color:var(--lime)}
/* sections */
.bs-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.bs-head{position:sticky;top:130px}
.bs-n{display:block;font-family:Fraunces,serif;font-size:4.6rem;line-height:1;font-weight:700;color:rgba(89,49,95,.16);margin-bottom:4px}
.cb .bs-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem);margin:0}
.bs-body p{font-size:1.22rem;line-height:1.8}
.bs-body p.lead{font-size:1.38rem;line-height:1.65;color:var(--ink);font-weight:500}
.bs-body a{color:var(--plum);font-weight:800;text-decoration:underline}
.bs-body strong{color:var(--ink)}
.bs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 26px}
.bs-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bs-cards.c1{grid-template-columns:1fr}
.bs-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 24px;transition:transform .25s,box-shadow .25s}
.bs-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.bs-card b{display:block;font-family:Fraunces,serif;font-size:1.4rem;line-height:1.15;color:var(--plum);margin-bottom:8px}
.bs-card span{display:block;font-size:1.06rem;line-height:1.6;color:var(--ink-2)}
.bs-card.big b{font-size:2.8rem;color:var(--green-d);line-height:1}
.bs-card.ok:before,.bs-card.no:before{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}
.bs-card.ok:before{content:"\2713";background:var(--green);color:#1a1a1a}
.bs-card.no:before{content:"\2715";background:var(--plum);color:#fff}
.bs-card.step{display:flex;gap:18px;align-items:flex-start}
.bs-card.step i{flex:0 0 46px;height:46px;border-radius:50%;background:var(--green);color:#1a1a1a;font-style:normal;font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.bs-card.step b{font-size:1.25rem}
/* related */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.rel-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.rel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.rel-card em{display:block;font-style:normal;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);margin-bottom:10px}
.rel-card h3{font-family:Fraunces,serif;font-size:1.35rem;line-height:1.2;color:var(--ink);margin:0 0 10px}
.rel-card p{font-size:1rem!important;line-height:1.6!important;color:var(--ink-2);margin:0 0 14px!important}
.rel-card span{color:var(--plum);font-weight:800}
@media(max-width:1000px){.cb{padding:64px 0}.cb-30{grid-template-columns:1fr;gap:26px}.cb-30>div{border-left:0;padding:0;border-top:2px solid rgba(26,26,26,.18);padding-top:20px}.cb-30>div:first-child{border-top:0;padding-top:0}.bs-grid{grid-template-columns:1fr;gap:26px}.bs-head{position:static}.bs-n{font-size:3.2rem}.bs-cards.c3,.rel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bs-cards,.bs-cards.c3,.rel-grid{grid-template-columns:1fr}.cb p,.bs-body p{font-size:1.1rem}.bs-body p.lead{font-size:1.2rem}.cf-chip{flex:1;min-width:0;padding:12px 14px}.cf-chip b{font-size:1.4rem}}