.blog-page .sd-hero { min-height:min(720px,88vh); }
.blog-page .sd-hero-media { object-position:center; }
.blog-page .sd-hero-overlay { background:linear-gradient(90deg,rgba(7,18,27,.97),rgba(7,18,27,.82) 45%,rgba(7,18,27,.34)),linear-gradient(180deg,rgba(7,18,27,.18),rgba(7,18,27,.42)); }
.blog-intro { padding:96px 0; border-bottom:1px solid var(--sd-line); }
.blog-intro-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; align-items:start; }
.blog-intro h2 { margin:18px 0 0; color:var(--sd-ink); font-size:clamp(40px,4.4vw,64px); line-height:1.06; }
.blog-intro-copy p { margin:0 0 18px; font-size:16px; line-height:1.78; }
.blog-list { border-top:1px solid var(--sd-line); }
.blog-article { display:grid; grid-template-columns:220px minmax(0,1fr) minmax(138px,max-content); gap:clamp(24px,3vw,36px); align-items:center; min-width:0; min-height:250px; padding:34px max(24px,calc((100vw - 1180px)/2)); border-bottom:1px solid var(--sd-line); }
.blog-article:nth-child(even) { background:var(--sd-soft); }
.blog-article figure { height:150px; margin:0; overflow:hidden; background:#dce3e6; }
.blog-article img { object-fit:cover; transition:transform .65s ease; }
.blog-article:hover img { transform:scale(1.025); }
.blog-article time,.blog-article .comments { color:#76818a; font-size:11px; font-weight:800; text-transform:uppercase; }
.blog-article h2 { max-width:780px; margin:10px 0 0; color:var(--sd-ink); font-size:clamp(24px,2.5vw,34px); line-height:1.2; }
.blog-article h2 a { color:inherit; }
.blog-article p { max-width:760px; margin:16px 0 0; font-size:14px; line-height:1.68; }
.blog-read { display:inline-flex; justify-self:start; align-items:center; justify-content:flex-start; gap:8px; width:fit-content; max-width:100%; padding:10px 4px 8px 2px; border-bottom:1px solid currentColor; box-sizing:border-box; color:var(--sd-ink); font-size:13px; font-weight:800; line-height:1.25; white-space:normal; overflow-wrap:anywhere; transition:color .18s ease,border-color .18s ease,transform .18s ease; }
.blog-read::after { flex:0 0 auto; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; content:""; transform:rotate(45deg); transition:transform .18s ease; }
.blog-read:hover { color:var(--sd-blue); transform:translateX(2px); }
.blog-read:focus-visible { color:var(--sd-blue); outline:2px solid var(--sd-blue); outline-offset:4px; }
.blog-read:hover::after,.blog-read:focus-visible::after { transform:translateX(3px) rotate(45deg); }
html[dir="rtl"] .blog-read:hover,html[dir="rtl"] .blog-read:focus-visible { transform:translateX(-2px); }
html[dir="rtl"] .blog-read::after { transform:rotate(225deg); }
html[dir="rtl"] .blog-read:hover::after,html[dir="rtl"] .blog-read:focus-visible::after { transform:translateX(-3px) rotate(225deg); }
.blog-subscribe { padding:90px 0; background:var(--sd-ink); color:#fff; }
.blog-subscribe-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:70px; align-items:end; }
.blog-subscribe h2 { max-width:720px; margin:18px 0 0; font-size:clamp(40px,4.4vw,64px); line-height:1.06; }
.blog-subscribe p { margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.75; }
@media(max-width:900px){.blog-intro-grid,.blog-subscribe-grid{grid-template-columns:1fr;gap:34px}.blog-article{grid-template-columns:170px minmax(0,1fr);gap:28px;padding:28px 20px}.blog-article .blog-read{grid-column:2}.blog-article figure{height:130px}}
@media(max-width:560px){.blog-article{grid-template-columns:1fr}.blog-article figure{height:210px}.blog-article .blog-read{grid-column:1}.blog-page .sd-hero{min-height:780px}}