/* ==========================================================
   TARG DS
   Contact 2.1
   ========================================================== */

body.tds-contact-page-active .rh_header,
body.tds-contact-page-active .rh_responsive_header_temp,
body.tds-contact-page-active .rh_header_var_1,
body.tds-contact-page-active .rh_header_advance,
body.tds-contact-page-active .rh_long_screen_header_temp {
display: none !important;
}

body.tds-contact-page-active,
body.tds-contact-page-active .rh_wrap,
body.tds-contact-page-active .rh_wrap_stick_footer {
background: #f7f5f1;
}

.tds-contact-page {
--tds-contact-navy: #121c32;
--tds-contact-gold: #cda16c;
--tds-contact-gold-dark: #a8733c;
--tds-contact-bg: #f7f5f1;
--tds-contact-surface: #fff;
--tds-contact-text: #172033;
--tds-contact-muted: #777f8e;
--tds-contact-line: rgba(23, 32, 51, .085);

background: var(--tds-contact-bg);
color: var(--tds-contact-text);
}

.tds-contact-shell {
width: min(1320px, calc(100% - 64px));
margin-inline: auto;
}

/* Hero */

.tds-contact-hero {
position: relative;
min-height: 455px;
overflow: hidden;
background: var(--tds-contact-navy);
}

.tds-contact-hero__background {
position: absolute;
inset: 0;

background-image:
linear-gradient(
90deg,
rgba(10, 18, 34, .90) 0%,
rgba(10, 18, 34, .67) 47%,
rgba(10, 18, 34, .28) 100%
),
url("/wp-content/uploads/2026/07/w1.webp");

background-size: cover;
background-position: center;
}

.tds-contact-hero .targ-header {
position: relative;
z-index: 3;
}

.tds-contact-hero__content {
position: relative;
z-index: 2;
padding-top: 175px;
padding-bottom: 76px;
}

.tds-contact-eyebrow {
margin: 0 0 13px;

font-family: var(--font-ui);
font-size: 12px;
font-weight: 800;
letter-spacing: .15em;
text-transform: uppercase;

color: var(--tds-contact-gold);
}

.tds-contact-hero h1 {
margin: 0;

font-family: var(--font-heading);
font-size: clamp(52px, 5.8vw, 82px);
line-height: .98;
font-weight: 800;
letter-spacing: -.055em;

color: #fff;
}

.tds-contact-hero__lead {
max-width: 590px;
margin: 25px 0 0;

font-family: var(--font-ui);
font-size: 18px;
line-height: 1.6;

color: rgba(255,255,255,.78);
}

/* Main */

.tds-contact-main {
position: relative;
z-index: 2;
padding-bottom: 90px;
}

/* Contact strip */

.tds-contact-quick {
margin-top: -48px;
padding: 26px 34px;

display: grid;
grid-template-columns: 1.15fr .85fr 1.1fr;

border: 1px solid rgba(255,255,255,.82);
border-radius: 28px;

background: rgba(255,255,255,.97);
box-shadow: 0 26px 75px rgba(15,23,42,.08);
backdrop-filter: blur(16px);
}

.tds-contact-quick__item {
min-width: 0;
min-height: 118px;

padding: 14px 43px;

display: flex;
align-items: center;
gap: 21px;

border-right: 1px solid var(--tds-contact-line);
}

.tds-contact-quick__item:first-child {
padding-left: 20px;
}

.tds-contact-quick__item:last-child {
padding-right: 20px;
border-right: 0;
}

.tds-contact-quick__icon {
flex: 0 0 34px;
width: 34px;
height: 34px;

display: flex;
align-items: center;
justify-content: center;

color: var(--tds-contact-gold-dark);
}

.tds-contact-quick__icon svg {
width: 30px;
height: 30px;

fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}

.tds-contact-quick__content {
min-width: 0;
}

.tds-contact-quick__content p {
margin: 0 0 8px;

font-family: var(--font-ui);
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;

color: var(--tds-contact-muted);
}

.tds-contact-quick__content a,
.tds-contact-quick__content strong {
display: block;
margin: 0;

font-family: var(--font-heading);
font-size: 18px;
line-height: 1.38;
font-weight: 800;

color: var(--tds-contact-text);
text-decoration: none;
}

.tds-contact-quick__content a:hover {
color: var(--tds-contact-gold-dark);
}

.tds-contact-quick__email {
overflow-wrap: anywhere;
word-break: break-word;
}

/* Equal panels */

.tds-contact-grid {
padding-top: 78px;

display: grid;
grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
gap: 32px;
align-items: stretch;
}

.tds-contact-panel {
padding: 42px;

border: 1px solid rgba(23,32,51,.055);
border-radius: 28px;

background: var(--tds-contact-surface);
box-shadow: 0 22px 65px rgba(15,23,42,.055);
}

.tds-contact-grid h2 {
margin: 0;

font-family: var(--font-heading);
font-size: clamp(35px, 3vw, 48px);
line-height: 1.03;
font-weight: 800;
letter-spacing: -.045em;

color: var(--tds-contact-text);
}

/* Form */

.tds-contact-form-card {
display: flex;
flex-direction: column;
}

.tds-contact-form {
margin-top: 31px;

display: grid;
gap: 17px;
}

.tds-contact-form__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px;
}

.tds-contact-form label > span:first-child {
display: block;
margin-bottom: 8px;

font-family: var(--font-ui);
font-size: 12px;
font-weight: 700;

color: rgba(23,32,51,.65);
}

.tds-contact-form input,
.tds-contact-form select,
.tds-contact-form textarea {
width: 100%;

border: 1px solid var(--tds-contact-line);
border-radius: 14px;

background: #faf9f7;
color: var(--tds-contact-text);

font-family: var(--font-ui);
font-size: 14px;

box-shadow: none;
}

.tds-contact-form input,
.tds-contact-form select {
height: 56px;
padding: 0 16px;
}

.tds-contact-form textarea {
min-height: 178px;
padding: 16px;
resize: vertical;
}

.tds-contact-form input:focus,
.tds-contact-form select:focus,
.tds-contact-form textarea:focus {
outline: none;
border-color: rgba(205,161,108,.75);
box-shadow: 0 0 0 4px rgba(205,161,108,.09);
background: #fff;
}

.tds-contact-form__consent {
display: grid !important;
grid-template-columns: 18px minmax(0, 1fr);
gap: 11px;
align-items: start;

padding: 14px 15px;

border: 1px solid var(--tds-contact-line);
border-radius: 13px;

background: #faf9f7;
}

.tds-contact-form__consent input {
width: 18px;
height: 18px;
margin: 1px 0 0;
padding: 0;

accent-color: var(--tds-contact-gold);
}

.tds-contact-form__consent span {
margin: 0 !important;

font-size: 11px !important;
line-height: 1.5;
font-weight: 500 !important;

color: var(--tds-contact-muted) !important;
}

.tds-contact-button {
width: fit-content;
min-height: 54px;
padding: 0 24px;

display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;

border: 0;
border-radius: 14px;

background: var(--tds-contact-navy);
color: #fff;

font-family: var(--font-ui);
font-size: 14px;
font-weight: 800;

cursor: pointer;
transition:
background .18s ease,
transform .18s ease;
}

.tds-contact-button:hover {
background: var(--tds-contact-gold);
transform: translateY(-1px);
}

.tds-contact-button svg {
width: 18px;
height: 18px;

fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}

.tds-contact-honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}

.tds-contact-notice {
margin-top: 22px;
padding: 15px 17px;

border-radius: 13px;

font-family: var(--font-ui);
font-size: 13px;
font-weight: 700;
}

.tds-contact-notice--success {
background: rgba(41,139,89,.10);
color: #246f4a;
}

.tds-contact-notice--error {
background: rgba(190,55,55,.09);
color: #9a3030;
}

/* Map */

.tds-contact-location {
display: flex;
flex-direction: column;
min-height: 100%;
}

.tds-contact-location__heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 25px;
}

.tds-contact-map-link {
flex: 0 0 auto;

min-height: 46px;
padding: 0 16px;

display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;

border: 1px solid var(--tds-contact-line);
border-radius: 13px;

background: #faf9f7;
color: var(--tds-contact-text);

font-family: var(--font-ui);
font-size: 12px;
font-weight: 800;
text-decoration: none;

transition:
background .18s ease,
color .18s ease,
border-color .18s ease;
}

.tds-contact-map-link:hover {
background: var(--tds-contact-gold);
border-color: var(--tds-contact-gold);
color: #fff;
}

.tds-contact-map-link svg {
width: 17px;
height: 17px;

fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}

.tds-contact-map {
flex: 1;

min-height: 575px;
margin-top: 31px;

overflow: hidden;
border-radius: 22px;

background: #ebe8e3;
}

.tds-contact-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 575px;

border: 0;

filter:
grayscale(.42)
sepia(.08)
saturate(.64)
contrast(.92)
brightness(1.04);
}

/* Tablet */

@media (max-width: 1100px) {

.tds-contact-quick {
padding-inline: 20px;
}

.tds-contact-quick__item {
padding-inline: 25px;
}

.tds-contact-grid {
grid-template-columns: 1fr;
}

.tds-contact-map {
min-height: 500px;
}

.tds-contact-map iframe {
min-height: 500px;
}

}

/* Mobile */

@media (max-width: 767px) {

.tds-contact-shell {
width: calc(100% - 40px);
}

.tds-contact-hero {
min-height: 440px;
}

.tds-contact-hero__content {
padding-top: 155px;
padding-bottom: 75px;
}

.tds-contact-hero h1 {
font-size: 51px;
}

.tds-contact-hero__lead {
font-size: 16px;
}

.tds-contact-quick {
margin-top: -34px;
padding: 10px 23px;

grid-template-columns: 1fr;
}

.tds-contact-quick__item,
.tds-contact-quick__item:first-child,
.tds-contact-quick__item:last-child {
min-height: 0;
padding: 23px 0;

border-right: 0;
border-bottom: 1px solid var(--tds-contact-line);
}

.tds-contact-quick__item:last-child {
border-bottom: 0;
}

.tds-contact-quick__content a,
.tds-contact-quick__content strong {
font-size: 17px;
}

.tds-contact-grid {
padding-top: 52px;
gap: 24px;
}

.tds-contact-panel {
padding: 28px 24px;
border-radius: 24px;
}

.tds-contact-form__row {
grid-template-columns: 1fr;
}

.tds-contact-button {
width: 100%;
}

.tds-contact-location__heading {
display: block;
}

.tds-contact-map-link {
width: 100%;
margin-top: 22px;
}

.tds-contact-map {
min-height: 410px;
margin-top: 22px;
}

.tds-contact-map iframe {
min-height: 410px;
}

}