/* =========================================================
   VERNON CASINO — GLOBAL DESIGN SYSTEM
========================================================= */

/* ROOT START */

:root {
    --navy: #071b29;
    --navy-deep: #06111f;
    --teal: #103d44;

    --gold: #e5b66d;
    --gold-light: #ffdb91;

    --aqua: #20b8bd;
    --aqua-light: #8af0e9;
    --aqua-dark: #126a78;

    --cream: #fff3dc;
    --white: #fffaf4;

    --header-height: 88px;
    --container: 1600px;
    --gutter: clamp(20px, 4.5vw, 78px);

    --transition: 250ms ease;

    /* Future page palettes */

    --page-home: #071b29;
    --page-games: #17545c;
    --page-games-accent: #f1ba70;

    --page-poker: #66382e;
    --page-poker-accent: #efd0a2;

    --page-rewards: #315644;
    --page-rewards-accent: #ebc779;

    --page-promotions: #a55d43;
    --page-promotions-accent: #f4d5ad;

    --page-dining: #77714e;
    --page-dining-accent: #f4dfbd;

    --page-visit: #e0d1b8;
    --page-visit-accent: #205a61;

    --page-about: #477a72;
    --page-about-accent: #f2d69f;

    --page-faq: #eee0cb;
    --page-faq-accent: #315c59;
}

/* ROOT END */


/* GLOBAL RESET START */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;

    background: var(--navy);
    color: var(--white);

    font-family: Arial, Helvetica, sans-serif;

    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font: inherit;
}

a,
button {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

img,
picture,
svg {
    display: block;
}

img {
    max-width: 100%;
}

svg {
    width: 20px;
    height: 20px;

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

[hidden] {
    display: none !important;
}

:focus-visible {
    outline: 3px solid var(--aqua-light);
    outline-offset: 4px;
}

::selection {
    background: var(--aqua);
    color: var(--navy);
}

/* GLOBAL RESET END */


/* ACCESSIBILITY START */

.icon-library {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.skip-link {
    position: fixed;
    z-index: 9999;

    top: -100px;
    left: 20px;

    padding: 12px 20px;

    color: var(--navy);
    background: var(--aqua);

    font-weight: 700;
}

.skip-link:focus {
    top: 15px;
}

/* ACCESSIBILITY END */


/* PAGE VIEW SYSTEM START */

.page-view {
    display: none;
}

.page-view.is-active {
    display: block;
}

/* PAGE VIEW SYSTEM END */


/* =========================================================
   HEADER
========================================================= */

/* HEADER START */

.site-header {
    position: relative;
    z-index: 1000;

    min-height: var(--header-height);

    background: linear-gradient(
        105deg,
        #061522,
        #0d3039
    );

    border-bottom: 1px solid rgba(138, 240, 233, .25);
}

.header-inner {
    width: 100%;
    max-width: var(--container);
    min-height: var(--header-height);

    margin: 0 auto;
    padding: 0 var(--gutter);

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

    gap: clamp(12px, 1.6vw, 28px);
}

/* HEADER END */


/* HEADER BRAND START */

.site-brand {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;
    gap: 11px;
}

.brand-emblem {
    position: relative;

    width: 48px;
    height: 52px;

    display: grid;
    place-items: end center;

    color: var(--gold-light);
}

.brand-emblem__letter {
    font-family: Georgia, serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1;
}

.brand-emblem__mountain {
    position: absolute;

    top: 1px;
    left: 50%;

    width: 33px;
    height: 14px;

    border-top: 3px solid var(--gold);
    border-left: 3px solid var(--gold);

    transform: translateX(-50%) rotate(45deg);
}

.brand-name {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.brand-name strong {
    font-family: Georgia, serif;
    font-size: 23px;
    font-weight: 700;

    line-height: 1;
    letter-spacing: .065em;
}

.brand-name small {
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .42em;
}

/* HEADER BRAND END */


/* HEADER NAVIGATION START */

.header-nav {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: nowrap;
    gap: clamp(8px, 1.2vw, 20px);

    margin-left: auto;
}

.header-nav .nav-link {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-height: 48px;

    color: var(--cream);

    white-space: nowrap;

    font-size: clamp(10px, .82vw, 13px);
    font-weight: 600;

    transition: color var(--transition);
}

.header-nav .nav-link:hover {
    color: var(--aqua-light);
}

.header-nav .nav-link.is-active {
    color: var(--aqua-light);
}

.header-nav .nav-link.is-active::after {
    content: "";

    position: absolute;

    bottom: 6px;
    left: 0;
    right: 0;

    height: 2px;

    background: var(--aqua);
}

.header-nav .nav-link[aria-disabled="true"] {
    color: rgba(255, 243, 220, .55);
    cursor: default;
}

/* HEADER NAVIGATION END */


/* HEADER ACTIONS START */

.header-actions {
    display: flex;
    align-items: center;

    flex-shrink: 0;
    gap: 10px;
}

/* HEADER ACTIONS END */


/* PLAY NOW BUTTONS START */

.play-now {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 21px;

    color: #071b29;

    background: linear-gradient(
        125deg,
        #ffe09a,
        #e4b66e 60%,
        #c68b42
    );

    border: 1px solid #ffe4aa;
    border-radius: 9px;

    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;

    white-space: nowrap;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .18),
        inset 0 1px rgba(255, 255, 255, .5);

    transition:
        transform var(--transition),
        filter var(--transition);
}

.play-now svg {
    width: 19px;
    height: 19px;
    stroke-width: 2.3;
}

.play-now:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.play-now--header {
    min-height: 48px;
    padding: 0 20px;
    font-size: 12px;
}

.play-now--hero {
    min-height: 61px;
    padding: 0 34px;
    font-size: 14px;
}

/* PLAY NOW BUTTONS END */


/* MOBILE MENU START */

.menu-toggle {
    display: none;

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

    width: 45px;
    height: 45px;
    padding: 0;

    color: var(--aqua-light);
    background: rgba(32, 184, 189, .12);

    border: 1px solid rgba(138, 240, 233, .5);
    border-radius: 9px;

    cursor: pointer;
}

.menu-toggle svg {
    width: 23px;
    height: 23px;
}

.menu-toggle .close-icon {
    display: none;
}

.menu-toggle[aria-expanded="true"] .menu-icon {
    display: none;
}

.menu-toggle[aria-expanded="true"] .close-icon {
    display: block;
}

/* MOBILE MENU END */


/* =========================================================
   PRIMARY PAGE SWITCHER
========================================================= */

/* PRIMARY PAGE SWITCHER START */

.page-switcher {
    position: fixed;
    z-index: 900;

    top: 50%;
    right: 16px;

    transform: translateY(-50%);
}

.page-switcher__inner {
    display: flex;
    flex-direction: column;

    gap: 6px;

    padding: 8px;

    background:
        linear-gradient(
            165deg,
            rgba(5, 31, 43, .98),
            rgba(7, 48, 60, .97)
        );

    border:
        1px solid rgba(91, 208, 219, .58);

    border-radius: 17px;

    box-shadow:
        0 18px 46px rgba(0, 0, 0, .34);

    backdrop-filter:
        blur(16px);
}


/* SWITCHER LINK START */

.switcher-link {
    position: relative;

    width: 136px;
    min-height: 50px;

    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    align-items: center;

    gap: 10px;

    padding:
        7px
        12px
        7px
        8px;

    color: #d7eff1;

    background:
        rgba(24, 66, 82, .82);

    border:
        1px solid rgba(89, 158, 176, .60);

    border-radius: 10px;

    text-decoration: none;

    cursor: pointer;

    transition:
        background 190ms ease,
        border-color 190ms ease,
        color 190ms ease,
        transform 190ms ease,
        box-shadow 190ms ease;
}


/* ICON */

.switcher-link svg {
    width: 20px;
    height: 20px;

    justify-self: center;

    flex-shrink: 0;

    stroke-width: 1.9;
}


/* LABEL */

.switcher-link span {
    position: static;

    display: block;

    padding: 0;

    color: inherit;
    background: transparent;

    border: 0;
    border-radius: 0;

    font-size: 11px;
    font-weight: 800;

    line-height: 1.15;

    letter-spacing: .025em;

    white-space: nowrap;

    opacity: 1;
    visibility: visible;

    transform: none;

    transition: none;
}


/* ACTIVE LINK */

.switcher-link.is-active {
    color: #062b36;

    background:
        linear-gradient(
            135deg,
            #6de7e6,
            #28bec8
        );

    border-color:
        #a6ffff;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .65),
        0 5px 16px rgba(32, 184, 189, .27);
}


/* DISABLED */

.switcher-link[aria-disabled="true"] {
    color: #accdd2;

    background:
        rgba(23, 64, 82, .74);

    border-color:
        rgba(50, 106, 121, .75);

    opacity: .72;

    cursor: default;
}


/* HOVER */

@media (hover: hover) and (pointer: fine) {

    .switcher-link:not([aria-disabled="true"]):hover {
        color: #ffffff;

        background:
            #246b80;

        border-color:
            #79dce4;

        transform:
            translateX(-3px);

        box-shadow:
            0 6px 18px
            rgba(0, 0, 0, .24);
    }


    .switcher-link.is-active:hover {
        color: #062b36;

        background:
            linear-gradient(
                135deg,
                #7af0ed,
                #32c7cf
            );

        transform:
            translateX(-3px);
    }

}

/* SWITCHER LINK END */


/* =========================================================
   HOME DESKTOP SWITCHER
========================================================= */

/* HOME DESKTOP SWITCHER START */

@media (min-width: 1181px) {

    body[data-active-page="home"]
    .page-switcher {
        top: 50%;
        right: 16px;
        bottom: auto;

        width: auto;
        max-width: none;

        transform:
            translateY(-50%);
    }


    body[data-active-page="home"]
    .page-switcher__inner {
        flex-direction: column;

        gap: 6px;

        padding: 8px;

        border-radius: 17px;
    }


    body[data-active-page="home"]
    .switcher-link {
        width: 136px;
        min-width: 136px;
        height: auto;
        min-height: 50px;

        display: grid;

        grid-template-columns:
            34px
            minmax(0, 1fr);

        align-items: center;
        justify-content: initial;

        gap: 10px;

        padding:
            7px
            12px
            7px
            8px;
    }


    body[data-active-page="home"]
    .switcher-link svg {
        width: 20px;
        height: 20px;
    }


    body[data-active-page="home"]
    .switcher-link span {
        position: static;

        padding: 0;

        color: inherit;
        background: transparent;

        border: 0;

        font-size: 11px;
        font-weight: 800;

        line-height: 1.15;
        text-align: left;

        opacity: 1;
        visibility: visible;

        transform: none;
    }

}

/* HOME DESKTOP SWITCHER END */


/* =========================================================
   TABLET AND MOBILE SWITCHER
========================================================= */

/* MOBILE SWITCHER START */

@media (max-width: 1180px) {

    .page-switcher {
        position: fixed;

        top: auto;
        bottom: 0;
        left: 0;
        right: 0;

        width: 100%;

        transform: none;

        background:
            #071f2e;

        border-top:
            1px solid #327e8c;

        padding-bottom:
            env(
                safe-area-inset-bottom,
                0px
            );
    }


    .page-switcher__inner {
        width: 100%;

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

        gap: 5px;

        padding:
            7px
            6px;

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

        background:
            transparent;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        backdrop-filter: none;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .page-switcher__inner::-webkit-scrollbar {
        display: none;
    }


    .switcher-link {
        flex:
            0
            0
            70px;

        width: 70px;
        min-width: 70px;
        min-height: 57px;

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

        gap: 5px;

        padding:
            6px
            4px;

        border-radius: 9px;

        transform: none;
    }


    .switcher-link svg {
        width: 18px;
        height: 18px;
    }


    .switcher-link span {
        display: block;

        color: inherit;

        font-size: 9px;
        font-weight: 700;

        line-height: 1.1;

        text-align: center;

        white-space: nowrap;
    }


    .switcher-link:not([aria-disabled="true"]):hover,
    .switcher-link.is-active:hover {
        transform: none;
    }

}

/* MOBILE SWITCHER END */


/* =========================================================
   SMALL MOBILE SWITCHER
========================================================= */

@media (max-width: 430px) {

    .page-switcher__inner {
        gap: 4px;

        padding-left: 5px;
        padding-right: 5px;
    }


    .switcher-link {
        flex-basis: 68px;

        width: 68px;
        min-width: 68px;

        min-height: 58px;

        padding:
            6px
            3px;
    }


    .switcher-link span {
        font-size: 8px;
    }

}

/* =========================================================
   PRIMARY PAGE SWITCHER END
========================================================= */




/* =========================================================
   HOME HERO
========================================================= */

/* HOME START */

.home-page {
    position: relative;

    min-height: clamp(
        650px,
        calc(100svh - var(--header-height)),
        900px
    );

    background: var(--page-home);

    overflow: hidden;
    isolation: isolate;
}

/* HOME END */


/* HERO BACKGROUND START */

.hero-background,
.hero-overlay {
    position: absolute;
    inset: 0;
}

.hero-background {
    z-index: -2;
}

.hero-background img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: right center;
}

.hero-overlay {
    z-index: -1;

    background: linear-gradient(
        90deg,
        rgba(5, 14, 28, .43) 0%,
        rgba(5, 14, 28, .23) 40%,
        rgba(5, 14, 28, .04) 70%,
        transparent 100%
    );
}

/* HERO BACKGROUND END */


/* HERO CONTENT START */

.hero-content {
    position: relative;

    width: 100%;
    max-width: var(--container);
    min-height: inherit;

    margin: 0 auto;

    padding:
        clamp(65px, 8vh, 110px)
        var(--gutter)
        clamp(110px, 13vh, 160px);

    display: flex;
    align-items: center;
}

.hero-content__inner {
    width: 100%;
    max-width: 690px;

    padding-right: 15px;
}

/* HERO CONTENT END */


/* HERO EYEBROW START */

.hero-eyebrow {
    display: flex;
    align-items: center;

    gap: 14px;

    margin: 0 0 31px;

    color: var(--gold-light);

    font-size: 11px;
    font-weight: 700;

    line-height: 1.7;
    letter-spacing: .18em;
}

.hero-eyebrow__line {
    width: 43px;
    height: 1px;

    flex-shrink: 0;

    background: var(--gold);
}

/* HERO EYEBROW END */


/* HERO TITLE START */

#homeTitle {
    margin: 0;

    color: var(--white);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(54px, 6.1vw, 96px);
    font-weight: 700;

    line-height: 1.03;
    letter-spacing: -.055em;

    text-wrap: balance;

    text-shadow: 0 5px 20px rgba(0, 0, 0, .3);
}

#homeTitle span {
    display: block;
    color: var(--gold-light);
}

/* HERO TITLE END */


/* HERO DESCRIPTION START */

.hero-description {
    max-width: 565px;

    margin: 31px 0 0;

    color: rgba(255, 250, 244, .95);

    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.78;

    text-wrap: pretty;
}

/* HERO DESCRIPTION END */


/* HERO ACTIONS START */

.hero-actions {
    display: flex;
    align-items: center;

    margin-top: 33px;
}

/* HERO ACTIONS END */


/* HERO LOCATION START */

.hero-location {
    display: flex;
    align-items: center;

    gap: 11px;

    margin: 35px 0 0;

    color: rgba(255, 250, 244, .85);

    font-size: 12px;
    line-height: 1.5;
}

.hero-location svg {
    width: 18px;
    height: 18px;

    flex-shrink: 0;
    color: var(--gold);
}

/* HERO LOCATION END */




/* =========================================================
   RESPONSIVE DESIGN
========================================================= */

/* COMPACT DESKTOP START */

@media (max-width: 1350px) {

    .header-inner {
        gap: 14px;
    }

    .header-nav {
        gap: 10px;
    }

    .brand-name strong {
        font-size: 20px;
    }

    .play-now--header {
        padding: 0 16px;
    }

}

/* COMPACT DESKTOP END */


/* MOBILE NAVIGATION START */

@media (max-width: 1180px) {

    :root {
        --header-height: 76px;
    }

    .menu-toggle {
        display: flex;
    }

    .header-nav {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        display: none;

        flex-direction: column;
        align-items: stretch;

        gap: 4px;

        max-height: calc(100svh - 145px);

        margin: 0;
        padding: 18px var(--gutter) 22px;

        overflow-y: auto;

        background: #071b29;

        border-bottom: 1px solid rgba(138, 240, 233, .4);
        box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
    }

    .header-nav.is-open {
        display: flex;
    }

    .header-nav .nav-link {
        min-height: 45px;
        padding: 0 12px;

        font-size: 14px;
    }

    .header-nav .nav-link.is-active::after {
        left: 12px;
        right: auto;
        width: 32px;
    }

    .page-switcher {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;

        transform: none;

        padding-bottom: env(safe-area-inset-bottom, 0px);

        background: rgba(6, 22, 34, .97);
        border-top: 1px solid rgba(138, 240, 233, .45);
    }

    .page-switcher__inner {
        flex-direction: row;
        justify-content: flex-start;

        gap: 7px;
        padding: 8px 15px;

        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;

        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .page-switcher__inner::-webkit-scrollbar {
        display: none;
    }

    .switcher-link {
        width: auto;
        min-width: 75px;
        height: 53px;

        flex-direction: column;
        flex-shrink: 0;

        gap: 5px;
        padding: 6px 12px;
    }

    .switcher-link svg {
        width: 19px;
        height: 19px;
    }

    .switcher-link span {
        position: static;

        padding: 0;

        color: inherit;
        background: transparent;

        border: 0;

        font-size: 10px;

        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .site-footer {
        padding-bottom: calc(
            72px + env(safe-area-inset-bottom, 0px)
        );
    }

}

/* MOBILE NAVIGATION END */


/* MOBILE HERO START */

@media (max-width: 700px) {

    :root {
        --header-height: 69px;
        --gutter: 20px;
    }

    .header-inner {
        gap: 10px;
    }

    .brand-emblem {
        width: 35px;
        height: 42px;
    }

    .brand-emblem__letter {
        font-size: 30px;
    }

    .brand-emblem__mountain {
        width: 25px;
        height: 11px;
    }

    .brand-name strong {
        font-size: 15px;
    }

    .brand-name small {
        font-size: 8px;
        letter-spacing: .32em;
    }

    .play-now--header {
        min-height: 40px;
        padding: 0 11px;

        gap: 7px;

        font-size: 10px;
        letter-spacing: .02em;
    }

    .play-now--header svg {
        width: 14px;
        height: 14px;
    }

    .menu-toggle {
        width: 40px;
        height: 40px;
    }

    .home-page {
        min-height: max(
            760px,
            calc(100svh - var(--header-height))
        );
    }

    .hero-background img {
        object-position: center top;
    }

    .hero-overlay {
        background: linear-gradient(
            180deg,
            rgba(5, 14, 28, .76) 0%,
            rgba(5, 14, 28, .58) 38%,
            rgba(5, 14, 28, .19) 68%,
            rgba(5, 14, 28, .68) 100%
        );
    }

    .hero-content {
        align-items: flex-start;

        padding-top: 80px;
        padding-bottom: 110px;
    }

    .hero-content__inner {
        padding-right: 0;
    }

    .hero-eyebrow {
        gap: 10px;
        margin-bottom: 26px;

        font-size: 9px;
        letter-spacing: .12em;
    }

    .hero-eyebrow__line {
        width: 24px;
    }

    #homeTitle {
        font-size: clamp(46px, 11.2vw, 72px);
        line-height: 1.02;
    }

    .hero-description {
        max-width: 480px;
        margin-top: 26px;

        font-size: 14px;
        line-height: 1.75;
    }

    .hero-actions {
        margin-top: 27px;
    }

    .play-now--hero {
        min-height: 54px;
        padding: 0 26px;

        font-size: 12px;
    }

    .hero-location {
        margin-top: 30px;
        font-size: 11px;
    }

    .footer-inner {
        flex-direction: column;
        gap: 25px;
    }

    .footer-bottom {
        flex-direction: column;
    }

}

/* MOBILE HERO END */


/* SMALL MOBILE START */

@media (max-width: 390px) {

    :root {
        --gutter: 15px;
    }

    .site-brand {
        gap: 6px;
    }

    .brand-name strong {
        font-size: 13px;
    }

    .brand-name small {
        font-size: 7px;
    }

    .header-actions {
        gap: 6px;
    }

    .play-now--header {
        padding: 0 9px;
    }

    .hero-content {
        padding-top: 65px;
    }

    #homeTitle {
        font-size: clamp(43px, 11vw, 52px);
    }

    .hero-description {
        font-size: 13px;
    }

}

/* SMALL MOBILE END */


/* REDUCED MOTION START */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }

}

/* REDUCED MOTION END */


/* =========================================================
   MOBILE HERO — SPLIT IMAGE AND CONTENT
========================================================= */

/* MOBILE HERO REDESIGN START */

@media (max-width: 700px) {

    .home-page {
        display: flex;
        flex-direction: column;

        min-height: 0;
        height: auto;

        background: #081e2d;

        overflow: hidden;
    }

    /* HERO IMAGE START */

    .hero-background {
        position: relative;

        z-index: auto;

        display: block;

        width: 100%;
        height: clamp(235px, 38svh, 345px);

        flex: 0 0 auto;

        overflow: hidden;

        background: #071b29;
    }

    .hero-background img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center 38%;
    }

    .hero-overlay {
        display: none;
    }

    /* HERO IMAGE END */


    /* HERO CONTENT START */

    .hero-content {
        position: relative;
        z-index: 1;

        display: block;

        width: 100%;
        min-height: 0;

        padding:
            35px
            var(--gutter)
            58px;

        background: linear-gradient(
            165deg,
            #0b2d40 0%,
            #081d2c 58%,
            #061522 100%
        );

        border-top: 2px solid rgba(48, 190, 202, 0.55);
    }

    .hero-content__inner {
        width: 100%;
        max-width: 520px;

        margin: 0 auto;
        padding: 0;
    }

    /* HERO CONTENT END */


    /* HERO EYEBROW START */

    .hero-eyebrow {
        margin: 0 0 23px;

        color: #91e3e5;

        font-size: 9px;
        font-weight: 700;

        line-height: 1.6;
        letter-spacing: 0.11em;
    }

    .hero-eyebrow__line {
        width: 27px;
        background: #36c3cb;
    }

    /* HERO EYEBROW END */


    /* HERO TITLE START */

    #homeTitle {
        max-width: 520px;

        margin: 0;

        font-size: clamp(42px, 10.8vw, 64px);

        line-height: 1.04;
        letter-spacing: -0.045em;

        text-shadow: none;
    }

    #homeTitle span {
        color: #ffdb91;
    }

    /* HERO TITLE END */


    /* HERO DESCRIPTION START */

    .hero-description {
        max-width: 480px;

        margin: 24px 0 0;

        color: #e5eef0;

        font-size: 14px;
        line-height: 1.75;
    }

    /* HERO DESCRIPTION END */


    /* HERO ACTIONS START */

    .hero-actions {
        margin-top: 28px;
    }

    .play-now--hero {
        min-height: 54px;

        padding: 0 27px;
    }

    /* HERO ACTIONS END */


    /* HERO LOCATION START */

    .hero-location {
        margin: 28px 0 0;

        color: #b6cdd2;

        font-size: 11px;
    }

    /* HERO LOCATION END */

}

/* MOBILE HERO REDESIGN END */


/* =========================================================
   SMALL MOBILE
========================================================= */

/* SMALL MOBILE REFINEMENTS START */

@media (max-width: 390px) {

    .hero-background {
        height: clamp(220px, 35svh, 290px);
    }

    .hero-content {
        padding: 30px 16px 48px;
    }

    #homeTitle {
        font-size: clamp(39px, 10.5vw, 45px);
    }

    .hero-description {
        font-size: 13px;
        line-height: 1.7;
    }

    .switcher-link {
        flex-basis: 76px;
        width: 76px;
        min-width: 76px;
    }

}

/* SMALL MOBILE REFINEMENTS END */
/* =========================================================
   VERNON CASINO — CASINO GAMES PAGE
========================================================= */

/* CASINO GAMES PAGE START */

.games-page {
    --games-night: #082d35;
    --games-teal: #0f5254;
    --games-teal-light: #176a67;

    --games-aqua: #87ddd3;
    --games-aqua-dark: #2a8c86;

    --games-sand: #ead8bd;
    --games-sand-light: #f4e7d3;

    --games-paper: #fffaf1;
    --games-paper-soft: #f7f2e7;

    --games-gold: #d89a62;
    --games-gold-light: #efbd8f;

    --games-ink: #173f3d;
    --games-copy: #52635e;
    --games-muted: #68746e;

    color: var(--games-ink);
    background: var(--games-sand);
}

.games-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.games-kicker {
    margin: 0;

    color: var(--games-gold-light);

    font-size: 10px;
    font-weight: 800;

    line-height: 1.5;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.games-kicker--dark {
    color: #a56545;
}


/* =========================================================
   GAMES OVERVIEW
========================================================= */

/* GAMES OVERVIEW START */

.games-overview {
    position: relative;

    padding:
        clamp(58px, 6.5vw, 95px)
        0
        clamp(48px, 5.5vw, 78px);

    color: #fff8ef;

    background:
        radial-gradient(
            circle at 86% 14%,
            rgba(33, 157, 142, .30),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            #092c35 0%,
            #104b4e 56%,
            #12605a 100%
        );

    overflow: hidden;
}

.games-overview::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(239, 189, 143, .7),
            transparent
        );
}

.games-overview__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    grid-template-areas:
        "heading copy"
        "selector selector";

    align-items: start;

    gap:
        clamp(35px, 5vw, 75px)
        clamp(45px, 6vw, 90px);
}

.games-overview__heading {
    grid-area: heading;
}

.games-overview__heading h2 {
    max-width: 590px;

    margin: 15px 0 0;

    color: #fff9ef;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(47px, 5.1vw, 76px);
    font-weight: 700;

    line-height: 1.02;
    letter-spacing: -.045em;
}

.games-overview__heading h2 span {
    display: block;

    color: var(--games-gold-light);
}

.games-overview__copy {
    grid-area: copy;

    padding-left: clamp(22px, 3vw, 36px);

    border-left:
        2px solid rgba(239, 189, 143, .72);
}

.games-overview__copy p {
    max-width: 690px;

    margin: 0 0 13px;

    color: #d8e8e4;

    font-size: 14px;
    line-height: 1.76;
}

.games-overview__copy p:last-child {
    margin-bottom: 0;
}

.games-overview__copy .games-overview__lead {
    color: #fff8ee;

    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.7;
}

/* GAMES OVERVIEW END */


/* =========================================================
   GAME SELECTOR
========================================================= */

/* GAME SELECTOR START */

.games-selector {
    grid-area: selector;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 17px;
}

.games-selector__card {
    position: relative;

    display: flex;
    flex-direction: column;

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

    padding: 0;

    overflow: hidden;

    color: #fff;
    background: #0a353d;

    border:
        1px solid rgba(135, 221, 211, .36);
    border-radius: 14px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 10px 30px rgba(2, 24, 29, .18);

    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease;
}

.games-selector__media {
    position: relative;

    display: block;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #082b33;
}

.games-selector__media::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3, 18, 22, .02),
            rgba(3, 18, 22, .24)
        );

    pointer-events: none;
}

.games-selector__media img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform 400ms ease,
        filter 400ms ease;
}

.games-selector__body {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding:
        21px
        22px
        23px;
}

.games-selector__eyebrow {
    color: #e8b47e;

    font-size: 8px;
    font-weight: 800;

    line-height: 1.4;
    letter-spacing: .13em;
}

.games-selector__body strong {
    display: block;

    margin-top: 7px;

    color: #fff8ed;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.5vw, 35px);

    line-height: 1.08;
}

.games-selector__text {
    display: block;

    margin-top: 8px;

    color: #cee1de;

    font-size: 12px;
    line-height: 1.6;
}

.games-selector__action {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    align-self: flex-start;

    margin-top: auto;
    padding-top: 18px;

    color: #9ce8de;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .04em;
}

.games-selector__action svg {
    width: 15px;
    height: 15px;

    transition:
        transform 220ms ease;
}

.games-selector__card[aria-selected="true"] {
    background:
        linear-gradient(
            145deg,
            #12565a,
            #0a3c45
        );

    border-color: #9af0e5;

    box-shadow:
        0 0 0 3px rgba(135, 221, 211, .13),
        0 13px 34px rgba(3, 25, 30, .25);
}

.games-selector__card[aria-selected="true"]
.games-selector__action {
    color: #ffd09f;
}

@media (hover: hover) and (pointer: fine) {

    .games-selector__card:hover {
        transform: translateY(-4px);

        border-color: #86ddd4;

        box-shadow:
            0 17px 38px rgba(2, 25, 30, .25);
    }

    .games-selector__card:hover
    .games-selector__media img {
        transform: scale(1.035);
        filter: saturate(1.08);
    }

    .games-selector__card:hover
    .games-selector__action svg {
        transform: translateX(4px);
    }

}

/* GAME SELECTOR END */


/* =========================================================
   GAME DETAILS
========================================================= */

/* GAME DETAILS START */

.games-details {
    background:
        linear-gradient(
            160deg,
            #ead8bd,
            #f2e4cf 48%,
            #e7d1b2
        );
}

.games-panel {
    padding:
        clamp(52px, 6vw, 82px)
        0
        clamp(62px, 7vw, 95px);
}

.games-panel__intro {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    align-items: start;

    gap: clamp(35px, 6vw, 80px);

    margin-bottom:
        clamp(34px, 4vw, 52px);
}

.games-panel__title h3 {
    max-width: 650px;

    margin: 11px 0 0;

    color: #153f3d;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4.6vw, 63px);
    font-weight: 700;

    line-height: 1.05;
    letter-spacing: -.04em;
}

.games-panel__title h3 span {
    display: block;

    color: #a86445;
}

.games-panel__intro-copy {
    padding-left: clamp(20px, 3vw, 34px);

    border-left: 2px solid #cf9971;
}

.games-panel__intro-copy p {
    margin: 0 0 13px;

    color: #56655f;

    font-size: 14px;
    line-height: 1.76;
}

.games-panel__intro-copy p:last-child {
    margin-bottom: 0;
}

.games-panel__intro-copy .games-panel__lead {
    color: #244e4a;

    font-size: 17px;
    line-height: 1.7;
}

/* GAME DETAILS END */


/* =========================================================
   GAME GUIDE
========================================================= */

/* GAME GUIDE START */

.games-guide {
    display: grid;

    grid-template-columns:
        minmax(260px, .75fr)
        minmax(0, 1.25fr);

    overflow: hidden;

    margin-bottom: 38px;

    background: #0d474b;

    border-radius: 13px;

    box-shadow:
        0 13px 30px rgba(31, 68, 61, .12);
}

.games-guide__heading {
    padding:
        clamp(24px, 3vw, 35px);

    background:
        linear-gradient(
            145deg,
            #092f38,
            #155d59
        );
}

.games-guide__label {
    margin: 0;

    color: #eeba87;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .16em;
}

.games-guide__heading h4 {
    max-width: 390px;

    margin: 12px 0 0;

    color: #fff8ed;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 40px);

    line-height: 1.13;
}

.games-guide__copy {
    padding:
        clamp(24px, 3vw, 35px);
}

.games-guide__copy p {
    margin: 0 0 12px;

    color: #d7e8e4;

    font-size: 14px;
    line-height: 1.75;
}

.games-guide__copy p:last-child {
    margin-bottom: 0;
}

/* GAME GUIDE END */


/* =========================================================
   GAME TOPICS
========================================================= */

/* GAME TOPICS START */

.games-topic-section {
    margin-top: 38px;
}

.games-topic-section__heading {
    max-width: 790px;

    margin-bottom: 20px;
}

.games-topic-section__heading h4 {
    margin: 9px 0 0;

    color: #173f3d;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 3.4vw, 46px);

    line-height: 1.1;
    letter-spacing: -.025em;
}

.games-topic-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 13px;
}

.games-topic-card {
    min-height: 265px;

    padding: 25px 23px;

    background: #fff9ef;

    border:
        1px solid #d7b999;
    border-top:
        4px solid #328e87;
    border-radius: 10px;
}

.games-topic-card:nth-child(2) {
    background: #f0f4ea;

    border-top-color: #ba704e;
}

.games-topic-card:nth-child(3) {
    border-top-color: #328e87;
}

.games-topic-card__tag {
    display: block;

    margin-bottom: 26px;

    color: #9e6346;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .15em;
}

.games-topic-card h5 {
    margin: 0 0 11px;

    color: #194844;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;

    line-height: 1.15;
}

.games-topic-card p {
    margin: 0 0 10px;

    color: #53635e;

    font-size: 13px;
    line-height: 1.7;
}

.games-topic-card p:last-child {
    margin-bottom: 0;
}

/* GAME TOPICS END */


/* =========================================================
   PRACTICAL GUIDE
========================================================= */

/* PRACTICAL GUIDE START */

.games-practical {
    display: grid;

    grid-template-columns:
        minmax(260px, .8fr)
        minmax(0, 1.2fr);

    gap: clamp(30px, 5vw, 70px);

    margin-top: 38px;
    padding:
        clamp(28px, 4vw, 44px);

    color: #eef8f4;

    background:
        linear-gradient(
            135deg,
            #0a333c,
            #155b58
        );

    border-radius: 13px;
}

.games-practical__label {
    margin: 0;

    color: #efbc89;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .16em;
}

.games-practical h4 {
    margin: 10px 0 0;

    color: #fff8ec;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 40px);

    line-height: 1.13;
}

.games-practical__list {
    display: grid;

    gap: 0;
}

.games-practical__list p {
    margin: 0;
    padding: 14px 0;

    color: #d7e7e2;

    border-bottom:
        1px solid rgba(255, 255, 255, .14);

    font-size: 13px;
    line-height: 1.65;
}

.games-practical__list p:first-child {
    padding-top: 0;
}

.games-practical__list p:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.games-practical__list strong {
    display: block;

    margin-bottom: 3px;

    color: #f1c392;

    font-size: 14px;
}

/* PRACTICAL GUIDE END */


/* =========================================================
   TABLE GAME COMPARISON
========================================================= */

/* TABLE GAME COMPARISON START */

.games-table-comparison {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin-bottom: 34px;
}

.games-table-comparison article {
    min-height: 250px;

    padding: 23px 21px;

    background: #fff9ef;

    border:
        1px solid #d5b898;
    border-top:
        4px solid #328b84;
    border-radius: 10px;
}

.games-table-comparison article:nth-child(even) {
    background: #f0f3e8;

    border-top-color: #b66b4a;
}

.games-table-comparison span {
    display: block;

    margin-bottom: 24px;

    color: #9f6346;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .15em;
}

.games-table-comparison h4 {
    margin: 0 0 11px;

    color: #184743;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;

    line-height: 1.15;
}

.games-table-comparison p {
    margin: 0;

    color: #53645e;

    font-size: 13px;
    line-height: 1.7;
}

/* TABLE GAME COMPARISON END */


/* =========================================================
   GAME ACCORDION
========================================================= */

/* GAME ACCORDION START */

.games-accordion {
    display: grid;

    gap: 9px;
}

.games-accordion__item {
    overflow: hidden;

    background: #fffaf1;

    border: 1px solid #d5b797;
    border-radius: 9px;
}

.games-accordion__item[open] {
    border-color: #58aaa2;

    box-shadow:
        0 5px 16px rgba(35, 85, 79, .08);
}

.games-accordion__item summary {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        34px;

    align-items: center;

    gap: 18px;

    min-height: 76px;

    padding: 14px 18px;

    cursor: pointer;
    list-style: none;

    transition:
        background 200ms ease;
}

.games-accordion__item summary::-webkit-details-marker {
    display: none;
}

.games-accordion__item summary strong {
    display: block;

    color: #194945;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;

    line-height: 1.25;
}

.games-accordion__item summary small {
    display: block;

    margin-top: 4px;

    color: #956146;

    font-size: 11px;
    line-height: 1.45;
}

.games-accordion__icon {
    position: relative;

    width: 32px;
    height: 32px;

    background: #c3e8df;

    border-radius: 50%;
}

.games-accordion__icon::before,
.games-accordion__icon::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #155955;

    transform: translate(-50%, -50%);
}

.games-accordion__icon::before {
    width: 12px;
    height: 2px;
}

.games-accordion__icon::after {
    width: 2px;
    height: 12px;
}

.games-accordion__item[open]
.games-accordion__icon::after {
    display: none;
}

.games-accordion__item[open] summary {
    background: #f0f6ef;
}

.games-accordion__content {
    padding:
        16px
        18px
        20px;

    border-top: 1px solid #ead8c2;
}

.games-accordion__content p {
    max-width: 1000px;

    margin: 0 0 10px;

    color: #53645e;

    font-size: 13px;
    line-height: 1.72;
}

.games-accordion__content p:last-child {
    margin-bottom: 0;
}

/* GAME ACCORDION END */


/* =========================================================
   JACKPOT COMPARISON
========================================================= */

/* JACKPOT COMPARISON START */

.games-jackpot-comparison {
    display: grid;

    grid-template-columns:
        minmax(250px, .7fr)
        minmax(0, 1.3fr);

    gap: clamp(30px, 5vw, 60px);

    margin-top: 38px;
    padding:
        clamp(28px, 4vw, 44px);

    color: #eef8f4;

    background:
        linear-gradient(
            135deg,
            #0a333c,
            #155b58
        );

    border-radius: 13px;
}

.games-jackpot-comparison__heading h4 {
    margin: 10px 0 0;

    color: #fff8ec;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 40px);

    line-height: 1.13;
}

.games-jackpot-comparison__rows {
    display: grid;
}

.games-jackpot-comparison__rows > div {
    display: grid;

    grid-template-columns:
        minmax(150px, .45fr)
        minmax(0, 1fr);

    gap: 20px;

    padding: 16px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, .14);
}

.games-jackpot-comparison__rows > div:first-child {
    padding-top: 0;
}

.games-jackpot-comparison__rows > div:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.games-jackpot-comparison strong {
    color: #f1c493;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;

    line-height: 1.35;
}

.games-jackpot-comparison p {
    margin: 0;

    color: #d5e7e1;

    font-size: 13px;
    line-height: 1.68;
}

/* JACKPOT COMPARISON END */


/* =========================================================
   GAMES FAQ
========================================================= */

/* GAMES FAQ START */

.games-faq {
    padding:
        clamp(52px, 6vw, 80px)
        0
        clamp(65px, 7vw, 100px);

    background:
        linear-gradient(
            155deg,
            #efe1cd,
            #e3ccb0
        );
}

.games-faq__heading {
    max-width: 820px;

    margin-bottom: 25px;
}

.games-faq__heading h3 {
    margin: 9px 0 12px;

    color: #173f3d;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 51px);

    line-height: 1.08;
    letter-spacing: -.03em;
}

.games-faq__heading > p:last-child {
    margin: 0;

    color: #596a63;

    font-size: 14px;
    line-height: 1.68;
}

.games-faq__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    align-items: start;

    gap: 10px;
}

.games-faq__item {
    overflow: hidden;

    background: #fffaf1;

    border:
        1px solid #d3b391;
    border-radius: 9px;
}

.games-faq__item[open] {
    border-color: #55a89f;

    box-shadow:
        0 5px 17px rgba(42, 88, 79, .08);
}

.games-faq__item summary {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        33px;

    align-items: center;

    gap: 15px;

    min-height: 85px;

    padding: 15px 17px;

    cursor: pointer;
    list-style: none;
}

.games-faq__item summary::-webkit-details-marker {
    display: none;
}

.games-faq__item summary > span:first-child {
    color: #244c48;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 700;

    line-height: 1.38;
}

.games-faq__icon {
    position: relative;

    width: 31px;
    height: 31px;

    background: #c3e7df;

    border-radius: 50%;
}

.games-faq__icon::before,
.games-faq__icon::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #155954;

    transform: translate(-50%, -50%);
}

.games-faq__icon::before {
    width: 12px;
    height: 2px;
}

.games-faq__icon::after {
    width: 2px;
    height: 12px;
}

.games-faq__item[open]
.games-faq__icon::after {
    display: none;
}

.games-faq__item[open] summary {
    background: #f0f6ef;
}

.games-faq__item > div {
    padding:
        16px
        17px
        20px;

    border-top: 1px solid #ead8c2;
}

.games-faq__item p {
    margin: 0 0 10px;

    color: #53645e;

    font-size: 13px;
    line-height: 1.72;
}

.games-faq__item p:last-child {
    margin-bottom: 0;
}

/* GAMES FAQ END */


/* =========================================================
   GAMES TABLET
========================================================= */

/* GAMES TABLET START */

@media (max-width: 980px) {

    .games-selector {
        gap: 12px;
    }

    .games-selector__body {
        padding:
            18px
            17px
            20px;
    }

    .games-topic-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .games-topic-card:last-child {
        grid-column: 1 / -1;
    }

    .games-table-comparison {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

/* GAMES TABLET END */


/* =========================================================
   GAMES MOBILE
========================================================= */

/* GAMES MOBILE START */

@media (max-width: 700px) {

    .games-shell {
        width: calc(100% - 30px);
    }


    /* MOBILE OVERVIEW START */

    .games-overview {
        padding:
            38px
            0
            44px;
    }

    .games-overview__layout {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "heading"
            "selector"
            "copy";

        gap: 25px;
    }

    .games-overview__heading h2 {
        max-width: 520px;

        font-size: clamp(39px, 11vw, 55px);
    }

    .games-overview__copy {
        padding:
            20px
            0
            0;

        border-left: 0;
        border-top:
            1px solid rgba(239, 189, 143, .46);
    }

    .games-overview__copy p {
        font-size: 13px;
        line-height: 1.7;
    }

    .games-overview__copy
    .games-overview__lead {
        font-size: 15px;
    }

    /* MOBILE OVERVIEW END */


    /* MOBILE SELECTOR START */

    .games-selector {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .games-selector__card {
        display: grid;

        grid-template-columns:
            36%
            minmax(0, 1fr);

        min-height: 145px;

        border-radius: 11px;
    }

    .games-selector__media {
        width: 100%;
        height: 100%;

        aspect-ratio: auto;
    }

    .games-selector__media img {
        height: 100%;
    }

    .games-selector__body {
        padding:
            14px
            14px
            15px;
    }

    .games-selector__eyebrow {
        font-size: 7px;
        letter-spacing: .09em;
    }

    .games-selector__body strong {
        margin-top: 5px;

        font-size: 24px;
    }

    .games-selector__text {
        margin-top: 5px;

        font-size: 10px;
        line-height: 1.45;
    }

    .games-selector__action {
        margin-top: 8px;
        padding-top: 0;

        font-size: 9px;
    }

    .games-selector__action svg {
        width: 13px;
        height: 13px;
    }

    /* MOBILE SELECTOR END */


    /* MOBILE PANEL START */

    .games-panel {
        padding:
            39px
            0
            51px;
    }

    .games-panel__intro {
        grid-template-columns: 1fr;

        gap: 22px;

        margin-bottom: 27px;
    }

    .games-panel__title h3 {
        font-size: clamp(34px, 9vw, 46px);
    }

    .games-panel__intro-copy {
        padding:
            17px
            0
            0;

        border-left: 0;
        border-top: 2px solid #cf9971;
    }

    .games-panel__intro-copy p {
        font-size: 13px;
        line-height: 1.7;
    }

    .games-panel__intro-copy
    .games-panel__lead {
        font-size: 15px;
    }

    /* MOBILE PANEL END */


    /* MOBILE GUIDE START */

    .games-guide {
        grid-template-columns: 1fr;

        margin-bottom: 29px;
    }

    .games-guide__heading,
    .games-guide__copy {
        padding: 20px;
    }

    .games-guide__heading h4 {
        font-size: 29px;
    }

    .games-guide__copy p {
        font-size: 13px;
    }

    /* MOBILE GUIDE END */


    /* MOBILE TOPICS START */

    .games-topic-section {
        margin-top: 29px;
    }

    .games-topic-section__heading h4 {
        font-size: 30px;
    }

    .games-topic-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }

    .games-topic-card,
    .games-topic-card:last-child {
        grid-column: auto;

        min-height: 0;

        padding: 20px;
    }

    .games-topic-card__tag {
        margin-bottom: 14px;
    }

    .games-topic-card h5 {
        font-size: 22px;
    }

    /* MOBILE TOPICS END */


    /* MOBILE PRACTICAL START */

    .games-practical {
        grid-template-columns: 1fr;

        gap: 24px;

        margin-top: 29px;
        padding: 21px;
    }

    .games-practical h4 {
        font-size: 29px;
    }

    .games-practical__list p {
        font-size: 12px;
    }

    /* MOBILE PRACTICAL END */


    /* MOBILE TABLE COMPARISON START */

    .games-table-comparison {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .games-table-comparison article {
        min-height: 0;

        padding: 19px;
    }

    .games-table-comparison span {
        margin-bottom: 13px;
    }

    .games-table-comparison h4 {
        font-size: 22px;
    }

    /* MOBILE TABLE COMPARISON END */


    /* MOBILE ACCORDION START */

    .games-accordion__item summary {
        grid-template-columns:
            minmax(0, 1fr)
            29px;

        gap: 11px;

        min-height: 72px;

        padding: 12px 13px;
    }

    .games-accordion__item summary strong {
        font-size: 17px;
    }

    .games-accordion__item summary small {
        font-size: 10px;
    }

    .games-accordion__icon {
        width: 28px;
        height: 28px;
    }

    .games-accordion__content {
        padding:
            13px
            14px
            17px;
    }

    .games-accordion__content p {
        font-size: 12px;
    }

    /* MOBILE ACCORDION END */


    /* MOBILE JACKPOT COMPARISON START */

    .games-jackpot-comparison {
        grid-template-columns: 1fr;

        gap: 24px;

        margin-top: 29px;
        padding: 21px;
    }

    .games-jackpot-comparison__heading h4 {
        font-size: 29px;
    }

    .games-jackpot-comparison__rows > div {
        grid-template-columns: 1fr;

        gap: 5px;
    }

    /* MOBILE JACKPOT COMPARISON END */


    /* MOBILE FAQ START */

    .games-faq {
        padding:
            41px
            0
            55px;
    }

    .games-faq__heading h3 {
        font-size: 33px;
    }

    .games-faq__heading > p:last-child {
        font-size: 13px;
    }

    .games-faq__grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .games-faq__item summary {
        grid-template-columns:
            minmax(0, 1fr)
            29px;

        min-height: 75px;

        padding: 13px;
    }

    .games-faq__item summary > span:first-child {
        font-size: 15px;
    }

    .games-faq__icon {
        width: 28px;
        height: 28px;
    }

    .games-faq__item > div {
        padding:
            13px
            14px
            17px;
    }

    .games-faq__item p {
        font-size: 12px;
    }

    /* MOBILE FAQ END */

}

/* GAMES MOBILE END */


/* =========================================================
   GAMES SMALL MOBILE
========================================================= */

/* GAMES SMALL MOBILE START */

@media (max-width: 390px) {

    .games-shell {
        width: calc(100% - 24px);
    }

    .games-selector__card {
        grid-template-columns:
            34%
            minmax(0, 1fr);

        min-height: 138px;
    }

    .games-selector__body {
        padding:
            11px
            10px
            12px;
    }

    .games-selector__body strong {
        font-size: 21px;
    }

    .games-selector__text {
        font-size: 9px;
    }

    .games-selector__action {
        font-size: 8px;
    }

}

/* GAMES SMALL MOBILE END */


/* CASINO GAMES PAGE END */
/* =========================================================
   VERNON CASINO — POKER ROOM PAGE
========================================================= */

/* POKER ROOM PAGE START */

.poker-page {
    --poker-dark: #301d19;
    --poker-brown: #583127;
    --poker-green: #173f38;
    --poker-green-light: #24554a;
    --poker-gold: #dea468;
    --poker-gold-light: #f2c990;
    --poker-sand: #ead7b9;
    --poker-paper: #fff8ed;
    --poker-ink: #3c3931;
    --poker-copy: #60635c;

    color: var(--poker-ink);
    background: var(--poker-sand);
}

.poker-shell {
    width: min(calc(100% - (var(--gutter) * 2)), 1320px);
    margin-inline: auto;
}

.poker-kicker {
    margin: 0;
    color: var(--poker-gold-light);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.poker-kicker--dark {
    color: #9a573f;
}


/* POKER HERO START */

.poker-hero {
    padding: clamp(45px, 5.5vw, 78px) 0;
    color: #fff6e9;
    background:
        radial-gradient(circle at 88% 18%, rgba(197, 113, 74, .24), transparent 31%),
        linear-gradient(120deg, #301e1b, #573127 55%, #744536);
}

.poker-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, .95fr);
    align-items: center;
    gap: clamp(40px, 6vw, 80px);
}

.poker-hero__content h2 {
    max-width: 720px;
    margin: 13px 0 20px;
    color: #fff8eb;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 5vw, 69px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.poker-hero__content h2 span {
    display: block;
    color: var(--poker-gold-light);
}

.poker-hero__lead {
    max-width: 680px;
    margin: 0;
    color: #f4e9df;
    font-size: 17px;
    line-height: 1.72;
}

.poker-hero__visual {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(240, 198, 142, .42);
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .26);
}

.poker-hero__visual img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* POKER HERO END */


/* POKER FORMATS START */

.poker-formats {
    padding: clamp(42px, 5vw, 66px) 0 clamp(48px, 5vw, 70px);
    background: linear-gradient(155deg, #ead6b8, #f2e5d0);
}

.poker-formats__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, .68fr);
    align-items: end;
    gap: 45px;
    margin-bottom: 23px;
}

.poker-formats__heading h3 {
    margin: 8px 0 0;
    color: #38382f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.8vw, 49px);
    line-height: 1.08;
}

.poker-formats__heading h3 span {
    color: #96523c;
}

.poker-formats__heading > p {
    margin: 0;
    color: #5d625b;
    font-size: 14px;
    line-height: 1.72;
}

.poker-selector {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.poker-selector__button {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, #402821, #57352a);
    border: 2px solid #865b4a;
    border-radius: 13px;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 9px 24px rgba(58, 37, 28, .14);
    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease;
}

.poker-selector__image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 8.5;
    overflow: hidden;
}

.poker-selector__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 350ms ease;
}

.poker-selector__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 19px 20px 21px;
}

.poker-selector__badge {
    align-self: flex-start;
    padding: 5px 8px;
    color: #382116;
    background: #efc487;
    border: 1px solid #ffe0b3;
    border-radius: 5px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .11em;
}

.poker-selector__badge--compare {
    color: #d9efe8;
    background: #1f5046;
    border-color: #548579;
}

.poker-selector__content > strong {
    margin-top: 10px;
    color: #fff6e7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.4vw, 34px);
    line-height: 1.08;
}

.poker-selector__description {
    margin-top: 8px;
    color: #e2d8d0;
    font-size: 13px;
    line-height: 1.6;
}

.poker-selector__facts {
    display: grid;
    gap: 0;
    margin-top: 17px;
    border-top: 1px solid rgba(241, 200, 143, .27);
    border-bottom: 1px solid rgba(241, 200, 143, .27);
}

.poker-selector__facts > span {
    display: grid;
    grid-template-columns: minmax(105px, .75fr) minmax(0, 1.25fr);
    align-items: center;
    gap: 12px;
    padding: 9px 0;
}

.poker-selector__facts > span + span {
    border-top: 1px solid rgba(241, 200, 143, .15);
}

.poker-selector__facts small {
    color: #d6a16e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
}

.poker-selector__facts b {
    color: #fff3df;
    font-size: 13px;
    line-height: 1.3;
}

.poker-selector__jackpot b {
    color: #ffd493;
    font-size: 17px;
}

.poker-selector__action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 17px;
    color: #f0c18a;
    font-size: 10px;
    font-weight: 900;
}

.poker-selector__action svg {
    width: 14px;
    height: 14px;
}

.poker-selector__button[aria-selected="true"] {
    color: #412b22;
    background: linear-gradient(145deg, #fff2db, #e9c89c);
    border-color: #672d1e;
    box-shadow:
        0 0 0 4px rgba(103, 45, 30, .20),
        0 15px 31px rgba(61, 35, 26, .18);
}

.poker-selector__button[aria-selected="true"] .poker-selector__content > strong,
.poker-selector__button[aria-selected="true"] .poker-selector__facts b {
    color: #472e25;
}

.poker-selector__button[aria-selected="true"] .poker-selector__description {
    color: #675b52;
}

.poker-selector__button[aria-selected="true"] .poker-selector__facts {
    border-color: rgba(102, 48, 31, .30);
}

.poker-selector__button[aria-selected="true"] .poker-selector__facts > span + span {
    border-color: rgba(102, 48, 31, .18);
}

.poker-selector__button[aria-selected="true"] .poker-selector__facts small {
    color: #91513a;
}

.poker-selector__button[aria-selected="true"] .poker-selector__jackpot b {
    color: #8b2918;
}

.poker-selector__button[aria-selected="true"] .poker-selector__action {
    color: #71341f;
}

@media (hover: hover) and (pointer: fine) {

    .poker-selector__button:hover {
        transform: translateY(-4px);
        border-color: #e2ad73;
        box-shadow: 0 15px 32px rgba(60, 37, 27, .21);
    }

    .poker-selector__button:hover .poker-selector__image img {
        transform: scale(1.035);
    }

}

/* POKER FORMATS END */


/* POKER STORY START */

.poker-story {
    padding: clamp(45px, 5.5vw, 74px) 0;
    color: #edf4ef;
    background: linear-gradient(130deg, #153b34, #215347);
}

.poker-story__layout {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(40px, 6vw, 80px);
}

.poker-story__heading h3 {
    margin: 10px 0 0;
    color: #fff6e7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;
}

.poker-story__heading h3 span {
    display: block;
    color: #e3ae70;
}

.poker-story__copy {
    padding-left: 27px;
    border-left: 2px solid rgba(226, 173, 112, .68);
}

.poker-story__copy p {
    margin: 0 0 12px;
    color: #d8e4de;
    font-size: 14px;
    line-height: 1.75;
}

.poker-story__copy .poker-story__lead {
    color: #fff5e7;
    font-size: 17px;
}

/* POKER STORY END */


/* POKER DETAILS START */

.poker-details {
    background: linear-gradient(160deg, #f3e6d1, #e6d0b1);
}

.poker-panel {
    padding: clamp(44px, 5vw, 68px) 0 clamp(52px, 6vw, 78px);
}

.poker-panel__intro {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(34px, 6vw, 72px);
    margin-bottom: 27px;
}

.poker-panel__intro h3 {
    margin: 9px 0 0;
    color: #39382f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(35px, 3.9vw, 51px);
    line-height: 1.07;
}

.poker-panel__intro h3 span {
    display: block;
    color: #96533c;
}

.poker-panel__intro > div:last-child {
    padding-left: 24px;
    border-left: 2px solid #bd805b;
}

.poker-panel__intro p {
    margin: 0 0 10px;
    color: #5c625b;
    font-size: 14px;
    line-height: 1.72;
}

.poker-panel__intro .poker-panel__lead {
    color: #3d4d44;
    font-size: 17px;
}

/* POKER DETAILS END */


/* HOLD'EM ESSENTIAL START */

.holdem-essential {
    display: grid;
    grid-template-columns: minmax(330px, .85fr) minmax(0, 1.15fr);
    overflow: hidden;
    margin-bottom: 14px;
    border: 2px solid #9a5d43;
    border-radius: 11px;
}

.holdem-essential__jackpot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 3vw, 35px);
    background: linear-gradient(145deg, #e4ad72, #f0cf9d);
}

.holdem-essential__jackpot small {
    color: #78402d;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
}

.holdem-essential__jackpot strong {
    margin-top: 8px;
    color: #44291f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(35px, 4vw, 50px);
    line-height: 1;
}

.holdem-essential__jackpot span {
    max-width: 420px;
    margin-top: 11px;
    color: #63483a;
    font-size: 12px;
    line-height: 1.55;
}

.holdem-essential__info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #19463e;
}

.holdem-essential__info > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.holdem-essential__info > div + div {
    border-left: 1px solid rgba(239, 198, 145, .22);
}

.holdem-essential__info small {
    color: #d7a66f;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}

.holdem-essential__info strong {
    margin-top: 7px;
    color: #fff3df;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.25;
}

/* HOLD'EM ESSENTIAL END */


/* DETAIL BUTTONS START */

.poker-detail-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.poker-detail-button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    gap: 14px;
    min-height: 91px;
    padding: 15px 16px;
    color: #fff2e3;
    background: #17463e;
    border: 2px solid #42776b;
    border-radius: 9px;
    cursor: pointer;
    text-align: left;
    transition:
        transform 200ms ease,
        background 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease;
}

.poker-detail-button--accent {
    background: #62372b;
    border-color: #a96b4d;
}

.poker-detail-button small {
    display: block;
    margin-bottom: 5px;
    color: #e5b271;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .11em;
}

.poker-detail-button strong {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.3;
}

.poker-detail-button__icon {
    position: relative;
    width: 32px;
    height: 32px;
    background: #9ce1d5;
    border-radius: 50%;
}

.poker-detail-button__icon::before,
.poker-detail-button__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #17493f;
    transform: translate(-50%, -50%);
}

.poker-detail-button__icon::before {
    width: 12px;
    height: 2px;
}

.poker-detail-button__icon::after {
    width: 2px;
    height: 12px;
}

.poker-detail-button[aria-expanded="true"] {
    color: #452e24;
    background: #efce9d;
    border-color: #84452f;
    box-shadow: 0 0 0 3px rgba(132, 69, 47, .14);
}

.poker-detail-button[aria-expanded="true"] .poker-detail-button__icon::after {
    display: none;
}

@media (hover: hover) and (pointer: fine) {

    .poker-detail-button:hover {
        transform: translateY(-2px);
        border-color: #9ddbcf;
    }

    .poker-detail-button--accent:hover {
        border-color: #e7ad77;
    }

}

/* DETAIL BUTTONS END */


/* DETAIL CONTENT START */

.poker-detail-content {
    margin-top: 10px;
    padding: clamp(23px, 3vw, 36px);
    background: #fff9ee;
    border: 1px solid #d0b08d;
    border-radius: 10px;
}

.poker-detail-content--jackpot {
    color: #f6eee5;
    background: linear-gradient(135deg, #42261f, #62352a);
    border-color: #a66b4e;
}

.poker-detail-content__heading {
    margin-bottom: 20px;
}

.poker-detail-content__heading h4 {
    max-width: 850px;
    margin: 8px 0 0;
    color: #3c3a32;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 39px);
    line-height: 1.12;
}

.poker-detail-content__heading--light h4 {
    color: #fff5e6;
}

/* DETAIL CONTENT END */


/* HOLD'EM STREETS START */

.holdem-streets {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.holdem-streets article {
    padding: 19px;
    color: #dce8e1;
    background: #193f37;
    border-top: 4px solid #d99e62;
    border-radius: 7px;
}

.holdem-streets span,
.poker-lessons span {
    color: #e3ad6f;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.holdem-streets strong {
    display: block;
    margin-top: 12px;
    color: #fff5e5;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.holdem-streets p {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.65;
}

/* HOLD'EM STREETS END */


/* BAD BEAT START */

.bad-beat-copy {
    max-width: 950px;
    margin-bottom: 23px;
}

.bad-beat-copy p {
    margin: 0 0 10px;
    color: #e8dcd3;
    font-size: 14px;
    line-height: 1.7;
}

.bad-beat-distribution {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(239, 194, 139, .25);
}

.bad-beat-distribution > div {
    padding: 22px 20px 4px;
}

.bad-beat-distribution > div + div {
    border-left: 1px solid rgba(239, 194, 139, .25);
}

.bad-beat-distribution span {
    color: #f0c187;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
}

.bad-beat-distribution strong {
    display: block;
    margin-top: 5px;
    color: #fff6e8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
}

.bad-beat-distribution p {
    margin: 8px 0 0;
    color: #ded1c7;
    font-size: 12px;
    line-height: 1.6;
}

/* BAD BEAT END */


/* STRATEGY START */

.poker-thinking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.poker-thinking section {
    padding: 19px;
    background: #edf1e8;
    border-left: 4px solid #447b6e;
}

.poker-thinking h5 {
    margin: 0;
    color: #3e4037;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.poker-thinking p {
    margin: 8px 0 0;
    color: #5e645d;
    font-size: 13px;
    line-height: 1.67;
}

/* STRATEGY END */


/* OMAHA / STUD EXPLAINER START */

.poker-explainer {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 28px;
    padding: clamp(24px, 3vw, 35px);
    background: #fff9ee;
    border: 1px solid #d0b08d;
    border-radius: 10px;
}

.poker-explainer__main h4 {
    margin: 0 0 14px;
    color: #3d3931;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.12;
}

.poker-explainer__main p {
    margin: 0 0 11px;
    color: #5d625b;
    font-size: 14px;
    line-height: 1.72;
}

.poker-explainer__main strong {
    color: #874b38;
}

.poker-explainer__comparison {
    display: grid;
    align-content: start;
    background: #173f38;
    border-radius: 8px;
    overflow: hidden;
}

.poker-explainer__comparison > div {
    padding: 20px;
}

.poker-explainer__comparison > div + div {
    border-top: 1px solid rgba(240, 200, 143, .25);
}

.poker-explainer__comparison small {
    color: #dfa76c;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.poker-explainer__comparison strong {
    display: block;
    margin-top: 8px;
    color: #fff4e1;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.poker-explainer__comparison span {
    display: block;
    margin-top: 6px;
    color: #cfded7;
    font-size: 12px;
    line-height: 1.55;
}

.poker-lessons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 10px;
}

.poker-lessons > div {
    padding: 20px;
    background: #f7efe1;
    border-top: 4px solid #8e503c;
    border-radius: 7px;
}

.poker-lessons strong {
    display: block;
    margin-top: 11px;
    color: #3e3a32;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
}

.poker-lessons p {
    margin: 7px 0 0;
    color: #60645d;
    font-size: 12px;
    line-height: 1.63;
}

/* OMAHA / STUD EXPLAINER END */


/* POKER ROOM RULES START */

.poker-room-rules {
    padding: clamp(42px, 5vw, 64px) 0;
    color: #f3ece4;
    background: linear-gradient(125deg, #173c35, #245348);
}

.poker-room-rules__heading {
    max-width: 850px;
    margin-bottom: 20px;
}

.poker-room-rules__heading h3 {
    margin: 9px 0 13px;
    color: #fff5e5;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(33px, 3.6vw, 46px);
    line-height: 1.09;
}

.poker-room-rules__heading h3 span {
    color: #e5b073;
}

.poker-room-rules__heading > p {
    max-width: 760px;
    margin: 0;
    color: #d3dfd8;
    font-size: 14px;
    line-height: 1.7;
}

.poker-rules {
    width: 100%;
    overflow: hidden;
    background: #f4e7d3;
    border: 2px solid #d8a470;
    border-radius: 9px;
}

.poker-rules summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 35px;
    align-items: center;
    gap: 16px;
    min-height: 74px;
    padding: 16px 18px;
    color: #45342a;
    cursor: pointer;
    list-style: none;
}

.poker-rules summary::-webkit-details-marker {
    display: none;
}

.poker-rules summary small {
    display: block;
    color: #98583e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.poker-rules summary strong {
    display: block;
    margin-top: 5px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.poker-rules__icon {
    position: relative;
    width: 33px;
    height: 33px;
    background: #5c3025;
    border-radius: 50%;
}

.poker-rules__icon::before,
.poker-rules__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #f0c18a;
    transform: translate(-50%, -50%);
}

.poker-rules__icon::before {
    width: 12px;
    height: 2px;
}

.poker-rules__icon::after {
    width: 2px;
    height: 12px;
}

.poker-rules[open] .poker-rules__icon::after {
    display: none;
}

.poker-rules__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: #d3b392;
    border-top: 1px solid #cfaa83;
}

.poker-rules__content p {
    margin: 0;
    padding: 16px;
    color: #60645d;
    background: #fff8ec;
    font-size: 12px;
    line-height: 1.62;
}

.poker-rules__content strong {
    color: #44352c;
}

/* POKER ROOM RULES END */


/* POKER FAQ START */

.poker-faq {
    padding: clamp(42px, 5vw, 65px) 0 clamp(58px, 6vw, 84px);
    background: linear-gradient(155deg, #ebd8bd, #f2e4ce);
}

.poker-faq__heading {
    max-width: 770px;
    margin-bottom: 21px;
}

.poker-faq__heading h3 {
    margin: 8px 0 0;
    color: #393930;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(33px, 3.7vw, 47px);
    line-height: 1.08;
}

.poker-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
}

.poker-faq__item {
    overflow: hidden;
    background: #fff9ee;
    border: 1px solid #d0b18f;
    border-radius: 8px;
}

.poker-faq__item[open] {
    border-color: #8a4e38;
    box-shadow: 0 0 0 3px rgba(138, 78, 56, .10);
}

.poker-faq__item summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 13px 15px;
    cursor: pointer;
    list-style: none;
}

.poker-faq__item summary::-webkit-details-marker {
    display: none;
}

.poker-faq__item summary > span:first-child {
    color: #43382f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.poker-faq__icon {
    position: relative;
    width: 29px;
    height: 29px;
    background: #62352a;
    border-radius: 50%;
}

.poker-faq__icon::before,
.poker-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #f0c188;
    transform: translate(-50%, -50%);
}

.poker-faq__icon::before {
    width: 11px;
    height: 2px;
}

.poker-faq__icon::after {
    width: 2px;
    height: 11px;
}

.poker-faq__item[open] .poker-faq__icon::after {
    display: none;
}

.poker-faq__item > div {
    padding: 14px 15px 17px;
    border-top: 1px solid #dec5a8;
}

.poker-faq__item p {
    margin: 0;
    color: #60645d;
    font-size: 13px;
    line-height: 1.66;
}

/* POKER FAQ END */


/* POKER TABLET START */

@media (max-width: 1000px) {

    .poker-detail-actions {
        grid-template-columns: 1fr;
    }

    .holdem-streets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .holdem-essential {
        grid-template-columns: 1fr;
    }

}

/* POKER TABLET END */


/* POKER MOBILE START */

@media (max-width: 700px) {

    .poker-shell {
        width: calc(100% - 30px);
    }


    /* MOBILE HERO */

    .poker-hero {
        padding: 20px 0 21px;
    }

    .poker-hero__layout {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .poker-hero__visual {
        order: 0;
    }

    .poker-hero__visual img {
        aspect-ratio: 16 / 8.5;
    }

    .poker-hero__content {
        order: 1;
    }

    .poker-hero__content h2 {
        margin: 7px 0 0;
        font-size: clamp(34px, 9.8vw, 45px);
    }

    .poker-hero__lead {
        display: none;
    }


    /* MOBILE SELECTOR IMMEDIATELY AFTER HERO */

    .poker-formats {
        padding: 25px 0 34px;
    }

    .poker-formats__heading {
        display: block;
        margin-bottom: 14px;
    }

    .poker-formats__heading h3 {
        font-size: 28px;
    }

    .poker-formats__heading > p {
        display: none;
    }

    .poker-selector {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .poker-selector__button {
        display: grid;
        grid-template-columns: 34% minmax(0, 1fr);
        min-height: 141px;
        border-radius: 10px;
    }

    .poker-selector__image {
        height: 100%;
        aspect-ratio: auto;
    }

    .poker-selector__image img {
        height: 100%;
    }

    .poker-selector__content {
        padding: 10px 11px;
    }

    .poker-selector__badge {
        padding: 3px 5px;
        font-size: 6px;
    }

    .poker-selector__content > strong {
        margin-top: 5px;
        font-size: 20px;
    }

    .poker-selector__description {
        margin-top: 4px;
        font-size: 9px;
        line-height: 1.4;
    }

    .poker-selector__facts {
        margin-top: 6px;
    }

    .poker-selector__facts > span {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 5px;
        padding: 4px 0;
    }

    .poker-selector__facts small {
        font-size: 5px;
    }

    .poker-selector__facts b {
        font-size: 8px;
    }

    .poker-selector__jackpot b {
        font-size: 10px;
    }

    .poker-selector__action {
        margin-top: 6px;
        padding-top: 0;
        font-size: 7px;
    }


    /* MOBILE GENERAL STORY */

    .poker-story {
        padding: 31px 0;
    }

    .poker-story__layout {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .poker-story__heading h3 {
        font-size: 30px;
    }

    .poker-story__copy {
        padding: 14px 0 0;
        border-left: 0;
        border-top: 2px solid rgba(226, 173, 112, .68);
    }

    .poker-story__copy p {
        font-size: 12px;
        line-height: 1.65;
    }

    .poker-story__copy .poker-story__lead {
        font-size: 14px;
    }


    /* MOBILE PANEL */

    .poker-panel {
        padding: 30px 0 40px;
    }

    .poker-panel__intro {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 18px;
    }

    .poker-panel__intro h3 {
        font-size: 29px;
    }

    .poker-panel__intro > div:last-child {
        padding: 13px 0 0;
        border-left: 0;
        border-top: 2px solid #bd805b;
    }

    .poker-panel__intro p {
        font-size: 12px;
    }

    .poker-panel__intro .poker-panel__lead {
        font-size: 14px;
    }


    /* MOBILE HOLD'EM ESSENTIAL */

    .holdem-essential {
        grid-template-columns: 1fr;
    }

    .holdem-essential__jackpot {
        padding: 18px;
    }

    .holdem-essential__jackpot strong {
        font-size: 35px;
    }

    .holdem-essential__info {
        grid-template-columns: 1fr;
    }

    .holdem-essential__info > div {
        padding: 12px 16px;
    }

    .holdem-essential__info > div + div {
        border-left: 0;
        border-top: 1px solid rgba(239, 198, 145, .22);
    }

    .holdem-essential__info strong {
        font-size: 17px;
    }


    /* MOBILE DETAIL BUTTONS */

    .poker-detail-actions {
        gap: 7px;
    }

    .poker-detail-button {
        min-height: 68px;
        padding: 11px 12px;
    }

    .poker-detail-button strong {
        font-size: 14px;
    }

    .poker-detail-button__icon {
        width: 28px;
        height: 28px;
    }


    /* MOBILE DETAILS */

    .poker-detail-content {
        margin-top: 7px;
        padding: 16px 13px;
    }

    .poker-detail-content__heading h4 {
        font-size: 26px;
    }

    .holdem-streets,
    .poker-thinking,
    .bad-beat-distribution {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .holdem-streets article,
    .poker-thinking section {
        padding: 14px;
    }

    .bad-beat-distribution > div {
        padding: 14px 0;
    }

    .bad-beat-distribution > div + div {
        border-left: 0;
        border-top: 1px solid rgba(239, 194, 139, .25);
    }


    /* MOBILE OMAHA / STUD */

    .poker-explainer {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 17px 14px;
    }

    .poker-explainer__main h4 {
        font-size: 27px;
    }

    .poker-explainer__main p {
        font-size: 12px;
        line-height: 1.66;
    }

    .poker-explainer__comparison > div {
        padding: 15px;
    }

    .poker-lessons {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .poker-lessons > div {
        padding: 15px;
    }


    /* MOBILE ROOM RULES */

    .poker-room-rules {
        padding: 32px 0;
    }

    .poker-room-rules__heading h3 {
        font-size: 29px;
    }

    .poker-room-rules__heading > p {
        font-size: 12px;
    }

    .poker-rules summary {
        min-height: 67px;
        padding: 12px 13px;
        grid-template-columns: minmax(0, 1fr) 29px;
    }

    .poker-rules summary strong {
        font-size: 15px;
    }

    .poker-rules__content {
        grid-template-columns: 1fr;
    }


    /* MOBILE FAQ */

    .poker-faq {
        padding: 32px 0 47px;
    }

    .poker-faq__heading h3 {
        font-size: 29px;
    }

    .poker-faq__grid {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .poker-faq__item summary > span:first-child {
        font-size: 14px;
    }

}


/* POKER MOBILE END */


/* POKER SMALL MOBILE START */

@media (max-width: 390px) {

    .poker-shell {
        width: calc(100% - 24px);
    }

    .poker-selector__button {
        grid-template-columns: 31% minmax(0, 1fr);
    }

    .poker-selector__content {
        padding: 9px;
    }

    .poker-selector__description {
        font-size: 8px;
    }

}

/* POKER SMALL MOBILE END */


/* POKER ROOM PAGE END */
/* MOBILE POKER BOTTOM SWITCHER START */

.poker-mobile-switcher {
    display: none;
}

@media (max-width: 700px) {

    .poker-mobile-switcher {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;

        padding: 0 0 38px;
    }

    .poker-mobile-switcher button {
        min-height: 54px;
        padding: 10px 14px;

        color: #fff4e4;
        background: #17463e;

        border: 2px solid #4d8276;
        border-radius: 8px;

        cursor: pointer;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 15px;
        font-weight: 700;

        text-align: left;

        transition:
            background 180ms ease,
            border-color 180ms ease,
            color 180ms ease;
    }

    .poker-mobile-switcher button.is-active {
        color: #432a20;
        background: #efce9d;

        border-color: #7e432f;
    }

}

/* MOBILE POKER BOTTOM SWITCHER END */
/* =========================================================
   MOBILE POKER INLINE PANELS START
========================================================= */

@media (max-width: 700px) {

    .poker-selector > .poker-panel {
        width: 100%;
        padding: 24px 0 28px;

        background: transparent;
    }

    .poker-selector > .poker-panel .poker-panel__intro {
        margin-bottom: 18px;
    }

}

/* =========================================================
   MOBILE POKER INLINE PANELS END
========================================================= */
/* =========================================================
   VERNON CASINO — ENCORE REWARDS PAGE
========================================================= */

/* ENCORE REWARDS PAGE START */

.rewards-page {
    --rewards-deep: #12382f;
    --rewards-green: #285846;
    --rewards-green-dark: #173f34;

    --rewards-wine: #55313f;
    --rewards-wine-light: #8e503f;

    --rewards-gold: #c8893d;
    --rewards-gold-light: #ebc779;

    --rewards-sand: #ead7b7;
    --rewards-sand-light: #f5e7cf;
    --rewards-paper: #fff9ef;

    --rewards-ink: #29463a;
    --rewards-copy: #55645d;

    color: var(--rewards-ink);
    background: var(--rewards-sand);
}

.rewards-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.rewards-kicker {
    margin: 0;

    color: var(--rewards-gold-light);

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.rewards-kicker--dark {
    color: #935b28;
}


/* =========================================================
   REWARDS HERO START
========================================================= */

.rewards-hero {
    position: relative;

    min-height: 510px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: var(--rewards-deep);

    isolation: isolate;
}

.rewards-hero__background,
.rewards-hero__overlay {
    position: absolute;
    inset: 0;
}

.rewards-hero__background {
    z-index: -2;
}

.rewards-hero__background img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

.rewards-hero__overlay {
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(8, 34, 28, .97) 0%,
            rgba(14, 50, 40, .92) 43%,
            rgba(16, 52, 42, .50) 68%,
            rgba(10, 30, 25, .08) 100%
        );
}

.rewards-hero__content {
    padding:
        clamp(62px, 7vw, 92px)
        0;
}

.rewards-hero h2 {
    max-width: 730px;

    margin: 13px 0 0;

    color: #fff8eb;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5.4vw, 76px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.rewards-hero h2 span {
    display: block;

    color: var(--rewards-gold-light);
}

.rewards-hero__lead {
    max-width: 650px;

    margin: 23px 0 0;

    color: #e1ebe5;

    font-size: 17px;
    line-height: 1.72;
}

/* =========================================================
   REWARDS HERO END
========================================================= */


/* =========================================================
   REWARDS INTRO START
========================================================= */

.rewards-intro {
    padding:
        clamp(45px, 5.5vw, 72px)
        0;

    background:
        linear-gradient(
            155deg,
            #f5e7cf,
            #ead3b0
        );
}

.rewards-intro__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .82fr)
        minmax(0, 1.18fr);

    gap: clamp(38px, 7vw, 88px);
}

.rewards-intro h3 {
    margin: 9px 0 0;

    color: #29473a;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(39px, 4.3vw, 57px);

    line-height: 1.05;
}

.rewards-intro h3 span {
    display: block;

    color: #995d28;
}

.rewards-intro__copy {
    padding-left: 27px;

    border-left:
        2px solid #b9793b;
}

.rewards-intro__copy p {
    margin: 0 0 12px;

    color: #59655e;

    font-size: 15px;
    line-height: 1.72;
}

.rewards-intro__copy p:last-child {
    margin-bottom: 0;
}

.rewards-intro__copy
.rewards-intro__lead {
    color: #314d3f;

    font-size: 18px;
}

/* =========================================================
   REWARDS INTRO END
========================================================= */


/* =========================================================
   REWARDS MAIN CHOOSER START
========================================================= */

.rewards-chooser {
    padding:
        clamp(38px, 4.5vw, 58px)
        0;

    background:
        linear-gradient(
            155deg,
            #f3e4ca,
            #ead1ad
        );
}

.rewards-chooser__heading {
    max-width: 800px;

    margin-bottom: 21px;
}

.rewards-chooser__heading h3 {
    margin: 8px 0 11px;

    color: #29473a;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.8vw, 49px);

    line-height: 1.07;
}

.rewards-chooser__heading h3 span {
    display: block;

    color: #9a5c27;
}

.rewards-chooser__heading > p:last-child {
    margin: 0;

    color: #62675f;

    font-size: 14px;
    line-height: 1.65;
}

.rewards-category-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.rewards-category-button {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        42px;

    align-items: center;

    gap: 22px;

    min-height: 155px;

    padding: 25px 27px;

    color: #fff8ef;

    background:
        linear-gradient(
            145deg,
            #55313f,
            #70424a
        );

    border:
        2px solid #a87362;
    border-radius: 14px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 10px 25px rgba(72, 42, 49, .18);

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease,
        background 200ms ease;
}

.rewards-category-button--dining {
    background:
        linear-gradient(
            145deg,
            #5d4934,
            #7b6040
        );

    border-color: #ad8650;
}

.rewards-category-button__content small {
    display: block;

    color: #f0bd72;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.rewards-category-button__content strong {
    display: block;

    margin-top: 7px;

    color: #fff8ef;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(27px, 2.6vw, 36px);

    line-height: 1.08;
}

.rewards-category-button__content > span {
    display: block;

    max-width: 520px;

    margin-top: 9px;

    color: #eadde0;

    font-size: 13px;
    line-height: 1.58;
}

.rewards-category-button--dining
.rewards-category-button__content > span {
    color: #eee1ce;
}

.rewards-category-button__value {
    min-width: 125px;

    color: #ffd087;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 45px;
    font-weight: 700;

    line-height: 1;

    text-align: right;
}

.rewards-category-button__value small {
    display: block;

    margin-top: 6px;

    color: #dfc5c8;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 900;

    letter-spacing: .1em;
}

.rewards-category-button--dining
.rewards-category-button__value small {
    color: #e6d3b8;
}

.rewards-category-button__arrow {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    color: #55313f;

    background:
        linear-gradient(
            145deg,
            #ffe0a0,
            #dba258
        );

    border-radius: 50%;
}

.rewards-category-button--dining
.rewards-category-button__arrow {
    color: #654b2e;
}

.rewards-category-button[aria-selected="true"] {
    background:
        linear-gradient(
            145deg,
            #8e503f,
            #b26c46
        );

    border-color: #f0bd72;

    box-shadow:
        0 0 0 4px rgba(240, 189, 114, .15),
        0 13px 30px rgba(87, 45, 34, .21);
}

.rewards-category-button--dining[aria-selected="true"] {
    background:
        linear-gradient(
            145deg,
            #89633b,
            #ae8047
        );
}

@media (hover: hover) and (pointer: fine) {

    .rewards-category-button:hover {
        transform: translateY(-4px);

        border-color: #f0bd72;
    }

}

/* =========================================================
   REWARDS MAIN CHOOSER END
========================================================= */


/* =========================================================
   REWARDS PANEL AREA START
========================================================= */

.rewards-panel-area {
    background:
        linear-gradient(
            155deg,
            #efe0c8,
            #f7ecdb
        );
}

.rewards-panel {
    padding:
        clamp(40px, 5vw, 62px)
        0
        clamp(52px, 6vw, 78px);
}

.rewards-panel__intro {
    display: grid;

    grid-template-columns:
        minmax(0, .82fr)
        minmax(0, 1.18fr);

    gap: clamp(35px, 6vw, 72px);

    margin-bottom: 27px;
}

.rewards-panel__intro h3 {
    margin: 8px 0 0;

    color: #29463a;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(35px, 3.7vw, 49px);

    line-height: 1.06;
}

.rewards-panel__intro h3 span {
    display: block;

    color: #a05f29;
}

.rewards-panel__intro > div:last-child {
    padding-left: 25px;

    border-left:
        2px solid #bc7e40;
}

.rewards-panel__intro p {
    max-width: 690px;

    margin: 0 0 12px;

    color: #59655e;

    font-size: 15px;
    line-height: 1.72;
}

.rewards-panel__intro
.rewards-panel__lead {
    color: #314d3f;

    font-size: 17px;
}

/* =========================================================
   REWARDS PANEL AREA END
========================================================= */


/* =========================================================
   CASINO MEMBERSHIP CARDS START
========================================================= */

.rewards-tier-list {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 13px;

    align-items: start;
}

.rewards-tier {
    display: contents;
}

.rewards-tier:nth-child(1)
.rewards-tier__button {
    grid-column: 1;
    grid-row: 1;
}

.rewards-tier:nth-child(2)
.rewards-tier__button {
    grid-column: 2;
    grid-row: 1;
}

.rewards-tier:nth-child(3)
.rewards-tier__button {
    grid-column: 3;
    grid-row: 1;
}

.rewards-tier:nth-child(4)
.rewards-tier__button {
    grid-column: 4;
    grid-row: 1;
}

.rewards-tier__details {
    grid-column: 1 / -1;
    grid-row: 2;
}

.rewards-tier__button {
    position: relative;

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

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    gap: 20px;

    padding:
        24px
        22px
        22px;

    color: #f6f7ed;

    background:
        linear-gradient(
            155deg,
            #173f34,
            #2b5c49
        );

    border:
        2px solid #4f7d68;
    border-radius: 12px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 8px 20px rgba(41, 58, 44, .12);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

.rewards-tier--elite
.rewards-tier__button {
    background:
        linear-gradient(
            155deg,
            #294331,
            #6b5a32
        );

    border-color: #a98b4f;
}

.rewards-tier__name small {
    display: block;

    color: #e4b55e;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.rewards-tier__name strong {
    display: block;

    margin-top: 9px;

    color: #fff7e8;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 2.1vw, 31px);

    line-height: 1.08;
}

.rewards-tier__name > span {
    display: block;

    margin-top: 11px;

    color: #d5e2da;

    font-size: 13px;
    line-height: 1.58;
}

.rewards-tier__figure {
    display: block;

    margin-top: auto;
    padding-top: 18px;

    color: #f1ca78;

    border-top:
        1px solid rgba(235, 199, 121, .27);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(29px, 2.4vw, 38px);
    font-weight: 700;

    line-height: 1;
}

.rewards-tier__figure small {
    display: block;

    margin-top: 7px;

    color: #d7e2dc;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 900;

    letter-spacing: .1em;
}

.rewards-tier__figure--word {
    font-size: clamp(23px, 1.9vw, 30px);
}

.rewards-tier__plus {
    position: absolute;

    right: 15px;
    bottom: 15px;

    width: 31px;
    height: 31px;

    background: #e8c16d;

    border-radius: 50%;
}

.rewards-tier__plus::before,
.rewards-tier__plus::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #234b3d;

    transform:
        translate(-50%, -50%);
}

.rewards-tier__plus::before {
    width: 12px;
    height: 2px;
}

.rewards-tier__plus::after {
    width: 2px;
    height: 12px;
}

.rewards-tier__button[aria-expanded="true"] {
    background:
        linear-gradient(
            150deg,
            #fff0d1,
            #e5bd6d
        );

    border-color: #865024;

    box-shadow:
        0 0 0 3px rgba(134, 80, 36, .12),
        0 10px 24px rgba(77, 54, 28, .13);
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__name small {
    color: #8a4d21;
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__name strong {
    color: #294438;
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__name > span {
    color: #5d6158;
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__figure {
    color: #7d451f;

    border-top-color:
        rgba(125, 69, 31, .25);
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__figure small {
    color: #64655d;
}

.rewards-tier__button[aria-expanded="true"]
.rewards-tier__plus::after {
    display: none;
}

@media (hover: hover) and (pointer: fine) {

    .rewards-tier__button:hover {
        transform: translateY(-4px);

        border-color: #d8a454;
    }

}

/* =========================================================
   CASINO MEMBERSHIP CARDS END
========================================================= */


/* =========================================================
   DINING REWARD CARDS START
========================================================= */

.rewards-dining-list {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 13px;

    align-items: start;
}

.rewards-dining {
    display: contents;
}

.rewards-dining:nth-child(1)
.rewards-dining__button {
    grid-column: 1;
    grid-row: 1;
}

.rewards-dining:nth-child(2)
.rewards-dining__button {
    grid-column: 2;
    grid-row: 1;
}

.rewards-dining:nth-child(3)
.rewards-dining__button {
    grid-column: 3;
    grid-row: 1;
}

.rewards-dining__details {
    grid-column: 1 / -1;
    grid-row: 2;
}

.rewards-dining__button {
    position: relative;

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

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    gap: 18px;

    padding:
        23px;

    color: #fff8ed;

    background:
        linear-gradient(
            155deg,
            #665034,
            #866b43
        );

    border:
        2px solid #a78655;
    border-radius: 12px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 8px 20px rgba(72, 58, 37, .12);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
}

.rewards-dining__name small {
    display: block;

    color: #f0c57d;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.rewards-dining__name strong {
    display: block;

    margin-top: 8px;

    color: #fff8eb;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;

    line-height: 1.08;
}

.rewards-dining__name > span {
    display: block;

    margin-top: 10px;

    color: #efe5d6;

    font-size: 13px;
    line-height: 1.58;
}

.rewards-dining__figure {
    display: block;

    padding-top: 18px;

    color: #f4cf87;

    border-top:
        1px solid rgba(244, 207, 135, .27);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    font-weight: 700;

    line-height: 1;
}

.rewards-dining__figure small {
    display: block;

    margin-top: 7px;

    color: #eadfcf;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 900;

    letter-spacing: .1em;
}

.rewards-dining__button[aria-expanded="true"] {
    background:
        linear-gradient(
            150deg,
            #f3d599,
            #dfae64
        );

    border-color: #895127;
}

.rewards-dining__button[aria-expanded="true"]
.rewards-dining__name small {
    color: #81491f;
}

.rewards-dining__button[aria-expanded="true"]
.rewards-dining__name strong {
    color: #41382e;
}

.rewards-dining__button[aria-expanded="true"]
.rewards-dining__name > span {
    color: #655f56;
}

.rewards-dining__button[aria-expanded="true"]
.rewards-dining__figure {
    color: #7b451f;

    border-top-color:
        rgba(123, 69, 31, .25);
}

.rewards-dining__button[aria-expanded="true"]
.rewards-tier__plus::after {
    display: none;
}

@media (hover: hover) and (pointer: fine) {

    .rewards-dining__button:hover {
        transform: translateY(-4px);

        border-color: #edc783;
    }

}

/* =========================================================
   DINING REWARD CARDS END
========================================================= */


/* =========================================================
   REWARD DETAILS START
========================================================= */

.rewards-tier__details,
.rewards-dining__details {
    margin-top: 5px;

    padding: 22px;

    background: #fff9ef;

    border:
        1px solid #d1b38c;
    border-radius: 11px;

    box-shadow:
        0 7px 20px rgba(85, 66, 41, .08);
}

.rewards-benefit-copy {
    display: grid;

    grid-template-columns:
        minmax(280px, .68fr)
        minmax(0, 1.32fr);

    gap: clamp(32px, 5vw, 65px);

    padding:
        25px
        26px;

    background: #f2eadc;

    border-left:
        4px solid #b67739;
}

.rewards-benefit-copy small {
    color: #995d29;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .12em;
}

.rewards-benefit-copy h4 {
    max-width: 460px;

    margin: 9px 0 0;

    color: #294438;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.5vw, 34px);

    line-height: 1.12;
}

.rewards-benefit-copy p {
    max-width: 790px;

    margin: 0 0 13px;

    color: #53625a;

    font-size: 15px;
    line-height: 1.72;
}

.rewards-benefit-copy p:last-child {
    margin-bottom: 0;
}

.rewards-how {
    display: grid;

    grid-template-columns:
        180px
        minmax(0, 1fr);

    gap: 28px;

    margin-top: 11px;
    padding:
        19px
        22px;

    color: #dce7e0;

    background: #244d3e;

    border-radius: 8px;
}

.rewards-how strong {
    color: #edc97a;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;

    line-height: 1.3;
}

.rewards-how p {
    max-width: 900px;

    margin: 0;

    font-size: 14px;
    line-height: 1.66;
}

/* =========================================================
   REWARD DETAILS END
========================================================= */


/* =========================================================
   REWARDS TABLET START
========================================================= */

@media (max-width: 1000px) {

    .rewards-tier-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .rewards-tier {
        display: block;
    }

    .rewards-tier:nth-child(n)
    .rewards-tier__button {
        grid-column: auto;
        grid-row: auto;
    }

    .rewards-tier__button {
        min-height: 245px;
    }

    .rewards-tier__details {
        grid-column: 1 / -1;
        grid-row: auto;
    }

}

/* =========================================================
   REWARDS TABLET END
========================================================= */


/* =========================================================
   REWARDS MOBILE START
========================================================= */

@media (max-width: 700px) {

    .rewards-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO START */

    .rewards-hero {
        min-height: 0;

        display: flex;
        flex-direction: column;

        background: #173d32;
    }

    .rewards-hero__background {
        position: relative;

        z-index: auto;

        width: 100%;
        height: 235px;

        flex: 0 0 auto;
    }

    .rewards-hero__background img {
        object-position: 64% center;
    }

    .rewards-hero__overlay {
        display: none;
    }

    .rewards-hero__content {
        width: 100%;

        padding:
            28px
            0
            35px;
    }

    .rewards-hero h2 {
        font-size:
            clamp(38px, 10.3vw, 51px);
    }

    .rewards-hero__lead {
        margin-top: 18px;

        font-size: 14px;
    }

    /* MOBILE HERO END */


    /* MOBILE INTRO START */

    .rewards-intro {
        padding:
            34px
            0;
    }

    .rewards-intro__layout {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .rewards-intro h3 {
        font-size: 32px;
    }

    .rewards-intro__copy {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            2px solid #b9793b;
    }

    .rewards-intro__copy p {
        font-size: 12px;
        line-height: 1.65;
    }

    .rewards-intro__copy
    .rewards-intro__lead {
        font-size: 14px;
    }

    /* MOBILE INTRO END */


    /* MOBILE MAIN CATEGORY START */

    .rewards-chooser {
        padding:
            29px
            0
            34px;
    }

    .rewards-chooser__heading h3 {
        font-size: 30px;
    }

    .rewards-chooser__heading > p:last-child {
        font-size: 12px;
    }

    .rewards-category-list {
        grid-template-columns: 1fr;

        gap: 11px;
    }

    .rewards-category-button {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            31px;

        gap: 10px;

        min-height: 0;

        padding: 16px;
    }

    .rewards-category-button__content strong {
        font-size: 23px;
    }

    .rewards-category-button__content > span {
        font-size: 11px;
    }

    .rewards-category-button__value {
        min-width: 60px;

        font-size: 31px;
    }

    .rewards-category-button__arrow {
        width: 29px;
        height: 29px;
    }

    .rewards-category-button[aria-selected="true"] {
        border-radius:
            13px
            13px
            0
            0;
    }

    .rewards-category-list >
    .rewards-panel {
        width: 100%;

        margin-top: -11px;
        margin-bottom: 8px;

        padding:
            21px
            12px
            24px;

        background:
            linear-gradient(
                155deg,
                #f7ead6,
                #eddbc0
            );

        border:
            2px solid #8e503f;
        border-top: 0;

        border-radius:
            0
            0
            13px
            13px;
    }

    .rewards-category-list >
    .rewards-panel +
    .rewards-category-button {
        margin-top: 18px;
    }

    /* MOBILE MAIN CATEGORY END */


    /* MOBILE PANEL INTRO START */

    .rewards-panel {
        padding:
            30px
            0
            39px;
    }

    .rewards-category-list >
    .rewards-panel {
        padding:
            20px
            12px
            24px;
    }

    .rewards-panel__intro {
        grid-template-columns: 1fr;

        gap: 13px;

        margin-bottom: 17px;
    }

    .rewards-panel__intro h3 {
        font-size: 28px;
    }

    .rewards-panel__intro > div:last-child {
        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            2px solid #bc7e40;
    }

    .rewards-panel__intro p {
        font-size: 12px;
        line-height: 1.65;
    }

    .rewards-panel__intro
    .rewards-panel__lead {
        font-size: 14px;
    }

    /* MOBILE PANEL INTRO END */


    /* MOBILE CASINO CARDS START */

    .rewards-tier-list {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .rewards-tier {
        display: block;
    }

    .rewards-tier:nth-child(n)
    .rewards-tier__button {
        grid-column: auto;
        grid-row: auto;
    }

    .rewards-tier__button {
        min-height: 0;

        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        align-items: center;

        gap: 12px;

        padding:
            14px
            45px
            14px
            14px;

        border-radius: 9px;
    }

    .rewards-tier__name strong {
        font-size: 21px;
    }

    .rewards-tier__name > span {
        margin-top: 6px;

        font-size: 10px;
    }

    .rewards-tier__figure {
        min-width: 75px;

        margin: 0;
        padding: 0;

        border-top: 0;

        font-size: 24px;

        text-align: right;
    }

    .rewards-tier__figure--word {
        font-size: 17px;
    }

    .rewards-tier__plus {
        right: 9px;
        top: 50%;
        bottom: auto;

        width: 27px;
        height: 27px;

        transform:
            translateY(-50%);
    }

    .rewards-tier__details {
        grid-column: auto;
        grid-row: auto;

        margin-top: -1px;

        padding: 9px;

        border-radius:
            0
            0
            9px
            9px;
    }

    /* MOBILE CASINO CARDS END */


    /* MOBILE DINING CARDS START */

    .rewards-dining-list {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .rewards-dining {
        display: block;
    }

    .rewards-dining:nth-child(n)
    .rewards-dining__button {
        grid-column: auto;
        grid-row: auto;
    }

    .rewards-dining__button {
        min-height: 0;

        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        align-items: center;

        gap: 12px;

        padding:
            14px
            45px
            14px
            14px;

        border-radius: 9px;
    }

    .rewards-dining__name strong {
        font-size: 21px;
    }

    .rewards-dining__name > span {
        font-size: 10px;
    }

    .rewards-dining__figure {
        min-width: 70px;

        padding: 0;

        border-top: 0;

        font-size: 19px;

        text-align: right;
    }

    .rewards-dining__details {
        grid-column: auto;
        grid-row: auto;

        margin-top: -1px;

        padding: 9px;

        border-radius:
            0
            0
            9px
            9px;
    }

    /* MOBILE DINING CARDS END */


    /* MOBILE DETAILS START */

    .rewards-benefit-copy {
        grid-template-columns: 1fr;

        gap: 12px;

        padding: 15px;
    }

    .rewards-benefit-copy h4 {
        font-size: 22px;
    }

    .rewards-benefit-copy p {
        font-size: 12px;
        line-height: 1.65;
    }

    .rewards-how {
        grid-template-columns: 1fr;

        gap: 6px;

        padding: 14px;
    }

    .rewards-how strong {
        font-size: 15px;
    }

    .rewards-how p {
        font-size: 11px;
    }

    /* MOBILE DETAILS END */

}

/* =========================================================
   REWARDS MOBILE END
========================================================= */


/* =========================================================
   REWARDS SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .rewards-shell {
        width:
            calc(100% - 24px);
    }

    .rewards-hero__background {
        height: 215px;
    }

    .rewards-category-button {
        grid-template-columns:
            minmax(0, 1fr)
            29px;
    }

    .rewards-category-button__value {
        grid-column: 1;
        grid-row: 2;

        min-width: 0;

        margin-top: 8px;

        text-align: left;
    }

    .rewards-category-button__arrow {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .rewards-tier__button,
    .rewards-dining__button {
        grid-template-columns:
            minmax(0, 1fr)
            72px;
    }

}

/* =========================================================
   REWARDS SMALL MOBILE END
========================================================= */


/* =========================================================
   ENCORE REWARDS PAGE END
========================================================= */
/* =========================================================
   VERNON CASINO — PROMOTIONS PAGE
========================================================= */

/* PROMOTIONS PAGE START */

.promotions-page {
    --promo-night: #281d32;
    --promo-plum: #53324f;
    --promo-plum-light: #70476b;

    --promo-copper: #a8563f;
    --promo-copper-light: #c87651;

    --promo-olive: #596247;
    --promo-olive-light: #777f55;

    --promo-gold: #e2ad67;
    --promo-gold-light: #f3d099;

    --promo-sand: #ead4b5;
    --promo-paper: #fff8ee;
    --promo-cream: #f4e1c5;

    --promo-ink: #3d3834;
    --promo-copy: #62645e;

    color: var(--promo-ink);

    background:
        var(--promo-sand);
}

.promotions-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.promotions-kicker {
    margin: 0;

    color: var(--promo-gold-light);

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.promotions-kicker--dark {
    color: #9d563c;
}


/* =========================================================
   PROMOTIONS HERO START
========================================================= */

.promotions-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(62px, 7vw, 96px)
        0;

    color: #fff7ee;

    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(194, 102, 104, .23),
            transparent 31%
        ),
        radial-gradient(
            circle at 15% 100%,
            rgba(123, 74, 113, .30),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #24192e 0%,
            #4d3049 53%,
            #754546 100%
        );
}

.promotions-hero::after {
    content: "";

    position: absolute;

    right: 6%;
    bottom: -155px;

    width: 360px;
    height: 360px;

    border:
        1px solid rgba(242, 198, 141, .19);
    border-radius: 50%;

    pointer-events: none;
}

.promotions-hero__layout {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    align-items: start;

    gap:
        clamp(42px, 7vw, 92px);
}

.promotions-hero__heading h2 {
    max-width: 700px;

    margin: 14px 0 0;

    color: #fff8ef;

    font-family: Georgia, "Times New Roman", serif;
    font-size:
        clamp(48px, 5.3vw, 74px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.promotions-hero__heading h2 span {
    display: block;

    color: #f1c486;
}

.promotions-hero__copy {
    padding-left: 29px;

    border-left:
        2px solid rgba(242, 198, 141, .64);
}

.promotions-hero__copy p {
    max-width: 700px;

    margin: 0 0 13px;

    color: #e6dce3;

    font-size: 15px;
    line-height: 1.74;
}

.promotions-hero__copy
.promotions-hero__lead {
    color: #fff5eb;

    font-size: 18px;
}

/* =========================================================
   PROMOTIONS HERO END
========================================================= */


/* =========================================================
   MOBILE INTRO START
========================================================= */

.promotions-mobile-intro {
    display: none;
}

/* =========================================================
   MOBILE INTRO END
========================================================= */


/* =========================================================
   PROMOTION SELECTOR START
========================================================= */

.promotions-selector-section {
    padding:
        clamp(48px, 5vw, 70px)
        0
        clamp(55px, 6vw, 78px);

    background:
        linear-gradient(
            155deg,
            #f2dfc2,
            #ead0ac
        );
}

.promotions-selector {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 15px;

    align-items: stretch;
}


/*
   THREE CARDS ACROSS THE FIRST ROW
*/

.promotion-choice:nth-child(1) {
    grid-column:
        1 / span 2;
}

.promotion-choice:nth-child(2) {
    grid-column:
        3 / span 2;
}

.promotion-choice:nth-child(3) {
    grid-column:
        5 / span 2;
}


/*
   TWO CARDS CENTERED ON THE SECOND ROW
*/

.promotion-choice:nth-child(4) {
    grid-column:
        2 / span 2;
}

.promotion-choice:nth-child(5) {
    grid-column:
        4 / span 2;
}


.promotion-choice {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;

    padding: 0;

    overflow: hidden;

    color: #fff7ef;

    background:
        linear-gradient(
            150deg,
            #43293e,
            #633b58
        );

    border:
        2px solid #86627e;
    border-radius: 13px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 9px 24px
        rgba(62, 39, 58, .14);

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease,
        background 200ms ease;
}

.promotion-choice--dining {
    background:
        linear-gradient(
            150deg,
            #4f553c,
            #70764c
        );

    border-color: #8d946a;
}

.promotion-choice__image {
    display: block;

    width: 100%;

    aspect-ratio:
        16 / 8.7;

    overflow: hidden;

    background: #302336;
}

.promotion-choice__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 350ms ease;
}

.promotion-choice__body {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding:
        20px
        21px
        23px;
}

.promotion-choice__body small {
    display: block;

    color: #edb56d;

    font-size: 8px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .13em;
}

.promotion-choice--dining
.promotion-choice__body small {
    color: #f1ce91;
}

.promotion-choice__body > strong {
    display: block;

    margin-top: 7px;

    color: #fff7ee;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(25px, 2.15vw, 31px);

    line-height: 1.08;
}

.promotion-choice__value {
    display: flex;

    align-items: flex-end;
    flex-wrap: wrap;

    gap:
        5px
        9px;

    margin-top: 17px;
}

.promotion-choice__value b {
    color: #f5c87e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(37px, 3.2vw, 49px);

    font-weight: 700;

    line-height: .9;
}

.promotion-choice--dining
.promotion-choice__value b {
    color: #f5d28d;
}

.promotion-choice__value em {
    padding-bottom: 4px;

    color: #e4d6df;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;
    font-style: normal;
    font-weight: 900;

    line-height: 1.25;
    letter-spacing: .11em;
}

.promotion-choice--dining
.promotion-choice__value em {
    color: #e7e8d4;
}

.promotion-choice__secondary-value {
    display: inline-block;

    width: fit-content;

    margin-top: 8px;

    color: #f1c585;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.2;
}

.promotion-choice--dining
.promotion-choice__secondary-value {
    color: #f0d19a;
}

.promotion-choice__summary {
    display: block;

    margin-top: 13px;

    color: #e5d9e1;

    font-size: 13px;
    line-height: 1.6;
}

.promotion-choice--dining
.promotion-choice__summary {
    color: #e8e9d9;
}

.promotion-choice__action {
    display: block;

    margin-top: auto;

    padding:
        21px
        42px
        0
        0;

    color: #efbd7a;

    font-size: 10px;
    font-weight: 900;

    line-height: 1.4;
    letter-spacing: .035em;
}

.promotion-choice--dining
.promotion-choice__action {
    color: #f0d095;
}

.promotion-choice__arrow {
    position: absolute;

    right: 15px;
    bottom: 15px;

    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    color: #4c2d45;

    background: #efc383;

    border-radius: 50%;
}

.promotion-choice--dining
.promotion-choice__arrow {
    color: #4e553c;

    background: #f0d39a;
}

.promotion-choice__arrow svg {
    width: 14px;
    height: 14px;
}

.promotion-choice[aria-selected="true"] {
    color: #42382f;

    background:
        linear-gradient(
            145deg,
            #f0d09a,
            #e3ad69
        );

    border-color: #84462f;

    box-shadow:
        0 0 0 4px
        rgba(132, 70, 47, .12),
        0 13px 30px
        rgba(79, 49, 37, .17);
}

.promotion-choice[aria-selected="true"]
.promotion-choice__body small {
    color: #884a31;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__body > strong {
    color: #40362f;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__value b {
    color: #753f2e;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__value em {
    color: #68584e;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__secondary-value {
    color: #7d452f;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__summary {
    color: #625d55;
}

.promotion-choice[aria-selected="true"]
.promotion-choice__action {
    color: #7d452f;
}

@media (hover: hover) and (pointer: fine) {

    .promotion-choice:hover {
        transform:
            translateY(-4px);

        border-color: #dda66e;

        box-shadow:
            0 15px 31px
            rgba(62, 39, 58, .20);
    }

    .promotion-choice:hover
    .promotion-choice__image img {
        transform:
            scale(1.035);
    }

}

/* =========================================================
   PROMOTION SELECTOR END
========================================================= */


/* =========================================================
   PROMOTION DETAILS START
========================================================= */

.promotions-details {
    background:
        linear-gradient(
            155deg,
            #efe1cd,
            #f8efe3
        );
}

.promotion-panel {
    padding:
        clamp(46px, 5vw, 68px)
        0
        clamp(60px, 6vw, 86px);
}

.promotion-panel__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .78fr)
        minmax(0, 1.22fr);

    gap:
        clamp(42px, 7vw, 90px);

    align-items: start;

    margin-bottom: 31px;
}

.promotion-panel__headline h3 {
    max-width: 540px;

    margin:
        9px
        0
        0;

    color: #403832;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.06;
}

.promotion-panel__headline h3 span {
    display: block;

    color: #a45a3e;
}

.promotion-panel__copy {
    padding-left: 27px;

    border-left:
        2px solid #bd7d4b;
}

.promotion-panel__copy p {
    max-width: 750px;

    margin:
        0
        0
        13px;

    color: #5e635c;

    font-size: 15px;
    line-height: 1.74;
}

.promotion-panel__copy
.promotion-panel__lead {
    color: #414a43;

    font-size: 18px;
}

.promotion-panel__big-value {
    margin-top: 29px;
}

.promotion-panel__big-value strong {
    display: block;

    color: #80442e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px, 5vw, 72px);

    line-height: .93;
}

.promotion-panel__big-value span {
    display: block;

    margin-top: 8px;

    color: #83634f;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.promotion-panel__plus-value {
    margin-top: 13px;

    color: #9a5a38;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(23px, 2.2vw, 31px);

    font-weight: 700;
}

.promotion-facts {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        2px solid #9e5c41;

    border-bottom:
        2px solid #9e5c41;
}

.promotion-facts--four {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
}

.promotion-facts > div {
    min-width: 0;

    padding:
        24px
        22px;
}

.promotion-facts > div + div {
    border-left:
        1px solid #d3b597;
}

.promotion-facts small {
    display: block;

    color: #9d5a3d;

    font-size: 8px;
    font-weight: 900;

    line-height: 1.4;
    letter-spacing: .12em;
}

.promotion-facts strong {
    display: block;

    margin-top: 8px;

    color: #3f3933;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(22px, 2.1vw, 29px);

    line-height: 1.12;
}

.promotion-facts p {
    margin:
        9px
        0
        0;

    color: #60655e;

    font-size: 12px;
    line-height: 1.64;
}

.promotion-facts--dining {
    border-color: #777d52;
}

.promotion-facts--dining small {
    color: #6e744d;
}

/* =========================================================
   PROMOTION DETAILS END
========================================================= */


/* =========================================================
   PROMOTIONS SUPPORTING STORY START
========================================================= */

.promotions-story {
    padding:
        clamp(48px, 5.5vw, 74px)
        0;

    color: #f6eeeb;

    background:
        linear-gradient(
            125deg,
            #2d2033,
            #553548
        );
}

.promotions-story__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(38px, 7vw, 85px);
}

.promotions-story h3 {
    margin:
        9px
        0
        0;

    color: #fff7ef;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.8vw, 49px);

    line-height: 1.07;
}

.promotions-story h3 span {
    display: block;

    color: #efbd80;
}

.promotions-story__layout >
div:last-child {
    padding-left: 26px;

    border-left:
        2px solid rgba(239, 189, 128, .55);
}

.promotions-story p {
    max-width: 730px;

    margin:
        0
        0
        12px;

    color: #e0d6dd;

    font-size: 14px;
    line-height: 1.72;
}

/* =========================================================
   PROMOTIONS SUPPORTING STORY END
========================================================= */


/* =========================================================
   PROMOTIONS TABLET START
========================================================= */

@media (max-width: 1020px) {

    .promotions-selector {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .promotion-choice:nth-child(1),
    .promotion-choice:nth-child(2),
    .promotion-choice:nth-child(3),
    .promotion-choice:nth-child(4) {
        grid-column:
            span 2;
    }

    .promotion-choice:nth-child(5) {
        grid-column:
            2 / span 2;
    }

    .promotion-facts--four {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .promotion-facts--four >
    div:nth-child(3) {
        border-left: 0;

        border-top:
            1px solid #d3b597;
    }

    .promotion-facts--four >
    div:nth-child(4) {
        border-top:
            1px solid #d3b597;
    }

}

/* =========================================================
   PROMOTIONS TABLET END
========================================================= */


/* =========================================================
   PROMOTIONS MOBILE START
========================================================= */

@media (max-width: 700px) {

    .promotions-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO START */

    .promotions-hero {
        padding:
            28px
            0
            27px;
    }

    .promotions-hero__layout {
        display: block;
    }

    .promotions-hero__heading h2 {
        font-size:
            clamp(37px, 10vw, 49px);
    }

    .promotions-hero__copy {
        display: none;
    }

    /* MOBILE HERO END */


    /* MOBILE SHORT INTRO START */

    .promotions-mobile-intro {
        display: block;

        padding:
            27px
            0
            17px;

        background:
            linear-gradient(
                155deg,
                #f2dfc2,
                #ead0ac
            );
    }

    .promotions-mobile-intro h3 {
        margin:
            7px
            0
            0;

        color: #413931;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size: 29px;

        line-height: 1.08;
    }

    .promotions-mobile-intro h3 span {
        display: block;

        color: #a45b3f;
    }

    .promotions-mobile-intro p:last-child {
        margin:
            10px
            0
            0;

        color: #64655e;

        font-size: 12px;
        line-height: 1.62;
    }

    /* MOBILE SHORT INTRO END */


    /* MOBILE SELECTOR START */

    .promotions-selector-section {
        padding:
            0
            0
            34px;
    }

    .promotions-selector {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .promotion-choice:nth-child(n) {
        grid-column: auto;
    }

    .promotion-choice {
        display: grid;

        grid-template-columns:
            35%
            minmax(0, 1fr);

        min-height: 168px;

        border-radius: 10px;
    }

    .promotion-choice__image {
        width: 100%;
        height: 100%;

        aspect-ratio: auto;
    }

    .promotion-choice__image img {
        height: 100%;
    }

    .promotion-choice__body {
        padding:
            12px
            39px
            13px
            13px;
    }

    .promotion-choice__body small {
        font-size: 7px;
    }

    .promotion-choice__body >
    strong {
        margin-top: 4px;

        font-size: 20px;
    }

    .promotion-choice__value {
        gap:
            3px
            7px;

        margin-top: 9px;
    }

    .promotion-choice__value b {
        font-size: 29px;
    }

    .promotion-choice__value em {
        padding-bottom: 3px;

        font-size: 6px;
    }

    .promotion-choice__secondary-value {
        margin-top: 4px;

        font-size: 14px;
    }

    .promotion-choice__summary {
        margin-top: 7px;

        font-size: 10px;
        line-height: 1.45;
    }

    .promotion-choice__action {
        margin-top: 7px;

        padding:
            0
            28px
            0
            0;

        font-size: 8px;
    }

    .promotion-choice__arrow {
        right: 8px;
        top: 50%;
        bottom: auto;

        width: 27px;
        height: 27px;

        transform:
            translateY(-50%);
    }

    /* MOBILE SELECTOR END */


    /* MOBILE INLINE PANEL START */

    .promotions-selector >
    .promotion-panel {
        width: 100%;

        padding:
            18px
            13px
            21px;

        margin-top: -8px;
        margin-bottom: 4px;

        background:
            linear-gradient(
                155deg,
                #f8ecdc,
                #efddc4
            );

        border:
            2px solid #99583f;

        border-top: 0;

        border-radius:
            0
            0
            10px
            10px;
    }

    .promotion-panel__layout {
        grid-template-columns: 1fr;

        gap: 16px;

        margin-bottom: 18px;
    }

    .promotion-panel__headline h3 {
        font-size: 27px;
    }

    .promotion-panel__big-value {
        margin-top: 18px;
    }

    .promotion-panel__big-value strong {
        font-size: 45px;
    }

    .promotion-panel__big-value span {
        font-size: 7px;
    }

    .promotion-panel__plus-value {
        margin-top: 8px;

        font-size: 21px;
    }

    .promotion-panel__copy {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid #bd7d4b;
    }

    .promotion-panel__copy p {
        font-size: 12px;
        line-height: 1.64;
    }

    .promotion-panel__copy
    .promotion-panel__lead {
        font-size: 14px;
    }

    .promotion-facts,
    .promotion-facts--four {
        grid-template-columns: 1fr;
    }

    .promotion-facts > div,
    .promotion-facts--four > div {
        padding:
            13px
            2px;

        border-left: 0;
    }

    .promotion-facts > div + div,
    .promotion-facts--four >
    div:nth-child(n + 2) {
        border-left: 0;

        border-top:
            1px solid #d3b597;
    }

    .promotion-facts strong {
        font-size: 19px;
    }

    .promotion-facts p {
        font-size: 11px;
    }

    /* MOBILE INLINE PANEL END */


    /* MOBILE STORY START */

    .promotions-story {
        padding:
            31px
            0
            44px;
    }

    .promotions-story__layout {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .promotions-story h3 {
        font-size: 29px;
    }

    .promotions-story__layout >
    div:last-child {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(239, 189, 128, .55);
    }

    .promotions-story p {
        font-size: 12px;
        line-height: 1.66;
    }

    /* MOBILE STORY END */

}

/* =========================================================
   PROMOTIONS MOBILE END
========================================================= */


/* =========================================================
   PROMOTIONS SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .promotions-shell {
        width:
            calc(100% - 24px);
    }

    .promotion-choice {
        grid-template-columns:
            32%
            minmax(0, 1fr);

        min-height: 165px;
    }

    .promotion-choice__body {
        padding-left: 10px;
    }

    .promotion-choice__body >
    strong {
        font-size: 18px;
    }

    .promotion-choice__value b {
        font-size: 26px;
    }

    .promotion-choice__summary {
        font-size: 9px;
    }

}

/* =========================================================
   PROMOTIONS SMALL MOBILE END
========================================================= */


/* =========================================================
   PROMOTIONS PAGE END
========================================================= */
/* =========================================================
   VERNON CASINO — DINING PAGE
========================================================= */

/* DINING PAGE START */

.dining-page {
    --dining-indigo: #243b63;
    --dining-indigo-deep: #172945;

    --dining-blue: #527da5;
    --dining-blue-light: #a8cde3;

    --dining-coral: #d97862;
    --dining-coral-light: #f0b39c;

    --dining-cream: #f7eee4;
    --dining-sand: #e8d8c8;
    --dining-paper: #fffaf5;

    --dining-ink: #2d3c4c;
    --dining-copy: #606a70;

    color: var(--dining-ink);
    background: var(--dining-cream);
}

.dining-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.dining-kicker {
    margin: 0;

    color: #f2b99e;

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.dining-kicker--dark {
    color: #b95e4f;
}


/* =========================================================
   DINING HERO START
========================================================= */

.dining-hero {
    padding:
        clamp(50px, 6vw, 82px)
        0;

    color: #f7f4ef;

    background:
        radial-gradient(
            circle at 83% 20%,
            rgba(111, 159, 197, .28),
            transparent 34%
        ),
        linear-gradient(
            125deg,
            #172945,
            #284a6d 56%,
            #477494
        );
}

.dining-hero__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(400px, 1.05fr);

    align-items: center;

    gap:
        clamp(42px, 7vw, 90px);
}

.dining-hero__copy h2 {
    max-width: 700px;

    margin:
        13px
        0
        21px;

    color: #fffaf5;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px, 5.3vw, 74px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.dining-hero__copy h2 span {
    display: block;

    color: #f0b39a;
}

.dining-hero__copy p {
    max-width: 670px;

    margin:
        0
        0
        12px;

    color: #dce7ed;

    font-size: 14px;
    line-height: 1.74;
}

.dining-hero__copy
.dining-hero__lead {
    color: #fff6ef;

    font-size: 18px;
}

.dining-hero__visual {
    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255, 225, 212, .42);

    border-radius: 18px;

    box-shadow:
        0 22px 55px
        rgba(10, 25, 44, .28);
}

.dining-hero__visual img {
    width: 100%;

    aspect-ratio:
        16 / 10;

    object-fit: cover;
}

/* =========================================================
   DINING HERO END
========================================================= */


/* =========================================================
   MOBILE DINING INTRO START
========================================================= */

.dining-mobile-intro {
    display: none;
}

/* =========================================================
   MOBILE DINING INTRO END
========================================================= */


/* =========================================================
   DINING SELECTOR START
========================================================= */

.dining-selector-section {
    padding:
        clamp(46px, 5vw, 68px)
        0
        clamp(54px, 6vw, 76px);

    background:
        linear-gradient(
            155deg,
            #f8efe5,
            #eadaca
        );
}

.dining-selector {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 17px;
}

.dining-choice {
    position: relative;

    min-width: 0;

    display: grid;

    grid-template-columns:
        43%
        minmax(0, 1fr);

    min-height: 330px;

    padding: 0;

    overflow: hidden;

    color: #fff8f2;

    background:
        linear-gradient(
            145deg,
            #243b63,
            #386489
        );

    border:
        2px solid #6387a4;

    border-radius: 15px;

    cursor: pointer;

    text-align: left;

    box-shadow:
        0 12px 30px
        rgba(29, 51, 78, .16);

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease,
        background 200ms ease;
}

.dining-choice--quick {
    background:
        linear-gradient(
            145deg,
            #a65a4d,
            #d78369
        );

    border-color: #e1a18f;
}

.dining-choice__image {
    width: 100%;
    height: 100%;

    overflow: hidden;
}

.dining-choice__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 350ms ease;
}

.dining-choice__body {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding:
        26px
        49px
        25px
        25px;
}

.dining-choice__body small {
    color: #efb69b;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .13em;
}

.dining-choice--quick
.dining-choice__body small {
    color: #ffe0cd;
}

.dining-choice__body > strong {
    display: block;

    margin-top: 9px;

    color: #fff9f2;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(28px, 2.8vw, 39px);

    line-height: 1.06;
}

.dining-choice__headline {
    display: block;

    margin-top: 13px;

    color: #dce8ef;

    font-size: 14px;
    line-height: 1.62;
}

.dining-choice--quick
.dining-choice__headline {
    color: #fff0e9;
}

.dining-choice__tags {
    display: flex;
    flex-wrap: wrap;

    gap:
        7px
        8px;

    margin-top: 20px;
}

.dining-choice__tags span {
    padding:
        6px
        8px;

    color: #cce1ee;

    border:
        1px solid rgba(204, 225, 238, .34);

    border-radius: 5px;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: .08em;
}

.dining-choice--quick
.dining-choice__tags span {
    color: #fff1e8;

    border-color:
        rgba(255, 238, 226, .38);
}

.dining-choice__action {
    margin-top: auto;

    padding-top: 22px;

    color: #f2b99f;

    font-size: 10px;
    font-weight: 900;
}

.dining-choice--quick
.dining-choice__action {
    color: #ffe1cd;
}

.dining-choice__arrow {
    position: absolute;

    right: 15px;
    bottom: 15px;

    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    color: #284a6b;

    background: #a9cee2;

    border-radius: 50%;
}

.dining-choice--quick
.dining-choice__arrow {
    color: #9c5146;

    background: #ffe0cc;
}

.dining-choice__arrow svg {
    width: 15px;
    height: 15px;
}

.dining-choice[aria-selected="true"] {
    color: #2d3a48;

    background:
        linear-gradient(
            145deg,
            #f7d4c4,
            #efad8d
        );

    border-color: #994f44;

    box-shadow:
        0 0 0 4px rgba(153, 79, 68, .12),
        0 15px 35px rgba(46, 53, 66, .17);
}

.dining-choice[aria-selected="true"]
.dining-choice__body small {
    color: #9c5146;
}

.dining-choice[aria-selected="true"]
.dining-choice__body > strong {
    color: #2e3c4a;
}

.dining-choice[aria-selected="true"]
.dining-choice__headline {
    color: #625d59;
}

.dining-choice[aria-selected="true"]
.dining-choice__tags span {
    color: #774a44;

    border-color:
        rgba(119, 74, 68, .34);
}

.dining-choice[aria-selected="true"]
.dining-choice__action {
    color: #894b42;
}

@media (hover: hover) and (pointer: fine) {

    .dining-choice:hover {
        transform:
            translateY(-4px);

        border-color: #f0b79d;

        box-shadow:
            0 17px 38px
            rgba(28, 48, 72, .22);
    }

    .dining-choice:hover
    .dining-choice__image img {
        transform:
            scale(1.035);
    }

}

/* =========================================================
   DINING SELECTOR END
========================================================= */


/* =========================================================
   DINING DETAILS START
========================================================= */

.dining-details {
    background:
        linear-gradient(
            155deg,
            #f3e9de,
            #fbf6f0
        );
}

.dining-panel {
    padding:
        clamp(48px, 5vw, 70px)
        0
        clamp(60px, 6vw, 88px);
}

.dining-panel__intro {
    display: grid;

    grid-template-columns:
        minmax(0, .82fr)
        minmax(0, 1.18fr);

    gap:
        clamp(40px, 7vw, 88px);

    margin-bottom: 32px;
}

.dining-panel__intro h3,
.dining-quick-layout__copy h3 {
    margin:
        9px
        0
        0;

    color: #2c3c4b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.06;
}

.dining-panel__intro h3 span,
.dining-quick-layout__copy h3 span {
    display: block;

    color: #ca715d;
}

.dining-panel__intro-copy {
    padding-left: 27px;

    border-left:
        2px solid #d88470;
}

.dining-panel__intro-copy p,
.dining-quick-layout__copy p {
    margin:
        0
        0
        12px;

    color: #606a70;

    font-size: 15px;
    line-height: 1.72;
}

.dining-panel__intro-copy
.dining-panel__lead,
.dining-quick-layout__copy
.dining-panel__lead {
    color: #354a5a;

    font-size: 18px;
}

/* =========================================================
   DINING DETAILS END
========================================================= */


/* =========================================================
   MATCH MENU START
========================================================= */

.dining-menu-section {
    padding:
        clamp(28px, 4vw, 43px);

    background:
        #dceaf1;

    border-radius: 13px;
}

.dining-menu-section__heading {
    max-width: 850px;

    margin-bottom: 22px;
}

.dining-menu-section__heading h4 {
    margin:
        8px
        0
        12px;

    color: #304655;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(31px, 3.3vw, 44px);

    line-height: 1.08;
}

.dining-menu-section__heading h4 span {
    display: block;

    color: #c96f5c;
}

.dining-menu-section__heading p:last-child {
    margin: 0;

    color: #5d6870;

    font-size: 14px;
    line-height: 1.7;
}

.dining-food-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

.dining-food-group {
    min-height: 245px;

    padding:
        22px
        20px;

    background: #fffaf5;

    border:
        1px solid #c8d5dc;

    border-top:
        4px solid #527da5;

    border-radius: 8px;
}

.dining-food-group:nth-child(even) {
    background: #faeee8;

    border-top-color: #d97862;
}

.dining-food-group small {
    color: #ba6554;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.dining-food-group strong {
    display: block;

    margin-top: 16px;

    color: #304655;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.15;
}

.dining-food-group p {
    margin:
        10px
        0
        0;

    color: #606a70;

    font-size: 13px;
    line-height: 1.67;
}

/* =========================================================
   MATCH MENU END
========================================================= */


/* =========================================================
   MATCH EXPERIENCE START
========================================================= */

.dining-experience {
    display: grid;

    grid-template-columns:
        minmax(260px, .72fr)
        minmax(0, 1.28fr);

    gap:
        clamp(35px, 6vw, 72px);

    margin-top: 15px;

    padding:
        clamp(28px, 4vw, 43px);

    color: #f4f7fa;

    background:
        linear-gradient(
            130deg,
            #1e3555,
            #376489
        );

    border-radius: 13px;
}

.dining-experience__heading h4 {
    margin:
        9px
        0
        0;

    color: #fff9f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(29px, 3.1vw, 41px);

    line-height: 1.09;
}

.dining-experience__heading h4 span {
    display: block;

    color: #efb299;
}

.dining-experience__points {
    display: grid;
}

.dining-experience__points > div {
    padding:
        15px
        0;
}

.dining-experience__points > div:first-child {
    padding-top: 0;
}

.dining-experience__points > div:last-child {
    padding-bottom: 0;
}

.dining-experience__points > div + div {
    border-top:
        1px solid rgba(255, 255, 255, .16);
}

.dining-experience__points small {
    color: #a8cfe2;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.dining-experience__points strong {
    display: block;

    margin-top: 5px;

    color: #fff5ef;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
}

.dining-experience__points p {
    margin:
        6px
        0
        0;

    color: #d9e5eb;

    font-size: 12px;
    line-height: 1.62;
}

/* =========================================================
   MATCH EXPERIENCE END
========================================================= */


/* =========================================================
   GRAB & GO START
========================================================= */

.dining-quick-layout {
    display: grid;

    grid-template-columns:
        minmax(390px, .92fr)
        minmax(0, 1.08fr);

    align-items: center;

    gap:
        clamp(40px, 7vw, 86px);
}

.dining-quick-layout__visual {
    margin: 0;

    overflow: hidden;

    border-radius: 14px;

    box-shadow:
        0 16px 36px
        rgba(53, 66, 79, .14);
}

.dining-quick-layout__visual img {
    width: 100%;

    aspect-ratio:
        16 / 10;

    object-fit: cover;
}

.dining-quick-points {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top: 25px;

    border-top:
        2px solid #d97862;

    border-bottom:
        2px solid #d97862;
}

.dining-quick-points > div {
    padding:
        18px
        14px;
}

.dining-quick-points > div + div {
    border-left:
        1px solid #dcc5b9;
}

.dining-quick-points small {
    display: block;

    color: #b85d50;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: .11em;
}

.dining-quick-points strong {
    display: block;

    margin-top: 7px;

    color: #33495a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
}

/* =========================================================
   GRAB & GO END
========================================================= */


/* =========================================================
   DINING STORY START
========================================================= */

.dining-story {
    padding:
        clamp(48px, 5.5vw, 74px)
        0;

    color: #f4f7f9;

    background:
        linear-gradient(
            125deg,
            #243f5e,
            #487596
        );
}

.dining-story__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(40px, 7vw, 86px);
}

.dining-story h3 {
    margin:
        9px
        0
        0;

    color: #fff9f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.8vw, 50px);

    line-height: 1.07;
}

.dining-story h3 span {
    display: block;

    color: #efb29c;
}

.dining-story__layout >
div:last-child {
    padding-left: 26px;

    border-left:
        2px solid rgba(239, 178, 156, .62);
}

.dining-story p {
    max-width: 740px;

    margin:
        0
        0
        12px;

    color: #dce6eb;

    font-size: 14px;
    line-height: 1.72;
}

.dining-story
.dining-story__lead {
    color: #fff5ef;

    font-size: 17px;
}

/* =========================================================
   DINING STORY END
========================================================= */


/* =========================================================
   DINING TABLET START
========================================================= */

@media (max-width: 1000px) {

    .dining-choice {
        grid-template-columns: 1fr;

        min-height: 0;
    }

    .dining-choice__image {
        height: auto;

        aspect-ratio:
            16 / 8.5;
    }

    .dining-food-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

/* =========================================================
   DINING TABLET END
========================================================= */


/* =========================================================
   DINING MOBILE START
========================================================= */

@media (max-width: 700px) {

    .dining-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO START */

    .dining-hero {
        padding:
            19px
            0
            22px;
    }

    .dining-hero__layout {
        display: flex;
        flex-direction: column;

        gap: 16px;
    }

    .dining-hero__visual {
        order: 0;

        width: 100%;

        border-radius: 11px;
    }

    .dining-hero__visual img {
        aspect-ratio:
            16 / 8.5;
    }

    .dining-hero__copy {
        order: 1;
    }

    .dining-hero__copy h2 {
        margin:
            7px
            0
            0;

        font-size:
            clamp(36px, 10vw, 48px);
    }

    .dining-hero__copy p {
        display: none;
    }

    /* MOBILE HERO END */


    /* MOBILE INTRO START */

    .dining-mobile-intro {
        display: block;

        padding:
            27px
            0
            16px;

        background:
            linear-gradient(
                155deg,
                #f8efe5,
                #eadaca
            );
    }

    .dining-mobile-intro h3 {
        margin:
            7px
            0
            0;

        color: #304657;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size: 29px;

        line-height: 1.08;
    }

    .dining-mobile-intro h3 span {
        display: block;

        color: #c96d59;
    }

    .dining-mobile-intro p:last-child {
        margin:
            10px
            0
            0;

        color: #626b70;

        font-size: 12px;
        line-height: 1.62;
    }

    /* MOBILE INTRO END */


    /* MOBILE SELECTOR START */

    .dining-selector-section {
        padding:
            0
            0
            34px;
    }

    .dining-selector {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .dining-choice {
        display: grid;

        grid-template-columns:
            36%
            minmax(0, 1fr);

        min-height: 158px;

        border-radius: 10px;
    }

    .dining-choice__image {
        width: 100%;
        height: 100%;

        aspect-ratio: auto;
    }

    .dining-choice__image img {
        height: 100%;
    }

    .dining-choice__body {
        padding:
            12px
            40px
            12px
            13px;
    }

    .dining-choice__body small {
        font-size: 6px;
    }

    .dining-choice__body > strong {
        margin-top: 5px;

        font-size: 20px;
    }

    .dining-choice__headline {
        margin-top: 6px;

        font-size: 10px;
        line-height: 1.45;
    }

    .dining-choice__tags {
        gap: 4px;

        margin-top: 8px;
    }

    .dining-choice__tags span {
        padding:
            3px
            5px;

        font-size: 5px;
    }

    .dining-choice__action {
        margin-top: 7px;

        padding-top: 0;

        font-size: 8px;
    }

    .dining-choice__arrow {
        right: 8px;
        top: 50%;
        bottom: auto;

        width: 27px;
        height: 27px;

        transform:
            translateY(-50%);
    }

    /* MOBILE SELECTOR END */


    /* MOBILE INLINE PANEL START */

    .dining-selector >
    .dining-panel {
        width: 100%;

        padding:
            18px
            12px
            22px;

        margin-top: -8px;
        margin-bottom: 4px;

        background:
            linear-gradient(
                155deg,
                #faf2e9,
                #efe1d4
            );

        border:
            2px solid #6d90aa;

        border-top: 0;

        border-radius:
            0
            0
            10px
            10px;
    }

    .dining-panel__intro {
        grid-template-columns: 1fr;

        gap: 15px;

        margin-bottom: 18px;
    }

    .dining-panel__intro h3,
    .dining-quick-layout__copy h3 {
        font-size: 28px;
    }

    .dining-panel__intro-copy {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid #d88470;
    }

    .dining-panel__intro-copy p,
    .dining-quick-layout__copy p {
        font-size: 12px;
        line-height: 1.65;
    }

    .dining-panel__intro-copy
    .dining-panel__lead,
    .dining-quick-layout__copy
    .dining-panel__lead {
        font-size: 14px;
    }

    /* MOBILE INLINE PANEL END */


    /* MOBILE MATCH MENU START */

    .dining-menu-section {
        padding: 17px;
    }

    .dining-menu-section__heading h4 {
        font-size: 27px;
    }

    .dining-menu-section__heading p:last-child {
        font-size: 12px;
    }

    .dining-food-grid {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .dining-food-group {
        min-height: 0;

        padding: 17px;
    }

    .dining-food-group strong {
        margin-top: 10px;

        font-size: 20px;
    }

    .dining-food-group p {
        font-size: 11px;
    }

    /* MOBILE MATCH MENU END */


    /* MOBILE EXPERIENCE START */

    .dining-experience {
        grid-template-columns: 1fr;

        gap: 22px;

        margin-top: 9px;

        padding: 19px;
    }

    .dining-experience__heading h4 {
        font-size: 27px;
    }

    .dining-experience__points p {
        font-size: 11px;
    }

    /* MOBILE EXPERIENCE END */


    /* MOBILE GRAB & GO START */

    .dining-quick-layout {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .dining-quick-layout__visual img {
        aspect-ratio:
            16 / 9;
    }

    .dining-quick-points {
        grid-template-columns: 1fr;

        margin-top: 18px;
    }

    .dining-quick-points > div {
        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 14px;

        padding:
            12px
            2px;
    }

    .dining-quick-points > div + div {
        border-left: 0;

        border-top:
            1px solid #dcc5b9;
    }

    .dining-quick-points strong {
        margin-top: 0;

        font-size: 16px;

        text-align: right;
    }

    /* MOBILE GRAB & GO END */


    /* MOBILE STORY START */

    .dining-story {
        padding:
            32px
            0
            44px;
    }

    .dining-story__layout {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .dining-story h3 {
        font-size: 29px;
    }

    .dining-story__layout >
    div:last-child {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(239, 178, 156, .62);
    }

    .dining-story p {
        font-size: 12px;
        line-height: 1.66;
    }

    .dining-story
    .dining-story__lead {
        font-size: 14px;
    }

    /* MOBILE STORY END */

}

/* =========================================================
   DINING MOBILE END
========================================================= */


/* =========================================================
   DINING SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .dining-shell {
        width:
            calc(100% - 24px);
    }

    .dining-choice {
        grid-template-columns:
            32%
            minmax(0, 1fr);

        min-height: 154px;
    }

    .dining-choice__body {
        padding-left: 10px;
    }

    .dining-choice__body > strong {
        font-size: 18px;
    }

    .dining-choice__headline {
        font-size: 9px;
    }

}

/* =========================================================
   DINING SMALL MOBILE END
========================================================= */


/* =========================================================
   DINING PAGE END
========================================================= */
/* =========================================================
   VERNON CASINO — VISIT VERNON PAGE
========================================================= */

/* VISIT VERNON PAGE START */

.visit-page {
    --visit-night: #1f3341;
    --visit-deep: #162731;

    --visit-blue: #3d6273;
    --visit-blue-soft: #6f93a2;

    --visit-amber: #d89542;
    --visit-amber-light: #efc57c;

    --visit-stone: #e7e2da;
    --visit-stone-light: #f5f2ed;
    --visit-paper: #fffdf9;

    --visit-ink: #31444d;
    --visit-copy: #626d71;

    color: var(--visit-ink);

    background:
        var(--visit-stone);
}

.visit-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.visit-kicker {
    margin: 0;

    color: var(--visit-amber-light);

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.visit-kicker--dark {
    color: #a8652d;
}


/* =========================================================
   VISIT HERO START
========================================================= */

.visit-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(62px, 7vw, 96px)
        0;

    color: #f6f7f6;

    background:
        radial-gradient(
            circle at 85% 16%,
            rgba(216, 149, 66, .20),
            transparent 31%
        ),
        radial-gradient(
            circle at 16% 100%,
            rgba(111, 147, 162, .19),
            transparent 34%
        ),
        linear-gradient(
            125deg,
            #172a34 0%,
            #2b4857 55%,
            #557789 100%
        );
}

.visit-hero::after {
    content: "";

    position: absolute;

    right: 4%;
    bottom: -170px;

    width: 380px;
    height: 380px;

    border:
        1px solid rgba(239, 197, 124, .17);

    border-radius: 50%;

    pointer-events: none;
}

.visit-hero__layout {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(330px, .62fr);

    align-items: center;

    gap:
        clamp(42px, 7vw, 95px);
}

.visit-hero__copy h2 {
    max-width: 720px;

    margin:
        13px
        0
        22px;

    color: #fffdf8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5.5vw, 78px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.visit-hero__copy h2 span {
    display: block;

    color: var(--visit-amber-light);
}

.visit-hero__copy p {
    max-width: 690px;

    margin:
        0
        0
        12px;

    color: #dce7ea;

    font-size: 15px;
    line-height: 1.74;
}

.visit-hero__copy
.visit-hero__lead {
    color: #fff8ef;

    font-size: 18px;
}

.visit-hero__address {
    position: relative;

    padding:
        clamp(29px, 4vw, 44px);

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .09),
            rgba(255, 255, 255, .04)
        );

    border:
        1px solid rgba(239, 197, 124, .45);

    border-radius: 16px;

    backdrop-filter: blur(9px);
}

.visit-hero__address::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 6px;
    height: 100%;

    background:
        var(--visit-amber);
}

.visit-hero__address small {
    color: #efc174;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.visit-hero__address strong {
    display: block;

    margin-top: 12px;

    color: #fffdf8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(31px, 3vw, 43px);

    line-height: 1.08;
}

.visit-hero__address span {
    display: block;

    margin-top: 11px;

    color: #dce5e8;

    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   VISIT HERO END
========================================================= */


/* =========================================================
   VISIT ESSENTIALS START
========================================================= */

.visit-essentials {
    padding:
        clamp(42px, 5vw, 62px)
        0;

    background:
        linear-gradient(
            155deg,
            #f5f2ed,
            #e7e2da
        );
}

.visit-essentials__heading {
    max-width: 820px;

    margin-bottom: 24px;
}

.visit-essentials__heading h3 {
    margin:
        8px
        0
        0;

    color: #304650;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3.8vw, 49px);

    line-height: 1.07;
}

.visit-essentials__heading h3 span {
    display: block;

    color: #bd7734;
}

.visit-facts {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

.visit-fact {
    min-height: 175px;

    padding:
        22px
        20px;

    background:
        #e5edf0;

    border-top:
        4px solid #55798b;

    border-radius:
        0
        0
        8px
        8px;
}

.visit-fact--accent {
    background:
        #f5e5c9;

    border-top-color:
        var(--visit-amber);
}

.visit-fact small {
    display: block;

    color: #9a6431;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.visit-fact strong {
    display: block;

    margin-top: 11px;

    color: #304650;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    line-height: 1.14;
}

.visit-fact p {
    margin:
        9px
        0
        0;

    color: #616c70;

    font-size: 12px;
    line-height: 1.58;
}

/* =========================================================
   VISIT ESSENTIALS END
========================================================= */


/* =========================================================
   FIRST VISIT GUIDE START
========================================================= */

.visit-guide {
    padding:
        clamp(52px, 6vw, 82px)
        0;

    color: #f3f6f6;

    background:
        linear-gradient(
            125deg,
            #233b48,
            #42687a
        );
}

.visit-guide__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(40px, 7vw, 90px);
}

.visit-guide__heading h3 {
    margin:
        9px
        0
        0;

    color: #fffdf8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.07;
}

.visit-guide__heading h3 span {
    display: block;

    color: #f0c57d;
}

.visit-guide__copy {
    padding-left: 27px;

    border-left:
        2px solid rgba(240, 197, 125, .62);
}

.visit-guide__copy p {
    max-width: 760px;

    margin:
        0
        0
        13px;

    color: #dae5e8;

    font-size: 15px;
    line-height: 1.74;
}

.visit-guide__copy
.visit-guide__lead {
    color: #fff8ef;

    font-size: 18px;
}

/* =========================================================
   FIRST VISIT GUIDE END
========================================================= */


/* =========================================================
   VISIT RECOMMENDATIONS START
========================================================= */

.visit-recommendations {
    padding:
        clamp(50px, 6vw, 82px)
        0;

    background:
        linear-gradient(
            155deg,
            #f3f0ea,
            #e4ded5
        );
}

.visit-recommendations__heading {
    max-width: 820px;

    margin-bottom: 25px;
}

.visit-recommendations__heading h3 {
    margin:
        8px
        0
        0;

    color: #304650;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.9vw, 50px);

    line-height: 1.07;
}

.visit-recommendations__heading h3 span {
    display: block;

    color: #bf7633;
}

.visit-recommendations__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 11px;
}

.visit-recommendations__grid article {
    min-height: 250px;

    padding:
        23px
        21px;

    background:
        #fffdf9;

    border:
        1px solid #c9d1d4;

    border-top:
        4px solid #55798b;

    border-radius: 9px;
}

.visit-recommendations__grid article:nth-child(2),
.visit-recommendations__grid article:nth-child(5) {
    background:
        #f7e9d2;

    border-top-color:
        var(--visit-amber);
}

.visit-recommendations__grid small {
    color: #9f6530;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.visit-recommendations__grid strong {
    display: block;

    margin-top: 14px;

    color: #304650;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.15;
}

.visit-recommendations__grid p {
    margin:
        10px
        0
        0;

    color: #606b70;

    font-size: 13px;
    line-height: 1.68;
}

/* =========================================================
   VISIT RECOMMENDATIONS END
========================================================= */


/* =========================================================
   BUILD YOUR EVENING START
========================================================= */

.visit-evening {
    padding:
        clamp(48px, 5.5vw, 74px)
        0;

    background:
        #e5e0d8;
}

.visit-evening__heading {
    max-width: 780px;

    margin-bottom: 23px;
}

.visit-evening__heading h3 {
    margin:
        9px
        0
        0;

    color: #304650;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3.8vw, 49px);

    line-height: 1.07;
}

.visit-evening__heading h3 span {
    display: block;

    color: #bd7634;
}

.visit-evening__options {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}

.visit-evening__options article {
    position: relative;

    min-height: 215px;

    padding:
        24px
        22px;

    overflow: hidden;

    color: #eef4f5;

    background:
        linear-gradient(
            145deg,
            #2a4654,
            #527487
        );

    border-radius: 10px;
}

.visit-evening__options article:nth-child(2) {
    background:
        linear-gradient(
            145deg,
            #8e5e33,
            #cc8e45
        );
}

.visit-evening__options span {
    color: #f0c67f;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.visit-evening__options article:nth-child(2)
span {
    color: #fff0cc;
}

.visit-evening__options strong {
    display: block;

    margin-top: 13px;

    color: #fffdf8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    line-height: 1.13;
}

.visit-evening__options p {
    margin:
        10px
        0
        0;

    color: #dce7e9;

    font-size: 13px;
    line-height: 1.65;
}

.visit-evening__options article:nth-child(2)
p {
    color: #fff2dc;
}

/* =========================================================
   BUILD YOUR EVENING END
========================================================= */


/* =========================================================
   VISIT POKER START
========================================================= */

.visit-poker {
    padding:
        clamp(48px, 5.5vw, 72px)
        0;

    color: #f5f7f7;

    background:
        linear-gradient(
            125deg,
            #1f3743,
            #365e6e
        );
}

.visit-poker__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .75fr)
        minmax(0, 1.25fr);

    align-items: start;

    gap:
        clamp(40px, 7vw, 88px);
}

.visit-poker h3 {
    margin:
        9px
        0
        13px;

    color: #fffdf7;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3.7vw, 48px);

    line-height: 1.08;
}

.visit-poker h3 span {
    display: block;

    color: #f1c67b;
}

.visit-poker p {
    max-width: 560px;

    margin: 0;

    color: #dbe6e9;

    font-size: 14px;
    line-height: 1.7;
}

.visit-poker__schedule {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        2px solid #f1c67b;

    border-bottom:
        2px solid #f1c67b;
}

.visit-poker__schedule > div {
    padding:
        22px
        20px;
}

.visit-poker__schedule > div + div {
    border-left:
        1px solid rgba(255, 255, 255, .17);
}

.visit-poker__schedule small {
    color: #f1c67b;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .11em;
}

.visit-poker__schedule strong {
    display: block;

    margin-top: 9px;

    color: #fffdf7;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
}

.visit-poker__schedule span {
    display: block;

    margin-top: 7px;

    color: #d4e1e5;

    font-size: 11px;
    line-height: 1.55;
}

/* =========================================================
   VISIT POKER END
========================================================= */


/* =========================================================
   VISIT CONTACT START
========================================================= */

.visit-contact {
    padding:
        clamp(42px, 5vw, 62px)
        0;

    color: #f5f7f7;

    background:
        #182d37;
}

.visit-contact__layout {
    display: grid;

    grid-template-columns:
        minmax(220px, .65fr)
        minmax(0, 1.35fr);

    gap:
        clamp(35px, 6vw, 72px);
}

.visit-contact h3 {
    margin:
        8px
        0
        9px;

    color: #fffdf7;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 34px;
}

.visit-contact__layout >
div:first-child > p:last-child {
    max-width: 420px;

    margin: 0;

    color: #cddcdf;

    font-size: 12px;
    line-height: 1.65;
}

.visit-contact__details {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 0;
}

.visit-contact__details > div {
    padding:
        8px
        20px;
}

.visit-contact__details > div + div {
    border-left:
        1px solid rgba(255, 255, 255, .17);
}

.visit-contact__details small {
    color: #efc175;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.visit-contact__details strong {
    display: block;

    margin-top: 7px;

    color: #fffdf7;

    font-size: 14px;

    line-height: 1.45;

    overflow-wrap: anywhere;
}

.visit-contact__details span {
    display: block;

    margin-top: 5px;

    color: #cddcdf;

    font-size: 11px;
}

/* =========================================================
   VISIT CONTACT END
========================================================= */


/* =========================================================
   VISIT TABLET START
========================================================= */

@media (max-width: 1000px) {

    .visit-facts {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .visit-recommendations__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .visit-evening__options {
        grid-template-columns: 1fr;
    }

    .visit-evening__options article {
        min-height: 0;
    }

}

/* =========================================================
   VISIT TABLET END
========================================================= */


/* =========================================================
   VISIT MOBILE START
========================================================= */

@media (max-width: 700px) {

    .visit-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO START */

    .visit-hero {
        padding:
            37px
            0
            40px;
    }

    .visit-hero__layout {
        grid-template-columns: 1fr;

        gap: 24px;
    }

    .visit-hero__copy h2 {
        font-size:
            clamp(39px, 10.5vw, 52px);
    }

    .visit-hero__copy p {
        font-size: 12px;
    }

    .visit-hero__copy
    .visit-hero__lead {
        font-size: 15px;
    }

    .visit-hero__address {
        padding: 20px;
    }

    .visit-hero__address strong {
        font-size: 29px;
    }

    /* MOBILE HERO END */


    /* MOBILE ESSENTIALS START */

    .visit-essentials {
        padding:
            32px
            0;
    }

    .visit-essentials__heading h3 {
        font-size: 30px;
    }

    .visit-facts {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .visit-fact {
        min-height: 0;

        padding: 15px;
    }

    .visit-fact strong {
        font-size: 19px;
    }

    .visit-fact p {
        font-size: 11px;
    }

    /* MOBILE ESSENTIALS END */


    /* MOBILE GUIDE START */

    .visit-guide {
        padding:
            34px
            0;
    }

    .visit-guide__layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .visit-guide__heading h3 {
        font-size: 30px;
    }

    .visit-guide__copy {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(240, 197, 125, .62);
    }

    .visit-guide__copy p {
        font-size: 12px;
        line-height: 1.66;
    }

    .visit-guide__copy
    .visit-guide__lead {
        font-size: 14px;
    }

    /* MOBILE GUIDE END */


    /* MOBILE RECOMMENDATIONS START */

    .visit-recommendations {
        padding:
            35px
            0;
    }

    .visit-recommendations__heading h3 {
        font-size: 30px;
    }

    .visit-recommendations__grid {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .visit-recommendations__grid article {
        min-height: 0;

        padding: 17px;
    }

    .visit-recommendations__grid strong {
        margin-top: 9px;

        font-size: 19px;
    }

    .visit-recommendations__grid p {
        font-size: 11px;
    }

    /* MOBILE RECOMMENDATIONS END */


    /* MOBILE EVENING START */

    .visit-evening {
        padding:
            34px
            0;
    }

    .visit-evening__heading h3 {
        font-size: 30px;
    }

    .visit-evening__options {
        gap: 7px;
    }

    .visit-evening__options article {
        padding: 18px;
    }

    .visit-evening__options strong {
        font-size: 20px;
    }

    .visit-evening__options p {
        font-size: 11px;
    }

    /* MOBILE EVENING END */


    /* MOBILE POKER START */

    .visit-poker {
        padding:
            34px
            0;
    }

    .visit-poker__layout {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    .visit-poker h3 {
        font-size: 29px;
    }

    .visit-poker p {
        font-size: 12px;
    }

    .visit-poker__schedule {
        grid-template-columns: 1fr;
    }

    .visit-poker__schedule > div {
        padding:
            14px
            2px;
    }

    .visit-poker__schedule > div + div {
        border-left: 0;

        border-top:
            1px solid rgba(255, 255, 255, .17);
    }

    .visit-poker__schedule strong {
        font-size: 19px;
    }

    /* MOBILE POKER END */


    /* MOBILE CONTACT START */

    .visit-contact {
        padding:
            31px
            0
            42px;
    }

    .visit-contact__layout {
        grid-template-columns: 1fr;

        gap: 21px;
    }

    .visit-contact h3 {
        font-size: 28px;
    }

    .visit-contact__details {
        grid-template-columns: 1fr;
    }

    .visit-contact__details > div {
        padding:
            12px
            0;
    }

    .visit-contact__details > div + div {
        border-left: 0;

        border-top:
            1px solid rgba(255, 255, 255, .17);
    }

    /* MOBILE CONTACT END */

}

/* =========================================================
   VISIT MOBILE END
========================================================= */


/* =========================================================
   VISIT SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .visit-shell {
        width:
            calc(100% - 24px);
    }

    .visit-hero__copy h2 {
        font-size: 40px;
    }

    .visit-recommendations__grid article {
        padding: 15px;
    }

}

/* =========================================================
   VISIT SMALL MOBILE END
========================================================= */


/* =========================================================
   VISIT VERNON PAGE END
========================================================= */
/* =========================================================
   VERNON CASINO — ABOUT PAGE
========================================================= */

/* ABOUT PAGE START */

.about-page {
    --about-charcoal: #242631;
    --about-charcoal-deep: #181a22;

    --about-violet: #5a5f84;
    --about-violet-light: #8f96bd;

    --about-rose: #b76f79;
    --about-rose-light: #e0a7ad;

    --about-pearl: #f3f1f4;
    --about-lilac: #e6e3eb;
    --about-paper: #fffafd;

    --about-ink: #343640;
    --about-copy: #676875;

    color: var(--about-ink);

    background:
        var(--about-pearl);
}

.about-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.about-kicker {
    margin: 0;

    color: var(--about-rose-light);

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.about-kicker--dark {
    color: #955865;
}


/* =========================================================
   ABOUT HERO START
========================================================= */

.about-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(62px, 7vw, 96px)
        0;

    color: #f8f7fa;

    background:
        radial-gradient(
            circle at 86% 16%,
            rgba(183, 111, 121, .23),
            transparent 31%
        ),
        radial-gradient(
            circle at 14% 100%,
            rgba(90, 95, 132, .25),
            transparent 34%
        ),
        linear-gradient(
            125deg,
            #181a22 0%,
            #333648 52%,
            #5a5f84 100%
        );
}

.about-hero::after {
    content: "";

    position: absolute;

    right: 5%;
    bottom: -170px;

    width: 390px;
    height: 390px;

    border:
        1px solid rgba(224, 167, 173, .16);

    border-radius: 50%;

    pointer-events: none;
}

.about-hero__layout {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(330px, .63fr);

    align-items: center;

    gap:
        clamp(42px, 7vw, 92px);
}

.about-hero__copy h2 {
    max-width: 720px;

    margin:
        13px
        0
        22px;

    color: #fffafe;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5.5vw, 78px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.about-hero__copy h2 span {
    display: block;

    color: #e2a9b0;
}

.about-hero__copy p {
    max-width: 690px;

    margin:
        0
        0
        12px;

    color: #dfdde5;

    font-size: 15px;
    line-height: 1.74;
}

.about-hero__copy
.about-hero__lead {
    color: #fff6fa;

    font-size: 18px;
}

.about-hero__statement {
    padding:
        clamp(28px, 4vw, 43px);

    background:
        rgba(255, 255, 255, .07);

    border:
        1px solid rgba(224, 167, 173, .43);

    border-radius: 16px;

    backdrop-filter: blur(9px);
}

.about-hero__statement small {
    color: #e2a9b0;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.about-hero__statement strong {
    display: block;

    margin-top: 12px;

    color: #fffafe;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(31px, 3vw, 43px);

    line-height: 1.08;
}

.about-hero__statement p {
    margin:
        12px
        0
        0;

    color: #dfdde5;

    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   ABOUT HERO END
========================================================= */


/* =========================================================
   ABOUT INTRO START
========================================================= */

.about-intro {
    padding:
        clamp(50px, 6vw, 80px)
        0;

    background:
        linear-gradient(
            155deg,
            #f5f2f6,
            #e5e1ea
        );
}

.about-intro__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(40px, 7vw, 88px);
}

.about-intro h3 {
    margin:
        8px
        0
        0;

    color: #383b4a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.07;
}

.about-intro h3 span {
    display: block;

    color: #a35f6b;
}

.about-intro__copy {
    padding-left: 27px;

    border-left:
        2px solid #c78691;
}

.about-intro__copy p {
    max-width: 760px;

    margin:
        0
        0
        13px;

    color: #696a75;

    font-size: 15px;
    line-height: 1.73;
}

.about-intro__copy
.about-intro__lead {
    color: #474a5a;

    font-size: 18px;
}

/* =========================================================
   ABOUT INTRO END
========================================================= */


/* =========================================================
   ABOUT ADVANTAGES START
========================================================= */

.about-advantages {
    padding:
        clamp(50px, 6vw, 82px)
        0;

    background:
        #ece9f0;
}

.about-advantages__heading {
    max-width: 830px;

    margin-bottom: 25px;
}

.about-advantages__heading h3 {
    margin:
        8px
        0
        0;

    color: #383b4a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.9vw, 50px);

    line-height: 1.07;
}

.about-advantages__heading h3 span {
    display: block;

    color: #a35f6b;
}

.about-advantages__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 11px;
}

.about-advantages__grid article {
    min-height: 250px;

    padding:
        23px
        21px;

    background:
        #fffafd;

    border:
        1px solid #d2ceda;

    border-top:
        4px solid #666d97;

    border-radius: 9px;
}

.about-advantages__grid article:nth-child(2),
.about-advantages__grid article:nth-child(5) {
    background:
        #f6e9ec;

    border-top-color:
        #b76f79;
}

.about-advantages__grid small {
    color: #965764;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.about-advantages__grid strong {
    display: block;

    margin-top: 14px;

    color: #383b4a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.15;
}

.about-advantages__grid p {
    margin:
        10px
        0
        0;

    color: #696a75;

    font-size: 13px;
    line-height: 1.68;
}

/* =========================================================
   ABOUT ADVANTAGES END
========================================================= */


/* =========================================================
   ABOUT CARE START
========================================================= */

.about-care {
    padding:
        clamp(50px, 6vw, 80px)
        0;

    color: #f7f6fa;

    background:
        linear-gradient(
            125deg,
            #252836,
            #555b7c
        );
}

.about-care__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .78fr)
        minmax(0, 1.22fr);

    gap:
        clamp(40px, 7vw, 90px);
}

.about-care__heading h3 {
    margin:
        9px
        0
        0;

    color: #fffafe;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.07;
}

.about-care__heading h3 span {
    display: block;

    color: #e0a7ad;
}

.about-care__copy {
    padding-left: 27px;

    border-left:
        2px solid rgba(224, 167, 173, .62);
}

.about-care__copy p {
    max-width: 760px;

    margin:
        0
        0
        13px;

    color: #dfdde6;

    font-size: 15px;
    line-height: 1.74;
}

.about-care__copy
.about-care__lead {
    color: #fff7fb;

    font-size: 18px;
}

/* =========================================================
   ABOUT CARE END
========================================================= */


/* =========================================================
   ABOUT EXPERIENCE START
========================================================= */

.about-experience {
    padding:
        clamp(50px, 6vw, 80px)
        0;

    background:
        linear-gradient(
            155deg,
            #f6f3f7,
            #e5e2ea
        );
}

.about-experience__heading {
    max-width: 790px;

    margin-bottom: 24px;
}

.about-experience__heading h3 {
    margin:
        8px
        0
        0;

    color: #393c4b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.9vw, 50px);

    line-height: 1.07;
}

.about-experience__heading h3 span {
    display: block;

    color: #a35f6b;
}

.about-experience__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

.about-experience__grid article {
    min-height: 210px;

    padding:
        22px
        20px;

    background:
        #fffafd;

    border-top:
        4px solid #666d97;
}

.about-experience__grid article:nth-child(even) {
    background:
        #f7eaed;

    border-top-color:
        #b76f79;
}

.about-experience__grid span {
    color: #975763;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.about-experience__grid strong {
    display: block;

    margin-top: 12px;

    color: #383b4a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.about-experience__grid p {
    margin:
        9px
        0
        0;

    color: #696a75;

    font-size: 12px;
    line-height: 1.65;
}

/* =========================================================
   ABOUT EXPERIENCE END
========================================================= */


/* =========================================================
   ABOUT SERVICE START
========================================================= */

.about-service {
    padding:
        clamp(48px, 5.5vw, 74px)
        0;

    color: #f7f6fa;

    background:
        linear-gradient(
            125deg,
            #1f2230,
            #434862
        );
}

.about-service__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .76fr)
        minmax(0, 1.24fr);

    gap:
        clamp(38px, 7vw, 86px);
}

.about-service h3 {
    margin:
        9px
        0
        0;

    color: #fffafe;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3.8vw, 49px);

    line-height: 1.07;
}

.about-service h3 span {
    display: block;

    color: #e0a7ad;
}

.about-service__list {
    display: grid;
}

.about-service__list > div {
    padding:
        16px
        0;
}

.about-service__list > div + div {
    border-top:
        1px solid rgba(255, 255, 255, .15);
}

.about-service__list small {
    color: #e0a7ad;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.about-service__list strong {
    display: block;

    margin-top: 6px;

    color: #fff8fc;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

/* =========================================================
   ABOUT SERVICE END
========================================================= */


/* =========================================================
   ABOUT LOCATION START
========================================================= */

.about-location {
    padding:
        clamp(48px, 5vw, 70px)
        0;

    background:
        #e9e6ed;
}

.about-location__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, .7fr);

    align-items: center;

    gap:
        clamp(40px, 7vw, 88px);
}

.about-location h3 {
    margin:
        9px
        0
        11px;

    color: #383b4a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3.8vw, 49px);

    line-height: 1.07;
}

.about-location h3 span {
    display: block;

    color: #a35f6b;
}

.about-location p {
    max-width: 660px;

    margin: 0;

    color: #696a75;

    font-size: 14px;
    line-height: 1.7;
}

.about-location__address {
    padding:
        27px;

    background:
        #fffafd;

    border-left:
        5px solid #b76f79;
}

.about-location__address small {
    color: #975763;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.about-location__address strong {
    display: block;

    margin-top: 9px;

    color: #393c4b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
}

.about-location__address span {
    display: block;

    margin-top: 7px;

    color: #6c6d77;

    font-size: 12px;
}

/* =========================================================
   ABOUT LOCATION END
========================================================= */


/* =========================================================
   ABOUT CLOSING START
========================================================= */

.about-closing {
    padding:
        clamp(48px, 5.5vw, 72px)
        0;

    color: #f7f6fa;

    background:
        #181a22;
}

.about-closing__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .75fr)
        minmax(0, 1.25fr);

    gap:
        clamp(40px, 7vw, 88px);
}

.about-closing h3 {
    margin:
        9px
        0
        0;

    color: #fffafe;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.8vw, 50px);

    line-height: 1.07;
}

.about-closing h3 span {
    display: block;

    color: #e0a7ad;
}

.about-closing__layout >
div:last-child {
    padding-left: 26px;

    border-left:
        2px solid rgba(224, 167, 173, .58);
}

.about-closing p {
    max-width: 730px;

    margin:
        0
        0
        12px;

    color: #dfdde6;

    font-size: 14px;
    line-height: 1.72;
}

.about-closing
.about-closing__lead {
    color: #fff7fb;

    font-size: 17px;
}

/* =========================================================
   ABOUT CLOSING END
========================================================= */


/* =========================================================
   ABOUT TABLET START
========================================================= */

@media (max-width: 1000px) {

    .about-advantages__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .about-experience__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

/* =========================================================
   ABOUT TABLET END
========================================================= */


/* =========================================================
   ABOUT MOBILE START
========================================================= */

@media (max-width: 700px) {

    .about-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO */

    .about-hero {
        padding:
            38px
            0
            40px;
    }

    .about-hero__layout {
        grid-template-columns: 1fr;

        gap: 24px;
    }

    .about-hero__copy h2 {
        font-size:
            clamp(39px, 10.5vw, 52px);
    }

    .about-hero__copy p {
        font-size: 12px;
    }

    .about-hero__copy
    .about-hero__lead {
        font-size: 15px;
    }

    .about-hero__statement {
        padding: 20px;
    }

    .about-hero__statement strong {
        font-size: 29px;
    }


    /* MOBILE INTRO */

    .about-intro {
        padding:
            34px
            0;
    }

    .about-intro__layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .about-intro h3 {
        font-size: 30px;
    }

    .about-intro__copy {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            2px solid #c78691;
    }

    .about-intro__copy p {
        font-size: 12px;
        line-height: 1.66;
    }

    .about-intro__copy
    .about-intro__lead {
        font-size: 14px;
    }


    /* MOBILE ADVANTAGES */

    .about-advantages {
        padding:
            35px
            0;
    }

    .about-advantages__heading h3 {
        font-size: 30px;
    }

    .about-advantages__grid {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .about-advantages__grid article {
        min-height: 0;

        padding: 17px;
    }

    .about-advantages__grid strong {
        margin-top: 9px;

        font-size: 19px;
    }

    .about-advantages__grid p {
        font-size: 11px;
    }


    /* MOBILE CARE */

    .about-care {
        padding:
            34px
            0;
    }

    .about-care__layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .about-care__heading h3 {
        font-size: 30px;
    }

    .about-care__copy {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(224, 167, 173, .60);
    }

    .about-care__copy p {
        font-size: 12px;
        line-height: 1.66;
    }

    .about-care__copy
    .about-care__lead {
        font-size: 14px;
    }


    /* MOBILE EXPERIENCE */

    .about-experience {
        padding:
            34px
            0;
    }

    .about-experience__heading h3 {
        font-size: 30px;
    }

    .about-experience__grid {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .about-experience__grid article {
        min-height: 0;

        padding: 17px;
    }

    .about-experience__grid strong {
        font-size: 19px;
    }

    .about-experience__grid p {
        font-size: 11px;
    }


    /* MOBILE SERVICE */

    .about-service {
        padding:
            34px
            0;
    }

    .about-service__layout {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .about-service h3 {
        font-size: 30px;
    }

    .about-service__list strong {
        font-size: 18px;
    }


    /* MOBILE LOCATION */

    .about-location {
        padding:
            34px
            0;
    }

    .about-location__layout {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .about-location h3 {
        font-size: 30px;
    }

    .about-location p {
        font-size: 12px;
    }

    .about-location__address {
        padding: 19px;
    }

    .about-location__address strong {
        font-size: 23px;
    }


    /* MOBILE CLOSING */

    .about-closing {
        padding:
            34px
            0
            43px;
    }

    .about-closing__layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .about-closing h3 {
        font-size: 30px;
    }

    .about-closing__layout >
    div:last-child {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(224, 167, 173, .58);
    }

    .about-closing p {
        font-size: 12px;
        line-height: 1.66;
    }

    .about-closing
    .about-closing__lead {
        font-size: 14px;
    }

}

/* =========================================================
   ABOUT MOBILE END
========================================================= */


/* =========================================================
   ABOUT SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .about-shell {
        width:
            calc(100% - 24px);
    }

    .about-hero__copy h2 {
        font-size: 40px;
    }

}

/* =========================================================
   ABOUT SMALL MOBILE END
========================================================= */


/* =========================================================
   ABOUT PAGE END
========================================================= */
/* =========================================================
   VERNON CASINO — FAQ PAGE
========================================================= */

/* FAQ PAGE START */

.faq-page {
    --faq-petrol: #153d3e;
    --faq-petrol-deep: #0e2b2c;

    --faq-aqua: #4da9a4;
    --faq-aqua-light: #8fd1cc;

    --faq-lime: #c6ce74;
    --faq-lime-light: #e1e6a6;

    --faq-ice: #eef6f5;
    --faq-mist: #dfeceb;
    --faq-paper: #fbfdfc;

    --faq-ink: #283d3d;
    --faq-copy: #5f6e6d;

    color: var(--faq-ink);

    background:
        var(--faq-ice);
}

.faq-shell {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        1320px
    );

    margin-inline: auto;
}

.faq-kicker {
    margin: 0;

    color: var(--faq-lime-light);

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.faq-kicker--dark {
    color: #66805c;
}


/* =========================================================
   FAQ HERO START
========================================================= */

.faq-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(60px, 7vw, 94px)
        0;

    color: #f7fbfa;

    background:
        radial-gradient(
            circle at 85% 17%,
            rgba(198, 206, 116, .19),
            transparent 31%
        ),
        radial-gradient(
            circle at 12% 100%,
            rgba(77, 169, 164, .22),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            #0e2b2c 0%,
            #184647 56%,
            #32706d 100%
        );
}

.faq-hero::after {
    content: "";

    position: absolute;

    right: -90px;
    bottom: -215px;

    width: 470px;
    height: 470px;

    border:
        1px solid rgba(225, 230, 166, .16);

    border-radius: 50%;

    pointer-events: none;
}

.faq-hero__layout {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(330px, .62fr);

    align-items: center;

    gap:
        clamp(42px, 7vw, 92px);
}

.faq-hero__copy h2 {
    max-width: 730px;

    margin:
        13px
        0
        22px;

    color: #fbfffd;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5.5vw, 78px);

    line-height: 1.02;
    letter-spacing: -.045em;
}

.faq-hero__copy h2 span {
    display: block;

    color: var(--faq-lime-light);
}

.faq-hero__copy p {
    max-width: 690px;

    margin:
        0
        0
        12px;

    color: #d8e8e6;

    font-size: 15px;
    line-height: 1.74;
}

.faq-hero__copy
.faq-hero__lead {
    color: #f8fcf8;

    font-size: 18px;
}

.faq-hero__note {
    padding:
        clamp(27px, 4vw, 42px);

    background:
        rgba(255, 255, 255, .075);

    border:
        1px solid rgba(225, 230, 166, .42);

    border-radius: 16px;

    backdrop-filter: blur(9px);
}

.faq-hero__note small {
    color: #dfe59d;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.faq-hero__note strong {
    display: block;

    margin-top: 12px;

    color: #fbfffd;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(28px, 2.8vw, 40px);

    line-height: 1.1;
}

.faq-hero__note p {
    margin:
        12px
        0
        0;

    color: #d8e8e6;

    font-size: 13px;
    line-height: 1.66;
}

/* =========================================================
   FAQ HERO END
========================================================= */


/* =========================================================
   FAQ CONTENT START
========================================================= */

.faq-content {
    padding:
        clamp(50px, 6vw, 84px)
        0
        clamp(58px, 7vw, 94px);

    background:
        linear-gradient(
            155deg,
            #f1f7f6,
            #dfeceb
        );
}

.faq-content__heading {
    max-width: 820px;

    margin-bottom:
        clamp(28px, 4vw, 42px);
}

.faq-content__heading h3 {
    margin:
        8px
        0
        12px;

    color: #294342;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.9vw, 51px);

    line-height: 1.07;
}

.faq-content__heading h3 span {
    display: block;

    color: #478b87;
}

.faq-content__heading > p:last-child {
    max-width: 670px;

    margin: 0;

    color: #637170;

    font-size: 13px;
    line-height: 1.67;
}


/* TWO EQUAL COLUMNS */

.faq-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    align-items: start;

    gap:
        clamp(12px, 2vw, 20px);
}

.faq-column {
    display: grid;

    gap: 10px;
}


/* =========================================================
   FAQ ITEM START
========================================================= */

.faq-item {
    overflow: hidden;

    background:
        rgba(251, 253, 252, .92);

    border:
        1px solid #bfd3d0;

    border-radius: 11px;

    box-shadow:
        0 7px 20px
        rgba(25, 61, 61, .055);

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

.faq-item:has(.faq-question[aria-expanded="true"]) {
    background:
        #fbfdfc;

    border-color:
        #4f9e99;

    box-shadow:
        0 11px 28px
        rgba(21, 61, 62, .105);
}


/* QUESTION */

.faq-question {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        38px;

    align-items: center;

    gap: 18px;

    padding:
        21px
        19px
        21px
        22px;

    color: #294342;

    background: transparent;

    border: 0;

    cursor: pointer;

    text-align: left;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(17px, 1.45vw, 21px);

    font-weight: 700;

    line-height: 1.28;

    transition:
        color 180ms ease,
        background 180ms ease;
}

.faq-question:hover {
    background:
        rgba(143, 209, 204, .11);
}

.faq-question:focus-visible {
    outline:
        3px solid rgba(198, 206, 116, .65);

    outline-offset:
        -3px;
}


/* ICON */

.faq-question__icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    color: #244a48;

    background:
        #d2e9e6;

    border:
        1px solid #acd0cc;

    border-radius: 50%;

    transition:
        transform 220ms ease,
        color 180ms ease,
        background 180ms ease;
}

.faq-question__icon svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.faq-question[aria-expanded="true"] {
    color: #183b39;
}

.faq-question[aria-expanded="true"]
.faq-question__icon {
    color: #26340f;

    background:
        #dfe59c;

    border-color:
        #bdc768;

    transform:
        rotate(180deg);
}


/* ANSWER */

.faq-answer {
    border-top:
        1px solid #d4e3e1;
}

.faq-answer__inner {
    padding:
        20px
        22px
        23px;

    background:
        linear-gradient(
            145deg,
            rgba(224, 239, 237, .58),
            rgba(248, 251, 250, .96)
        );
}

.faq-answer__inner p {
    margin:
        0
        0
        11px;

    color: #5c6b69;

    font-size: 13px;
    line-height: 1.7;
}

.faq-answer__inner p:last-child {
    margin-bottom: 0;
}

.faq-answer__inner strong {
    color: #295c58;

    font-weight: 900;
}

/* =========================================================
   FAQ ITEM END
========================================================= */


/* =========================================================
   FAQ CONTENT END
========================================================= */


/* =========================================================
   FAQ CLOSING START
========================================================= */

.faq-closing {
    padding:
        clamp(48px, 5.5vw, 74px)
        0;

    color: #f7fbfa;

    background:
        linear-gradient(
            125deg,
            #102d2e,
            #245655
        );
}

.faq-closing__layout {
    display: grid;

    grid-template-columns:
        minmax(0, .75fr)
        minmax(0, 1.25fr);

    gap:
        clamp(40px, 7vw, 88px);
}

.faq-closing h3 {
    margin:
        9px
        0
        0;

    color: #fbfffd;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(35px, 3.8vw, 50px);

    line-height: 1.07;
}

.faq-closing h3 span {
    display: block;

    color: #dfe59d;
}

.faq-closing__layout >
div:last-child {
    padding-left: 26px;

    border-left:
        2px solid rgba(198, 206, 116, .58);
}

.faq-closing p {
    max-width: 730px;

    margin:
        0
        0
        12px;

    color: #d8e7e5;

    font-size: 14px;
    line-height: 1.72;
}

.faq-closing
.faq-closing__lead {
    color: #f8fcf8;

    font-size: 17px;
}

/* =========================================================
   FAQ CLOSING END
========================================================= */


/* =========================================================
   FAQ TABLET START
========================================================= */

@media (max-width: 900px) {

    .faq-question {
        font-size: 17px;
    }

}

/* =========================================================
   FAQ TABLET END
========================================================= */


/* =========================================================
   FAQ MOBILE START
========================================================= */

@media (max-width: 700px) {

    .faq-shell {
        width:
            calc(100% - 30px);
    }


    /* MOBILE HERO */

    .faq-hero {
        padding:
            38px
            0
            40px;
    }

    .faq-hero__layout {
        grid-template-columns: 1fr;

        gap: 24px;
    }

    .faq-hero__copy h2 {
        font-size:
            clamp(39px, 10.5vw, 52px);
    }

    .faq-hero__copy p {
        font-size: 12px;
    }

    .faq-hero__copy
    .faq-hero__lead {
        font-size: 15px;
    }

    .faq-hero__note {
        padding: 19px;
    }

    .faq-hero__note strong {
        font-size: 27px;
    }

    .faq-hero__note p {
        font-size: 11px;
    }


    /* MOBILE FAQ CONTENT */

    .faq-content {
        padding:
            34px
            0
            42px;
    }

    .faq-content__heading {
        margin-bottom: 22px;
    }

    .faq-content__heading h3 {
        font-size: 30px;
    }

    .faq-content__heading > p:last-child {
        font-size: 11px;
    }

    .faq-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .faq-column {
        gap: 8px;
    }

    .faq-question {
        grid-template-columns:
            minmax(0, 1fr)
            31px;

        gap: 12px;

        padding:
            16px
            13px
            16px
            16px;

        font-size: 16px;
        line-height: 1.3;
    }

    .faq-question__icon {
        width: 30px;
        height: 30px;
    }

    .faq-question__icon svg {
        width: 14px;
        height: 14px;
    }

    .faq-answer__inner {
        padding:
            15px
            16px
            17px;
    }

    .faq-answer__inner p {
        font-size: 11px;
        line-height: 1.66;
    }


    /* MOBILE CLOSING */

    .faq-closing {
        padding:
            34px
            0
            43px;
    }

    .faq-closing__layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .faq-closing h3 {
        font-size: 30px;
    }

    .faq-closing__layout >
    div:last-child {
        padding:
            13px
            0
            0;

        border-left: 0;

        border-top:
            2px solid rgba(198, 206, 116, .58);
    }

    .faq-closing p {
        font-size: 12px;
        line-height: 1.66;
    }

    .faq-closing
    .faq-closing__lead {
        font-size: 14px;
    }

}

/* =========================================================
   FAQ MOBILE END
========================================================= */


/* =========================================================
   FAQ SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .faq-shell {
        width:
            calc(100% - 24px);
    }

    .faq-hero__copy h2 {
        font-size: 40px;
    }

    .faq-question {
        font-size: 15px;
    }

}

/* =========================================================
   FAQ SMALL MOBILE END
========================================================= */


/* =========================================================
   FAQ PAGE END
========================================================= */
/* =========================================================
   CASINO GAMES — MOBILE INLINE PANEL FIX
========================================================= */

@media (max-width: 700px) {

    .games-page
    .games-selector >
    .games-panel {
        width: 100%;

        margin:
            -10px
            0
            10px;

        padding:
            25px
            14px
            31px;

        color:
            #173f3d;

        background:
            linear-gradient(
                160deg,
                #f3e4cf 0%,
                #ead8bd 55%,
                #f7ecdc 100%
            );

        border:
            2px solid #58aaa2;

        border-top: 0;

        border-radius:
            0
            0
            11px
            11px;

        box-shadow:
            0 12px 25px
            rgba(20, 63, 61, .12);
    }


    .games-page
    .games-selector >
    .games-selector__card[aria-selected="true"] {
        border-radius:
            11px
            11px
            0
            0;
    }


    .games-page
    .games-selector >
    .games-panel +
    .games-selector__card {
        margin-top: 10px;
    }


    /* PANEL INTRO */

    .games-page
    .games-selector >
    .games-panel
    .games-panel__title h3 {
        color:
            #173f3d;
    }


    .games-page
    .games-selector >
    .games-panel
    .games-panel__title h3 span {
        color:
            #a86445;
    }


    .games-page
    .games-selector >
    .games-panel
    .games-kicker--dark {
        color:
            #a56545;
    }


    .games-page
    .games-selector >
    .games-panel
    .games-panel__intro-copy {
        border-top-color:
            #cf9971;
    }


    .games-page
    .games-selector >
    .games-panel
    .games-panel__intro-copy p {
        color:
            #56655f;
    }


    .games-page
    .games-selector >
    .games-panel
    .games-panel__intro-copy
    .games-panel__lead {
        color:
            #244e4a;
    }

}

/* =========================================================
   CASINO GAMES — MOBILE INLINE PANEL FIX END
========================================================= */
/* =========================================================
   VERNON CASINO — SITE FOOTER
========================================================= */

/* FOOTER START */

.site-footer {
    position: relative;

    color: #d8e8e9;

    background:
        linear-gradient(
            135deg,
            #061620 0%,
            #082530 52%,
            #0d343a 100%
        );

    border-top:
        1px solid rgba(138, 240, 233, .24);
}


/* =========================================================
   FOOTER MAIN START
========================================================= */

.footer-main {
    padding:
        47px
        0
        39px;
}


.footer-inner {
    width: 100%;
    max-width: var(--container);

    margin: 0 auto;

    padding:
        0
        var(--gutter);

    display: grid;

    grid-template-columns:
        minmax(270px, 1.35fr)
        minmax(145px, .75fr)
        minmax(145px, .65fr)
        minmax(180px, .8fr);

    align-items: start;

    gap:
        clamp(30px, 4vw, 68px);
}

/* FOOTER MAIN END */


/* =========================================================
   FOOTER BRAND START
========================================================= */

.footer-brand {
    max-width: 410px;
}


.footer-brand__logo {
    display: inline-flex;
    align-items: center;

    gap: 11px;

    color: #fff8ed;

    transition:
        opacity var(--transition);
}


.footer-brand__logo:hover {
    opacity: .86;
}


.footer-brand__emblem {
    position: relative;

    width: 43px;
    height: 47px;

    display: grid;
    place-items: end center;

    flex: 0 0 auto;

    color: var(--gold-light);
}


.footer-brand__letter {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 35px;
    font-weight: 700;

    line-height: 1;
}


.footer-brand__mountain {
    position: absolute;

    top: 1px;
    left: 50%;

    width: 29px;
    height: 12px;

    border-top:
        3px solid var(--gold);

    border-left:
        3px solid var(--gold);

    transform:
        translateX(-50%)
        rotate(45deg);
}


.footer-brand__name {
    display: flex;
    flex-direction: column;

    gap: 4px;
}


.footer-brand__name strong {
    color: #fff8ed;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: .07em;
}


.footer-brand__name small {
    color: var(--gold);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .42em;
}


.footer-brand__copy {
    max-width: 365px;

    margin:
        20px
        0
        0;

    color:
        rgba(216, 232, 233, .72);

    font-size: 12px;

    line-height: 1.7;
}

/* FOOTER BRAND END */


/* =========================================================
   FOOTER LINK GROUPS START
========================================================= */

.footer-group h2 {
    margin:
        0
        0
        15px;

    color: #efc47e;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;
    font-weight: 900;

    line-height: 1.4;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.footer-links {
    display: grid;

    gap: 9px;
}


.footer-links a {
    width: fit-content;

    color:
        rgba(233, 243, 243, .82);

    font-size: 12px;
    font-weight: 600;

    line-height: 1.45;

    transition:
        color var(--transition),
        transform var(--transition);
}


.footer-links a:hover {
    color: var(--aqua-light);

    transform:
        translateX(3px);
}


.footer-links a:focus-visible {
    color: #ffffff;
}

/* FOOTER LINK GROUPS END */


/* =========================================================
   FOOTER BOTTOM START
========================================================= */

.footer-bottom {
    border-top:
        1px solid rgba(255, 255, 255, .09);
}


.footer-bottom__inner {
    width: 100%;
    max-width: var(--container);

    margin: 0 auto;

    padding:
        18px
        var(--gutter);

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

    gap: 20px;
}


.footer-bottom p {
    margin: 0;

    color:
        rgba(216, 232, 233, .53);

    font-size: 10px;

    line-height: 1.5;
}

/* FOOTER BOTTOM END */


/* =========================================================
   FOOTER TABLET START
========================================================= */

@media (max-width: 1000px) {

    .footer-inner {
        grid-template-columns:
            minmax(250px, 1.3fr)
            repeat(3, minmax(125px, .7fr));

        gap:
            30px
            24px;
    }

}

/* FOOTER TABLET END */


/* =========================================================
   FOOTER MOBILE START
========================================================= */

@media (max-width: 700px) {

    .footer-main {
        padding:
            34px
            0
            28px;
    }


    .footer-inner {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            29px
            21px;
    }


    .footer-brand {
        grid-column:
            1 / -1;

        max-width: 100%;
    }


    .footer-brand__copy {
        max-width: 430px;

        margin-top: 16px;

        font-size: 11px;
    }


    .footer-group:last-child {
        grid-column:
            1 / -1;
    }


    .footer-group:last-child
    .footer-links {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            9px
            18px;
    }


    .footer-links {
        gap: 8px;
    }


    .footer-links a {
        font-size: 11px;
    }


    .footer-bottom__inner {
        flex-direction: column;
        align-items: flex-start;

        gap: 5px;

        padding-top: 15px;
        padding-bottom: 15px;
    }


    .footer-bottom p {
        font-size: 9px;
    }

}

/* FOOTER MOBILE END */


/* =========================================================
   FOOTER SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .footer-inner {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .footer-brand,
    .footer-group:last-child {
        grid-column: auto;
    }


    .footer-group:last-child
    .footer-links {
        grid-template-columns: 1fr;
    }

}

/* FOOTER SMALL MOBILE END */


/* =========================================================
   FOOTER END
========================================================= */


/* =========================================================
   DESKTOP SWITCHER — FINAL COMPACT FIX
========================================================= */

@media (min-width: 1181px) {

    body[data-active-page]
    .page-switcher {
        right: 7px;
    }


    body[data-active-page]
    .page-switcher__inner {
        gap: 4px;

        padding: 5px;

        background:
            rgba(7, 31, 43, .78);

        border:
            1px solid rgba(91, 208, 219, .42);

        border-radius: 12px;

        box-shadow:
            0 12px 28px
            rgba(0, 0, 0, .20);

        backdrop-filter:
            blur(10px);

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


    body[data-active-page]
    .switcher-link {
        width: 64px;
        min-width: 64px;

        height: 54px;
        min-height: 54px;

        display: flex;

        flex-direction: column;

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

        gap: 4px;

        padding:
            5px
            3px;

        color: #d8eef0;

        background:
            rgba(24, 66, 82, .68);

        border:
            1px solid
            rgba(89, 158, 176, .45);

        border-radius: 8px;

        text-align: center;

        box-shadow: none;
    }


    body[data-active-page]
    .switcher-link svg {
        width: 17px;
        height: 17px;

        justify-self: auto;
    }


    body[data-active-page]
    .switcher-link span {
        position: static;

        display: block;

        padding: 0;

        color: inherit;

        background: transparent;

        border: 0;

        font-size: 7.5px;
        font-weight: 800;

        line-height: 1.05;

        letter-spacing: 0;

        text-align: center;

        white-space: nowrap;

        opacity: 1;
        visibility: visible;

        transform: none;
    }


    body[data-active-page]
    .switcher-link.is-active {
        color: #062b36;

        background:
            linear-gradient(
                135deg,
                #76ecea,
                #2fc3cc
            );

        border-color:
            #a6ffff;
    }


    body[data-active-page]
    .switcher-link:not(
        [aria-disabled="true"]
    ):hover {
        transform:
            translateX(-2px);
    }

}

/* =========================================================
   DESKTOP SWITCHER — FINAL COMPACT FIX END
========================================================= */


/* =========================================================
   VERNON CASINO — LEGAL PAGES START
========================================================= */

.legal-page {
    background: #ece3d4;

    color: #2f4647;
}


.legal-main {
    min-height: 60vh;
}


.legal-shell {
    width:
        min(
            calc(
                100% - (var(--gutter) * 2)
            ),
            1180px
        );

    margin-inline: auto;
}


/* =========================================================
   LEGAL HERO START
========================================================= */

.legal-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(58px, 7vw, 92px)
        0
        clamp(48px, 6vw, 76px);

    color: #fff8ef;

    background:
        radial-gradient(
            circle at 84% 16%,
            rgba(229, 182, 109, .20),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #061522 0%,
            #0b2d38 56%,
            #15515a 100%
        );
}


.legal-hero::after {
    content: "";

    position: absolute;

    right: -120px;
    bottom: -220px;

    width: 460px;
    height: 460px;

    border:
        1px solid
        rgba(255, 219, 145, .16);

    border-radius: 50%;

    pointer-events: none;
}


.legal-kicker {
    margin: 0;

    color: #ffcf84;

    font-size: 10px;
    font-weight: 900;

    line-height: 1.5;

    letter-spacing: .17em;

    text-transform: uppercase;
}


.legal-hero h1 {
    max-width: 880px;

    margin:
        13px
        0
        0;

    color: #fffaf4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            46px,
            5.2vw,
            74px
        );

    line-height: 1.03;

    letter-spacing: -.045em;
}


.legal-updated {
    margin:
        22px
        0
        0;

    color: #9ee4e0;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .05em;
}


.legal-lead {
    max-width: 760px;

    margin:
        22px
        0
        0;

    color: #deeaeb;

    font-size: 16px;

    line-height: 1.72;
}

/* LEGAL HERO END */


/* =========================================================
   LEGAL CONTENT START
========================================================= */

.legal-content {
    padding:
        clamp(48px, 6vw, 76px)
        0
        clamp(66px, 7vw, 96px);

    background:
        linear-gradient(
            155deg,
            #f7efe3,
            #eadcc6
        );
}


.legal-section {
    display: grid;

    grid-template-columns:
        minmax(220px, .55fr)
        minmax(0, 1.45fr);

    gap:
        clamp(28px, 5vw, 70px);

    padding:
        30px
        0;

    border-top:
        1px solid
        rgba(78, 104, 102, .22);
}


.legal-section:first-child {
    padding-top: 0;

    border-top: 0;
}


.legal-section h2 {
    margin: 0;

    color: #173f3d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            25px,
            2.6vw,
            35px
        );

    line-height: 1.15;
}


.legal-section__body p {
    margin:
        0
        0
        13px;

    color: #586762;

    font-size: 14px;

    line-height: 1.78;
}


.legal-section__body p:last-child {
    margin-bottom: 0;
}

/* LEGAL CONTENT END */


/* =========================================================
   CURRENT LEGAL LINK START
========================================================= */

.legal-page
.footer-links
a[aria-current="page"] {
    color:
        var(--aqua-light);
}

/* CURRENT LEGAL LINK END */


/* =========================================================
   LEGAL TABLET START
========================================================= */

@media (max-width: 1180px) {

    .legal-page
    .header-nav {
        z-index: 1200;
    }


    /*
       Main site reserves bottom space
       for the fixed page switcher.

       Legal pages do not have that switcher,
       so remove the unused clearance here.
    */

    .legal-page
    .site-footer {
        padding-bottom:
            env(
                safe-area-inset-bottom,
                0px
            );
    }

}

/* LEGAL TABLET END */


/* =========================================================
   LEGAL MOBILE START
========================================================= */

@media (max-width: 700px) {

    .legal-shell {
        width:
            calc(100% - 30px);
    }


    .legal-hero {
        padding:
            39px
            0
            44px;
    }


    .legal-hero h1 {
        font-size:
            clamp(
                38px,
                10.5vw,
                52px
            );
    }


    .legal-updated {
        margin-top: 18px;

        font-size: 10px;
    }


    .legal-lead {
        margin-top: 18px;

        font-size: 14px;

        line-height: 1.68;
    }


    .legal-content {
        padding:
            38px
            0
            54px;
    }


    .legal-section {
        grid-template-columns:
            1fr;

        gap: 12px;

        padding:
            25px
            0;
    }


    .legal-section h2 {
        font-size: 27px;
    }


    .legal-section__body p {
        font-size: 12px;

        line-height: 1.72;
    }

}

/* LEGAL MOBILE END */


/* =========================================================
   LEGAL SMALL MOBILE START
========================================================= */

@media (max-width: 390px) {

    .legal-shell {
        width:
            calc(100% - 24px);
    }


    .legal-hero {
        padding:
            34px
            0
            39px;
    }


    .legal-hero h1 {
        font-size:
            clamp(
                35px,
                10vw,
                44px
            );
    }

}

/* LEGAL SMALL MOBILE END */


/* =========================================================
   VERNON CASINO — LEGAL PAGES END
========================================================= */