.blog-hero{padding:clamp(116px,13vw,170px) 0 clamp(56px,7vw,92px);background:var(--hero-green,var(--accent-deep));color:var(--dk-fg);position:relative;overflow:hidden}.blog-hero:after{content:"";position:absolute;inset:auto -12% -65% 35%;height:420px;background:radial-gradient(circle,var(--accent-soft),transparent 68%);pointer-events:none}.blog-hero .wrap{position:relative;z-index:1}.blog-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.blog-title{margin-top:20px;max-width:850px;font-size:clamp(2.65rem,6.5vw,5.8rem);line-height:.94;letter-spacing:-.055em}.blog-deck{margin-top:24px;max-width:680px;color:var(--dk-muted);font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.blog-card{grid-column:span 4;display:flex;min-height:370px;flex-direction:column;padding:clamp(22px,2.4vw,32px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.blog-card:first-child{grid-column:span 8;background:var(--dk);color:var(--dk-fg)}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent-line)}.blog-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--fg-faint);font-size:12.5px}.blog-card:first-child .blog-card-meta{color:var(--dk-muted)}.blog-card h2{margin-top:auto;padding-top:58px;font-size:clamp(1.55rem,2.5vw,2.5rem);line-height:1.08}.blog-card p{margin-top:16px;color:var(--fg-muted);font-size:14px;line-height:1.65}.blog-card:first-child p{color:var(--dk-muted)}.blog-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:650;color:var(--accent-deep)}.blog-card:first-child .blog-card-link{color:var(--accent)}.article-head{padding:clamp(116px,12vw,156px) 0 clamp(48px,6vw,76px);background:var(--hero-green,var(--accent-deep));color:var(--dk-fg)}.article-head h1{max-width:980px;margin-top:22px;font-size:clamp(2.4rem,5.6vw,4.9rem);line-height:1;letter-spacing:-.05em}.article-head .article-meta{margin-top:26px;color:var(--dk-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(220px,1fr);gap:clamp(42px,7vw,92px);align-items:start}.article-body{font-size:17px;line-height:1.78;color:#302f2b}.article-lead{font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.62;color:var(--fg);letter-spacing:-.015em}.article-body h2{margin:54px 0 18px;font-size:clamp(1.65rem,2.7vw,2.2rem);color:var(--fg)}.article-body p+p{margin-top:18px}.article-body ul{margin:22px 0;padding-left:22px;display:grid;gap:10px}.article-aside{position:sticky;top:92px;display:grid;gap:14px}.article-note{padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card)}.article-note b{display:block;font-size:14px}.article-note p{margin-top:8px;color:var(--fg-muted);font-size:13.5px;line-height:1.6}.article-note .btn{margin-top:18px;width:100%}.blog-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.blog-related a{padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card)}.blog-related small{display:block;color:var(--fg-faint)}.blog-related b{display:block;margin-top:8px;line-height:1.3}@media(max-width:860px){.blog-card,.blog-card:first-child{grid-column:span 12;min-height:300px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.blog-related{grid-template-columns:1fr}}@media(max-width:560px){.blog-title{font-size:2.75rem}.blog-card h2{padding-top:40px}.article-body{font-size:16px}}
