/* Keep the existing contact design while making direct contact paths obvious. */
body.tlp-contact-page main .hero__description a{
    text-decoration:underline;
    text-decoration-color:#eb6437;
    text-decoration-thickness:1px;
    text-underline-offset:4px;
}
body.tlp-contact-page main .hero__description a:hover,
body.tlp-contact-page main .hero__description a:focus-visible{
    color:#a84323;
    text-decoration-thickness:2px;
}
body.tlp-contact-page main .hero__description a:focus-visible{
    outline:2px solid #a84323;
    outline-offset:4px;
}

@media (max-width:991px){
    body.tlp-contact-page main .hero.hero--v3 .hero__image{display:none}
    body.tlp-contact-page main .hero.hero--v3{padding-bottom:42px}
    body.tlp-contact-page main .forms{padding-top:28px}
}

@media (min-width:992px){
    /* Keep the split opening, but end it after the actual contact details. */
    body.tlp-contact-page main .hero.hero--v3{
        height:auto;
        min-height:0;
        max-height:none;
        padding-top:155px;
        padding-bottom:64px;
    }
    body.tlp-contact-page main .hero.hero--v3 .hero__image{height:100%}
    body.tlp-contact-page main .hero.hero--v3 h1{
        max-width:470px;
        font-size:clamp(31px,2.7vw,38px);
        line-height:1.12;
    }
    body.tlp-contact-page main .hero.hero--v3 .hero__description{
        font-size:18px;
        line-height:1.5;
    }

    /* The form reads as one section instead of an empty left half and a
       narrow right column. It uses the same grey, navy and orange palette. */
    body.tlp-contact-page main .forms{background:#e3e3e3}
    body.tlp-contact-page main .forms::after{display:none}
    body.tlp-contact-page main .forms > .container{max-width:1020px}
    body.tlp-contact-page main .forms > .container > .row{
        display:block;
        margin:0;
    }
    body.tlp-contact-page main .forms > .container > .row > [class*="col-"]{
        width:100%;
        max-width:none;
        padding:0;
    }
    body.tlp-contact-page main .forms .subtitle{padding-top:65px}
    body.tlp-contact-page main .forms .h2{margin-bottom:0}
    body.tlp-contact-page main .forms .wpcf7{padding:34px 0 70px}
    body.tlp-contact-page main .forms .wpcf7 form{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        column-gap:24px;
        align-items:start;
    }
    body.tlp-contact-page main .forms .wpcf7 form > .field{min-width:0;margin-bottom:22px}
    body.tlp-contact-page main .forms .wpcf7 form > .field:nth-of-type(n+4),
    body.tlp-contact-page main .forms .wpcf7 form > .wpcf7-response-output{
        grid-column:1 / -1;
    }
    body.tlp-contact-page main .forms .wpcf7 .wpcf7-form-control-wrap{margin-bottom:0}
    body.tlp-contact-page main .forms .wpcf7 textarea{height:145px}
    body.tlp-contact-page main .forms .wpcf7 .field--text{max-width:900px}
    body.tlp-contact-page main .forms .wpcf7 .field--submit{margin-top:8px}
}