.pd-site .pd-design-contact .contact-layout{
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: clamp(3rem, 6vw, 6rem);
      align-items: start;
      padding-top: calc(var(--nav-h) + clamp(4rem, 8vw, 6rem));
      padding-bottom: clamp(5rem, 10vw, 8rem);
    }
.pd-site .pd-design-contact .contact-left{
      position: sticky;
      top: calc(var(--nav-h) + 2rem);
    }
.pd-site .pd-design-contact .contact-method{
      display: flex;
      align-items: flex-start;
      gap: var(--s-4);
      padding: var(--s-5) 0;
      border-bottom: 1px solid var(--gray-100);
    }
.pd-site .pd-design-contact .contact-method:last-child{ border-bottom: none; }
.pd-site .pd-design-contact .contact-icon{
      width: 44px; height: 44px;
      border-radius: var(--r-md);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
.pd-site .pd-design-contact .contact-method-label{
      font-size: var(--t-xs);
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--gray-300);
      display: block;
      margin-bottom: var(--s-1);
    }
.pd-site .pd-design-contact .contact-method-value{
      font-size: var(--t-base);
      color: var(--charcoal);
      font-weight: 500;
      transition: color var(--ease);
    }
.pd-site .pd-design-contact a.contact-method-value:hover{ color: var(--teal); }
.pd-site .pd-design-contact .form-card{
      background: var(--white);
      border-radius: var(--r-xl);
      padding: clamp(2.5rem, 5vw, 4rem);
      box-shadow: var(--sh-lg);
    }
.pd-site .pd-design-contact .form-grid-2{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--s-5);
    }
.pd-site .pd-design-contact .faq-preview{
      background: var(--cream);
    }
.pd-site .pd-design-contact .quick-faq{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(1rem, 2vw, 1.5rem);
    }
.pd-site .pd-design-contact .quick-faq-item{
      background: var(--white);
      border-radius: var(--r-md);
      padding: var(--s-5);
      border-left: 3px solid transparent;
      transition: border-color var(--ease);
    }
.pd-site .pd-design-contact .quick-faq-item:hover{ border-left-color: var(--teal); }
.pd-site .pd-design-contact .quick-faq-item h5{ font-size: var(--t-sm); font-weight: 600; margin-bottom: var(--s-2); }
.pd-site .pd-design-contact .quick-faq-item p{ font-size: var(--t-sm); color: var(--gray-500); }
@media (max-width: 1024px){.pd-site .pd-design-contact .contact-layout{ grid-template-columns: 1fr; }
.pd-site .pd-design-contact .contact-left{ position: static; }
}
@media (max-width: 768px){.pd-site .pd-design-contact .form-grid-2{ grid-template-columns: 1fr; }
.pd-site .pd-design-contact .quick-faq{ grid-template-columns: 1fr; }
}