.dsg-blog-hero { padding: 190px 0 65px; background: #222426; color: #fff; border-bottom: 3px solid #f48137; }
.dsg-blog-kicker { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; color: #d9d1ca; font-size: 12px; letter-spacing: 1px; }
.dsg-blog-kicker span { color: #f48137; }
.dsg-blog-hero h1 { max-width: 950px; font-size: clamp(32px, 4vw, 56px); font-weight: 600; line-height: 1.18; }
.dsg-blog-hero p { max-width: 650px; margin-top: 23px; font-size: 16px; line-height: 1.8; color: #cdcac7; }
.dsg-blog-list { padding-top: 55px; padding-bottom: 90px; }
.dsg-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 28px; }
.dsg-blog-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid #e2dfdb; background: #fff; }
.dsg-blog-picture { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #f1f0ed; }
.dsg-blog-picture img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s ease; }
.dsg-blog-card:hover .dsg-blog-picture img { transform: scale(1.025); }
.dsg-blog-card-copy { display: flex; flex-direction: column; flex: 1; padding: 25px; }
.dsg-blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; color: #8a7769; font-size: 11px; line-height: 1.6; }
.dsg-blog-meta>span:first-child { color: #bb5b21; }
.dsg-blog-card h2 { margin: 17px 0 14px; color: #292929; font-size: 22px; font-weight: 600; line-height: 1.4; }
.dsg-blog-card h2 a:hover { color: #bb5b21; }
.dsg-blog-card-copy>p { color: #707070; font-size: 14px; line-height: 1.85; margin-bottom: 26px; }
.dsg-blog-read { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-top: 16px; margin-top: auto; border-top: 1px solid #ebe7e2; color: #292929; font-size: 13px; font-weight: 600; }
.dsg-blog-read span { color: #e3752e; font-size: 22px; }
.dsg-blog-article-hero h1 { font-size: clamp(30px,3.5vw,48px); }
.dsg-blog-article-hero .dsg-blog-meta { margin-top: 26px; color: #bcb4ad; }
.dsg-blog-article-hero .dsg-blog-meta>span:first-child { color: #f5a471; }
.dsg-blog-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 55px; align-items: start; padding-top: 50px; padding-bottom: 70px; }
.dsg-blog-article { min-width: 0; }
.dsg-blog-article-picture { display: flex; align-items: center; justify-content: center; height: 380px; margin-bottom: 38px; border: 1px solid #e2dfdb; background: #ebe9e5; }
.dsg-blog-article-picture img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.dsg-blog-prose { color: #505050; font-size: 16px; line-height: 1.95; overflow-wrap: anywhere; }
.dsg-blog-prose>p:first-child { color: #333; font-size: 18px; }
.dsg-blog-prose h2 { color: #272727; font-size: 26px; font-weight: 600; line-height: 1.45; margin: 38px 0 16px; scroll-margin-top: 28px; }
.dsg-blog-prose p { margin-bottom: 19px; }
.dsg-blog-prose ul { list-style: disc; padding-left: 22px; margin: 20px 0; }
.dsg-blog-prose li { padding-left: 4px; margin: 7px 0; }
.dsg-blog-prose strong { color: #292929; font-weight: 600; }
.dsg-blog-prose a { color: #b95215; text-decoration: underline; text-underline-offset: 4px; }
.dsg-blog-back { display: inline-block; margin-top: 26px; padding-bottom: 8px; border-bottom: 1px solid #f48137; font-size: 14px; color: #292929; }
.dsg-blog-aside { position: sticky; top: 28px; }
.dsg-blog-help { padding: 25px; background: #252729; color: #fff; }
.dsg-blog-help h2 { font-size: 22px; line-height: 1.4; font-weight: 600; }
.dsg-blog-help p { font-size: 13px; line-height: 1.85; color: #c7c2bd; margin: 17px 0 22px; }
.dsg-blog-help a { display: flex; justify-content: space-between; gap: 18px; padding: 12px 15px; background: #f48137; color: #fff; font-size: 13px; }
.dsg-blog-card a:focus-visible, .dsg-blog-aside a:focus-visible { outline: 2px solid #f48137; outline-offset: 4px; }
@media (max-width: 1139px) {
  .dsg-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dsg-blog-hero { padding-top: 150px; }
  .dsg-blog-article-layout { grid-template-columns: minmax(0,1fr) 240px; gap: 30px; }
  .dsg-blog-card-copy { padding: 20px; }
  .dsg-blog-card h2 { font-size: 20px; }
}
@media (max-width: 767px) {
  .dsg-blog-hero { padding-top: 140px; padding-bottom: 40px; }
  .dsg-blog-grid { grid-template-columns: minmax(0,1fr); }
  .dsg-blog-picture { height: 280px; aspect-ratio: auto; }
  .dsg-blog-article-layout { grid-template-columns: minmax(0,1fr); gap: 40px; padding-top: 30px; }
  .dsg-blog-article-picture { height: 300px; }
  .dsg-blog-aside { position: static; }
  .dsg-blog-prose { font-size: 15px; }
  .dsg-blog-prose h2 { font-size: 23px; }
}

.dsg-blog-sidebar-posts { border-top: 2px solid #f48137; padding: 20px 0 28px; }
.dsg-blog-sidebar-posts h2 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.dsg-blog-sidebar-post { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid #dedbd7; }
.dsg-blog-sidebar-post img { width: 76px; height: 84px; object-fit: contain; background: #eae8e4; mix-blend-mode: multiply; flex-shrink: 0; }
.dsg-blog-sidebar-post span { color: #363636; font-size: 13px; font-weight: 600; line-height: 1.65; }
.dsg-blog-sidebar-post:hover span { color: #bb5b21; }
