.home-blog { padding:100px 0; background:#f7f7f9; }
.home-blog__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:36px; }
.home-blog .sec-title { margin-bottom:0; }
.home-blog__actions { display:flex; align-items:center; gap:24px; flex-shrink:0; }
.home-blog__all,.home-blog__read { color:#bf3039; font-size:14px; font-weight:800; }
.home-blog__all span,.home-blog__read span { margin-left:8px; }
.home-blog__controls { display:flex; gap:8px; }
.home-blog__controls[hidden] { display:none; }
.home-blog__controls button { display:grid; place-items:center; width:46px; height:46px; border:1px solid #dedee2; border-radius:50%; background:#fff; color:#24262b; font-size:22px; cursor:pointer; }
.home-blog__controls button:hover:not(:disabled) { background:#bf3039; border-color:#bf3039; color:#fff; }
.home-blog__controls button:disabled { opacity:.35; cursor:default; }
.home-blog__track { display:flex; gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#bf3039 #e4e4e8; padding:4px 4px 24px; }
.home-blog__card { display:flex; flex-direction:column; flex:0 0 calc((100% - 48px) / 3); min-width:0; overflow:hidden; scroll-snap-align:start; background:#fff; border:1px solid #e8e8ed; border-radius:12px; }
.home-blog__image { display:block; overflow:hidden; }
.home-blog__image img { display:block; width:100%; height:auto; aspect-ratio:5/3; object-fit:cover; transition:transform .3s; }
.home-blog__card:hover img { transform:scale(1.04); }
.home-blog__body { display:flex; flex-direction:column; flex:1; padding:26px; }
.home-blog__body time { color:#777; font-size:13px; margin-bottom:12px; }
.home-blog__body h3 { font-size:21px; line-height:1.45; margin:0 0 12px; overflow-wrap:anywhere; }
.home-blog__body h3 a { color:#24262b; }
.home-blog__body h3 a:hover,.home-blog__all:hover,.home-blog__read:hover { color:#bf3039; text-decoration:underline; }
.home-blog__body p { font-size:14px; line-height:1.8; margin:0 0 22px; overflow-wrap:anywhere; }
.home-blog__read { margin-top:auto; }
.home-blog :is(a,button,.home-blog__track):focus-visible { outline:2px solid #bf3039; outline-offset:3px; }
@media(max-width:1023px) { .home-blog__heading { align-items:flex-start; flex-direction:column; } .home-blog__card { flex-basis:calc((100% - 24px) / 2); } }
@media(max-width:599px) { .home-blog { padding:64px 0; } .home-blog__actions { width:100%; justify-content:space-between; } .home-blog__card { flex-basis:86%; } .home-blog__track { gap:16px; } .home-blog__body { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .home-blog__image img { transition:none; } }