/* ======================================================
   PD GROUP — EDITABLE ABOUT PAGE
   ====================================================== */

body.page-id-106
.pd-prefooter {
    display: none !important;
}


/* ======================================================
   HERO
   ====================================================== */

.pd-about-block-hero {
    position: relative;

    overflow: hidden;

    max-width: none !important;

    padding:
        72px max(
            24px,
            calc((100vw - 1180px) / 2)
        );

    background:
        linear-gradient(
            128deg,
            #06200f,
            #195227
        );
}

.pd-about-block-hero::after {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    top: -220px;
    right: -100px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 68%
        );

    pointer-events: none;
}

.pd-about-block-hero-grid {
    position: relative;

    z-index: 2;

    max-width: 1180px;

    margin:
        0 auto !important;

    gap: 65px;
}

.pd-about-block-hero h1 {
    max-width: 720px;

    margin-bottom: 18px;

    color: #fff;

    font-size:
        clamp(
            2.75rem,
            4.5vw,
            4.4rem
        );

    line-height: 1;

    letter-spacing: -.048em;
}

.pd-about-lead {
    max-width: 610px;

    color:
        rgba(255,255,255,.72) !important;

    font-size: .96rem;

    line-height: 1.72;
}

.pd-about-eyebrow {
    color:
        rgba(255,255,255,.78) !important;

    font-size:
        .66rem !important;

    font-weight: 800;

    letter-spacing: .11em;

    text-transform: uppercase;
}

.pd-about-eyebrow-green {
    color:
        #195227 !important;
}

.pd-about-actions {
    margin-top: 25px;
}

.pd-about-primary-button
.wp-block-button__link {
    background:
        #c6a15b;

    color:
        #102216;
}

.pd-about-primary-button
.wp-block-button__link:hover {
    background:
        #d2b16d;

    color:
        #102216;
}

.pd-about-secondary-button
.wp-block-button__link {
    border-color:
        rgba(255,255,255,.44);

    color: #fff;
}

.pd-about-portrait img {
    width: 100%;

    max-height: 455px;

    object-fit: cover;

    border-radius: 18px;

    box-shadow:
        0 30px 70px rgba(0,0,0,.2);
}


/* ======================================================
   STORY
   ====================================================== */

.pd-about-story {
    max-width:
        1180px !important;

    padding:
        66px 24px;
}

.pd-about-story-grid {
    gap: 65px;
}

.pd-about-story h2 {
    margin-bottom: 0;

    font-size:
        clamp(
            1.85rem,
            2.8vw,
            2.6rem
        );

    line-height: 1.08;

    letter-spacing: -.035em;
}

.pd-about-story h3 {
    margin-top: 25px;
    margin-bottom: 8px;

    font-size:
        1.12rem;

    line-height: 1.22;
}

.pd-about-story h3:first-child {
    margin-top: 0;
}

.pd-about-story p {
    color:
        #69766d;

    font-size: .91rem;

    line-height: 1.72;
}


/* ======================================================
   VALUES
   ====================================================== */

.pd-about-values {
    max-width:
        none !important;

    padding:
        64px max(
            24px,
            calc((100vw - 1180px) / 2)
        );

    background:
        #f7faf8;
}

.pd-about-values > * {
    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;
}

.pd-about-values h2 {
    margin-bottom: 30px;

    font-size:
        clamp(
            1.85rem,
            2.8vw,
            2.55rem
        );

    line-height: 1.08;

    letter-spacing: -.035em;
}

.pd-about-values-grid {
    gap: 17px;
}

.pd-about-value-card {
    min-height: 205px;

    padding: 24px;

    background: #fff;

    border:
        1px solid #dce5de;

    border-radius: 17px;

    box-shadow:
        0 12px 30px
        rgba(13,55,26,.045);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.pd-about-value-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(25,82,39,.22);

    box-shadow:
        0 20px 45px
        rgba(13,55,26,.08);
}

.pd-about-value-number {
    margin-bottom: 28px;

    color:
        rgba(25,82,39,.58) !important;

    font-size:
        1.25rem !important;

    font-weight: 400;
}

.pd-about-value-card h3 {
    margin-bottom: 8px;

    font-size: 1.1rem;
}

.pd-about-value-card p {
    margin-bottom: 0;

    color:
        #69766d;

    font-size: .87rem;

    line-height: 1.65;
}


/* ======================================================
   RESPONSIVE
   ====================================================== */

@media (max-width: 900px) {

    .pd-about-block-hero {
        padding:
            58px 24px;
    }

    .pd-about-block-hero-grid {
        gap: 35px;
    }

    .pd-about-story {
        padding:
            55px 24px;
    }

    .pd-about-story-grid {
        gap: 30px;
    }

    .pd-about-values {
        padding:
            55px 24px;
    }
}

@media (max-width: 600px) {

    .pd-about-block-hero h1 {
        font-size: 2.45rem;
    }

    .pd-about-block-hero {
        padding-top: 48px;
        padding-bottom: 50px;
    }

    .pd-about-story,
    .pd-about-values {
        padding-top: 48px;
        padding-bottom: 50px;
    }

    .pd-about-value-card {
        min-height: 0;
    }
}