.blog-home{padding:clamp(44px,5.6vw,76px) 0 58px;background:linear-gradient(180deg,#fbf8f2 0%,#f8f4ec 100%)}
.blog-home__container{max-width:1240px;margin-inline:auto}
.blog-home__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.blog-home__heading{min-width:0;max-width:720px}
.blog-home__title{margin:8px 0 0;font-size:clamp(28px,2.35vw,34px);line-height:1.42;font-weight:600;color:#10120f;letter-spacing:-.01em}
.blog-home__actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.blog-home__nav{display:flex;direction:ltr;gap:8px}
.blog-home__arrow{width:38px;height:38px;border:1px solid rgba(18,20,17,.11);border-radius:10px;background:rgba(255,255,255,.78);color:#11130f;display:grid;place-items:center;font-size:16px;cursor:pointer;transition:background-color .24s ease,border-color .24s ease,color .24s ease}
.blog-home__arrow:hover{background:#11140f;border-color:#11140f;color:#fff}
.blog-home__arrow.swiper-button-disabled{opacity:.35;cursor:default;background:rgba(255,255,255,.6);color:#777;border-color:rgba(18,20,17,.08)}
.blog-home__all{display:inline-flex;align-items:center;gap:8px;color:#31342e;text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;border-bottom:1px solid rgba(200,151,67,.48);padding-bottom:5px;transition:color .24s ease,border-color .24s ease}
.blog-home__all:hover{color:#b07d2f;border-color:#b07d2f}
.blog-home__viewport{width:100%;overflow:hidden;border-radius:15px}
.blog-home__swiper{width:100%;overflow:hidden}
.blog-home__slide{height:auto}
.blog-card{height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.68);border:1px solid rgba(21,23,19,.095);border-radius:14px;overflow:hidden;transition:border-color .24s ease,background-color .24s ease}
.blog-card:hover{border-color:rgba(200,151,67,.58);background:#fff}
.blog-card__media{display:block;position:relative;aspect-ratio:16/9.5;overflow:hidden;background:#e7e3da;text-decoration:none}
.blog-card__media img{width:100%;height:100%;display:block;object-fit:cover}
.blog-card__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#e8e3d9,#f2eee6);color:#9b8a69;font-size:11px;font-weight:500}
.blog-card__body{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1;min-height:132px}
.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#7b7e76;font-size:9.5px;font-weight:400}
.blog-card h3{margin:0 0 17px;font-size:16px;line-height:1.85;font-weight:600;color:#161814;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.blog-card h3 a{color:inherit;text-decoration:none;transition:color .24s ease}
.blog-card:hover h3 a{color:#9a6d2d}
.blog-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;width:max-content;color:#555950;text-decoration:none;font-size:10.5px;font-weight:500;transition:color .24s ease}
.blog-card__link:hover{color:#b07d2f}

@media (max-width:767px){
  .blog-home{padding:30px 0 34px}
  .blog-home__container{padding-inline:12px}
  .blog-home__head{align-items:flex-end;gap:12px;margin-bottom:17px}
  .blog-home__heading{max-width:74%}
  .blog-home__title{font-size:24px;line-height:1.48;margin-top:5px}
  .blog-home__actions{align-self:flex-end}
  .blog-home__nav{display:none}
  .blog-home__all{font-size:10px;gap:5px;padding-bottom:3px}
  .blog-home__viewport{overflow:visible;border-radius:0}
  .blog-home__swiper{overflow:hidden}
  .blog-card{border-radius:13px}
  .blog-card__media{aspect-ratio:16/10}
  .blog-card__body{padding:13px 13px 14px;min-height:116px}
  .blog-card__meta{font-size:9px;margin-bottom:8px}
  .blog-card h3{font-size:14px;line-height:1.8;margin-bottom:13px}
  .blog-card__link{font-size:10px}
}

@media (max-width:420px){
  .blog-home__head{align-items:flex-start;flex-direction:column}
  .blog-home__heading{max-width:none}
  .blog-home__actions{width:100%;justify-content:flex-end}
}

@media (prefers-reduced-motion:reduce){.blog-home__arrow,.blog-home__all,.blog-card,.blog-card h3 a,.blog-card__link{transition:none!important}}