:root {
    --cream: #f1eae3;
    --warm: #fffaf4;
    --sand: #e7d8c8;
    --gold: #9d6c3c;
    --red: #7b151c;
    --text: #2a2018;
    --brown: #7a5a3a;
    --border: rgba(157, 108, 60, 0.35);
}

html { scroll-behavior: smooth; }
body.thc21-menu-open { overflow: hidden !important; touch-action: none; }
.thc21,.thc21 *,.thc21 *::before,.thc21 *::after { box-sizing: border-box; }
.thc21 { position: relative; left: 50%; width: 100vw; max-width: none; margin-left: -50vw; overflow: hidden; color: var(--text); background: var(--cream); font-family: Georgia,"Times New Roman",serif; }
.thc21 a { color: inherit; text-decoration: none; }
.thc21 img { display: block; max-width: 100%; height: auto; }
.thc21 button,.thc21 input { font: inherit; }

/* HERO */
#tenth-house-coming-soon .thc21-hero { position: relative; display: block; width: 100%; min-height: 920px; overflow: hidden; background: var(--cream); }
#tenth-house-coming-soon .thc21-hero-media,
#tenth-house-coming-soon .thc21-hero-picture,
#tenth-house-coming-soon .thc21-hero-image,
#tenth-house-coming-soon .thc21-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; }
#tenth-house-coming-soon .thc21-hero-media { z-index: 0; overflow: hidden; }
#tenth-house-coming-soon .thc21-hero-picture { display: block; }
#tenth-house-coming-soon .thc21-hero-image,
#tenth-house-coming-soon .thc21-hero-video { object-fit: cover; object-position: center center; }
#tenth-house-coming-soon .thc21-hero-overlay { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(241,234,227,.98) 0%,rgba(241,234,227,.94) 24%,rgba(241,234,227,.80) 50%,rgba(241,234,227,.52) 74%,rgba(241,234,227,.16) 100%); }

/* DESKTOP NAV */
#tenth-house-coming-soon .thc21-nav { position: absolute; top: 26px; left: 5vw; right: 5vw; z-index: 20; display: flex; align-items: center; justify-content: flex-start; gap: 42px; width: auto; margin: 0; padding: 0; }
#tenth-house-coming-soon .thc21-logo-link { display: block; flex: 0 0 170px; width: 170px; max-width: 170px; margin: 0; padding: 0; }
#tenth-house-coming-soon .thc21-logo { display: block; width: 170px; max-width: 170px; max-height: 190px; height: auto; margin: 0; padding: 0; object-fit: contain; }
#tenth-house-coming-soon .thc21-text-logo { display: block; color: var(--gold); font-size: 22px; line-height: 1.1; letter-spacing: .12em; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-nav-links { display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 24px; min-width: 0; margin: 0; padding: 0; }
#tenth-house-coming-soon .thc21-nav-links > a { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0; padding: 8px 0; color: var(--red); background: transparent; border: 0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; text-align: center; text-transform: uppercase; white-space: nowrap; transition: color .25s ease,opacity .25s ease; }
#tenth-house-coming-soon .thc21-nav-links > a:hover,
#tenth-house-coming-soon .thc21-nav-links > a:focus-visible { color: var(--gold); }
#tenth-house-coming-soon .thc21-menu-toggle,
#tenth-house-coming-soon .thc21-mobile-menu { display: none; }

/* HERO COPY */
#tenth-house-coming-soon .thc21-hero-copy { position: relative; z-index: 5; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: min(700px,54vw); min-height: 920px; margin: 0; padding: 320px 40px 90px 5vw; }
#tenth-house-coming-soon .thc21-eyebrow,
#tenth-house-coming-soon .thc21-section-eyebrow { margin: 0 0 18px; color: var(--gold); font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5; letter-spacing: .24em; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-hero h1 { margin: 0; color: var(--text); font-size: clamp(62px,5.5vw,92px); font-weight: 400; line-height: .89; letter-spacing: -.035em; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-rule,
#tenth-house-coming-soon .thc21-small-rule,
#tenth-house-coming-soon .thc21-center-rule { height: 1px; background: linear-gradient(90deg,transparent,var(--gold),transparent); }
#tenth-house-coming-soon .thc21-rule { width: 100%; max-width: 430px; margin: 28px 0 24px; }
#tenth-house-coming-soon .thc21-small-rule { max-width: 330px; margin: 20px 0 24px; }
#tenth-house-coming-soon .thc21-center-rule { width: 180px; margin: 16px auto 28px; }
#tenth-house-coming-soon .thc21-tagline { margin: 0 0 26px; color: var(--brown); font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 1.55; }
#tenth-house-coming-soon .thc21-primary-button,
#tenth-house-coming-soon .thc21-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 0 34px; color: #fff; background: var(--red); border: 1px solid var(--red); font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: .18em; text-align: center; text-transform: uppercase; cursor: pointer; transition: background .25s ease,border-color .25s ease; }
#tenth-house-coming-soon .thc21-primary-button:hover,
#tenth-house-coming-soon .thc21-primary-button:focus-visible,
#tenth-house-coming-soon .thc21-submit:hover,
#tenth-house-coming-soon .thc21-submit:focus-visible { color: #fff; background: var(--gold); border-color: var(--gold); }
#tenth-house-coming-soon .thc21-launch-note { margin: 24px 0 0; color: var(--gold); font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.6; letter-spacing: .24em; text-transform: uppercase; }

/* STORY */
#tenth-house-coming-soon .thc21-story { display: grid; grid-template-columns: minmax(280px,480px) minmax(300px,560px); justify-content: center; gap: 70px; padding: 70px 50px; }
#tenth-house-coming-soon .thc21-story-media { align-self: center; padding: 6px; border: 2px solid var(--gold); background: var(--warm); }
#tenth-house-coming-soon .thc21-story-media img { width: 100%; aspect-ratio: 1.2/1; object-fit: cover; }
#tenth-house-coming-soon .thc21-placeholder { display: grid; place-items: center; min-height: 320px; background: var(--sand); }
#tenth-house-coming-soon .thc21-story-copy { align-self: center; }
#tenth-house-coming-soon .thc21-story h2,
#tenth-house-coming-soon .thc21-collections h2,
#tenth-house-coming-soon .thc21-signup h2 { margin: 0; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-story h2 { font-size: clamp(34px,4vw,52px); }
#tenth-house-coming-soon .thc21-rich-text { color: var(--brown); font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.7; }
#tenth-house-coming-soon .thc21-quote { margin: 26px 0 0; color: var(--gold); font-size: 30px; font-style: italic; }

/* COLLECTIONS */
#tenth-house-coming-soon .thc21-collections { padding: 56px 52px 70px; text-align: center; }
#tenth-house-coming-soon .thc21-collections h2 { font-size: clamp(36px,4vw,52px); }
#tenth-house-coming-soon .thc21-collection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; max-width: 1180px; margin: 0 auto; }
#tenth-house-coming-soon .thc21-panel { min-height: 360px; }
#tenth-house-coming-soon .thc21-panel-button { position: relative; width: 100%; height: 100%; min-height: 360px; padding: 0; overflow: hidden; border: 0; cursor: pointer; }
#tenth-house-coming-soon .thc21-panel-image,
#tenth-house-coming-soon .thc21-panel-overlay { position: absolute; inset: 0; }
#tenth-house-coming-soon .thc21-panel-image { background: linear-gradient(135deg,var(--sand),var(--gold)); background-size: cover; background-position: center; transition: transform .45s ease; }
#tenth-house-coming-soon .thc21-panel-button:hover .thc21-panel-image { transform: scale(1.03); }
#tenth-house-coming-soon .thc21-panel-overlay { background: linear-gradient(180deg,transparent,rgba(42,32,24,.62)); }
#tenth-house-coming-soon .thc21-panel-copy { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; color: #fff; text-align: left; }
#tenth-house-coming-soon .thc21-panel-copy strong { display: block; font-family: Arial,Helvetica,sans-serif; font-size: clamp(28px,3vw,42px); font-weight: 400; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-panel-copy em { display: block; margin-top: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; letter-spacing: .15em; text-transform: uppercase; }

/* LIGHTBOX */
#tenth-house-coming-soon .thc21-lightbox { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(241,234,227,.96); }
#tenth-house-coming-soon .thc21-lightbox.is-open { display: flex; }
#tenth-house-coming-soon .thc21-lightbox-panel { position: relative; width: min(960px,100%); max-height: 92vh; overflow: auto; padding: 24px; background: var(--warm); text-align: center; }
#tenth-house-coming-soon .thc21-close { position: absolute; top: 10px; right: 16px; border: 0; background: transparent; font-size: 36px; cursor: pointer; }
#tenth-house-coming-soon .thc21-slider { display: grid; min-height: 420px; place-items: center; }
#tenth-house-coming-soon .thc21-slide { display: none; margin: 0; }
#tenth-house-coming-soon .thc21-slide.is-active { display: block; }
#tenth-house-coming-soon .thc21-slide img { max-height: 62vh; margin: 0 auto; }
#tenth-house-coming-soon .thc21-lightbox-controls { display: flex; justify-content: center; gap: 14px; margin-top: 18px; }

/* SIGNUP */
#tenth-house-coming-soon .thc21-signup { padding: 56px 24px 64px; }
#tenth-house-coming-soon .thc21-signup-inner { max-width: 980px; margin: 0 auto; text-align: center; }
#tenth-house-coming-soon .thc21-signup-logo { margin-bottom: 18px; }
#tenth-house-coming-soon .thc21-signup-logo-image { width: 150px; margin: 0 auto; }
#tenth-house-coming-soon .thc21-signup h2 { font-size: clamp(42px,5vw,68px); }
#tenth-house-coming-soon .thc21-signup-text { max-width: 720px; margin: 14px auto 26px; color: var(--brown); font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 1.55; }
#tenth-house-coming-soon .thc21-form { max-width: 900px; margin: 0 auto; }
#tenth-house-coming-soon .thc21-honeypot { display: none !important; }
#tenth-house-coming-soon .thc21-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 24px; }
#tenth-house-coming-soon .thc21-field { text-align: left; }
#tenth-house-coming-soon .thc21-field span,
#tenth-house-coming-soon .thc21-interests legend { display: block; margin-bottom: 8px; color: var(--gold); font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-field input { width: 100%; height: 58px; padding: 14px 18px; border: 1px solid var(--border); background: var(--warm); font-size: 18px; }
#tenth-house-coming-soon .thc21-interests { margin: 0; padding: 0; border: 0; }
#tenth-house-coming-soon .thc21-interests legend { width: 100%; margin-bottom: 14px; text-align: center; }
#tenth-house-coming-soon .thc21-interest-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
#tenth-house-coming-soon .thc21-interest-card { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 76px; margin: 0; padding: 16px 22px; border: 1px solid var(--border); background: var(--warm); font-family: Arial,Helvetica,sans-serif; font-size: 18px; cursor: pointer; }
#tenth-house-coming-soon .thc21-interest-card:last-child { grid-column: 1/-1; width: calc(50% - 8px); justify-self: center; }
#tenth-house-coming-soon .thc21-interest-card.is-selected { color: #fff; background: var(--gold); }
#tenth-house-coming-soon .thc21-submit { width: 100%; margin-top: 18px; }
#tenth-house-coming-soon .thc21-success { margin: 0 auto 20px; padding: 14px; border: 1px solid var(--border); background: var(--warm); }

/* FOOTER */
#tenth-house-coming-soon .thc21-footer { display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 30px; padding: 42px 52px; border-top: 1px solid var(--border); font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
#tenth-house-coming-soon .thc21-footer-logo { width: 170px; }
#tenth-house-coming-soon .thc21-footer nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px 36px; text-transform: uppercase; }
#tenth-house-coming-soon .thc21-footer p { margin: 0; color: var(--brown); }

/* ==========================================================
   TABLET — HAMBURGER NAVIGATION
   701px through 1100px
   ========================================================== */

@media screen and (min-width: 701px) and (max-width: 1100px) {

    /* Tablet hero */
    #tenth-house-coming-soon .thc21-hero {
        min-height: 940px;
        height: auto;
    }

    #tenth-house-coming-soon .thc21-hero-image,
    #tenth-house-coming-soon .thc21-hero-video {
        object-position: 58% center;
    }

    #tenth-house-coming-soon .thc21-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(241, 234, 227, 0.97) 0%,
                rgba(241, 234, 227, 0.91) 30%,
                rgba(241, 234, 227, 0.76) 58%,
                rgba(241, 234, 227, 0.42) 82%,
                rgba(241, 234, 227, 0.14) 100%
            );
    }

    /* Tablet header */
    #tenth-house-coming-soon .thc21-nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 500;

        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;

        width: 100%;
        min-height: 130px;

        margin: 0;
        padding: 28px 36px 0;
        gap: 24px;
    }

    /* Tablet logo */
    #tenth-house-coming-soon .thc21-nav .thc21-logo-link {
        display: block;
        flex: 0 0 auto;

        width: 190px;
        max-width: 30vw;

        margin: 0;
        padding: 0;
    }

    #tenth-house-coming-soon .thc21-nav img.thc21-logo {
        display: block;

        width: 190px;
        max-width: 30vw;
        max-height: 145px;
        height: auto;

        margin: 0;
        padding: 0;

        object-fit: contain;
    }

    /* Hide horizontal navigation */
    #tenth-house-coming-soon .thc21-nav-links {
        display: none;
    }

    /* Show hamburger */
    #tenth-house-coming-soon .thc21-menu-toggle {
        position: relative;
        z-index: 501;

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

        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        min-width: 54px;
        min-height: 54px;

        margin: 0;
        padding: 0;

        color: var(--red);
        background: rgba(241, 234, 227, 0.88);
        border: 1px solid rgba(123, 21, 28, 0.45);
        border-radius: 50%;
        box-shadow: none;

        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;

        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    #tenth-house-coming-soon .thc21-menu-icon {
        position: relative;

        display: block;
        width: 23px;
        height: 2px;

        background: var(--red);
        border-radius: 20px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::before,
    #tenth-house-coming-soon .thc21-menu-icon::after {
        content: "";

        position: absolute;
        left: 0;

        display: block;
        width: 23px;
        height: 2px;

        background: var(--red);
        border-radius: 20px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::before {
        top: -7px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::after {
        top: 7px;
    }

    /* Tablet hero copy */
    #tenth-house-coming-soon .thc21-hero-copy {
        width: min(680px, 72vw);
        min-height: 940px;

        margin: 0;
        padding: 245px 42px 80px 5vw;
    }

    #tenth-house-coming-soon .thc21-hero-copy h1 {
        font-size: clamp(56px, 7.5vw, 78px);
        line-height: 0.9;
    }

    #tenth-house-coming-soon .thc21-tagline {
        font-size: 19px;
    }

    /* Tablet page sections */
    #tenth-house-coming-soon .thc21-story {
        grid-template-columns: 1fr;
    }

    #tenth-house-coming-soon .thc21-footer {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }
}


/* ==========================================================
   PHONE HEADER + HERO
   700px and below
   ========================================================== */

@media screen and (max-width: 700px) {

    #tenth-house-coming-soon .thc21-hero {
        min-height: 100svh;
        height: auto;
    }

    #tenth-house-coming-soon .thc21-hero-image,
    #tenth-house-coming-soon .thc21-hero-video {
        object-position: 58% center;
    }

    #tenth-house-coming-soon .thc21-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(241, 234, 227, 0.98) 0%,
                rgba(241, 234, 227, 0.95) 30%,
                rgba(241, 234, 227, 0.88) 54%,
                rgba(241, 234, 227, 0.72) 76%,
                rgba(241, 234, 227, 0.46) 100%
            );
    }

    #tenth-house-coming-soon .thc21-nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 500;

        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;

        width: 100%;
        min-height: 100px;

        margin: 0;
        padding: 24px 24px 0;
        gap: 18px;
    }

    #tenth-house-coming-soon .thc21-nav .thc21-logo-link {
        display: block;
        flex: 0 0 auto;

        width: 220px;
        max-width: 58vw;

        margin: 0;
        padding: 0;
    }

    #tenth-house-coming-soon .thc21-nav img.thc21-logo {
        display: block;

        width: 220px;
        max-width: 58vw;
        max-height: 135px;
        height: auto;

        margin: 0;
        padding: 0;

        object-fit: contain;
    }

    #tenth-house-coming-soon .thc21-nav-links {
        display: none;
    }

    #tenth-house-coming-soon .thc21-menu-toggle {
        position: relative;
        z-index: 501;

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

        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;

        margin: 0;
        padding: 0;

        color: var(--red);
        background: rgba(241, 234, 227, 0.86);
        border: 1px solid rgba(123, 21, 28, 0.45);
        border-radius: 50%;

        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;

        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    #tenth-house-coming-soon .thc21-menu-icon {
        position: relative;

        display: block;
        width: 21px;
        height: 2px;

        background: var(--red);
        border-radius: 20px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::before,
    #tenth-house-coming-soon .thc21-menu-icon::after {
        content: "";

        position: absolute;
        left: 0;

        display: block;
        width: 21px;
        height: 2px;

        background: var(--red);
        border-radius: 20px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::before {
        top: -7px;
    }

    #tenth-house-coming-soon .thc21-menu-icon::after {
        top: 7px;
    }

    #tenth-house-coming-soon .thc21-hero-copy {
        width: 100%;
        max-width: none;
        min-height: 100svh;

        margin: 0;
        padding: 210px 24px 70px;
    }

    #tenth-house-coming-soon .thc21-eyebrow {
        max-width: 100%;
        margin-bottom: 24px;

        color: #6f431f;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0.17em;

        text-shadow:
            0 1px 1px rgba(255, 250, 244, 0.95),
            0 0 10px rgba(255, 250, 244, 0.75);
    }

    #tenth-house-coming-soon .thc21-hero-copy h1 {
        margin: 0;

        font-size: clamp(47px, 12.8vw, 68px);
        line-height: 0.91;
        letter-spacing: -0.035em;
    }

    #tenth-house-coming-soon .thc21-rule {
        width: 100%;
        max-width: none;
        margin: 28px 0 24px;
    }

    #tenth-house-coming-soon .thc21-tagline {
        margin-bottom: 28px;
        font-size: 18px;
        line-height: 1.55;
    }

    #tenth-house-coming-soon .thc21-primary-button {
        width: auto;
        max-width: 100%;
        min-height: 58px;
        padding: 15px 28px;
    }

    #tenth-house-coming-soon .thc21-launch-note {
        margin-top: 25px;
        font-size: 11px;
        line-height: 1.6;
        letter-spacing: 0.19em;
    }

    #tenth-house-coming-soon .thc21-story {
        grid-template-columns: 1fr;
        padding: 48px 22px;
    }

    #tenth-house-coming-soon .thc21-collection-grid {
        grid-template-columns: 1fr;
    }

    #tenth-house-coming-soon .thc21-collections {
        padding: 42px 18px 48px;
    }

    #tenth-house-coming-soon .thc21-form-fields,
    #tenth-house-coming-soon .thc21-interest-grid {
        grid-template-columns: 1fr;
    }

    #tenth-house-coming-soon .thc21-interest-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    #tenth-house-coming-soon .thc21-footer {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 30px 22px;
        text-align: center;
    }
}


/* ==========================================================
   TABLET + PHONE FULL-SCREEN MENU
   1100px and below
   ========================================================== */

@media screen and (max-width: 1100px) {

    #tenth-house-coming-soon .thc21-mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 9999999;

        display: block;

        width: 100vw;
        height: 100dvh;

        margin: 0;
        padding:
            max(18px, env(safe-area-inset-top))
            24px
            max(24px, env(safe-area-inset-bottom));

        overflow-x: hidden;
        overflow-y: auto;

        color: var(--text);
        background: var(--cream);
        border: 0;
        border-radius: 0;
        box-shadow: none;

        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        transform: translateX(100%);

        transition:
            transform 0.38s ease,
            opacity 0.3s ease,
            visibility 0s linear 0.38s;
    }

    #tenth-house-coming-soon .thc21-mobile-menu.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;

        transform: translateX(0);

        transition:
            transform 0.38s ease,
            opacity 0.3s ease,
            visibility 0s linear 0s;
    }

    #tenth-house-coming-soon .thc21-mobile-menu-header {
        position: relative;

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

        width: 100%;
        min-height: 155px;

        margin: 0;
        padding: 10px 60px;
    }

    #tenth-house-coming-soon .thc21-mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        max-width: 240px;
        height: 145px;

        margin: 0 auto;
        padding: 0;
    }

    #tenth-house-coming-soon .thc21-mobile-logo-image {
        display: block;

        width: auto;
        max-width: 220px;
        max-height: 140px;
        height: auto;

        margin: 0 auto;

        object-fit: contain;
    }

    #tenth-house-coming-soon .thc21-menu-close {
        position: absolute;
        top: 0;
        right: 0;

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

        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;

        margin: 0;
        padding: 0;

        color: var(--red);
        background: transparent;
        border: 1px solid rgba(123, 21, 28, 0.38);
        border-radius: 50%;

        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    #tenth-house-coming-soon .thc21-menu-close span {
        display: block;
        margin: -2px 0 0;

        color: var(--red);

        font-family: Arial, Helvetica, sans-serif;
        font-size: 29px;
        font-weight: 300;
        line-height: 1;
    }

    #tenth-house-coming-soon .thc21-mobile-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 2px;

        width: 100%;
        max-width: 390px;

        margin: 8px auto 0;
        padding: 0;
    }

    #tenth-house-coming-soon .thc21-mobile-links a {
        display: block;

        width: auto;
        min-width: 0;
        min-height: 0;

        margin: 0;
        padding: 7px 15px;

        color: var(--text);
        background: transparent;
        border: 0;

        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(23px, 4vw, 29px);
        font-weight: 400;
        line-height: 1.1;

        text-align: center;
        text-transform: none;
        white-space: nowrap;
    }

    #tenth-house-coming-soon .thc21-mobile-links a:hover,
    #tenth-house-coming-soon .thc21-mobile-links a:focus-visible {
        color: var(--gold);
    }

    #tenth-house-coming-soon .thc21-mobile-button {
        display: flex;
        align-items: center;
        justify-content: center;

        width: min(100%, 330px);
        min-height: 64px;

        margin: 24px auto 0;
        padding: 16px 24px;

        color: #fff;
        background: var(--red);
        border: 1px solid var(--red);

        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.14em;

        text-align: center;
        text-transform: uppercase;
    }

    #tenth-house-coming-soon .thc21-mobile-button:hover,
    #tenth-house-coming-soon .thc21-mobile-button:focus-visible {
        color: #fff;
        background: var(--gold);
        border-color: var(--gold);
    }
}

/* SMALL PHONES */
@media screen and (max-width:420px) {
    #tenth-house-coming-soon .thc21-nav { padding: 18px 18px 0; }
    #tenth-house-coming-soon .thc21-nav .thc21-logo-link,
    #tenth-house-coming-soon .thc21-nav img.thc21-logo { width: 190px; max-width: 56vw; max-height: 118px; }
    #tenth-house-coming-soon .thc21-menu-toggle { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
    #tenth-house-coming-soon .thc21-hero-copy { padding: 190px 20px 60px; }
    #tenth-house-coming-soon .thc21-hero-copy h1 { font-size: clamp(43px,13.2vw,58px); }
    #tenth-house-coming-soon .thc21-eyebrow { font-size: 12px; letter-spacing: .15em; }
    #tenth-house-coming-soon .thc21-tagline { font-size: 17px; }
    #tenth-house-coming-soon .thc21-primary-button { width: 100%; }
    #tenth-house-coming-soon .thc21-mobile-menu-header { min-height: 135px; }
    #tenth-house-coming-soon .thc21-mobile-logo { height: 120px; }
    #tenth-house-coming-soon .thc21-mobile-logo-image { max-width: 180px; max-height: 115px; }
    #tenth-house-coming-soon .thc21-mobile-links a { padding: 5px 12px; font-size: 23px; }
    #tenth-house-coming-soon .thc21-mobile-button { min-height: 60px; margin-top: 18px; font-size: 14px; }
}

/* ACCESSIBILITY */
#tenth-house-coming-soon .thc21-menu-toggle:focus-visible,
#tenth-house-coming-soon .thc21-menu-close:focus-visible,
#tenth-house-coming-soon .thc21-mobile-links a:focus-visible,
#tenth-house-coming-soon .thc21-nav-links a:focus-visible,
#tenth-house-coming-soon .thc21-primary-button:focus-visible,
#tenth-house-coming-soon .thc21-submit:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    #tenth-house-coming-soon *,
    #tenth-house-coming-soon *::before,
    #tenth-house-coming-soon *::after { transition: none !important; animation: none !important; }
}
