/* ==========================================================
   URISTST — HERO POLISH
   CSS only / lightweight
   ========================================================== */

body.home .uristst-legacy .ul-hero {
    overflow: hidden;
}

body.home .uristst-legacy .ul-hero__grid {
    position: relative;
}


/* ----------------------------------------------------------
   TEXT COLUMN
   ---------------------------------------------------------- */

body.home .uristst-legacy .ul-hero__content {
    position: relative;

    padding-left: 28px;
}

body.home .uristst-legacy .ul-hero__content::before {
    content: "";

    position: absolute;

    top: 3px;
    bottom: 4px;
    left: 0;

    width: 2px;

    background: #9A503F;

    opacity: .8;
}


/* Kicker */

body.home .uristst-legacy .ul-hero .ul-kicker {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color: #9A503F;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .16em;
}

body.home .uristst-legacy .ul-hero .ul-kicker::before {
    content: "";

    display: inline-block;

    width: 26px;
    height: 1px;

    background: #9A503F;
}


/* H1 */

body.home .uristst-legacy .ul-hero h1.wp-block-heading {
    max-width: 12ch;

    text-wrap: balance;
}


/* Lead */

body.home .uristst-legacy .ul-hero .ul-lead {
    max-width: 52ch;
}


/* ----------------------------------------------------------
   PHONE
   ---------------------------------------------------------- */

body.home .uristst-legacy .ul-hero__phone {
    display: inline-flex;
    align-items: center;

    margin-bottom: 24px;

    padding: 9px 13px;

    border: 1px solid rgba(154, 80, 63, .28);
    border-radius: 2px;

    background: rgba(255, 255, 255, .46);

    font-size: 17px;
}

body.home .uristst-legacy .ul-hero__phone a {
    color: #172231;

    text-decoration: none;

    transition:
        color 180ms ease;
}

body.home .uristst-legacy .ul-hero__phone a:hover {
    color: #9A503F;
}


/* ----------------------------------------------------------
   CTA BUTTON
   ---------------------------------------------------------- */

body.home
.uristst-legacy
.ul-hero
.ul-button
.wp-block-button__link {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding:
        13px
        23px;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
}

body.home
.uristst-legacy
.ul-hero
.ul-button
.wp-block-button__link::after {
    content: "→";

    display: inline-block;

    transition:
        transform 180ms ease;
}

body.home
.uristst-legacy
.ul-hero
.ul-button
.wp-block-button__link:hover {
    transform: translateY(-1px);
}

body.home
.uristst-legacy
.ul-hero
.ul-button
.wp-block-button__link:hover::after {
    transform: translateX(4px);
}


/* ----------------------------------------------------------
   PHOTO
   ---------------------------------------------------------- */

body.home .uristst-legacy .ul-hero__media {
    position: relative;

    isolation: isolate;

    padding:
        0
        16px
        16px
        0;
}


/*
 * Solid offset panel behind the portrait.
 * No gradients, no extra image.
 */
body.home .uristst-legacy .ul-hero__media::before {
    content: "";

    position: absolute;

    top: 18px;
    right: 0;
    bottom: 0;
    left: 18px;

    z-index: -1;

    background: #EAE4DB;

    border: 1px solid rgba(154, 80, 63, .28);
}


/*
 * Small editorial corner accent.
 */
body.home .uristst-legacy .ul-hero__media::after {
    content: "";

    position: absolute;

    top: -10px;
    right: 7px;

    width: 52px;
    height: 52px;

    border-top: 2px solid #9A503F;
    border-right: 2px solid #9A503F;

    opacity: .72;

    pointer-events: none;
}

body.home .uristst-legacy .ul-hero__media img {
    position: relative;

    z-index: 1;

    border-radius: 2px;

    box-shadow:
        0 18px 40px rgba(23, 34, 49, .08);
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 920px) {

    body.home .uristst-legacy .ul-hero__content {
        padding-left: 22px;
    }

    body.home .uristst-legacy .ul-hero h1.wp-block-heading {
        max-width: 15ch;
    }

    body.home .uristst-legacy .ul-hero__media {
        max-width: 520px;

        margin: 0 auto;
    }
}


@media (max-width: 640px) {

    body.home .uristst-legacy .ul-hero__content {
        padding-left: 18px;
    }

    body.home .uristst-legacy .ul-hero__content::before {
        width: 1px;
    }

    body.home .uristst-legacy .ul-hero h1.wp-block-heading {
        max-width: none;
    }

    body.home .uristst-legacy .ul-hero__phone {
        font-size: 16px;
    }

    body.home .uristst-legacy .ul-hero__media {
        padding:
            0
            10px
            10px
            0;
    }

    body.home .uristst-legacy .ul-hero__media::before {
        top: 12px;
        left: 12px;
    }

    body.home .uristst-legacy .ul-hero__media::after {
        top: -7px;
        right: 4px;

        width: 38px;
        height: 38px;
    }
}


/* ----------------------------------------------------------
   ACCESSIBILITY
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    body.home
    .uristst-legacy
    .ul-hero
    .ul-button
    .wp-block-button__link,

    body.home
    .uristst-legacy
    .ul-hero
    .ul-button
    .wp-block-button__link::after {

        transition: none !important;
    }

    body.home
    .uristst-legacy
    .ul-hero
    .ul-button
    .wp-block-button__link:hover {

        transform: none;
    }
}