.pd-site .pd-design-over-ons .about-hero{
      position: relative;
      min-height: 70vh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom: clamp(4rem, 8vw, 6rem);
      overflow: hidden;
    }
.pd-site .pd-design-over-ons .about-hero-bg{
      position: absolute; inset: 0;
      
      background-size: cover;
      background-position: center 40%;
    }
.pd-site .pd-design-over-ons .about-hero-overlay{
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(26,25,24,0.85) 0%, rgba(26,25,24,0.25) 60%, rgba(26,25,24,0.05) 100%);
    }
.pd-site .pd-design-over-ons .story-section{
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: clamp(3rem, 6vw, 7rem);
      align-items: start;
    }
.pd-site .pd-design-over-ons .story-sticky{
      position: sticky;
      top: calc(100px + var(--nav-h) + 2rem);
    }
.pd-site .pd-design-over-ons .story-body h3{
      font-size: var(--t-2xl);
      margin-bottom: var(--s-5);
      margin-top: var(--s-10);
    }
.pd-site .pd-design-over-ons .story-body h3:first-of-type{ margin-top: 0; }
.pd-site .pd-design-over-ons .story-body p{
      margin-bottom: var(--s-5);
      line-height: 1.8;
    }
.pd-site .pd-design-over-ons .value-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.25rem, 2.5vw, 2rem);
    }
.pd-site .pd-design-over-ons .value-card{
      padding: clamp(1.75rem, 3.5vw, 2.25rem);
      border-radius: var(--r-lg);
      border: 1.5px solid var(--sand);
      background: var(--white);
      transition: border-color var(--ease), transform var(--ease);
    }
.pd-site .pd-design-over-ons .value-card:hover{
      border-color: var(--teal);
      transform: translateY(-4px);
    }
.pd-site .pd-design-over-ons .value-num{
      font-family: var(--serif);
      font-size: var(--t-5xl);
      font-weight: 300;
      line-height: 1;
      margin-bottom: var(--s-5);
    }
.pd-site .pd-design-over-ons .press-grid{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(2.5rem, 5vw, 5rem);
      flex-wrap: wrap;
    }
.pd-site .pd-design-over-ons .press-logo{
      opacity: 0.3;
      filter: grayscale(1);
      font-family: var(--serif);
      font-size: var(--t-xl);
      font-weight: 500;
      color: var(--charcoal);
      transition: opacity var(--ease);
    }
.pd-site .pd-design-over-ons .press-logo:hover{ opacity: 0.65; }
@media (max-width: 1024px){.pd-site .pd-design-over-ons .story-section{ grid-template-columns: 1fr; }
.pd-site .pd-design-over-ons .story-sticky{ position: static; }
.pd-site .pd-design-over-ons .value-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px){.pd-site .pd-design-over-ons .value-grid{ grid-template-columns: 1fr; }
}