/* Patient homepage entrance. The photograph is the existing, CMS-managed image. */
body .clinic-home-refresh > section.clinic-home-hero {
    --hero-wash: 90deg;
    position: relative;
    isolation: isolate;
    padding-top: clamp(142px, 10.4vw, 170px);
    padding-bottom: clamp(36px, 4.5vw, 74px) !important;
    background: #e4ebed;
    color: #203541;
}
html[dir=rtl] .clinic-home-refresh > section.clinic-home-hero {
    --hero-wash: 270deg;
}
body.localized-clinic .clinic-home-refresh > section.clinic-home-hero {
    padding-top: clamp(32px, 4vw, 62px);
}
body .clinic-home-refresh > .clinic-home-hero > .clinic-home-hero__grid {
    position: static;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 18px;
}
html body .clinic-home-refresh > section.clinic-home-hero .clinic-home-hero__grid > .clinic-home-hero__visual {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    pointer-events: none;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__photo {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    aspect-ratio: auto;
    box-shadow: none;
    overflow: hidden;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__photo > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    object-position: center 66%;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__visual::after {
    position: absolute;
    content: "";
    inset: 0;
    background: linear-gradient(var(--hero-wash), rgba(239,245,246,.98) 0%, rgba(239,245,246,.89) 31%, rgba(239,245,246,.71) 49%, rgba(239,245,246,.27) 72%, rgba(239,245,246,.18) 100%);
}
/* The duplicate brand mark is decorative. The localized clinic name remains the heading. */
html body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1 {
    width: min(100%, 25ch);
    max-width: 64%;
    margin: 0;
    white-space: normal;
    text-align: start;
    text-wrap: balance;
    color: #172f3d;
    font-size: clamp(32px, 3.05vw, 48px);
    line-height: 1.12;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1::before {
    content: "";
    display: block;
    width: 164px;
    height: 62px;
    margin-inline-start: -16px;
    margin-block-end: 16px;
    background: transparent url("/CMS/images/Logo.png") center / contain no-repeat;
}
@media (min-width: 992px) {
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1::before {
        position: relative;
        left: var(--clinic-heading-text-center, 50%);
        width: 189px;
        height: 71px;
        margin: 0 auto 7px 0;
        /* The visible mark is centered 98px from the left of the 200px PNG. */
        transform: translateX(-49%);
    }
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > .clinic-home-hero__copy {
    width: min(54%, 600px);
    max-width: 100%;
    margin: 0;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__copy > .clinic-home-hero__doctor {
    margin: 0;
    text-align: start;
    color: #223b4b;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__specialty {
    margin-top: 3px;
    color: #374d59;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__location {
    color: #283f4c;
    opacity: 1;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__service {
    margin-top: 14px;
    font-size: 17px;
    line-height: 1.55;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__actions {
    grid-auto-rows: auto;
    gap: 9px;
    margin-top: 20px;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__actions > a.clinic-home-hero__secondary {
    background: rgba(243,248,249,.65);
    color: #203542;
    border-color: #758993;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__actions > a.clinic-home-hero__panel {
    color: #254452;
    padding-inline: 0;
    justify-content: start;
}
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__actions > a.clinic-home-hero__secondary:hover,
body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__actions > a.clinic-home-hero__panel:hover {
    background: #eaf0f1;
    color: #142d3b;
}
@media (max-width: 991px) {
    body .clinic-home-refresh > section.clinic-home-hero {
        padding-top: 108px;
        padding-bottom: 32px !important;
    }
    body.localized-clinic .clinic-home-refresh > section.clinic-home-hero {
        padding-top: 28px;
    }
    body .clinic-home-refresh > .clinic-home-hero > .clinic-home-hero__grid {
        align-items: stretch;
        width: min(100% - 36px, 650px);
        max-width: 650px;
        padding-inline: 0;
        gap: 12px;
    }
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__visual::after {
        background: linear-gradient(180deg, rgba(239,245,246,.79), rgba(239,245,246,.71) 40%, rgba(239,245,246,.87));
    }
    html body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1 {
        width: 100%;
        max-width: none;
        font-size: clamp(26px, 6.8vw, 38px);
    }
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1::before {
        width: 134px;
        height: 50px;
        margin-block-end: 12px;
        margin-inline-start: -14px;
    }
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__copy > .clinic-home-hero__doctor {
        margin-block-start: 4px;
    }
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__specialty,
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__service {
        margin-top: 0;
    }
    body #main-content .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__service {
        text-align: start !important;
        text-align-last: auto !important;
    }
}
@media (max-width: 767px) {
    html body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1 {
        text-align: center;
    }
    body .clinic-home-refresh > .clinic-home-hero .clinic-home-hero__grid > h1::before {
        width: 154px;
        height: 58px;
        margin: 0 auto 4px;
        transform: translateX(1%);
    }
}