/* ===== Blog (list + article). Card styles (.bgrid/.pcard) live in home.css too; duplicated here for the blog page. ===== */
.pagehead{background:var(--headbg);padding:150px 24px 60px;border-radius:0 0 48px 48px}
.pagehead h1{font-size:clamp(56px,12vw,190px);font-weight:800;letter-spacing:-.065em;line-height:.84}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bgrid .big{grid-column:span 2}
.pcard{border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-height:440px;position:relative}
.pcard .pimg{height:230px;transition:transform 1s var(--ease)}
.pcard.big .pimg{height:300px}
.pcard:hover .pimg{transform:scale(1.06)}
.pcard .pbody{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;background:inherit;position:relative;z-index:1}
.pcard h4{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.04em;line-height:1;font-weight:800}
.pcard p{font-size:15px;line-height:1.4;opacity:.8}
.pcard .more{margin-top:auto;font-weight:700}
.pcard:hover .more{color:var(--orange)}
@media(max-width:900px){.bgrid{grid-template-columns:1fr}.bgrid .big{grid-column:auto}}
.bwrap{padding:50px 24px 120px;max-width:1500px;margin:0 auto}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.cats button{padding:12px 22px;border-radius:100px;border:1.5px solid var(--ink);background:var(--cream);font-weight:700;font-size:15px;cursor:pointer;transition:background .25s,color .25s}
.cats button:hover{background:#fff}
.cats button.on{background:var(--ink);color:var(--butter)}
.art{max-width:820px;margin:0 auto;padding:150px 24px 100px}
.art .back{display:inline-block;margin-bottom:26px;font-weight:700}
.art .back:hover{color:var(--orange)}
.art h1{font-size:clamp(38px,6vw,84px);letter-spacing:-.055em;line-height:.92;font-weight:800;margin:14px 0 26px}
.art .hero-img{height:clamp(240px,42vw,460px);border-radius:var(--r);margin-bottom:40px}
.art .body p,.art .body li{font-size:19px;line-height:1.65;margin-bottom:16px}
.art .body h3{font-size:30px;letter-spacing:-.04em;margin:34px 0 10px}
.art .body ul{padding-left:22px}
.art .cta{margin-top:50px;background:var(--butter);border-radius:var(--r);padding:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.art .cta b{font-size:26px;letter-spacing:-.04em}
.more-h{font-size:clamp(34px,5vw,70px);letter-spacing:-.05em;font-weight:800;margin:0 0 30px}