.blog-section{border-top:1px solid var(--line);padding-top:90px;padding-bottom:90px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 12px 36px -28px #0009;transition:transform .22s,border-color .22s,box-shadow .22s}
.blog-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}
.blog-card-link{display:flex;flex-direction:column;min-height:100%;padding:22px}
.blog-card-kicker{font:700 9px/1.6 var(--mono);letter-spacing:.075em;color:var(--accent-ink);text-transform:uppercase}
.blog-card h2,.blog-card h3{margin-top:16px;font-size:21px;line-height:1.3}
.blog-card p{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.8}
.blog-read-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:21px;color:var(--accent-ink);font-size:12px;font-weight:700}
.blog-read-link>span{font-size:18px;transition:transform .2s}
.blog-card-link:hover .blog-read-link>span{transform:translate(3px,-3px)}
.blog-index-link{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:27px auto 0;padding:11px 16px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:650;transition:border-color .2s,background .2s}
.blog-index-link:hover{border-color:var(--accent);background:var(--accent-soft)}
.blog-index-main,.blog-article-main{padding-bottom:65px}
.blog-index-main .service-breadcrumb,.blog-article-main .service-breadcrumb{margin-top:27px}
.blog-index-hero{max-width:870px;margin:76px auto 52px;text-align:center}
.blog-index-hero .eyebrow{justify-content:center}
.blog-index-hero h1{margin-top:16px;font-size:clamp(44px,7vw,74px);line-height:1.06}
.blog-index-hero>p:last-child{max-width:720px;margin:18px auto 0;color:var(--muted);font-size:17px;line-height:1.85}
.blog-index-grid .blog-card{min-height:260px}
.blog-index-grid .blog-card h2{font-size:23px}
.blog-article-main{max-width:1000px}
.blog-article-header{max-width:830px;margin:64px auto 34px}
.blog-article-header .eyebrow{margin-bottom:18px}
.blog-article-header h1{font-size:clamp(38px,6.1vw,66px);line-height:1.12;letter-spacing:-.055em}
.blog-article-dek{margin-top:20px;color:var(--muted);font-size:19px;line-height:1.8}
.blog-author-row{display:flex;align-items:center;gap:13px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.blog-author-row img{width:48px;height:48px;flex:none;border-radius:50%;object-fit:cover;object-position:center 30%;box-shadow:0 0 0 2px var(--line)}
.blog-author-row strong,.blog-author-row small{display:block}
.blog-author-row strong{font-size:13px}
.blog-author-row small{margin-top:3px;color:var(--muted);font-size:11px}
.blog-author-row>a{margin-left:auto;color:var(--accent-ink);font-size:12px;font-weight:650}
.blog-answer-box{max-width:830px;margin:0 auto 42px;padding:24px 27px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:16px;background:linear-gradient(125deg,var(--accent-soft),var(--surface))}
.blog-answer-box .eyebrow{margin-bottom:8px}
.blog-quick-answer{margin:0;color:var(--ink);font-size:16px;line-height:1.85}
.blog-article-copy{max-width:740px;margin-inline:auto}
.blog-article-section{padding:0 0 34px}
.blog-article-section h2{margin:0 0 16px;font-size:clamp(23px,3vw,31px);line-height:1.3}
.blog-article-section p,.blog-article-section li{color:var(--muted);font-size:16px;line-height:1.95}
.blog-article-section p+p{margin-top:14px}
.blog-article-section ul{display:grid;gap:12px;margin:17px 0 0;padding-left:23px}
.blog-article-section li::marker{color:var(--accent)}
.blog-faq{max-width:740px;margin:16px auto 60px;padding-top:31px;border-top:1px solid var(--line)}
.blog-faq>h2{margin:10px 0 12px;font-size:28px}
.blog-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding:30px 34px;border:1px solid var(--line);border-radius:18px;background:var(--accent-soft)}
.blog-contact-strip h2{margin-top:10px;font-size:clamp(22px,3vw,31px);line-height:1.35}
.blog-contact-strip>div>p{margin-top:10px;color:var(--muted);font-size:13px}
.blog-contact-strip .button{flex:none}
.blog-back-link{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;font-weight:650;color:var(--accent-ink)}
.blog-page .site-header{position:sticky}
.blog-page .blog-card h2{letter-spacing:-.035em}
@media(max-width:760px){.blog-card-grid{grid-template-columns:1fr 1fr}.blog-card-link{padding:19px}.blog-card h2,.blog-card h3{font-size:19px}.blog-index-grid .blog-card:last-child{grid-column:1/-1}.blog-index-hero{margin-top:54px}.blog-contact-strip{align-items:flex-start;flex-direction:column}.blog-contact-strip .button{min-height:48px}.blog-article-header{margin-top:50px}}
@media(max-width:520px){.blog-card-grid{grid-template-columns:1fr}.blog-index-grid .blog-card:last-child{grid-column:auto}.blog-card-link{padding:19px}.blog-card h2,.blog-card h3{font-size:21px}.blog-index-hero h1{font-size:44px}.blog-index-hero>p:last-child{font-size:15px}.blog-article-header h1{font-size:39px}.blog-article-dek{font-size:16px}.blog-article-section p,.blog-article-section li{font-size:15px}.blog-answer-box{padding:20px}.blog-quick-answer{font-size:14px}.blog-contact-strip{padding:23px}.blog-contact-strip h2{font-size:22px}.blog-back-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-link,.blog-read-link>span{transition:none!important}.blog-card:hover{transform:none}}