/* page-thanks.php — post-submit confirmation.
   Same visual language as the private landings (warm sand bands, thin gold
   rules, Cormorant headings) so arriving here does not feel like leaving the
   page the visitor was just on. */

.thanks { background: #fff; }

/* ---- Confirmation ---------------------------------------------------- */
.thanks_hero {
    padding: clamp(96px, 12vw, 168px) 0 clamp(48px, 6vw, 84px);
    background: #f6f3ed;
    border-bottom: 1px solid #e6dfd2;
}
.thanks_hero__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 48px);
    text-align: center;
}
.thanks_hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #8a8172;
}
/* Tick before the eyebrow — the only "it worked" signal the page needs. */
.thanks_hero__eyebrow::before {
    content: '';
    width: 7px;
    height: 13px;
    border-right: 1px solid #b58c4d;
    border-bottom: 1px solid #b58c4d;
    transform: rotate(45deg);
}
.thanks_hero__title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1.08;
    letter-spacing: -0.01em;
    margin: 0 0 20px;
    color: #111;
}
.thanks_hero__sub {
    margin: 0 auto;
    max-width: 62ch;
    font-size: 17px;
    line-height: 1.65;
    color: #6b6357;
}

/* ---- What happens next ------------------------------------------------ */
.thanks_steps {
    max-width: 1280px;
    margin: clamp(56px, 6vw, 96px) auto;
    padding: 0 24px;
}
.thanks_steps__title,
.thanks_links__title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.15;
    margin: 0 0 8px;
    color: #111;
}
.thanks_steps__title { margin-bottom: clamp(28px, 3vw, 44px); }
.thanks_steps__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 56px);
}
.thanks_step { position: relative; padding-top: 22px; border-top: 1px solid #e6dfd2; }
.thanks_step__num {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: .16em;
    color: #b58c4d;
    font-variant-numeric: tabular-nums;
}
.thanks_step__title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;
    color: #111;
}
.thanks_step__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6b6357;
}

/* ---- Where to go next ------------------------------------------------- */
.thanks_links {
    max-width: 1280px;
    margin: clamp(56px, 6vw, 104px) auto;
    padding: 0 24px;
}
.thanks_links__head { margin-bottom: clamp(28px, 3vw, 44px); }
.thanks_links__sub {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #6b6357;
}
.thanks_links__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.thanks_card {
    position: relative;
    display: block;
    padding: 28px 56px 30px 28px;
    border: 1px solid #e6dfd2;
    background: #fff;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.thanks_card:hover {
    border-color: #b58c4d;
    background: #fbf8f3;
    transform: translateY(-2px);
}
.thanks_card__title {
    margin: 0 0 8px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.25;
    color: #111;
}
.thanks_card__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #6b6357;
}
.thanks_card__arrow {
    position: absolute;
    right: 24px;
    bottom: 28px;
    display: inline-flex;
    color: #b58c4d;
    transition: transform .2s ease;
}
.thanks_card:hover .thanks_card__arrow { transform: translateX(4px); }

/* ---- Talk to us now --------------------------------------------------- */
.thanks_now {
    background: #f6f3ed;
    border-top: 1px solid #e6dfd2;
    border-bottom: 1px solid #e6dfd2;
    padding: clamp(40px, 4.5vw, 72px) 0;
}
.thanks_now__inner {
    max-width: 1280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 4vw, 64px);
    flex-wrap: wrap;
}
.thanks_now__title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: clamp(24px, 2.6vw, 38px);
    line-height: 1.15;
    margin: 0 0 8px;
    color: #111;
}
.thanks_now__sub { margin: 0; font-size: 15px; line-height: 1.6; color: #6b6357; }
.thanks_now__actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.thanks_now__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 32px;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.thanks_now__btn--wa { border: 1px solid #111; background: #111; color: #fff; }
.thanks_now__btn--wa:hover { background: #b58c4d; border-color: #b58c4d; color: #fff; }
.thanks_now__btn--tel { border: 1px solid #cfc7b8; background: transparent; color: #111; letter-spacing: .06em; }
.thanks_now__btn--tel:hover { border-color: #b58c4d; color: #b58c4d; }

/* ---- Back to the site ------------------------------------------------- */
.thanks_back {
    max-width: 1280px;
    margin: clamp(40px, 5vw, 80px) auto clamp(56px, 6vw, 96px);
    padding: 0 24px;
    text-align: center;
}
.thanks_back__btn {
    display: inline-block;
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6b6357;
    text-decoration: none;
    border-bottom: 1px solid #b58c4d;
    padding-bottom: 4px;
    transition: color .2s ease;
}
.thanks_back__btn:hover { color: #111; }

@media (max-width: 1000px) {
    .thanks_steps__list,
    .thanks_links__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .thanks_steps__list,
    .thanks_links__grid { grid-template-columns: 1fr; }
    .thanks_now__inner { flex-direction: column; align-items: flex-start; }
    .thanks_now__actions { width: 100%; }
    .thanks_now__btn { flex: 1 1 auto; }
}