.ahead{max-width:760px;padding-block:36px 0}
.ahead .meta{color:var(--fg2);font-size:14px}
.ahead h1{font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.06;margin-top:10px}
.ahead .lead{font-size:clamp(19px,2vw,22px);color:var(--fg2);margin:16px 0 0}
.cover{margin:36px 0 0;border-radius:28px;overflow:hidden;aspect-ratio:16/8;background:var(--bg2)}
.cover img{width:100%;height:100%;object-fit:cover}
.prose{margin-top:24px}
.pbody>p:first-child{font-size:20px}
.prose .pgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:20px 0 28px}
.brel{margin-top:100px}
.brel h2{font-size:clamp(28px,3.4vw,40px);font-weight:700}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.bcard{display:flex;flex-direction:column;background:var(--bg2);border-radius:24px;overflow:hidden;color:var(--fg);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.bcard:hover{text-decoration:none;transform:translateY(-6px);box-shadow:0 24px 48px -28px rgba(0,0,0,.35)}
.bcard .im{aspect-ratio:16/10;overflow:hidden}
.bcard img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bcard:hover img{transform:scale(1.05)}
.bcard .tx{padding:18px 20px 22px}
.bcard small{color:var(--fg2);font-size:13px}
.bcard h3{font-size:21px;font-weight:600;line-height:1.2;margin-top:6px}
.bcard p{color:var(--fg2);font-size:15px;margin:8px 0 0}
.bfeat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;margin-top:32px}
.bfeat .im{aspect-ratio:auto;min-height:360px}
.bfeat .tx{padding:36px;display:flex;flex-direction:column;justify-content:center}
.bfeat h3{font-size:clamp(26px,3vw,36px)}
@media (max-width:900px){.bgrid{grid-template-columns:1fr}.bfeat{grid-template-columns:1fr}.bfeat .im{min-height:220px}.cover{aspect-ratio:4/3}}