.pd-site .pd-design-blog .blog-hero{
      padding-top: calc(var(--nav-h) + clamp(4rem, 8vw, 6rem));
      padding-bottom: clamp(3rem, 6vw, 5rem);
      background:var(--white);
    }
.pd-site .pd-design-blog .featured-article{
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      border-radius: var(--r-xl);
      overflow: hidden;
      background: var(--white);
      box-shadow: var(--sh-lg);
      min-height: 460px;
      transition: transform var(--ease), box-shadow var(--ease);
    }
.pd-site .pd-design-blog .featured-article:hover{
      transform: translateY(-6px);
      box-shadow: var(--sh-xl);
    }
.pd-site .pd-design-blog .featured-img{
      overflow: hidden;
    }
.pd-site .pd-design-blog .featured-img img{
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform var(--ease-img);
    }
.pd-site .pd-design-blog .featured-article:hover .featured-img img{ transform: scale(1.04); }
.pd-site .pd-design-blog .featured-body{
      padding: clamp(2.5rem, 5vw, 4rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.pd-site .pd-design-blog .featured-label{
      display: inline-flex;
      align-items: center;
      gap: var(--s-2);
      font-size: var(--t-xs);
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--gray-300);
      margin-bottom: var(--s-5);
    }
.pd-site .pd-design-blog .featured-label::before{
      content: '';
      width: 20px; height: 2px;
      background: var(--g-brand);
      border-radius: 2px;
    }
.pd-site .pd-design-blog .featured-title{
      font-family: var(--serif);
      font-size: var(--t-3xl);
      font-weight: 400;
      line-height: 1.2;
      color: var(--charcoal);
      margin-bottom: var(--s-5);
      transition: color var(--ease);
    }
.pd-site .pd-design-blog .featured-article:hover .featured-title{ color: var(--teal); }
.pd-site .pd-design-blog .blog-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.5rem, 3vw, 2rem);
    }
.pd-site .pd-design-blog .category-nav{
      display: flex;
      gap: var(--s-2);
      flex-wrap: wrap;
    }
.pd-site .pd-design-blog .cat-btn{
      padding: 8px 20px;
      border-radius: var(--r-full);
      font-size: var(--t-sm);
      font-weight: 500;
      border: 1.5px solid var(--sand);
      background: transparent;
      color: var(--gray-500);
      cursor: pointer;
      transition: all var(--ease);
    }
.pd-site .pd-design-blog .cat-btn:hover{ border-color: var(--gray-300); color: var(--charcoal); }
.pd-site .pd-design-blog .cat-btn.active{ background: var(--charcoal); border-color: var(--charcoal); color: #fff; }
.pd-site .pd-design-blog .newsletter-block{
      background: var(--charcoal);
      border-radius: var(--r-xl);
      padding: clamp(3rem, 6vw, 4.5rem);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(2rem, 4vw, 4rem);
      align-items: center;
      position: relative;
      overflow: hidden;
    }
.pd-site .pd-design-blog .newsletter-block::before{
      content: '';
      position: absolute;
      width: 400px; height: 400px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(110,197,207,0.12) 0%, transparent 70%);
      top: 50%; right: -50px;
      transform: translateY(-50%);
    }
.pd-site .pd-design-blog .newsletter-form{ display: flex; gap: var(--s-3); flex-wrap: wrap; }
.pd-site .pd-design-blog .newsletter-input{
      flex: 1;
      min-width: 220px;
      padding: 14px 18px;
      border-radius: var(--r-full);
      border: none;
      background: rgba(255,255,255,0.08);
      color: #fff;
      font-size: var(--t-sm);
      outline: none;
      border: 1.5px solid rgba(255,255,255,0.15);
      transition: border-color var(--ease);
    }
.pd-site .pd-design-blog .newsletter-input::placeholder{ color: rgba(255,255,255,0.3); }
.pd-site .pd-design-blog .newsletter-input:focus{ border-color: var(--teal); }
@media (max-width: 1024px){.pd-site .pd-design-blog .featured-article{ grid-template-columns: 1fr; }
.pd-site .pd-design-blog .featured-img{ aspect-ratio: 16/9; }
.pd-site .pd-design-blog .blog-grid{ grid-template-columns: 1fr 1fr; }
.pd-site .pd-design-blog .newsletter-block{ grid-template-columns: 1fr; }
}
@media (max-width: 768px){.pd-site .pd-design-blog .blog-grid{ grid-template-columns: 1fr; }
}