/* All styles scoped to avoid affecting the WordPress theme. */
    .dr-about-section {
        --dr-ink: #172c30;
        --dr-muted: #536369;
        --dr-brand: #00aa9c;
        --dr-brand-dark: #10564f;
        --dr-border: #dce8e3;
        --dr-surface: #f6faf8;
        --dr-light-green: #eaf5ef;
        /*padding: clamp(64px, 7vw, 108px) 24px;*/
        color: var(--dr-ink);
        background: #ffffff;
        font-family: inherit;
        line-height: 1.6;
        overflow: hidden;
        isolation: isolate;
    }

    .dr-about-section *,
    .dr-about-section *::before,
    .dr-about-section *::after {
        box-sizing: border-box;
    }

    .dr-about-section .dr-about-container {
        max-width: 1180px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        align-items: stretch;
        gap: clamp(40px, 6.5vw, 100px);
    }

    .dr-about-section .dr-content-wrapper {
        min-width: 0;
    }

    .dr-about-section .dr-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--dr-brand);
        font-size: 0.88rem;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .dr-about-section .dr-eyebrow-dot {
        width: 8px;
        height: 8px;
        background: var(--dr-brand);
        border-radius: 50%;
        box-shadow: 0 0 0 5px #e2f0eb;
        flex: 0 0 auto;
    }

    /* Type scale: eyebrow → academic prefix → doctor's name → award → title → body. */
    .dr-about-section .dr-name {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        margin: 0;
        letter-spacing: 0;
        color: var(--dr-ink);
    }

    .dr-about-section .dr-name-prefix {
        display: block;
        color: #526865;
        font-size: clamp(1.13rem, 1.6vw, 1.38rem);
        line-height: 1.55;
        font-weight: 600;
    }

    .dr-about-section .dr-name-main {
        display: block;
        font-size: clamp(2.35rem, 3.45vw, 2.5rem);
        line-height: 1.3;
        font-weight: 700;
        letter-spacing: 0em;
        text-wrap: balance;
    }

    .dr-about-section .dr-title {
        margin: 18px 0 0;
        color: var(--dr-brand);
        font-size: clamp(1.04rem, 1.3vw, 1.3rem);
        font-weight: 600;
        line-height: 1.75;
    }

    .dr-about-section .dr-heading-rule {
        width: 54px;
        height: 3px;
        margin: 22px 0 25px;
        background: #b7cfc5;
        border-radius: 4px;
    }

    .dr-about-section .dr-bio {
        margin: 0 0 23px;
        color: var(--dr-muted);
        font-size: clamp(1.12rem, 1.35vw, 1.19rem);
        line-height: 1.75;
        font-weight: 600;
    }

    .dr-about-section .dr-credentials {
        display: grid;
        gap: 12px;
        padding: 0;
        margin: 0 0 26px;
        list-style: none;
    }

    .dr-about-section .dr-credentials li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        font-size: 1.25rem;
        color: #31494a;
        line-height: 1.75;
        font-weight: 600;
    }

    .dr-about-section .dr-credential-icon {
        display: grid;
        place-items: center;
        flex: 0 0 25px;
        height: 25px;
        border-radius: 50%;
        background: #ddede5;
        color: var(--dr-brand);
        margin-top: 2px;
    }

    .dr-about-section .dr-credential-icon svg {
        width: 15px;
        height: 15px;
    }

    .dr-about-section .dr-award-card {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 19px 21px;
        background: #fff;
        border: 1px solid var(--dr-border);
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(22, 58, 49, 0.045);
        max-width: 530px;
        margin: 20px 0 16px 0;
    }

    .dr-about-section .dr-award-icon {
        width: 54px;
        height: 54px;
        border-radius: 14px;
        color: var(--dr-brand);
        background: var(--dr-light-green);
        display: grid;
        place-items: center;
        flex: 0 0 54px;
    }

    .dr-about-section .dr-award-icon svg {
        width: 29px;
        height: 29px;
    }
    .dr-about-section .dr-award-copy {
        min-width: 0;
    }

    .dr-about-section .dr-award-label {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--dr-brand);
        margin-bottom: 3px;
    }

    .dr-about-section .dr-award-copy p {
        margin: 0;
        font-size: clamp(0.97rem, 1.14vw, 1.2rem);
        line-height: 1.3;
        color: #304247;
    }

    .dr-about-section .dr-award-copy strong {
        color: var(--dr-ink);
        font-weight: 500;
    }

    .dr-about-section .dr-btn-more {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        min-height: 51px;
        padding: 12px 24px;
        border: 1px solid var(--dr-brand);
        border-radius: 10px;
        background: var(--dr-brand);
        color: #fff;
        font: inherit;
        font-size: 0.98rem;
        font-weight: 750;
        line-height: 1.4;
        text-decoration: none;
        box-shadow: 0 8px 20px rgba(23, 111, 103, 0.13);
        transition:
            background-color 0.22s ease,
            transform 0.22s ease,
            box-shadow 0.22s ease;
    }

    .dr-about-section .dr-btn-more svg {
        width: 19px;
        height: 19px;
        flex: none;
        transition: transform 0.22s ease;
    }

    .dr-about-section .dr-btn-more:hover {
        background: var(--dr-brand-dark);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(23, 111, 103, 0.18);
    }

    .dr-about-section .dr-btn-more:hover svg {
        transform: translateX(-4px);
    }
    .dr-about-section .dr-btn-more:focus-visible {
        outline: 3px solid #e0ae63;
        outline-offset: 4px;
    }

    .dr-about-section .dr-image-column {
        min-width: 0;
        width: 100%;
        display: flex;
        align-self: stretch;
    }

    .dr-about-section .dr-image-stage {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin-inline: auto;
        isolation: isolate;
    }

    .dr-about-section .dr-image-stage::before {
        content: "";
        position: absolute;
        inset: 25px 22px -19px -19px;
        border-radius: 24px;
        background: #d6e9e0;
        transform: rotate(-2deg);
        z-index: -1;
    }

    .dr-about-section .dr-image-stage img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center top;
        border: 7px solid #fff;
        border-radius: 23px;
        background: #2c403d;
        box-shadow: 0 22px 54px rgba(30, 60, 50, 0.14);
        transition:
            transform 0.65s cubic-bezier(0.2, 0.75, 0.25, 1),
            box-shadow 0.65s ease,
            filter 0.65s ease;
        will-change: transform;
    }

    @media (hover: hover) and (pointer: fine) {
        .dr-about-section .dr-image-stage:hover img {
            transform: translateY(-9px) scale(1.035) rotate(-0.8deg);
            box-shadow: 0 34px 70px rgba(30, 60, 50, 0.22);
            filter: saturate(1.07);
        }
        .dr-about-section .dr-image-stage::before {
            transition: transform 0.65s cubic-bezier(0.2, 0.75, 0.25, 1);
        }
        .dr-about-section .dr-image-stage:hover::before {
            transform: translate(-5px, 5px) rotate(-4deg);
        }
    }

    .dr-about-section .dr-image-detail {
        display: flex;
        gap: 5px;
        position: absolute;
        bottom: -33px;
        inset-inline-start: 28px;
    }

    .dr-about-section .dr-image-detail span {
        width: 18px;
        height: 3px;
        border-radius: 3px;
        background: #a7c9ba;
    }
    .dr-about-section .dr-image-detail span:first-child {
        width: 34px;
        background: var(--dr-brand);
    }

    /* Only enable reveal positioning once JavaScript observer is running. */
    .dr-about-section.dr-motion-ready [data-dr-reveal] {
        opacity: 0;
        transform: translate3d(0, 23px, 0);
        transition:
            opacity 0.8s ease,
            transform 0.85s cubic-bezier(0.2, 0.75, 0.25, 1);
    }
    .dr-about-section.dr-motion-ready [data-dr-reveal="right"] {
        transform: translate3d(-28px, 0, 0);
    }
    .dr-about-section.dr-motion-ready [data-dr-reveal="left"] {
        transform: translate3d(28px, 0, 0);
    }
    .dr-about-section.dr-motion-ready [data-dr-reveal].dr-in-view {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .dr-about-section.dr-motion-ready .dr-bio {
        transition-delay: 100ms;
    }
    .dr-about-section.dr-motion-ready .dr-credentials {
        transition-delay: 160ms;
    }
    .dr-about-section.dr-motion-ready .dr-award-card {
        transition-delay: 75ms;
    }

    @media (max-width: 980px) {
        .dr-about-section .dr-about-container {
            grid-template-columns: 1fr;
            max-width: 680px;
            gap: 50px;
            align-items: center;
        }
        .dr-about-section .dr-image-column {
            grid-row: 1;
            display: block;
        }
        .dr-about-section .dr-image-stage {
            max-width: 440px;
            height: auto;
            min-height: 0;
        }
        .dr-about-section .dr-image-stage img {
            height: auto;
            aspect-ratio: 485 / 560;
        }
    }

    @media (max-width: 600px) {
        .dr-about-section {
            padding: 52px 20px 62px;
        }
        .dr-about-section .dr-about-container {
            gap: 48px;
        }
        .dr-about-section .dr-image-stage {
            max-width: 310px;
        }
        .dr-about-section .dr-image-stage::before {
            inset: 16px 15px -13px -12px;
            border-radius: 18px;
        }
        .dr-about-section .dr-image-stage img {
            border-width: 5px;
            border-radius: 18px;
        }
        .dr-about-section .dr-image-detail {
            display: none;
        }
        .dr-about-section .dr-name {
            gap: 4px;
        }
        .dr-about-section .dr-name-prefix {
            font-size: 1.12rem;
        }
        .dr-about-section .dr-name-main {
            font-size: clamp(2.05rem, 8vw, 2.65rem);
            line-height: 1.35;
        }
        .dr-about-section .dr-title {
            font-size: 1.03rem;
            margin-top: 16px;
        }
        .dr-about-section .dr-award-copy p {
            font-size: 0.96rem;
        }
        .dr-about-section .dr-bio {
            font-size: clamp(1.08rem, 3.9vw, 1.14rem);
            line-height: 1.9;
        }
        .dr-about-section .dr-award-card {
            padding: 15px;
            gap: 12px;
        }
        .dr-about-section .dr-award-icon {
            flex-basis: 46px;
            width: 46px;
            height: 46px;
        }
        .dr-about-section .dr-award-icon svg {
            width: 25px;
            height: 25px;
        }
        .dr-about-section .dr-btn-more {
            width: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .dr-about-section .dr-btn-more,
        .dr-about-section .dr-btn-more svg,
        .dr-about-section .dr-image-stage img,
        .dr-about-section.dr-motion-ready [data-dr-reveal] {
            transition: none;
            opacity: 1;
            transform: none;
        }
        .dr-about-section .dr-btn-more:hover {
            transform: none;
        }
        .dr-about-section .dr-btn-more:hover svg,
        .dr-about-section .dr-image-stage:hover img {
            transform: none;
        }
    }