/* =========================================================================
   2Centuries Child â Homepage (gallery experience)
   Presentation only. Uses brand tokens; falls back locally if unscoped.
   Section 1: Hero (editorial photographic)
   ========================================================================= */

.tc-home {
    --tc-ink: #2b2b2b;
    --tc-muted: #7a7a7a;
    --tc-line: #e7e3dd;
    --tc-bg-soft: #f7f5f1;
    --tc-accent: #6e1423;
    --tc-accent-dark: #5a0f1c;
    --tc-gold: #c8a45c;
    --tc-cream: #f6efe1;

    /* ---- Hero background image -----------------------------------------
       FUTURE-PROOF: to change the Hero photograph, replace ONLY this URL.
       Nothing else in the markup or CSS needs to change. */
    --tc-hero-image: url("https://2centuries.com/wp-content/uploads/2026/07/2centuries-hero-gallery-scaled.jpg");

    position: relative;
    width: 100%;
}

/* Neutralise the empty default article/content on the front page so the
   gallery sections own the page. */
.home #primary .entry-header,
.home #primary .entry-content {
    margin: 0;
    padding: 0;
}
.home #primary article.post-31,
.home #primary .ast-article-single {
    border: 0;
    padding: 0;
    margin: 0;
}

/* ---- Full-bleed helper -------------------------------------------------- */
.tc-home section {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* ---- Hero --------------------------------------------------------------- */
.tc-hero {
    min-height: 84vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7rem 1.5rem;
    box-sizing: border-box;
    background-color: #1c1315;
    /* The photograph is the dominant element. It sits beneath a light,
       purposeful scrim applied only for legibility (see .tc-hero__overlay),
       so the warm atmosphere of the image is preserved. */
    background-image: var(--tc-hero-image);
    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Legibility scrim â layered gradients rather than a flat darkening.
   Darker through the vertical centre band (behind the text) and along the
   bottom; lighter at the sides so the gilded furniture stays luminous. */
.tc-hero__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient( ellipse 70% 60% at 50% 50%, rgba(20,12,14,0.58) 0%, rgba(20,12,14,0.30) 45%, rgba(20,12,14,0.05) 80% ),
        linear-gradient( 180deg, rgba(20,12,14,0.28) 0%, rgba(20,12,14,0.10) 40%, rgba(20,12,14,0.45) 100% );
}

.tc-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    animation: tc-hero-rise 1.1s ease both;
}

.tc-hero__eyebrow {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.32em;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--tc-gold);
    text-shadow: 0 1px 12px rgba(0,0,0,0.45);
    margin: 0 0 1.6rem;
}

.tc-hero__title {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    color: #faf6ef;
    font-weight: 500;
    font-size: clamp( 2.6rem, 6vw, 4.6rem );
    line-height: 1.08;
    letter-spacing: 0.01em;
    text-shadow: 0 2px 26px rgba(0,0,0,0.55);
    margin: 0 0 1.6rem;
}

.tc-hero__subtitle {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: rgba(246,239,225,0.92);
    font-size: clamp( 1rem, 1.6vw, 1.18rem );
    line-height: 1.75;
    font-weight: 300;
    text-shadow: 0 1px 16px rgba(0,0,0,0.5);
    max-width: 600px;
    margin: 0 auto 2.6rem;
}

.tc-hero__actions { margin-top: 0.5rem; }

.tc-hero__cta {
    display: inline-block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.8rem;
    font-weight: 500;
    color: #faf6ef;
    text-decoration: none;
    padding: 1.05rem 2.6rem;
    border: 1px solid rgba(200,164,92,0.85);
    background: rgba(20,12,14,0.22);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.tc-hero__cta:hover,
.tc-hero__cta:focus {
    background: var(--tc-gold);
    border-color: var(--tc-gold);
    color: #1c1315;
    text-decoration: none;
}

.tc-hero__cta:focus-visible {
    outline: 2px solid var(--tc-gold);
    outline-offset: 3px;
}

@keyframes tc-hero-rise {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media ( prefers-reduced-motion: reduce ) {
    .tc-hero__inner { animation: none; }
    .tc-hero__cta { transition: none; }
}

/* ---- Responsive --------------------------------------------------------- */
/* Laptop */
@media ( max-width: 1200px ) {
    .tc-hero { min-height: 80vh; background-position: center 44%; }
}
/* Tablet */
@media ( max-width: 1024px ) {
    .tc-hero { min-height: 72vh; padding: 6rem 1.5rem; background-position: center 46%; }
}
/* Mobile */
@media ( max-width: 768px ) {
    .tc-hero {
        min-height: 76vh;
        padding: 5rem 1.25rem;
        background-position: 58% 48%;
    }
    .tc-hero__eyebrow { letter-spacing: 0.24em; font-size: 0.66rem; }
    .tc-hero__subtitle { margin-bottom: 2rem; }
    .tc-hero__cta { padding: 0.95rem 2rem; }
    .tc-hero__overlay {
        background:
            radial-gradient( ellipse 90% 55% at 50% 50%, rgba(20,12,14,0.60) 0%, rgba(20,12,14,0.30) 55%, rgba(20,12,14,0.10) 85% ),
            linear-gradient( 180deg, rgba(20,12,14,0.30) 0%, rgba(20,12,14,0.12) 40%, rgba(20,12,14,0.5) 100% );
    }
}
/* Small mobile */
@media ( max-width: 480px ) {
    .tc-hero { min-height: 80vh; background-position: 60% 50%; }
}

/* ---- Short / landscape viewports: keep the CTA comfortably above the fold ---- */
@media ( max-height: 820px ) and ( min-width: 769px ) {
    .tc-hero { min-height: 0; height: auto; padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .tc-hero__title { font-size: clamp( 2.2rem, 5vw, 3.8rem ); }
    .tc-hero__subtitle { margin-bottom: 1.8rem; }
}
@media ( max-height: 620px ) {
    .tc-hero { min-height: 0; height: auto; padding-top: 2.75rem; padding-bottom: 2.75rem; }
    .tc-hero__title { margin-bottom: 1rem; }
    .tc-hero__subtitle { margin-bottom: 1.4rem; }
}


/* =====================================================================
   Homepage Section 2 — Philosophy (Version 1.1)
   Warm ivory/cream editorial section forming a calm transition from the
   dark Hero. Uses brand tokens with explicit fallbacks so it renders
   correctly whether or not it inherits the .tc-home custom properties.
   ===================================================================== */
.tc-philosophy {
    background: var(--tc-cream, #f6efe1);
    padding: 86px 24px;
}
.tc-philosophy__inner {
    max-width: 1040px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.95fr auto 1fr;
    align-items: center;
    gap: 44px;
}
.tc-philosophy__eyebrow {
    margin: 0 0 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--tc-gold, #c8a45c);
}
.tc-philosophy__title {
    margin: 0;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-weight: 500;
    font-size: clamp(2.2rem, 3.3vw, 3.05rem);
    line-height: 1.22;
    color: var(--tc-ink, #2b2b2b);
}
.tc-philosophy__col--text p {
    margin: 0 0 22px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--tc-muted, #7a7a7a);
}
.tc-philosophy__col--text p:last-child {
    margin-bottom: 0;
}

/* Slender vertical divider with a small gilded diamond accent. */
.tc-philosophy__divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 180px;
    gap: 12px;
}
.tc-philosophy__divider-line {
    width: 1px;
    flex: 1 1 auto;
    min-height: 40px;
    background: linear-gradient(to bottom, transparent, var(--tc-gold, #c8a45c) 45%, var(--tc-gold, #c8a45c) 55%, transparent);
}
.tc-philosophy__divider-mark {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    background: var(--tc-gold, #c8a45c);
    transform: rotate(45deg);
}

/* --- Tablet & below: stack into a single centred column --- */
@media (max-width: 1024px) {
    .tc-philosophy {
        padding: 70px 24px;
    }
    .tc-philosophy__inner {
        grid-template-columns: 1fr;
        gap: 32px;
        text-align: center;
        max-width: 680px;
    }
    .tc-philosophy__col--heading {
        order: 1;
    }
    .tc-philosophy__divider {
        order: 2;
        flex-direction: row;
        width: 100%;
        min-height: 0;
        padding: 2px 0;
    }
    .tc-philosophy__divider-line {
        width: auto;
        height: 1px;
        min-height: 0;
        flex: 1 1 auto;
        background: linear-gradient(to right, transparent, var(--tc-gold, #c8a45c) 45%, var(--tc-gold, #c8a45c) 55%, transparent);
    }
    .tc-philosophy__col--text {
        order: 3;
    }
    .tc-philosophy__col--text p {
        margin-left: auto;
        margin-right: auto;
    }
}

/* --- Mobile --- */
@media (max-width: 600px) {
    .tc-philosophy {
        padding: 52px 20px;
    }
    .tc-philosophy__col--text p {
        font-size: 1rem;
        line-height: 1.78;
    }
}

/* ============================================================
   Home Section 4 — Craftsmanship / Restoration
   Presentation only. A quiet, darker editorial "pause" between
   the lighter Featured Collections and the sections that follow.
   Reuses frozen brand tokens; renders as a sibling of .tc-home.
   ============================================================ */
.tc-craft {
    background: var(--tc-ink, #2b2b2b);
    color: #efe9e0;
    padding: 96px 24px 104px;
}
.tc-craft__inner {
    max-width: 1100px;
    margin: 0 auto;
}
.tc-craft__head {
    max-width: 720px;
    margin: 0 auto 64px;
    text-align: center;
}
.tc-craft__eyebrow {
    margin: 0 0 18px;
    font-family: var(--tc-font-body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--tc-gold, #c8a45c);
}
.tc-craft__title {
    margin: 0 0 22px;
    font-family: var(--tc-font-head, "Cormorant Garamond", Georgia, "Times New Roman", serif);
    font-weight: 500;
    font-size: clamp(2rem, 3.2vw, 2.9rem);
    line-height: 1.14;
    color: #f6efe1;
}
.tc-craft__lead {
    margin: 0;
    font-family: var(--tc-font-body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 1.02rem;
    line-height: 1.75;
    color: rgba(239, 233, 224, 0.78);
}
.tc-craft__stages {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
}
.tc-craft__stage {
    position: relative;
    padding-top: 30px;
    border-top: 1px solid rgba(200, 164, 92, 0.32);
}
.tc-craft__stage-index {
    display: block;
    margin-bottom: 16px;
    font-family: var(--tc-font-head, "Cormorant Garamond", Georgia, "Times New Roman", serif);
    font-size: 1.35rem;
    letter-spacing: 0.08em;
    color: var(--tc-gold, #c8a45c);
}
.tc-craft__stage-name {
    margin: 0 0 14px;
    font-family: var(--tc-font-head, "Cormorant Garamond", Georgia, "Times New Roman", serif);
    font-weight: 500;
    font-size: 1.5rem;
    color: #f6efe1;
}
.tc-craft__stage-text {
    margin: 0;
    font-family: var(--tc-font-body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 0.95rem;
    line-height: 1.72;
    color: rgba(239, 233, 224, 0.72);
}
@media (max-width: 900px) {
    .tc-craft__stages {
        grid-template-columns: 1fr;
        gap: 40px;
        max-width: 520px;
        margin: 0 auto;
    }
    .tc-craft__head {
        margin-bottom: 48px;
    }
}
@media (max-width: 600px) {
    .tc-craft {
        padding: 72px 20px 78px;
    }
}

/* Piece card component styles below are shared with the search-results page (see functions.php: twocenturies_child_render_search_results) and are intentionally kept. */
.tc-piece {
    margin: 0;
}
.tc-piece__link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.tc-piece__frame {
    display: block;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--tc-line, #e7e3dd);
    aspect-ratio: 4 / 5;
    box-shadow: 0 10px 26px rgba(43, 43, 43, 0.06);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.tc-piece__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.tc-piece__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-size: 3.4rem;
    color: var(--tc-gold, #c8a45c);
    background: linear-gradient(160deg, #3a2f2a 0%, #2b2b2b 100%);
}
.tc-piece__body {
    display: block;
    padding: 22px 4px 0;
    text-align: center;
}
.tc-piece__period {
    display: block;
    margin-bottom: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--tc-gold, #c8a45c);
}
.tc-piece__name {
    display: block;
    margin-bottom: 12px;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    line-height: 1.25;
    color: var(--tc-ink, #2b2b2b);
}
.tc-piece__view {
    display: inline-block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tc-muted, #7a7a7a);
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: color 0.3s ease, border-color 0.3s ease;
}
.tc-piece__link:hover .tc-piece__frame {
    box-shadow: 0 18px 40px rgba(43, 43, 43, 0.14);
    border-color: var(--tc-gold, #c8a45c);
}
.tc-piece__link:hover .tc-piece__image {
    transform: scale(1.04);
}
.tc-piece__link:hover .tc-piece__view {
    color: var(--tc-accent, #6e1423);
    border-color: var(--tc-gold, #c8a45c);
}
.tc-piece__link:focus-visible .tc-piece__frame {
    outline: 2px solid var(--tc-accent, #6e1423);
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .tc-piece__frame,
    .tc-piece__image,
    .tc-piece__view {
        transition: none;
    }
    .tc-piece__link:hover .tc-piece__image {
        transform: none;
    }
}

/* ============================================================
   Home Section 6 — Personal Acquisition
   Presentation only. A balanced, asymmetric image + text
   composition on a soft ground. One quiet idea: discreet
   bespoke sourcing beyond the catalogue. Reuses brand tokens.
   ============================================================ */
.tc-acquire {
    background: var(--tc-bg-soft, #f7f5f1);
    padding: 104px 24px 112px;
}
.tc-acquire__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 5fr 6fr;
    align-items: center;
    gap: 72px;
}
.tc-acquire__media {
    position: relative;
}
.tc-acquire__image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    background-image: var(--tc-acquire-image, var(--tc-hero-image, none));
    background-size: cover;
    background-position: center;
    background-color: var(--tc-ink, #2b2b2b);
    border: 1px solid var(--tc-line, #e7e3dd);
    box-shadow: 0 16px 40px rgba(43, 43, 43, 0.12);
}
.tc-acquire__media::after {
    content: '';
    position: absolute;
    left: 26px;
    right: -26px;
    top: 26px;
    bottom: -26px;
    border: 1px solid var(--tc-gold, #c8a45c);
    z-index: -1;
}
.tc-acquire__content {
    max-width: 500px;
}
.tc-acquire__eyebrow {
    margin: 0 0 18px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--tc-accent, #6e1423);
}
.tc-acquire__title {
    margin: 0 0 28px;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-weight: 500;
    font-size: clamp(2.1rem, 3.4vw, 3.05rem);
    line-height: 1.14;
    color: var(--tc-ink, #2b2b2b);
}
.tc-acquire__prose p {
    margin: 0 0 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.02rem;
    line-height: 1.8;
    color: var(--tc-ink, #2b2b2b);
}
.tc-acquire__prose p:last-child {
    margin-bottom: 0;
}
.tc-acquire__signoff {
    margin: 30px 0 0;
    padding-top: 24px;
    border-top: 1px solid var(--tc-line, #e7e3dd);
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 1.2rem;
    color: var(--tc-muted, #7a7a7a);
}
@media (max-width: 900px) {
    .tc-acquire__inner {
        grid-template-columns: 1fr;
        gap: 56px;
        max-width: 560px;
    }
    .tc-acquire__media::after {
        left: 18px;
        right: -18px;
        top: 18px;
        bottom: -18px;
    }
    .tc-acquire__content {
        max-width: none;
    }
}
@media (max-width: 600px) {
    .tc-acquire {
        padding: 74px 20px 84px;
    }
    .tc-acquire__media::after {
        display: none;
    }
}

/* ============================================================
   Home Section 7 — Provenance & Authenticity
   Presentation only. A scholarly 'archive' band on a warm paper
   ground. One visual idea: a quiet wax-seal-inspired monogram.
   Trust conveyed through prose and restraint — no badges, no
   icon grid, no checkmarks. Reuses frozen brand tokens.
   ============================================================ */
.tc-prov {
    background: var(--tc-cream, #f6efe1);
    padding: 104px 24px 112px;
    border-top: 1px solid var(--tc-line, #e7e3dd);
}
.tc-prov__inner {
    max-width: 1080px;
    margin: 0 auto;
}
.tc-prov__head {
    max-width: 720px;
    margin: 0 auto 68px;
    text-align: center;
}
.tc-prov__seal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin: 0 auto 30px;
    border-radius: 50%;
    border: 1px solid var(--tc-gold, #c8a45c);
    box-shadow: inset 0 0 0 4px rgba(200, 164, 92, 0.18);
    color: var(--tc-accent, #6e1423);
}
.tc-prov__seal-mark {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-size: 1.55rem;
    letter-spacing: 0.06em;
    color: var(--tc-accent, #6e1423);
}
.tc-prov__eyebrow {
    margin: 0 0 18px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--tc-accent, #6e1423);
}
.tc-prov__title {
    margin: 0 0 22px;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-weight: 500;
    font-size: clamp(2.1rem, 3.3vw, 3rem);
    line-height: 1.14;
    color: var(--tc-ink, #2b2b2b);
}
.tc-prov__lead {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.04rem;
    line-height: 1.8;
    color: var(--tc-ink, #2b2b2b);
}
.tc-prov__notes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    max-width: 960px;
    margin: 0 auto;
}
.tc-prov__note {
    padding: 4px 34px;
    border-left: 1px solid var(--tc-line, #e7e3dd);
}
.tc-prov__note:first-child {
    border-left: none;
    padding-left: 0;
}
.tc-prov__note:last-child {
    padding-right: 0;
}
.tc-prov__note-label {
    margin: 0 0 14px;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-weight: 500;
    font-size: 1.45rem;
    color: var(--tc-ink, #2b2b2b);
}
.tc-prov__note-text {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.94rem;
    line-height: 1.72;
    color: var(--tc-muted, #7a7a7a);
}
@media (max-width: 900px) {
    .tc-prov__notes {
        grid-template-columns: 1fr;
        max-width: 520px;
        gap: 34px;
    }
    .tc-prov__note {
        padding: 0 0 34px;
        border-left: none;
        border-bottom: 1px solid var(--tc-line, #e7e3dd);
    }
    .tc-prov__note:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .tc-prov__head {
        margin-bottom: 52px;
    }
}
@media (max-width: 600px) {
    .tc-prov {
        padding: 74px 20px 82px;
    }
}


/* ============================================================
   Section 8 — Closing Invitation (Version 2.0 candidate)
   The final, calm conclusion of the homepage journey.
   Presentation only; leaves the door open to a conversation.
   ============================================================ */
.tc-close {
	background-color: var(--tc-bg-soft, #f7f5f1);
	border-top: 1px solid var(--tc-line, #e7e3dd);
	padding: 9.5rem 1.5rem 10rem;
}
.tc-close__inner {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.tc-close__eyebrow {
	margin: 0 0 1.75rem;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--tc-muted, #7a7a7a);
}
.tc-close-title {
	margin: 0 0 1.9rem;
	font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	font-weight: 500;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.14;
	color: var(--tc-ink, #2b2b2b);
}
.tc-close__lead {
	margin: 0 auto 3rem;
	max-width: 560px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 1.02rem;
	line-height: 1.85;
	color: var(--tc-muted, #7a7a7a);
}
.tc-close__cta-wrap {
	margin: 0;
}
.tc-close__cta {
	display: inline-block;
	padding: 0.95rem 2.6rem;
	border: 1px solid var(--tc-ink, #2b2b2b);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 0.78rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--tc-ink, #2b2b2b);
	text-decoration: none;
	transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.tc-close__cta:hover,
.tc-close__cta:focus {
	background-color: var(--tc-ink, #2b2b2b);
	color: #fff;
	border-color: var(--tc-ink, #2b2b2b);
}
@media (max-width: 900px) {
	.tc-close {
		padding: 7rem 1.5rem 7.5rem;
	}
}
@media (max-width: 600px) {
	.tc-close {
		padding: 5.5rem 1.25rem 6rem;
	}
	.tc-close__lead {
		font-size: 0.98rem;
	}
	.tc-close__cta {
		padding: 0.9rem 2.2rem;
	}
}
