/* Teaser landing page (/make-room-for-joy) */

/* Brand fonts are declared in las-vegas.css, which _Layout loads for this page */

/* The tour list bar's styles live in tour-bar.css */

.teaser {
    --teaser-mint: #e4f3ef;
    --teaser-green: #1c4038;
    --teaser-green-hover: #2a5a4f;
    --teaser-radius: 14px;
    --teaser-sans: "The Future", Futura, "Century Gothic", sans-serif;
    --teaser-mono: "Pitch Sans", "Courier New", monospace;
    font-family: var(--teaser-sans);
}

/* Width comes from Bootstrap's .container (same as the nav, max 1320px) */
.teaser {
    display: grid;
    gap: 0.5rem;
    padding-top: 64px;
    padding-bottom: 0;
    color: var(--teaser-green);
}

/* Override the global section/article spacing from shus.css */
.teaser section {
    padding: 0;
}

.teaser article {
    padding: 0;
}


/* Hero styles (.teaser-hero*) are shared with the Shalestone page and live in las-vegas.css */


/* Feature cards: the row (.teaser-cards) and the cards (.teaser-card*) are shared with the
   Shalestone page and live in las-vegas.css */