@import url(mainstyle.css);

*{
    scroll-behavior: smooth;
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;  
}
.btn-close {
    background-image: unset;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover{
    color: var(--prime-text) !important;
    text-decoration: none;
}

[data-finquans-theme="dark"] [data-logo="dark"],
[data-finquans-theme="light"] [data-logo="light"] {
    display: block;
}

[data-finquans-theme="dark"] [data-logo="light"],
[data-finquans-theme="light"] [data-logo="dark"] {
    display: none;
}


/* ============================================ header css =================================================== */
header.fix{
    background-color: var(--head-bg);
}
header.fix .nav-link{
    color: var(--nav-text);
}

@media (max-width:1199px) {
    .nav-link{
        color: var(--nav-text) !important;
    }
}

header.fix img[data-item="light"] {
    display: none;
}

header img[data-item="dark"] {
    display: none;
}
header.fix img[data-item="dark"] {
    display: block;
}

.nav-link{
    color: var(--nav-text);
    padding: 0px !important;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
}
.nav-item.active .nav-link, .nav-item:hover .nav-link{
    color: var(--prime-text) !important; 
    border-bottom: 2px solid var(--prime-border);
}
@media (max-width: 1199px) {
    .nav-link{
        width: 25%;
    }
}

::placeholder{
    color: var(--input-text) !important;
}

.head-content{
    width: 700px;
    margin: auto;
    max-width: 100%;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 30px !important;
}

.head-content2{
    width: 800px;
    max-width: 100%;
    text-align: start;
    text-transform: capitalize;
    margin: 50px auto !important;
}

.theme-btn{
    min-width: 37px;
    min-height: 37px;
}

.icons-bg{
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--icon-text);
    background-color: var(--prime-bg);
}
.icons-bg2{
    min-width: 30px;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: var(--icon-text);
    background-color: var(--prime-alt-bg);
}

/* ======================================= Banner Section ========================================= */
.banner-content {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url('../../assets/images/banner.jpg') no-repeat;
    background-size: cover;
    background-position: center top; 
} 
.banner-content > .container{
    min-height: 870px;
    display: flex;
    align-items: center; 
}
.banner-main{
    max-width: 700px;
    width: 100%;
} 
.icon-rotate{
    position: absolute;
    right: -70px;
    transform: rotate(-90deg);
    top: calc(50% - 82.5px);
}
.icon-rotates{
    display: none;
}

@media(max-width: 575px){
    .icon-rotate{
        position: relative;
        transform: none;
        right: unset;
        top: unset;
        margin-bottom: 20px;
    }
}

@media(max-width: 992px){
    .banner-content > .container {
        min-height: 850px;
    } 
}




/* ======================================= About Section ========================================= */
.abt-img{
    min-height: 500px;
}
.abt-img img:nth-child(1){
    width: 400px !important;
    max-width: calc(100% - 70px);
    min-height: 300px;
    object-fit: cover;
    object-position: center center;
}
.abt-img img:nth-child(2){
    width: 400px !important;
    max-width: calc(100% - 70px);
    min-height: 300px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    right: 0;
    bottom: 0;
} 

.abt-cont{
    background-color: var(--card-bg);
    max-width: 450px;
    margin: auto;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    padding: 30px;
    border-left: 2px solid var(--prime-border);
}


/* ======================================= Service Section ========================================= */
.service-card{
    background-color: var(--card-bg);
    padding: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: 30px;
}
.service-card::before{
    position: absolute;
    content: "";
    height: 65%;
    width: 90%;
    background-color: var(--icon-bg);
    left: 0;
    right: 0;
    margin: auto;
    top: -110px;
    z-index: -1;
    border-radius: 50%;
    transition: 0.5s;
}

.service-card h3{
    color: var(--head-text);
}

.service-card p{
    color: var(--para-text);
}

.service-card:hover{
    background-color: var(--prime-bg) ;
}

.service-card:hover h3, .service-card:hover p{
    color: var(--white-text) !important;
}
.service-card:hover::before{
    background-color: #e36464 !important;
}


.contact-info ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media(max-width: 575px){
    .contact-info ul {
        display: grid;
        grid-template-columns: unset;
    }
}


/* FAQ  */
.accordion-button:not(.collapsed) {
    color: var(--prime-text) !important;
    box-shadow: none !important;
  }
  .accordion-button:focus{
    box-shadow: none !important;
  }
  .accordion-item {
    color: var(--bs-accordion-color);
    background-color: unset !important;
    border: none !important;
    border-bottom: 1px solid var(--light-border) !important;
    border-radius: 0px !important;
    margin-bottom: 25px ;
}
.accordion-button::after {
   background-image: unset !important;
}
.accordion-button::after {
  display: none;
}

  .faq-icon {
      margin-left: auto;
      font-size: 18px;
      transition: transform 0.3s ease-in;
  }
 
  .accordion-button:not(.collapsed) .faq-icon {
      transform: rotate(180deg);
  }

/* =================================================== */

.border-btm{
    border-bottom: 2px solid var(--light-border);
    width: 60%;
    padding: 20px 0px;
}

div.error{
    color: red;
    text-transform: capitalize !important;
}

#backtotop {
    position: fixed;
    bottom: 30px;
    right: 30px; 
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    width: 50px !important;
    min-width: unset;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center; 
}
#backtotop.show {
    opacity: 1;
    visibility: visible;
} 
.alertmsg{
    z-index: 9999;
}
.adv-icon{
    width:80px;
    height:80px;
    object-fit:contain;

}

/* ===== Casino Bonus Banner ===== */

.casino-banner{
    position:relative;
    padding:120px 0;
    background-image:url("assets/images/casino-banner.jpg"); 
    background-size:cover;
    background-position:center;
    overflow:hidden;
}

.casino-banner::before{
    content:"";
    position:absolute;
    inset:0;

  
    background:rgba(0,0,0,0.4);

    z-index:1;
}

.casino-banner-content{
    position:relative;
    z-index:2;
    max-width:800px;
    margin:auto;
    color:#fff;
}
.casino-banner .para-text{
    color:#fff !important;
}
/* PAYMENTS TABLE CENTER */
.payments-wrapper{
    max-width:850px;
}

/* TABS */
.pay-tab{
    background:#2b2b2b;
    border:1px solid #444;
    color:#fff;
    padding:8px 18px;
    margin:0 5px;
    cursor:pointer;
    border-radius:6px;
}

.pay-tab.active{
    background:#c79a5b;
    color:#000;
}

/* TABLE VISIBILITY */
.payment-table{
    display:none;
}

.payment-table.active{
    display:block;
}

/* MOBILE */
@media(max-width:768px){
    .payments-wrapper{
        max-width:100%;
    }

    .payments-wrapper table{
        font-size:14px;
    }
}

/* =========================================================
   BANNER — MINERAL & WINE
   LIGHT + DARK
   HTML STRUCTURE UNCHANGED
   ========================================================= */


/* =========================
   LIGHT THEME
   ========================= */

[data-finquans-theme="light"] .banner-content {
    background:
        linear-gradient(
            90deg,
            rgba(14, 37, 36, .88) 0%,
            rgba(14, 37, 36, .68) 42%,
            rgba(14, 37, 36, .24) 75%,
            rgba(14, 37, 36, .10) 100%
        ),
        url('../../assets/images/banner.jpg') no-repeat;

    background-size: cover;
    background-position: center top;
}


/* =========================
   DARK THEME
   ========================= */

[data-finquans-theme="dark"] .banner-content {
    background:
        linear-gradient(
            90deg,
            rgba(5, 19, 18, .94) 0%,
            rgba(7, 26, 25, .78) 45%,
            rgba(7, 26, 25, .36) 76%,
            rgba(7, 26, 25, .18) 100%
        ),
        url('../../assets/images/banner.jpg') no-repeat;

    background-size: cover;
    background-position: center top;
}


/* =========================================================
   BANNER SIZE
   ========================================================= */

.banner-content > .container {
    min-height: 870px;

    display: flex;
    align-items: center;
}


/* =========================================================
   CONTENT
   ========================================================= */

.banner-main {
    max-width: 720px;
    width: 100%;
}


/* SMALL TEXT ABOVE TITLE */

.banner-main > div:first-child > p:first-child {
    color: #B77A52 !important;

    font-size: 14px !important;
    font-weight: 600;

    letter-spacing: .16em;

    text-transform: uppercase !important;

    margin-bottom: 18px;
}


/* MAIN TITLE */

.banner-main h1 {
    color: #FAF8F3 !important;

    font-size: clamp(52px, 6vw, 82px);

    line-height: 1;
    letter-spacing: -.025em;

    font-weight: 400 !important;

    text-transform: none !important;

    max-width: 700px;
}


/* DESCRIPTION */

.banner-main > div:first-child > p:last-child {
    color: #E8E1D3 !important;

    max-width: 610px;

    line-height: 1.65;

    font-size: 18px !important;
}


/* =========================================================
   CTA
   ========================================================= */

.banner-main > .prime-btn {
    background: #A84B3F;

    color: #FAF8F3 !important;

    border: 1px solid #A84B3F !important;

    border-radius: 3px !important;

    padding: 12px 24px !important;

    font-size: 16px !important;
    font-weight: 600;

    box-shadow: none;

    transition: .3s ease;
}


.banner-main > .prime-btn:hover {
    background: #74342D;

    color: #FAF8F3 !important;

    border-color: #74342D !important;

    transform: translateY(-2px);
}


/* =========================================================
   SOCIAL LINKS
   ========================================================= */

.icon-rotate span {
    color: rgba(250, 248, 243, .72) !important;

    font-size: 13px;

    letter-spacing: .05em;
}


.icon-rotate a {
    color: #FAF8F3;

    transition: .25s ease;
}


.icon-rotate a:hover {
    color: #B77A52 !important;
}


/* =========================================================
   BOTTOM INFORMATION BAR
   ========================================================= */

.banner-div {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-top: 1px solid rgba(183, 122, 82, .30) !important;
}


/* LIGHT */

[data-finquans-theme="light"] .banner-div {
    background: rgba(232, 225, 211, .94);
}


/* DARK */

[data-finquans-theme="dark"] .banner-div {
    background: rgba(14, 37, 36, .95);
}


/* =========================================================
   BOTTOM CARDS
   ========================================================= */

.bottom-card > div > div {
    min-height: 120px;

    transition: background-color .25s ease;
}


/* LIGHT */

[data-finquans-theme="light"] .bottom-card > div > div:hover {
    background: rgba(14, 37, 36, .045);
}


/* DARK */

[data-finquans-theme="dark"] .bottom-card > div > div:hover {
    background: rgba(255, 255, 255, .035);
}


/* =========================================================
   ICON CIRCLES
   ========================================================= */

.bottom-card .white-bg {
    min-width: 64px;
    width: 64px;
    height: 64px;

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

    border-radius: 50% !important;
}


/* LIGHT */

[data-finquans-theme="light"] .bottom-card .white-bg {
    background: #0E2524 !important;

    border: 1px solid rgba(14, 37, 36, .10);
}


/* DARK */

[data-finquans-theme="dark"] .bottom-card .white-bg {
    background: rgba(232, 225, 211, .08) !important;

    border: 1px solid rgba(183, 122, 82, .28);
}


/* ICON IMAGE */

.bottom-card .white-bg img {
    width: 38px;
    height: 38px;

    object-fit: contain;
}


/* =========================================================
   BOTTOM CARD TEXT — LIGHT
   ========================================================= */

[data-finquans-theme="light"] .bottom-card .white-text {
    color: #18201E !important;
}


[data-finquans-theme="light"] .bottom-card .fs-5 {
    color: #0E2524 !important;

    font-weight: 600;
}


[data-finquans-theme="light"] .bottom-card p:not(.fs-5) {
    color: #66706B !important;

    font-size: 14px;
}


/* =========================================================
   BOTTOM CARD TEXT — DARK
   ========================================================= */

[data-finquans-theme="dark"] .bottom-card .white-text {
    color: #E8E1D3 !important;
}


[data-finquans-theme="dark"] .bottom-card .fs-5 {
    color: #FAF8F3 !important;

    font-weight: 600;
}


[data-finquans-theme="dark"] .bottom-card p:not(.fs-5) {
    color: #AAB7B1 !important;

    font-size: 14px;
}


/* =========================================================
   DIVIDERS
   ========================================================= */

[data-finquans-theme="light"] .border-end-md {
    border-color: rgba(14, 37, 36, .14) !important;
}


[data-finquans-theme="dark"] .border-end-md {
    border-color: rgba(232, 225, 211, .12) !important;
}


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

@media(max-width: 992px) {

    .banner-content > .container {
        min-height: 850px;
    }

    .banner-main {
        max-width: 650px;
    }

    .banner-main h1 {
        font-size: clamp(48px, 8vw, 68px);
    }
}


@media(max-width: 767px) {

    .banner-content > .container {
        min-height: 980px;

        align-items: flex-start;

        padding-top: 120px;
    }

    .banner-main h1 {
        font-size: 46px;
    }

    .bottom-card > div > div {
        min-height: 95px;
    }

    .bottom-card .white-bg {
        min-width: 54px;
        width: 54px;
        height: 54px;
    }

    .bottom-card .white-bg img {
        width: 32px;
        height: 32px;
    }
}


@media(max-width: 575px) {

    .banner-content > .container {
        min-height: 1030px;

        padding-top: 105px;
    }

    .banner-main h1 {
        font-size: 39px;

        line-height: 1.05;
    }

    .banner-main > div:first-child > p:last-child {
        font-size: 16px !important;
    }

    .icon-rotate {
        margin-top: 10px;
    }
}

/* =========================================================
   ABOUT — MINERAL & WINE
   ========================================================= */

.about-section{
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}


/* =========================
   LIGHT
   ========================= */

[data-finquans-theme="light"] .about-section{
    background: #F3EFE6;
    color: #18201E;
}


/* =========================
   DARK
   ========================= */

[data-finquans-theme="dark"] .about-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.about-eyebrow{
    color: #A84B3F;

    font-size: 13px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .about-eyebrow{
    color: #B77A52;
}


.about-title{
    max-width: 700px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.025em;
}


[data-finquans-theme="light"] .about-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .about-title{
    color: #FAF8F3;
}


.about-intro{
    max-width: 520px;

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


[data-finquans-theme="light"] .about-intro{
    color: #59635E;
}


[data-finquans-theme="dark"] .about-intro{
    color: #AAB7B1;
}


/* =========================================================
   IMAGE
   ========================================================= */

.about-image{
    min-height: 610px;
    overflow: hidden;
}


.about-image::after{
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        transparent 45%,
        rgba(7, 25, 24, .62) 100%
    );

    pointer-events: none;
}


.about-image img{
    object-fit: cover;
    object-position: center;
}


/* YEAR BLOCK */

.about-year{
    position: absolute;

    left: 30px;
    bottom: 30px;

    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}


.about-year span{
    color: #D9C8B6;

    font-size: 12px;
    font-weight: 600;

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


.about-year strong{
    font-size: 72px;
    line-height: .95;

    font-weight: 400;

    letter-spacing: -.04em;
}


.about-year small{
    margin-top: 7px;

    color: #E8E1D3;

    font-size: 13px;
    letter-spacing: .08em;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.about-content{
    padding: 48px;

    border-top: 3px solid #A84B3F;
}


[data-finquans-theme="light"] .about-content{
    background: #E8E1D3;
}


[data-finquans-theme="dark"] .about-content{
    background: #173331;

    border-top-color: #B77A52;
}


.about-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: .16em;
    text-transform: uppercase;
}


[data-finquans-theme="dark"] .about-label{
    color: #B77A52;
}


.about-content h3{
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.1;

    font-weight: 400;
}


[data-finquans-theme="light"] .about-content h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .about-content h3{
    color: #FAF8F3;
}


.about-content p{
    font-size: 15px;
    line-height: 1.8;
}


[data-finquans-theme="light"] .about-content p{
    color: #4F5B56;
}


[data-finquans-theme="dark"] .about-content p{
    color: #BAC4BF;
}


/* =========================================================
   FACT CARDS
   ========================================================= */

.about-fact{
    padding: 27px 25px;

    border: 1px solid;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background-color .25s ease;
}


[data-finquans-theme="light"] .about-fact{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .about-fact{
    background: #173331;

    border-color: rgba(232,225,211,.10);
}


.about-fact:hover{
    transform: translateY(-4px);
}


[data-finquans-theme="light"] .about-fact:hover{
    border-color: rgba(168,75,63,.50);
}


[data-finquans-theme="dark"] .about-fact:hover{
    border-color: rgba(183,122,82,.55);
}


/* ICON */

.about-fact-icon{
    width: 42px;
    height: 42px;

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

    margin-bottom: 25px;

    border: 1px solid;
}


[data-finquans-theme="light"] .about-fact-icon{
    color: #A84B3F;

    border-color: rgba(168,75,63,.32);
}


[data-finquans-theme="dark"] .about-fact-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.about-fact-small{
    display: block;

    margin-bottom: 6px;

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

    letter-spacing: .15em;
    text-transform: uppercase;
}


[data-finquans-theme="light"] .about-fact-small{
    color: #7C817D;
}


[data-finquans-theme="dark"] .about-fact-small{
    color: #819487;
}


.about-fact h3{
    font-size: 21px;
    font-weight: 600;
}


[data-finquans-theme="light"] .about-fact h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .about-fact h3{
    color: #FAF8F3;
}


.about-fact p{
    font-size: 14px;
    line-height: 1.55;
}


[data-finquans-theme="light"] .about-fact p{
    color: #606963;
}


[data-finquans-theme="dark"] .about-fact p{
    color: #AAB7B1;
}


/* =========================================================
   OPERATOR / LEGAL
   ========================================================= */

.about-operator{
    padding: 35px 38px;

    border-left: 3px solid #A84B3F;
}


[data-finquans-theme="light"] .about-operator{
    background: #0E2524;

    color: #E8E1D3;
}


[data-finquans-theme="dark"] .about-operator{
    background: #E8E1D3;

    color: #18201E;

    border-left-color: #B77A52;
}


.about-operator-label{
    color: #B77A52;

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

    letter-spacing: .15em;
    text-transform: uppercase;
}


.about-operator h3{
    font-size: 26px;
    font-weight: 400;
}


[data-finquans-theme="light"] .about-operator h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .about-operator h3{
    color: #0E2524;
}


.about-operator p{
    font-size: 14px;
    line-height: 1.75;
}


[data-finquans-theme="light"] .about-operator p{
    color: #C5CFCA;
}


[data-finquans-theme="dark"] .about-operator p{
    color: #4F5B56;
}


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

@media(max-width: 991px){

    .about-image{
        min-height: 520px;
    }

    .about-content{
        padding: 38px;
    }

}


@media(max-width: 575px){

    .about-title{
        font-size: 40px;
    }

    .about-image{
        min-height: 430px;
    }

    .about-year{
        left: 22px;
        bottom: 22px;
    }

    .about-year strong{
        font-size: 58px;
    }

    .about-content{
        padding: 28px 24px;
    }

    .about-fact{
        padding: 24px;
    }

    .about-operator{
        padding: 28px 24px;
    }

}

/* =========================================================
   AREAS — MINERAL & WINE
   ========================================================= */

.areas-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* =========================================================
   LIGHT
   ========================================================= */

[data-finquans-theme="light"] .areas-section{
    background: #E8E1D3;
    color: #18201E;
}


/* =========================================================
   DARK
   ========================================================= */

[data-finquans-theme="dark"] .areas-section{
    background: #122B29;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.areas-eyebrow{
    color: #A84B3F;

    font-size: 13px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .areas-eyebrow{
    color: #B77A52;
}


.areas-title{
    max-width: 760px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .areas-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .areas-title{
    color: #FAF8F3;
}


.areas-intro{
    max-width: 520px;

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


[data-finquans-theme="light"] .areas-intro{
    color: #56615C;
}


[data-finquans-theme="dark"] .areas-intro{
    color: #ADB9B3;
}


/* =========================================================
   MAIN CARDS
   ========================================================= */

.area-card{
    overflow: hidden;

    border: 1px solid;

    transition:
        transform .3s ease,
        border-color .3s ease;
}


[data-finquans-theme="light"] .area-card{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .area-card{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}


.area-card:hover{
    transform: translateY(-5px);
}


[data-finquans-theme="light"] .area-card:hover{
    border-color: rgba(168,75,63,.38);
}


[data-finquans-theme="dark"] .area-card:hover{
    border-color: rgba(183,122,82,.42);
}


/* =========================================================
   IMAGE
   ========================================================= */

.area-image{
    position: relative;

    height: 330px;

    overflow: hidden;
}


.area-image::after{
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(14,37,36,.04) 25%,
            rgba(14,37,36,.72) 100%
        );

    pointer-events: none;
}


.area-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .6s ease;
}


.area-card:hover .area-image img{
    transform: scale(1.035);
}


/* NUMBER */

.area-index{
    position: absolute;

    left: 28px;
    bottom: 21px;

    z-index: 2;

    color: #FAF8F3;

    font-size: 42px;
    font-weight: 300;

    letter-spacing: -.04em;
}


/* =========================================================
   CONTENT
   ========================================================= */

.area-content{
    padding: 36px;
}


.area-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: .16em;
    text-transform: uppercase;
}


[data-finquans-theme="dark"] .area-label{
    color: #B77A52;
}


.area-content h3{
    max-width: 500px;

    font-size: clamp(28px, 3vw, 38px);

    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .area-content h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .area-content h3{
    color: #FAF8F3;
}


.area-content > p{
    font-size: 15px;

    line-height: 1.75;
}


[data-finquans-theme="light"] .area-content > p{
    color: #56615C;
}


[data-finquans-theme="dark"] .area-content > p{
    color: #B6C1BC;
}


/* =========================================================
   FEATURES
   ========================================================= */

.area-features{
    margin-top: 30px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .area-features{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .area-features{
    border-color: rgba(232,225,211,.11);
}


.area-feature{
    display: grid;

    grid-template-columns: 42px 1fr;

    gap: 14px;

    align-items: center;

    padding: 17px 0;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .area-feature{
    border-color: rgba(14,37,36,.10);
}


[data-finquans-theme="dark"] .area-feature{
    border-color: rgba(232,225,211,.08);
}


.area-feature i{
    color: #A84B3F;

    font-size: 17px;
}


[data-finquans-theme="dark"] .area-feature i{
    color: #B77A52;
}


.area-feature span{
    display: block;

    margin-bottom: 2px;

    font-size: 15px;
    font-weight: 600;
}


[data-finquans-theme="light"] .area-feature span{
    color: #18201E;
}


[data-finquans-theme="dark"] .area-feature span{
    color: #F3EFE6;
}


.area-feature small{
    display: block;

    font-size: 13px;
}


[data-finquans-theme="light"] .area-feature small{
    color: #7B837E;
}


[data-finquans-theme="dark"] .area-feature small{
    color: #899C93;
}


/* =========================================================
   KURHAUS / JACKPOT DIFFERENT ACCENTS
   ========================================================= */

.area-card-kurhaus{
    border-top: 3px solid #A84B3F;
}


.area-card-jackpot{
    border-top: 3px solid #819487;
}


[data-finquans-theme="dark"] .area-card-kurhaus{
    border-top-color: #B77A52;
}


[data-finquans-theme="dark"] .area-card-jackpot{
    border-top-color: #819487;
}


/* =========================================================
   CHOICE BLOCK
   ========================================================= */

.area-choice{
    border: 1px solid;
}


[data-finquans-theme="light"] .area-choice{
    border-color: rgba(14,37,36,.14);
}


[data-finquans-theme="dark"] .area-choice{
    border-color: rgba(232,225,211,.10);
}


/* LEFT BLOCK */

.area-choice-heading{
    padding: 34px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .area-choice-heading{
    background: #0E2524;
}


[data-finquans-theme="dark"] .area-choice-heading{
    background: #E8E1D3;
}


.area-choice-heading p{
    margin-bottom: 9px;

    color: #B77A52;

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

    letter-spacing: .15em;
    text-transform: uppercase;
}


.area-choice-heading h3{
    font-size: 28px;

    font-weight: 400;
}


[data-finquans-theme="light"] .area-choice-heading h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .area-choice-heading h3{
    color: #0E2524;
}


/* CHOICE ITEMS */

.area-choice-item{
    position: relative;

    padding: 34px;

    border-left: 1px solid;
}


[data-finquans-theme="light"] .area-choice-item{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .area-choice-item{
    background: #173331;

    border-color: rgba(232,225,211,.10);
}


.area-choice-number{
    display: block;

    margin-bottom: 21px;

    color: #B77A52;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: .16em;
}


.area-choice-item h4{
    margin-bottom: 12px;

    font-size: 19px;

    font-weight: 600;
}


[data-finquans-theme="light"] .area-choice-item h4{
    color: #0E2524;
}


[data-finquans-theme="dark"] .area-choice-item h4{
    color: #FAF8F3;
}


.area-choice-item p{
    font-size: 14px;

    line-height: 1.65;
}


[data-finquans-theme="light"] .area-choice-item p{
    color: #5E6863;
}


[data-finquans-theme="dark"] .area-choice-item p{
    color: #AEBBB5;
}


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

@media(max-width: 991px){

    .area-image{
        height: 300px;
    }

    .area-choice-item{
        border-left: 0;

        border-top: 1px solid;
    }

}


@media(max-width: 575px){

    .areas-title{
        font-size: 39px;
    }

    .area-image{
        height: 245px;
    }

    .area-content{
        padding: 27px 23px;
    }

    .area-choice-heading,
    .area-choice-item{
        padding: 27px 23px;
    }

}

/* =========================================================
   GAMING OVERVIEW — MINERAL & WINE
   ========================================================= */

.gaming-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* =========================================================
   LIGHT
   ========================================================= */

[data-finquans-theme="light"] .gaming-section{
    background: #F3EFE6;
    color: #18201E;
}


/* =========================================================
   DARK
   ========================================================= */

[data-finquans-theme="dark"] .gaming-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.gaming-eyebrow{
    color: #A84B3F;

    font-size: 13px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .gaming-eyebrow{
    color: #B77A52;
}


.gaming-title{
    max-width: 800px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .gaming-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .gaming-title{
    color: #FAF8F3;
}


.gaming-intro{
    max-width: 520px;

    font-size: 17px;

    line-height: 1.7;
}


[data-finquans-theme="light"] .gaming-intro{
    color: #5B655F;
}


[data-finquans-theme="dark"] .gaming-intro{
    color: #ACB9B3;
}


/* =========================================================
   GRID
   ========================================================= */

.gaming-grid{
    display: grid;

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

    gap: 18px;
}


/* =========================================================
   CARDS
   ========================================================= */

.gaming-card{
    position: relative;

    min-height: 330px;

    padding: 31px;

    display: flex;
    flex-direction: column;

    border: 1px solid;

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background-color .3s ease;
}


[data-finquans-theme="light"] .gaming-card{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .gaming-card{
    background: #173331;

    border-color: rgba(232,225,211,.09);
}


.gaming-card:hover{
    transform: translateY(-4px);
}


[data-finquans-theme="light"] .gaming-card:hover{
    border-color: rgba(168,75,63,.42);
}


[data-finquans-theme="dark"] .gaming-card:hover{
    border-color: rgba(183,122,82,.44);
}


/* SPECIAL SIZES */

.gaming-card-large{
    min-height: 390px;
}


.gaming-card-wide{
    grid-column: 1 / -1;

    min-height: auto;
}


/* =========================================================
   TOP
   ========================================================= */

.gaming-card-top{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 55px;
}


.gaming-number{
    color: #B77A52;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: .18em;
}


/* ICON */

.gaming-icon{
    width: 47px;
    height: 47px;

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

    border: 1px solid;

    font-size: 17px;
}


[data-finquans-theme="light"] .gaming-icon{
    color: #A84B3F;

    border-color: rgba(168,75,63,.30);
}


[data-finquans-theme="dark"] .gaming-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.34);
}


/* =========================================================
   CONTENT
   ========================================================= */

.gaming-card-content{
    margin-top: auto;
}


.gaming-label{
    color: #A84B3F;

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

    letter-spacing: .15em;

    text-transform: uppercase;
}


[data-finquans-theme="dark"] .gaming-label{
    color: #B77A52;
}


.gaming-card h3{
    margin-bottom: 16px;

    font-size: clamp(28px, 3vw, 38px);

    font-weight: 400;

    line-height: 1.05;
}


[data-finquans-theme="light"] .gaming-card h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .gaming-card h3{
    color: #FAF8F3;
}


.gaming-card-content > p{
    max-width: 590px;

    margin-bottom: 25px;

    font-size: 15px;

    line-height: 1.7;
}


[data-finquans-theme="light"] .gaming-card-content > p{
    color: #59645E;
}


[data-finquans-theme="dark"] .gaming-card-content > p{
    color: #B2BEB8;
}


/* =========================================================
   LOCATION
   ========================================================= */

.gaming-location{
    display: flex;

    align-items: center;

    gap: 9px;

    padding-top: 17px;

    border-top: 1px solid;

    font-size: 13px;
    font-weight: 600;
}


[data-finquans-theme="light"] .gaming-location{
    color: #0E2524;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .gaming-location{
    color: #E8E1D3;

    border-color: rgba(232,225,211,.10);
}


.gaming-location i{
    color: #A84B3F;

    font-size: 12px;
}


[data-finquans-theme="dark"] .gaming-location i{
    color: #B77A52;
}


/* TWO LOCATIONS */

.gaming-location-double{
    display: flex;

    flex-wrap: wrap;

    gap: 12px 25px;
}


.gaming-location-double span{
    display: inline-flex;

    align-items: center;

    gap: 8px;
}


/* =========================================================
   QUICK MAP
   ========================================================= */

.gaming-map{
    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .gaming-map{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .gaming-map{
    border-color: rgba(232,225,211,.10);
}


/* TITLE */

.gaming-map-title{
    padding: 35px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .gaming-map-title{
    background: #0E2524;
}


[data-finquans-theme="dark"] .gaming-map-title{
    background: #E8E1D3;
}


.gaming-map-title p{
    color: #B77A52;

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

    letter-spacing: .15em;

    text-transform: uppercase;
}


.gaming-map-title h3{
    max-width: 230px;

    font-size: 28px;

    line-height: 1.1;

    font-weight: 400;
}


[data-finquans-theme="light"] .gaming-map-title h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .gaming-map-title h3{
    color: #0E2524;
}


/* ROWS */

.gaming-map-row{
    min-height: 63px;

    padding: 15px 28px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    gap: 25px;

    border-bottom: 1px solid;
}


.gaming-map-row:last-child{
    border-bottom: 0;
}


[data-finquans-theme="light"] .gaming-map-row{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.10);
}


[data-finquans-theme="dark"] .gaming-map-row{
    background: #173331;

    border-color: rgba(232,225,211,.08);
}


.gaming-map-game{
    font-size: 15px;

    font-weight: 600;
}


[data-finquans-theme="light"] .gaming-map-game{
    color: #18201E;
}


[data-finquans-theme="dark"] .gaming-map-game{
    color: #FAF8F3;
}


.gaming-map-place{
    font-size: 14px;
}


[data-finquans-theme="light"] .gaming-map-place{
    color: #69736D;
}


[data-finquans-theme="dark"] .gaming-map-place{
    color: #9FAEA7;
}


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

@media(max-width: 767px){

    .gaming-grid{
        grid-template-columns: 1fr;
    }

    .gaming-card-wide{
        grid-column: auto;
    }

    .gaming-card,
    .gaming-card-large{
        min-height: auto;

        padding: 27px 23px;
    }

    .gaming-card-top{
        margin-bottom: 42px;
    }

    .gaming-map-row{
        grid-template-columns: 1fr;

        gap: 3px;

        padding: 17px 23px;
    }

}


@media(max-width: 575px){

    .gaming-title{
        font-size: 39px;
    }

    .gaming-map-title{
        padding: 28px 23px;
    }

}

/* =========================================================
   SLOTS — MINERAL & WINE
   ========================================================= */

.slots-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* =========================================================
   LIGHT
   ========================================================= */

[data-finquans-theme="light"] .slots-section{
    background: #E8E1D3;
    color: #18201E;
}


/* =========================================================
   DARK
   ========================================================= */

[data-finquans-theme="dark"] .slots-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.slots-eyebrow{
    color: #A84B3F;

    font-size: 13px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .slots-eyebrow{
    color: #B77A52;
}


.slots-title{
    max-width: 790px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .slots-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .slots-title{
    color: #FAF8F3;
}


.slots-intro{
    max-width: 520px;

    font-size: 17px;

    line-height: 1.7;
}


[data-finquans-theme="light"] .slots-intro{
    color: #59635E;
}


[data-finquans-theme="dark"] .slots-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN FEATURE
   ========================================================= */

.slots-main{
    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .slots-main{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .slots-main{
    border-color: rgba(232,225,211,.10);
}


/* =========================================================
   IMAGE
   ========================================================= */

.slots-image{
    position: relative;

    min-height: 600px;

    overflow: hidden;
}


.slots-image::after{
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,24,.02) 30%,
            rgba(8,25,24,.72) 100%
        );

    pointer-events: none;
}


.slots-image img{
    object-fit: cover;

    transition: transform .6s ease;
}


.slots-main:hover .slots-image img{
    transform: scale(1.025);
}


/* IMAGE STAT */

.slots-image-stat{
    position: absolute;

    left: 32px;
    bottom: 30px;

    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}


.slots-image-stat span{
    color: #D7C5B3;

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

    letter-spacing: .16em;
    text-transform: uppercase;
}


.slots-image-stat strong{
    font-size: 76px;
    line-height: .95;

    font-weight: 300;

    letter-spacing: -.05em;
}


.slots-image-stat small{
    margin-top: 7px;

    color: #E8E1D3;

    font-size: 13px;
}


/* =========================================================
   MAIN TEXT
   ========================================================= */

.slots-main-content{
    padding: 47px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .slots-main-content{
    background: #F3EFE6;
}


[data-finquans-theme="dark"] .slots-main-content{
    background: #173331;
}


.slots-label{
    color: #A84B3F;

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

    letter-spacing: .16em;
    text-transform: uppercase;
}


[data-finquans-theme="dark"] .slots-label{
    color: #B77A52;
}


.slots-main-content h3{
    font-size: clamp(30px, 3.2vw, 44px);

    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .slots-main-content h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .slots-main-content h3{
    color: #FAF8F3;
}


.slots-main-content > p{
    font-size: 15px;

    line-height: 1.78;
}


[data-finquans-theme="light"] .slots-main-content > p{
    color: #59635E;
}


[data-finquans-theme="dark"] .slots-main-content > p{
    color: #B6C1BC;
}


/* MINIMUM STAKE NOTE */

.slots-main-note{
    display: grid;

    grid-template-columns: 42px 1fr;

    gap: 15px;

    margin-top: 20px;

    padding-top: 22px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .slots-main-note{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .slots-main-note{
    border-color: rgba(232,225,211,.11);
}


.slots-main-note > i{
    color: #A84B3F;

    font-size: 20px;
}


[data-finquans-theme="dark"] .slots-main-note > i{
    color: #B77A52;
}


.slots-main-note span{
    display: block;

    margin-bottom: 4px;

    font-size: 14px;

    font-weight: 600;
}


.slots-main-note p{
    font-size: 13px;

    line-height: 1.55;
}


[data-finquans-theme="light"] .slots-main-note p{
    color: #68716C;
}


[data-finquans-theme="dark"] .slots-main-note p{
    color: #99A9A1;
}


/* =========================================================
   AREA CARDS
   ========================================================= */

.slots-area{
    padding: 36px;

    border: 1px solid;

    transition:
        transform .3s ease,
        border-color .3s ease;
}


[data-finquans-theme="light"] .slots-area{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .slots-area{
    background: #173331;

    border-color: rgba(232,225,211,.09);
}


.slots-area:hover{
    transform: translateY(-4px);
}


[data-finquans-theme="light"] .slots-area:hover{
    border-color: rgba(168,75,63,.40);
}


[data-finquans-theme="dark"] .slots-area:hover{
    border-color: rgba(183,122,82,.44);
}


.slots-area-featured{
    border-top: 3px solid #A84B3F !important;
}


[data-finquans-theme="dark"] .slots-area-featured{
    border-top-color: #B77A52 !important;
}


/* AREA TOP */

.slots-area-top{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;
}


.slots-area-label{
    color: #A84B3F;

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

    letter-spacing: .15em;

    text-transform: uppercase;
}


[data-finquans-theme="dark"] .slots-area-label{
    color: #B77A52;
}


.slots-area h3{
    font-size: 34px;

    font-weight: 400;

    line-height: 1.05;
}


[data-finquans-theme="light"] .slots-area h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .slots-area h3{
    color: #FAF8F3;
}


.slots-area-size{
    flex-shrink: 0;

    padding: 7px 10px;

    border: 1px solid;

    color: #819487;

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

    letter-spacing: .07em;
}


[data-finquans-theme="light"] .slots-area-size{
    border-color: rgba(14,37,36,.16);
}


[data-finquans-theme="dark"] .slots-area-size{
    border-color: rgba(232,225,211,.13);
}


/* TEXT */

.slots-area-text{
    margin-bottom: 28px;

    font-size: 15px;

    line-height: 1.75;
}


[data-finquans-theme="light"] .slots-area-text{
    color: #59635E;
}


[data-finquans-theme="dark"] .slots-area-text{
    color: #B2BEB8;
}


/* =========================================================
   SYSTEMS
   ========================================================= */

.slots-systems{
    border-top: 1px solid;
}


[data-finquans-theme="light"] .slots-systems{
    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .slots-systems{
    border-color: rgba(232,225,211,.10);
}


.slots-system{
    display: grid;

    grid-template-columns: 38px 1fr;

    gap: 14px;

    align-items: center;

    padding: 16px 0;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .slots-system{
    border-color: rgba(14,37,36,.09);
}


[data-finquans-theme="dark"] .slots-system{
    border-color: rgba(232,225,211,.08);
}


.slots-system i{
    color: #A84B3F;

    font-size: 16px;
}


[data-finquans-theme="dark"] .slots-system i{
    color: #B77A52;
}


.slots-system span{
    display: block;

    margin-bottom: 2px;

    font-size: 14px;

    font-weight: 600;
}


[data-finquans-theme="light"] .slots-system span{
    color: #18201E;
}


[data-finquans-theme="dark"] .slots-system span{
    color: #FAF8F3;
}


.slots-system small{
    font-size: 12px;
}


[data-finquans-theme="light"] .slots-system small{
    color: #7B847F;
}


[data-finquans-theme="dark"] .slots-system small{
    color: #899B92;
}


/* AREA FOOTER */

.slots-area-footer{
    margin-top: 24px;

    padding: 18px;

    border-left: 2px solid #A84B3F;
}


[data-finquans-theme="light"] .slots-area-footer{
    background: rgba(14,37,36,.045);
}


[data-finquans-theme="dark"] .slots-area-footer{
    background: rgba(255,255,255,.025);

    border-left-color: #B77A52;
}


.slots-area-footer span{
    display: block;

    margin-bottom: 4px;

    color: #A84B3F;

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

    letter-spacing: .15em;

    text-transform: uppercase;
}


[data-finquans-theme="dark"] .slots-area-footer span{
    color: #B77A52;
}


.slots-area-footer p{
    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   TITO
   ========================================================= */

.slots-tito{
    padding: 35px 38px;

    border: 1px solid;
}


[data-finquans-theme="light"] .slots-tito{
    background: #0E2524;

    border-color: #0E2524;
}


[data-finquans-theme="dark"] .slots-tito{
    background: #E8E1D3;

    border-color: #E8E1D3;
}


.slots-tito-icon{
    width: 42px;
    height: 42px;

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

    margin-bottom: 20px;

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;
}


.slots-tito-heading > p{
    color: #B77A52;

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

    letter-spacing: .15em;

    text-transform: uppercase;
}


.slots-tito-heading h3{
    font-size: 36px;

    font-weight: 400;
}


[data-finquans-theme="light"] .slots-tito-heading h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .slots-tito-heading h3{
    color: #0E2524;
}


.slots-tito-text{
    font-size: 14px;

    line-height: 1.75;
}


[data-finquans-theme="light"] .slots-tito-text{
    color: #C0CCC6;
}


[data-finquans-theme="dark"] .slots-tito-text{
    color: #56615B;
}


/* STEPS */

.slots-tito-steps > div{
    display: grid;

    grid-template-columns: 30px 1fr;

    gap: 10px;

    padding: 11px 0;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .slots-tito-steps > div{
    border-color: rgba(232,225,211,.12);
}


[data-finquans-theme="dark"] .slots-tito-steps > div{
    border-color: rgba(14,37,36,.12);
}


.slots-tito-steps > div:last-child{
    border-bottom: 0;
}


.slots-tito-steps span{
    color: #B77A52;

    font-size: 11px;

    font-weight: 600;
}


.slots-tito-steps p{
    margin: 0;

    font-size: 13px;
}


[data-finquans-theme="light"] .slots-tito-steps p{
    color: #E8E1D3;
}


[data-finquans-theme="dark"] .slots-tito-steps p{
    color: #35403B;
}


/* =========================================================
   FACTS
   ========================================================= */

.slots-facts{
    border-top: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .slots-facts{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .slots-facts{
    border-color: rgba(232,225,211,.10);
}


.slots-fact{
    min-height: 145px;

    padding: 27px;

    border-right: 1px solid;
}


[data-finquans-theme="light"] .slots-fact{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .slots-fact{
    border-color: rgba(232,225,211,.10);
}


.slots-facts .col-lg-3:last-child .slots-fact{
    border-right: 0;
}


.slots-fact-value{
    display: block;

    margin-bottom: 9px;

    color: #A84B3F;

    font-size: 30px;

    font-weight: 400;

    line-height: 1;
}


[data-finquans-theme="dark"] .slots-fact-value{
    color: #B77A52;
}


.slots-fact p{
    margin: 0;

    max-width: 180px;

    font-size: 13px;

    line-height: 1.5;
}


[data-finquans-theme="light"] .slots-fact p{
    color: #65706A;
}


[data-finquans-theme="dark"] .slots-fact p{
    color: #9DAEA6;
}


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

@media(max-width: 991px){

    .slots-image{
        min-height: 500px;
    }

    .slots-main-content{
        padding: 38px;
    }

    .slots-fact{
        border-bottom: 1px solid;
    }

}


@media(max-width: 575px){

    .slots-title{
        font-size: 39px;
    }

    .slots-image{
        min-height: 390px;
    }

    .slots-image-stat{
        left: 22px;
        bottom: 22px;
    }

    .slots-image-stat strong{
        font-size: 60px;
    }

    .slots-main-content{
        padding: 28px 23px;
    }

    .slots-area{
        padding: 27px 23px;
    }

    .slots-area-top{
        flex-direction: column;
    }

    .slots-tito{
        padding: 28px 23px;
    }

    .slots-fact{
        min-height: 130px;

        padding: 22px 18px;
    }

}

/* =========================================================
   JACKPOTS — MINERAL & WINE
   ========================================================= */

.jackpots-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* =========================================================
   LIGHT
   ========================================================= */

[data-finquans-theme="light"] .jackpots-section{
    background: #F3EFE6;
    color: #18201E;
}


/* =========================================================
   DARK
   ========================================================= */

[data-finquans-theme="dark"] .jackpots-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.jackpots-eyebrow{
    color: #A84B3F;

    font-size: 13px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .jackpots-eyebrow{
    color: #B77A52;
}


.jackpots-title{
    max-width: 800px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .jackpots-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .jackpots-title{
    color: #FAF8F3;
}


.jackpots-intro{
    max-width: 520px;

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


[data-finquans-theme="light"] .jackpots-intro{
    color: #59635E;
}


[data-finquans-theme="dark"] .jackpots-intro{
    color: #ACB9B3;
}


.jackpots-label{
    color: #A84B3F;

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

    letter-spacing: .16em;
    text-transform: uppercase;
}


[data-finquans-theme="dark"] .jackpots-label{
    color: #B77A52;
}


/* =========================================================
   AUTO JACKPOT
   ========================================================= */

.auto-jackpot{
    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .auto-jackpot{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .auto-jackpot{
    border-color: rgba(232,225,211,.10);
}


/* TYPOGRAPHIC SIDE */

.auto-jackpot-visual{
    position: relative;

    min-height: 540px;

    padding: 38px;

    display: flex;
    flex-direction: column;

    justify-content: space-between;

    overflow: hidden;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .auto-jackpot-visual{
    background: #74342D;
}


.auto-jackpot-visual::before{
    content: "AUTO";

    position: absolute;

    right: -28px;
    bottom: -35px;

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

    line-height: .8;

    letter-spacing: -.08em;

    color: rgba(255,255,255,.045);

    pointer-events: none;
}


.auto-jackpot-number{
    position: relative;
    z-index: 2;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: .18em;

    color: rgba(250,248,243,.72);
}


.auto-jackpot-word{
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
}


.auto-jackpot-word span{
    font-size: 15px;
    font-weight: 600;

    letter-spacing: .20em;
}


.auto-jackpot-word strong{
    margin: 8px 0;

    font-size: clamp(72px, 8vw, 112px);

    line-height: .82;

    font-weight: 400;

    letter-spacing: -.06em;
}


.auto-jackpot-icon{
    position: relative;
    z-index: 2;

    width: 65px;
    height: 65px;

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

    border: 1px solid rgba(250,248,243,.34);

    font-size: 24px;
}


/* =========================================================
   AUTO JACKPOT CONTENT
   ========================================================= */

.auto-jackpot-content{
    padding: 48px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .auto-jackpot-content{
    background: #E8E1D3;
}


[data-finquans-theme="dark"] .auto-jackpot-content{
    background: #173331;
}


.auto-jackpot-content h3{
    max-width: 650px;

    font-size: clamp(31px, 3.4vw, 45px);

    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .auto-jackpot-content h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .auto-jackpot-content h3{
    color: #FAF8F3;
}


.auto-jackpot-content > p{
    font-size: 15px;

    line-height: 1.78;
}


[data-finquans-theme="light"] .auto-jackpot-content > p{
    color: #56615C;
}


[data-finquans-theme="dark"] .auto-jackpot-content > p{
    color: #B6C1BC;
}


/* =========================================================
   AUTO DETAILS
   ========================================================= */

.auto-jackpot-details{
    margin-top: 22px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .auto-jackpot-details{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .auto-jackpot-details{
    border-color: rgba(232,225,211,.10);
}


.auto-jackpot-detail{
    display: grid;

    grid-template-columns: 40px 1fr;

    gap: 14px;

    align-items: center;

    padding: 17px 0;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .auto-jackpot-detail{
    border-color: rgba(14,37,36,.10);
}


[data-finquans-theme="dark"] .auto-jackpot-detail{
    border-color: rgba(232,225,211,.08);
}


.auto-jackpot-detail i{
    color: #A84B3F;
}


[data-finquans-theme="dark"] .auto-jackpot-detail i{
    color: #B77A52;
}


.auto-jackpot-detail span{
    display: block;

    margin-bottom: 3px;

    font-size: 14px;
    font-weight: 600;
}


.auto-jackpot-detail small{
    font-size: 12px;
}


[data-finquans-theme="light"] .auto-jackpot-detail small{
    color: #737D77;
}


[data-finquans-theme="dark"] .auto-jackpot-detail small{
    color: #91A198;
}


/* =========================================================
   JACKPOT DISPLAY
   ========================================================= */

.jackpot-display{
    padding: 34px 38px;

    border-left: 3px solid #B77A52;
}


[data-finquans-theme="light"] .jackpot-display{
    background: #0E2524;

    color: #E8E1D3;
}


[data-finquans-theme="dark"] .jackpot-display{
    background: #E8E1D3;

    color: #18201E;
}


.jackpot-display-icon{
    width: 58px;
    height: 58px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;

    font-size: 20px;
}


.jackpot-display h3{
    font-size: 29px;

    font-weight: 400;

    line-height: 1.08;
}


[data-finquans-theme="light"] .jackpot-display h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .jackpot-display h3{
    color: #0E2524;
}


.jackpot-display p:last-child{
    font-size: 14px;

    line-height: 1.7;
}


[data-finquans-theme="light"] .jackpot-display p:last-child{
    color: #BECBC5;
}


[data-finquans-theme="dark"] .jackpot-display p:last-child{
    color: #56615C;
}


/* =========================================================
   SYSTEMS HEADING
   ========================================================= */

.jackpot-systems-title{
    font-size: clamp(32px, 3.5vw, 45px);

    font-weight: 400;

    line-height: 1.05;
}


[data-finquans-theme="light"] .jackpot-systems-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .jackpot-systems-title{
    color: #FAF8F3;
}


.jackpot-systems-intro{
    max-width: 530px;

    margin-left: auto;

    font-size: 15px;

    line-height: 1.65;
}


[data-finquans-theme="light"] .jackpot-systems-intro{
    color: #626C66;
}


[data-finquans-theme="dark"] .jackpot-systems-intro{
    color: #AAB8B1;
}


/* =========================================================
   SYSTEM GRID
   ========================================================= */

.jackpot-system-grid{
    display: grid;

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

    border-top: 1px solid;
    border-left: 1px solid;
}


[data-finquans-theme="light"] .jackpot-system-grid{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .jackpot-system-grid{
    border-color: rgba(232,225,211,.10);
}


.jackpot-system{
    min-height: 145px;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-right: 1px solid;
    border-bottom: 1px solid;

    transition:
        background-color .25s ease,
        transform .25s ease;
}


[data-finquans-theme="light"] .jackpot-system{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .jackpot-system{
    background: #173331;

    border-color: rgba(232,225,211,.10);
}


.jackpot-system:hover{
    transform: translateY(-3px);
}


[data-finquans-theme="light"] .jackpot-system:hover{
    background: #DDD5C6;
}


[data-finquans-theme="dark"] .jackpot-system:hover{
    background: #1C3B38;
}


.jackpot-system span{
    color: #B77A52;

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

    letter-spacing: .14em;
}


.jackpot-system h4{
    margin: 0;

    font-size: 15px;

    line-height: 1.3;

    font-weight: 600;
}


[data-finquans-theme="light"] .jackpot-system h4{
    color: #18201E;
}


[data-finquans-theme="dark"] .jackpot-system h4{
    color: #F3EFE6;
}


/* SPECIAL MYSTERY */

.jackpot-system-accent{
    background: #A84B3F !important;
}


[data-finquans-theme="dark"] .jackpot-system-accent{
    background: #74342D !important;
}


.jackpot-system-accent span,
.jackpot-system-accent h4{
    color: #FAF8F3 !important;
}


/* =========================================================
   MYSTERY NOTE
   ========================================================= */

.jackpot-note{
    display: grid;

    grid-template-columns: 64px 1fr;

    gap: 28px;

    padding: 35px 38px;

    border: 1px solid;
}


[data-finquans-theme="light"] .jackpot-note{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .jackpot-note{
    background: #173331;

    border-color: rgba(232,225,211,.10);
}


.jackpot-note-icon{
    width: 58px;
    height: 58px;

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

    border: 1px solid;

    color: #A84B3F;

    font-size: 20px;
}


[data-finquans-theme="light"] .jackpot-note-icon{
    border-color: rgba(168,75,63,.32);
}


[data-finquans-theme="dark"] .jackpot-note-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.jackpot-note h3{
    font-size: 27px;

    font-weight: 400;
}


[data-finquans-theme="light"] .jackpot-note h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .jackpot-note h3{
    color: #FAF8F3;
}


.jackpot-note p:last-child{
    max-width: 800px;

    font-size: 14px;

    line-height: 1.7;
}


[data-finquans-theme="light"] .jackpot-note p:last-child{
    color: #616B65;
}


[data-finquans-theme="dark"] .jackpot-note p:last-child{
    color: #AEBAB4;
}


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

@media(max-width: 1199px){

    .jackpot-system-grid{
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

}


@media(max-width: 991px){

    .auto-jackpot-visual{
        min-height: 430px;
    }

    .auto-jackpot-content{
        padding: 38px;
    }

    .jackpot-systems-intro{
        margin-left: 0;
    }

}


@media(max-width: 767px){

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

}


@media(max-width: 575px){

    .jackpots-title{
        font-size: 39px;
    }

    .auto-jackpot-visual{
        min-height: 350px;

        padding: 27px 23px;
    }

    .auto-jackpot-word strong{
        font-size: 78px;
    }

    .auto-jackpot-content{
        padding: 28px 23px;
    }

    .jackpot-display{
        padding: 28px 23px;
    }

    .jackpot-system{
        min-height: 130px;

        padding: 18px;
    }

    .jackpot-note{
        grid-template-columns: 1fr;

        gap: 20px;

        padding: 28px 23px;
    }

}

/* =========================================================
   MULTI ROULETTE — MINERAL & WINE
   ========================================================= */

.multi-roulette-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* =========================================================
   LIGHT
   ========================================================= */

[data-finquans-theme="light"] .multi-roulette-section{
    background: #E8E1D3;
    color: #18201E;
}


/* =========================================================
   DARK
   ========================================================= */

[data-finquans-theme="dark"] .multi-roulette-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.multi-eyebrow,
.multi-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .multi-eyebrow,
[data-finquans-theme="dark"] .multi-label{
    color: #B77A52;
}


.multi-title{
    max-width: 800px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .multi-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .multi-title{
    color: #FAF8F3;
}


.multi-intro{
    max-width: 520px;

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


[data-finquans-theme="light"] .multi-intro{
    color: #59635E;
}


[data-finquans-theme="dark"] .multi-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN
   ========================================================= */

.multi-main{
    border: 1px solid;
}


[data-finquans-theme="light"] .multi-main{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .multi-main{
    border-color: rgba(232,225,211,.10);
}


/* =========================================================
   STAKE BLOCK
   ========================================================= */

.multi-stake{
    min-height: 540px;

    padding: 38px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .multi-stake{
    background: #74342D;
}


.multi-stake-label{
    font-size: 11px;
    font-weight: 600;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: rgba(250,248,243,.72);
}


.multi-stake-value{
    display: flex;
    align-items: flex-start;

    margin: auto 0 5px;
}


.multi-stake-value strong{
    font-size: clamp(120px, 14vw, 190px);

    line-height: .72;

    font-weight: 300;

    letter-spacing: -.08em;
}


.multi-stake-value span{
    margin: 4px 0 0 12px;

    font-size: 34px;

    font-weight: 300;
}


.multi-stake > p{
    color: rgba(250,248,243,.78);

    font-size: 14px;

    letter-spacing: .06em;
}


.multi-stake-location{
    display: flex;

    gap: 12px;
    align-items: flex-start;

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

    border-top: 1px solid rgba(250,248,243,.22);

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


.multi-stake-location i{
    margin-top: 3px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.multi-content{
    min-height: 540px;

    padding: 48px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .multi-content{
    background: #F3EFE6;
}


[data-finquans-theme="dark"] .multi-content{
    background: #173331;
}


.multi-content > h3{
    max-width: 650px;

    font-size: clamp(31px, 3.4vw, 45px);

    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .multi-content > h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .multi-content > h3{
    color: #FAF8F3;
}


.multi-content > p{
    max-width: 760px;

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


[data-finquans-theme="light"] .multi-content > p{
    color: #58635D;
}


[data-finquans-theme="dark"] .multi-content > p{
    color: #B5C0BB;
}


/* =========================================================
   PROCESS
   ========================================================= */

.multi-process{
    display: grid;

    grid-template-columns: 1fr 34px 1fr 34px 1fr;

    align-items: stretch;

    margin-top: 25px;
    padding-top: 25px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .multi-process{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .multi-process{
    border-color: rgba(232,225,211,.10);
}


.multi-process-item{
    position: relative;

    min-width: 0;
}


.multi-process-item > span{
    display: block;

    margin-bottom: 18px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.multi-process-icon{
    width: 40px;
    height: 40px;

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

    margin-bottom: 15px;

    border: 1px solid;

    color: #A84B3F;
}


[data-finquans-theme="light"] .multi-process-icon{
    border-color: rgba(168,75,63,.30);
}


[data-finquans-theme="dark"] .multi-process-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.multi-process-item h4{
    margin-bottom: 7px;

    font-size: 15px;
    font-weight: 600;
}


[data-finquans-theme="light"] .multi-process-item h4{
    color: #18201E;
}


[data-finquans-theme="dark"] .multi-process-item h4{
    color: #FAF8F3;
}


.multi-process-item p{
    margin: 0;

    font-size: 12px;

    line-height: 1.55;
}


[data-finquans-theme="light"] .multi-process-item p{
    color: #707A74;
}


[data-finquans-theme="dark"] .multi-process-item p{
    color: #91A199;
}


.multi-process-arrow{
    display: flex;

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

    color: #B77A52;

    font-size: 12px;
}


/* =========================================================
   DIFFERENCE
   ========================================================= */

.multi-difference{
    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .multi-difference{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .multi-difference{
    border-color: rgba(232,225,211,.10);
}


.multi-difference-heading{
    padding: 34px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .multi-difference-heading{
    background: #0E2524;
}


[data-finquans-theme="dark"] .multi-difference-heading{
    background: #E8E1D3;
}


.multi-difference-heading p{
    color: #B77A52;

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

    letter-spacing: .15em;
    text-transform: uppercase;
}


.multi-difference-heading h3{
    font-size: 28px;
    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .multi-difference-heading h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .multi-difference-heading h3{
    color: #0E2524;
}


.multi-difference-item{
    padding: 34px;

    border-left: 1px solid;

    display: flex;
    flex-direction: column;
}


[data-finquans-theme="light"] .multi-difference-item{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.12);
}


[data-finquans-theme="dark"] .multi-difference-item{
    background: #173331;

    border-color: rgba(232,225,211,.10);
}


.multi-difference-number{
    display: block;

    margin-bottom: 28px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.multi-difference-item h4{
    margin-bottom: 12px;

    font-size: 19px;
    font-weight: 600;
}


[data-finquans-theme="light"] .multi-difference-item h4{
    color: #0E2524;
}


[data-finquans-theme="dark"] .multi-difference-item h4{
    color: #FAF8F3;
}


.multi-difference-item p{
    font-size: 14px;

    line-height: 1.65;
}


[data-finquans-theme="light"] .multi-difference-item p{
    color: #626D67;
}


[data-finquans-theme="dark"] .multi-difference-item p{
    color: #AAB8B1;
}


.multi-difference-place{
    margin-top: auto;
    padding-top: 18px;

    border-top: 1px solid;

    color: #A84B3F;

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

    letter-spacing: .05em;
}


[data-finquans-theme="light"] .multi-difference-place{
    border-color: rgba(14,37,36,.11);
}


[data-finquans-theme="dark"] .multi-difference-place{
    color: #B77A52;

    border-color: rgba(232,225,211,.09);
}


/* =========================================================
   LIMITS
   ========================================================= */

.multi-limits-title{
    font-size: clamp(32px, 3.5vw, 45px);

    line-height: 1.05;

    font-weight: 400;
}


[data-finquans-theme="light"] .multi-limits-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .multi-limits-title{
    color: #FAF8F3;
}


.multi-limits-intro{
    max-width: 530px;

    margin-left: auto;

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


[data-finquans-theme="light"] .multi-limits-intro{
    color: #626C66;
}


[data-finquans-theme="dark"] .multi-limits-intro{
    color: #AAB8B1;
}


/* TABLE */

.multi-limits-table{
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}


[data-finquans-theme="light"] .multi-limits-table{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .multi-limits-table{
    border-color: rgba(232,225,211,.10);
}


.multi-limit-row{
    min-height: 62px;

    display: grid;

    grid-template-columns: 2fr 1fr 1fr;

    align-items: center;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .multi-limit-row{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.11);
}


[data-finquans-theme="dark"] .multi-limit-row{
    background: #173331;

    border-color: rgba(232,225,211,.08);
}


.multi-limit-row span{
    padding: 17px 24px;

    font-size: 14px;
}


.multi-limit-row span + span{
    border-left: 1px solid;
}


[data-finquans-theme="light"] .multi-limit-row span + span{
    border-color: rgba(14,37,36,.10);
}


[data-finquans-theme="dark"] .multi-limit-row span + span{
    border-color: rgba(232,225,211,.08);
}


.multi-limit-row span:first-child{
    font-weight: 600;
}


.multi-limit-head{
    min-height: 48px;
}


[data-finquans-theme="light"] .multi-limit-head{
    background: #0E2524;

    color: #FAF8F3;
}


[data-finquans-theme="dark"] .multi-limit-head{
    background: #E8E1D3;

    color: #0E2524;
}


.multi-limit-head span{
    padding-top: 13px;
    padding-bottom: 13px;

    font-size: 10px;
    font-weight: 600 !important;

    letter-spacing: .15em;
    text-transform: uppercase;
}


.multi-limits-note{
    font-size: 11px;
}


[data-finquans-theme="light"] .multi-limits-note{
    color: #7C847F;
}


[data-finquans-theme="dark"] .multi-limits-note{
    color: #819487;
}


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

@media(max-width: 991px){

    .multi-stake{
        min-height: 390px;
    }

    .multi-content{
        min-height: auto;

        padding: 38px;
    }

    .multi-difference-item{
        border-left: 0;
        border-top: 1px solid;
    }

    .multi-limits-intro{
        margin-left: 0;
    }

}


@media(max-width: 767px){

    .multi-process{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .multi-process-arrow{
        justify-content: flex-start;

        transform: rotate(90deg);

        margin-left: 13px;
    }

}


@media(max-width: 575px){

    .multi-title{
        font-size: 39px;
    }

    .multi-stake{
        min-height: 330px;

        padding: 27px 23px;
    }

    .multi-stake-value strong{
        font-size: 120px;
    }

    .multi-content{
        padding: 28px 23px;
    }

    .multi-difference-heading,
    .multi-difference-item{
        padding: 27px 23px;
    }

    .multi-limit-row{
        grid-template-columns: 1.6fr .8fr .7fr;
    }

    .multi-limit-row span{
        padding: 14px 10px;

        font-size: 12px;
    }

    .multi-limit-head span{
        font-size: 9px;
    }

}

/* =========================================================
   CLASSIC TABLE GAMES + ROULETTE
   MINERAL & WINE
   ========================================================= */

.classic-section{
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}

[data-finquans-theme="light"] .classic-section{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .classic-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   GENERAL TYPOGRAPHY
   ========================================================= */

.classic-eyebrow,
.classic-label{
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .classic-eyebrow,
[data-finquans-theme="dark"] .classic-label{
    color: #B77A52;
}

.classic-title{
    max-width: 760px;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .classic-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .classic-title{
    color: #FAF8F3;
}

.classic-intro{
    max-width: 520px;
    font-size: 17px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .classic-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .classic-intro{
    color: #ACB9B3;
}


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

.classic-overview{
    border: 1px solid;
}

[data-finquans-theme="light"] .classic-overview{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .classic-overview{
    border-color: rgba(232,225,211,.10);
}

.classic-game{
    min-height: 410px;
    padding: 34px;

    display: flex;
    flex-direction: column;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .classic-game{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .classic-game{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}

.classic-game-main{
    border-top: 3px solid #A84B3F;
}

[data-finquans-theme="dark"] .classic-game-main{
    border-top-color: #B77A52;
}

.classic-game-top{
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 50px;
}

.classic-game-top span{
    color: #B77A52;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .17em;
}

.classic-game-top i{
    color: #A84B3F;
    font-size: 19px;
}

[data-finquans-theme="dark"] .classic-game-top i{
    color: #B77A52;
}

.classic-game h3{
    margin-bottom: 17px;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 400;
}

[data-finquans-theme="light"] .classic-game h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .classic-game h3{
    color: #FAF8F3;
}

.classic-game > p:not(.classic-label){
    font-size: 14px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .classic-game > p:not(.classic-label){
    color: #5C6761;
}

[data-finquans-theme="dark"] .classic-game > p:not(.classic-label){
    color: #AEBBB5;
}


/* META */

.classic-game-meta{
    display: grid;
    grid-template-columns: 1fr 1fr;

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

    border-top: 1px solid;
}

[data-finquans-theme="light"] .classic-game-meta{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .classic-game-meta{
    border-color: rgba(232,225,211,.10);
}

.classic-game-meta div + div{
    padding-left: 20px;
    border-left: 1px solid;
}

[data-finquans-theme="light"] .classic-game-meta div + div{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .classic-game-meta div + div{
    border-color: rgba(232,225,211,.10);
}

.classic-game-meta small{
    display: block;
    margin-bottom: 5px;

    color: #819487;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.classic-game-meta strong{
    font-size: 17px;
    font-weight: 600;
}


/* =========================================================
   BEGINNER CHOICE
   ========================================================= */

.classic-choice{
    min-height: 410px;
    padding: 34px;
}

[data-finquans-theme="light"] .classic-choice{
    background: #0E2524;
    color: #E8E1D3;
}

[data-finquans-theme="dark"] .classic-choice{
    background: #E8E1D3;
    color: #18201E;
}

.classic-choice-label{
    margin-bottom: 12px;

    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.classic-choice > h3{
    margin-bottom: 35px;
    font-size: 29px;
    line-height: 1.08;
    font-weight: 400;
}

.classic-choice-item{
    padding: 19px 0;
    border-top: 1px solid;
}

[data-finquans-theme="light"] .classic-choice-item{
    border-color: rgba(232,225,211,.15);
}

[data-finquans-theme="dark"] .classic-choice-item{
    border-color: rgba(14,37,36,.13);
}

.classic-choice-item span{
    display: block;
    margin-bottom: 7px;

    font-size: 14px;
    font-weight: 600;
}

.classic-choice-item p{
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    opacity: .72;
}


/* =========================================================
   ROULETTE FEATURE
   ========================================================= */

.roulette-feature{
    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .roulette-feature{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .roulette-feature{
    border-color: rgba(232,225,211,.10);
}


/* IMAGE */

.roulette-image{
    position: relative;
    min-height: 610px;
    overflow: hidden;
}

.roulette-image::after{
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,24,.03) 30%,
            rgba(8,25,24,.76) 100%
        );

    pointer-events: none;
}

.roulette-image img{
    object-fit: cover;
    transition: transform .6s ease;
}

.roulette-feature:hover .roulette-image img{
    transform: scale(1.025);
}

.roulette-image-number{
    position: absolute;
    left: 30px;
    bottom: 28px;
    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}

.roulette-image-number span{
    margin-bottom: 5px;

    color: #D8C7B5;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.roulette-image-number strong{
    font-size: 70px;
    line-height: .95;
    font-weight: 300;
    letter-spacing: -.05em;
}

.roulette-image-number small{
    margin-top: 6px;
    color: #E8E1D3;
}


/* ROULETTE TEXT */

.roulette-content{
    padding: 47px;
}

[data-finquans-theme="light"] .roulette-content{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .roulette-content{
    background: #173331;
}

.roulette-content > h3{
    font-size: clamp(31px,3.4vw,45px);
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .roulette-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .roulette-content > h3{
    color: #FAF8F3;
}

.roulette-content > p{
    font-size: 15px;
    line-height: 1.78;
}

[data-finquans-theme="light"] .roulette-content > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .roulette-content > p{
    color: #B5C0BB;
}


/* =========================================================
   CHIPS
   ========================================================= */

.roulette-chips{
    margin-top: 25px;
    border-top: 1px solid;
}

[data-finquans-theme="light"] .roulette-chips{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .roulette-chips{
    border-color: rgba(232,225,211,.10);
}

.roulette-chip-item{
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 16px;

    padding: 20px 0;

    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .roulette-chip-item{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .roulette-chip-item{
    border-color: rgba(232,225,211,.08);
}

.roulette-chip-icon{
    width: 40px;
    height: 40px;

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

    border: 1px solid;

    color: #A84B3F;
}

[data-finquans-theme="light"] .roulette-chip-icon{
    border-color: rgba(168,75,63,.30);
}

[data-finquans-theme="dark"] .roulette-chip-icon{
    color: #B77A52;
    border-color: rgba(183,122,82,.35);
}

.roulette-chip-item h4{
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

.roulette-chip-item p{
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    opacity: .72;
}


/* =========================================================
   ROUND FLOW
   ========================================================= */

.roulette-flow{
    border: 1px solid;
}

[data-finquans-theme="light"] .roulette-flow{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .roulette-flow{
    border-color: rgba(232,225,211,.10);
}

.roulette-flow-heading{
    padding: 30px 34px;
}

[data-finquans-theme="light"] .roulette-flow-heading{
    background: #0E2524;
}

[data-finquans-theme="dark"] .roulette-flow-heading{
    background: #E8E1D3;
}

.roulette-flow-heading h3{
    font-size: 28px;
    font-weight: 400;
}

[data-finquans-theme="light"] .roulette-flow-heading h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .roulette-flow-heading h3{
    color: #0E2524;
}

.roulette-flow-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.roulette-flow-item{
    min-height: 190px;
    padding: 27px;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .roulette-flow-item{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .roulette-flow-item{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}

.roulette-flow-item:last-child{
    border-right: 0;
}

.roulette-flow-item > span{
    display: block;
    margin-bottom: 29px;

    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .15em;
}

.roulette-flow-item h4{
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.roulette-flow-item p{
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    opacity: .68;
}


/* =========================================================
   CHANCES / LIMITS
   ========================================================= */

.roulette-chances{
    border: 1px solid;
}

[data-finquans-theme="light"] .roulette-chances{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .roulette-chances{
    border-color: rgba(232,225,211,.10);
}

.roulette-chances-heading{
    padding: 35px;
}

[data-finquans-theme="light"] .roulette-chances-heading{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .roulette-chances-heading{
    background: #122F2D;
}

.roulette-chances-heading h3{
    margin-bottom: 20px;

    font-size: 32px;
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .roulette-chances-heading h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .roulette-chances-heading h3{
    color: #FAF8F3;
}

.roulette-chances-heading > p:last-child{
    font-size: 13px;
    line-height: 1.65;
    opacity: .72;
}


/* LIMIT ROW */

.roulette-limit-row{
    min-height: 58px;

    display: grid;
    grid-template-columns: 1.5fr 1fr .7fr;

    align-items: center;

    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .roulette-limit-row{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .roulette-limit-row{
    background: #173331;
    border-color: rgba(232,225,211,.08);
}

.roulette-limit-row:last-child{
    border-bottom: 0;
}

.roulette-limit-row > *{
    padding: 15px 21px;
}

.roulette-limit-row > * + *{
    border-left: 1px solid;
}

[data-finquans-theme="light"] .roulette-limit-row > * + *{
    border-color: rgba(14,37,36,.09);
}

[data-finquans-theme="dark"] .roulette-limit-row > * + *{
    border-color: rgba(232,225,211,.08);
}

.roulette-limit-row span{
    font-size: 13px;
}

.roulette-limit-row span:first-child{
    font-weight: 600;
}

.roulette-limit-row strong{
    color: #A84B3F;
    font-size: 14px;
    font-weight: 600;
}

[data-finquans-theme="dark"] .roulette-limit-row strong{
    color: #B77A52;
}

.roulette-limit-head{
    min-height: 45px;
}

[data-finquans-theme="light"] .roulette-limit-head{
    background: #0E2524;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .roulette-limit-head{
    background: #E8E1D3;
    color: #0E2524;
}

.roulette-limit-head span{
    font-size: 9px;
    font-weight: 600 !important;
    letter-spacing: .14em;
    text-transform: uppercase;
}


/* =========================================================
   ZERO
   ========================================================= */

.roulette-zero{
    display: grid;
    grid-template-columns: 180px 1fr;

    border: 1px solid;
}

[data-finquans-theme="light"] .roulette-zero{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .roulette-zero{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}

.roulette-zero-value{
    min-height: 180px;

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

    background: #A84B3F;
    color: #FAF8F3;

    font-size: 110px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -.07em;
}

[data-finquans-theme="dark"] .roulette-zero-value{
    background: #74342D;
}

.roulette-zero-content{
    padding: 32px 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.roulette-zero-content h3{
    font-size: 27px;
    font-weight: 400;
}

[data-finquans-theme="light"] .roulette-zero-content h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .roulette-zero-content h3{
    color: #FAF8F3;
}

.roulette-zero-content > p:last-child{
    max-width: 760px;

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

    opacity: .72;
}

.roulette-note{
    font-size: 11px;
    color: #819487;
}


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

@media(max-width: 991px){

    .classic-game{
        min-height: auto;

        border-right: 0;
        border-bottom: 1px solid;
    }

    .classic-choice{
        min-height: auto;
    }

    .roulette-image{
        min-height: 500px;
    }

    .roulette-content{
        padding: 38px;
    }

    .roulette-flow-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .roulette-flow-item{
        border-bottom: 1px solid;
    }

}


@media(max-width: 575px){

    .classic-title{
        font-size: 39px;
    }

    .classic-game,
    .classic-choice{
        padding: 27px 23px;
    }

    .roulette-image{
        min-height: 390px;
    }

    .roulette-image-number{
        left: 22px;
        bottom: 22px;
    }

    .roulette-image-number strong{
        font-size: 58px;
    }

    .roulette-content{
        padding: 28px 23px;
    }

    .roulette-flow-heading{
        padding: 27px 23px;
    }

    .roulette-flow-grid{
        grid-template-columns: 1fr;
    }

    .roulette-flow-item{
        min-height: auto;

        border-right: 0;

        padding: 24px 23px;
    }

    .roulette-flow-item > span{
        margin-bottom: 20px;
    }

    .roulette-chances-heading{
        padding: 28px 23px;
    }

    .roulette-limit-row{
        grid-template-columns: 1.35fr .85fr .65fr;
    }

    .roulette-limit-row > *{
        padding: 13px 9px;
    }

    .roulette-limit-row span,
    .roulette-limit-row strong{
        font-size: 11px;
    }

    .roulette-limit-head span{
        font-size: 8px;
    }

    .roulette-zero{
        grid-template-columns: 100px 1fr;
    }

    .roulette-zero-value{
        min-height: 180px;
        font-size: 72px;
    }

    .roulette-zero-content{
        padding: 25px 20px;
    }

}

/* =========================================================
   SCHNUPPERROULETTE — MINERAL & WINE
   ========================================================= */

.roulette-intro-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* LIGHT */

[data-finquans-theme="light"] .roulette-intro-section{
    background: #E8E1D3;
    color: #18201E;
}


/* DARK */

[data-finquans-theme="dark"] .roulette-intro-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.roulette-intro-eyebrow,
.roulette-intro-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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


[data-finquans-theme="dark"] .roulette-intro-eyebrow,
[data-finquans-theme="dark"] .roulette-intro-label{
    color: #B77A52;
}


.roulette-intro-title{
    max-width: 790px;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;

    font-weight: 400;

    letter-spacing: -.03em;
}


[data-finquans-theme="light"] .roulette-intro-title{
    color: #0E2524;
}


[data-finquans-theme="dark"] .roulette-intro-title{
    color: #FAF8F3;
}


.roulette-intro-lead{
    max-width: 520px;

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


[data-finquans-theme="light"] .roulette-intro-lead{
    color: #59635E;
}


[data-finquans-theme="dark"] .roulette-intro-lead{
    color: #ACB9B3;
}


/* =========================================================
   MAIN
   ========================================================= */

.roulette-intro-main{
    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .roulette-intro-main{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .roulette-intro-main{
    border-color: rgba(232,225,211,.10);
}


/* =========================================================
   TIME BLOCK
   ========================================================= */

.roulette-intro-time{
    min-height: 500px;

    padding: 38px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .roulette-intro-time{
    background: #74342D;
}


.roulette-intro-time-label{
    font-size: 12px;
    font-weight: 600;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: rgba(250,248,243,.75);
}


.roulette-intro-time strong{
    margin-top: auto;

    font-size: clamp(68px, 8vw, 104px);
    line-height: .9;

    font-weight: 300;

    letter-spacing: -.06em;
}


.roulette-intro-time-unit{
    margin-top: 9px;

    font-size: 15px;

    color: rgba(250,248,243,.72);
}


.roulette-intro-location{
    display: flex;

    align-items: center;

    gap: 11px;

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

    border-top: 1px solid rgba(250,248,243,.22);

    font-size: 13px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.roulette-intro-content{
    min-height: 500px;

    padding: 47px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .roulette-intro-content{
    background: #F3EFE6;
}


[data-finquans-theme="dark"] .roulette-intro-content{
    background: #173331;
}


.roulette-intro-content > h3{
    max-width: 650px;

    font-size: clamp(31px, 3.4vw, 45px);

    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .roulette-intro-content > h3{
    color: #0E2524;
}


[data-finquans-theme="dark"] .roulette-intro-content > h3{
    color: #FAF8F3;
}


.roulette-intro-content > p{
    max-width: 760px;

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


[data-finquans-theme="light"] .roulette-intro-content > p{
    color: #58635D;
}


[data-finquans-theme="dark"] .roulette-intro-content > p{
    color: #B5C0BB;
}


/* =========================================================
   STEPS
   ========================================================= */

.roulette-intro-steps{
    display: grid;

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

    margin-top: 24px;
    padding-top: 25px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .roulette-intro-steps{
    border-color: rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .roulette-intro-steps{
    border-color: rgba(232,225,211,.10);
}


.roulette-intro-step{
    padding-right: 24px;
}


.roulette-intro-step + .roulette-intro-step{
    padding-left: 24px;

    border-left: 1px solid;
}


[data-finquans-theme="light"]
.roulette-intro-step + .roulette-intro-step{
    border-color: rgba(14,37,36,.11);
}


[data-finquans-theme="dark"]
.roulette-intro-step + .roulette-intro-step{
    border-color: rgba(232,225,211,.09);
}


.roulette-intro-step > span{
    display: block;

    margin-bottom: 22px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.roulette-intro-step i{
    display: block;

    margin-bottom: 14px;

    color: #A84B3F;

    font-size: 18px;
}


[data-finquans-theme="dark"] .roulette-intro-step i{
    color: #B77A52;
}


.roulette-intro-step h4{
    margin-bottom: 7px;

    font-size: 14px;
    font-weight: 600;
}


[data-finquans-theme="light"] .roulette-intro-step h4{
    color: #18201E;
}


[data-finquans-theme="dark"] .roulette-intro-step h4{
    color: #FAF8F3;
}


.roulette-intro-step p{
    margin: 0;

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


[data-finquans-theme="light"] .roulette-intro-step p{
    color: #707A74;
}


[data-finquans-theme="dark"] .roulette-intro-step p{
    color: #91A199;
}


/* =========================================================
   GROUP BLOCK
   ========================================================= */

.roulette-intro-group{
    display: grid;

    grid-template-columns: 70px 1fr 240px;

    gap: 25px;

    align-items: center;

    padding: 34px 38px;

    border: 1px solid;
}


[data-finquans-theme="light"] .roulette-intro-group{
    background: #0E2524;
    color: #E8E1D3;

    border-color: #0E2524;
}


[data-finquans-theme="dark"] .roulette-intro-group{
    background: #E8E1D3;
    color: #18201E;

    border-color: #E8E1D3;
}


.roulette-intro-group-icon{
    width: 58px;
    height: 58px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;

    font-size: 19px;
}


.roulette-intro-group h3{
    font-size: 27px;
    font-weight: 400;
}


[data-finquans-theme="light"] .roulette-intro-group h3{
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .roulette-intro-group h3{
    color: #0E2524;
}


.roulette-intro-group-content > p:last-child{
    max-width: 720px;

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


[data-finquans-theme="light"]
.roulette-intro-group-content > p:last-child{
    color: #BFCBC5;
}


[data-finquans-theme="dark"]
.roulette-intro-group-content > p:last-child{
    color: #56615C;
}


/* GROUP NOTE */

.roulette-intro-group-note{
    padding-left: 25px;

    border-left: 1px solid;
}


[data-finquans-theme="light"] .roulette-intro-group-note{
    border-color: rgba(232,225,211,.15);
}


[data-finquans-theme="dark"] .roulette-intro-group-note{
    border-color: rgba(14,37,36,.13);
}


.roulette-intro-group-note span{
    display: block;

    margin-bottom: 6px;

    color: #B77A52;

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

    letter-spacing: .15em;
    text-transform: uppercase;
}


.roulette-intro-group-note p{
    font-size: 13px;
    line-height: 1.5;
}


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

@media(max-width: 991px){

    .roulette-intro-time{
        min-height: 360px;
    }

    .roulette-intro-content{
        min-height: auto;
        padding: 38px;
    }

    .roulette-intro-group{
        grid-template-columns: 65px 1fr;
    }

    .roulette-intro-group-note{
        grid-column: 2;

        padding-left: 0;
        padding-top: 18px;

        border-left: 0;
        border-top: 1px solid;
    }

}


@media(max-width: 767px){

    .roulette-intro-steps{
        grid-template-columns: 1fr;
    }

    .roulette-intro-step{
        padding: 21px 0;
    }

    .roulette-intro-step + .roulette-intro-step{
        padding-left: 0;

        border-left: 0;
        border-top: 1px solid;
    }

}


@media(max-width: 575px){

    .roulette-intro-title{
        font-size: 39px;
    }

    .roulette-intro-time{
        min-height: 310px;

        padding: 27px 23px;
    }

    .roulette-intro-time strong{
        font-size: 74px;
    }

    .roulette-intro-content{
        padding: 28px 23px;
    }

    .roulette-intro-group{
        grid-template-columns: 1fr;

        padding: 28px 23px;
    }

    .roulette-intro-group-note{
        grid-column: auto;
    }

}

/* =========================================================
   BLACK JACK — MINERAL & WINE
   ========================================================= */

.blackjack-section{
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}


/* LIGHT */

[data-finquans-theme="light"] .blackjack-section{
    background: #F3EFE6;
    color: #18201E;
}


/* DARK */

[data-finquans-theme="dark"] .blackjack-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.blackjack-eyebrow,
.blackjack-label{
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .blackjack-eyebrow,
[data-finquans-theme="dark"] .blackjack-label{
    color: #B77A52;
}

.blackjack-title{
    max-width: 800px;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .blackjack-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .blackjack-title{
    color: #FAF8F3;
}

.blackjack-intro{
    max-width: 520px;
    font-size: 17px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .blackjack-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .blackjack-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN FEATURE
   ========================================================= */

.blackjack-main{
    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .blackjack-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-main{
    border-color: rgba(232,225,211,.10);
}


/* IMAGE */

.blackjack-image{
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.blackjack-image::after{
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,24,.02) 28%,
            rgba(8,25,24,.78) 100%
        );

    pointer-events: none;
}

.blackjack-image img{
    object-fit: cover;
    transition: transform .6s ease;
}

.blackjack-main:hover .blackjack-image img{
    transform: scale(1.025);
}

.blackjack-image-value{
    position: absolute;
    left: 30px;
    bottom: 28px;
    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}

.blackjack-image-value span{
    margin-bottom: 6px;
    color: #D8C7B5;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.blackjack-image-value strong{
    font-size: 96px;
    line-height: .82;
    font-weight: 300;
    letter-spacing: -.06em;
}

.blackjack-image-value small{
    margin-top: 10px;
    color: #E8E1D3;
    font-size: 13px;
}


/* CONTENT */

.blackjack-content{
    padding: 47px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .blackjack-content{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .blackjack-content{
    background: #173331;
}

.blackjack-content > h3{
    font-size: clamp(31px, 3.4vw, 45px);
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .blackjack-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .blackjack-content > h3{
    color: #FAF8F3;
}

.blackjack-content > p{
    font-size: 15px;
    line-height: 1.78;
}

[data-finquans-theme="light"] .blackjack-content > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .blackjack-content > p{
    color: #B5C0BB;
}


/* =========================================================
   LIMITS
   ========================================================= */

.blackjack-limits{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    margin-top: 24px;
    padding-top: 24px;

    border-top: 1px solid;
}

[data-finquans-theme="light"] .blackjack-limits{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-limits{
    border-color: rgba(232,225,211,.10);
}

.blackjack-limits > div{
    padding-right: 18px;
}

.blackjack-limits > div + div{
    padding-left: 18px;

    border-left: 1px solid;
}

[data-finquans-theme="light"] .blackjack-limits > div + div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .blackjack-limits > div + div{
    border-color: rgba(232,225,211,.09);
}

.blackjack-limits small{
    display: block;
    margin-bottom: 8px;

    color: #819487;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.blackjack-limits strong{
    color: #A84B3F;
    font-size: 25px;
    font-weight: 500;
}

[data-finquans-theme="dark"] .blackjack-limits strong{
    color: #B77A52;
}


/* =========================================================
   FLOW
   ========================================================= */

.blackjack-flow{
    border: 1px solid;
}

[data-finquans-theme="light"] .blackjack-flow{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-flow{
    border-color: rgba(232,225,211,.10);
}

.blackjack-flow-heading{
    padding: 30px 34px;
}

[data-finquans-theme="light"] .blackjack-flow-heading{
    background: #0E2524;
}

[data-finquans-theme="dark"] .blackjack-flow-heading{
    background: #E8E1D3;
}

.blackjack-flow-heading h3{
    font-size: 28px;
    font-weight: 400;
}

[data-finquans-theme="light"] .blackjack-flow-heading h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .blackjack-flow-heading h3{
    color: #0E2524;
}

.blackjack-flow-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.blackjack-flow-item{
    min-height: 210px;
    padding: 27px;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .blackjack-flow-item{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .blackjack-flow-item{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}

.blackjack-flow-item:last-child{
    border-right: 0;
}

.blackjack-flow-item > span{
    display: block;
    margin-bottom: 24px;

    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
}

.blackjack-flow-item i{
    display: block;
    margin-bottom: 16px;

    color: #A84B3F;
    font-size: 17px;
}

[data-finquans-theme="dark"] .blackjack-flow-item i{
    color: #B77A52;
}

.blackjack-flow-item h4{
    margin-bottom: 8px;

    font-size: 14px;
    font-weight: 600;
}

.blackjack-flow-item p{
    margin: 0;

    font-size: 12px;
    line-height: 1.55;
    opacity: .7;
}


/* =========================================================
   DEALER 17
   ========================================================= */

.blackjack-dealer{
    display: grid;
    grid-template-columns: 180px 1fr;

    border: 1px solid;
}

[data-finquans-theme="light"] .blackjack-dealer{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-dealer{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}

.blackjack-dealer-number{
    min-height: 180px;

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

    background: #A84B3F;
    color: #FAF8F3;

    font-size: 92px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -.06em;
}

[data-finquans-theme="dark"] .blackjack-dealer-number{
    background: #74342D;
}

.blackjack-dealer-content{
    padding: 31px 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blackjack-dealer-content h3{
    font-size: 27px;
    font-weight: 400;
}

[data-finquans-theme="light"] .blackjack-dealer-content h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .blackjack-dealer-content h3{
    color: #FAF8F3;
}

.blackjack-dealer-content > p:last-child{
    max-width: 780px;

    font-size: 13px;
    line-height: 1.65;
    opacity: .72;
}


/* =========================================================
   OPTIONS
   ========================================================= */

.blackjack-options-title{
    font-size: clamp(32px,3.5vw,45px);
    line-height: 1.05;
    font-weight: 400;
}

[data-finquans-theme="light"] .blackjack-options-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .blackjack-options-title{
    color: #FAF8F3;
}

.blackjack-options-intro{
    max-width: 520px;
    margin-left: auto;

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

[data-finquans-theme="light"] .blackjack-options-intro{
    color: #626C66;
}

[data-finquans-theme="dark"] .blackjack-options-intro{
    color: #AAB8B1;
}

.blackjack-option{
    position: relative;

    min-height: 315px;
    padding: 31px;

    border: 1px solid;
}

[data-finquans-theme="light"] .blackjack-option{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-option{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}

.blackjack-option-featured{
    border-top: 3px solid #A84B3F !important;
}

[data-finquans-theme="dark"] .blackjack-option-featured{
    border-top-color: #B77A52 !important;
}

.blackjack-option-number{
    display: block;
    margin-bottom: 30px;

    color: #B77A52;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
}

.blackjack-option-icon{
    width: 43px;
    height: 43px;

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

    margin-bottom: 20px;

    border: 1px solid;

    color: #A84B3F;
}

[data-finquans-theme="light"] .blackjack-option-icon{
    border-color: rgba(168,75,63,.30);
}

[data-finquans-theme="dark"] .blackjack-option-icon{
    color: #B77A52;
    border-color: rgba(183,122,82,.35);
}

.blackjack-option h4{
    margin-bottom: 12px;

    font-size: 21px;
    font-weight: 600;
}

.blackjack-option p{
    font-size: 13px;
    line-height: 1.65;
    opacity: .72;
}

.blackjack-option-note{
    margin-top: 20px;
    padding-top: 16px;

    border-top: 1px solid;

    color: #A84B3F;

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

[data-finquans-theme="light"] .blackjack-option-note{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .blackjack-option-note{
    color: #B77A52;
    border-color: rgba(232,225,211,.09);
}


/* =========================================================
   THREE SEVENS
   ========================================================= */

.blackjack-seven{
    display: grid;
    grid-template-columns: 1fr 1fr;

    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .blackjack-seven{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-seven{
    border-color: rgba(232,225,211,.10);
}

.blackjack-seven-visual{
    min-height: 240px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    padding: 30px;

    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .blackjack-seven-visual{
    background: #74342D;
}

.blackjack-seven-visual span{
    font-size: clamp(48px,6vw,78px);
    line-height: 1;
    font-weight: 300;
}

.blackjack-seven-visual strong{
    font-size: clamp(55px,7vw,90px);
    line-height: 1;
    font-weight: 400;
}

.blackjack-seven-visual i{
    font-size: 14px;
    opacity: .65;
}

.blackjack-seven-content{
    padding: 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .blackjack-seven-content{
    background: #0E2524;
    color: #E8E1D3;
}

[data-finquans-theme="dark"] .blackjack-seven-content{
    background: #E8E1D3;
    color: #18201E;
}

.blackjack-seven-content h3{
    font-size: 29px;
    font-weight: 400;
}

[data-finquans-theme="light"] .blackjack-seven-content h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .blackjack-seven-content h3{
    color: #0E2524;
}

.blackjack-seven-content > p:last-child{
    font-size: 13px;
    line-height: 1.65;
    opacity: .75;
}


/* =========================================================
   LOCATION FACTS
   ========================================================= */

.blackjack-location{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .blackjack-location{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .blackjack-location{
    border-color: rgba(232,225,211,.10);
}

.blackjack-location > div{
    padding: 24px 27px;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .blackjack-location > div{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .blackjack-location > div{
    border-color: rgba(232,225,211,.09);
}

.blackjack-location > div:last-child{
    border-right: 0;
}

.blackjack-location span{
    display: block;
    margin-bottom: 6px;

    color: #819487;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.blackjack-location strong{
    font-size: 14px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .blackjack-image{
        min-height: 500px;
    }

    .blackjack-content{
        padding: 38px;
    }

    .blackjack-flow-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .blackjack-flow-item{
        border-bottom: 1px solid;
    }

    .blackjack-options-intro{
        margin-left: 0;
    }

}


@media(max-width: 767px){

    .blackjack-seven{
        grid-template-columns: 1fr;
    }

    .blackjack-location{
        grid-template-columns: 1fr;
    }

    .blackjack-location > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .blackjack-location > div:last-child{
        border-bottom: 0;
    }

}


@media(max-width: 575px){

    .blackjack-title{
        font-size: 39px;
    }

    .blackjack-image{
        min-height: 390px;
    }

    .blackjack-image-value{
        left: 22px;
        bottom: 22px;
    }

    .blackjack-image-value strong{
        font-size: 70px;
    }

    .blackjack-content{
        padding: 28px 23px;
    }

    .blackjack-limits{
        grid-template-columns: 1fr;
    }

    .blackjack-limits > div{
        padding: 15px 0;
    }

    .blackjack-limits > div + div{
        padding-left: 0;

        border-left: 0;
        border-top: 1px solid;
    }

    .blackjack-flow-heading{
        padding: 27px 23px;
    }

    .blackjack-flow-grid{
        grid-template-columns: 1fr;
    }

    .blackjack-flow-item{
        min-height: auto;
        border-right: 0;

        padding: 24px 23px;
    }

    .blackjack-dealer{
        grid-template-columns: 100px 1fr;
    }

    .blackjack-dealer-number{
        min-height: 190px;
        font-size: 64px;
    }

    .blackjack-dealer-content{
        padding: 24px 20px;
    }

    .blackjack-option{
        min-height: auto;
        padding: 27px 23px;
    }

    .blackjack-seven-visual{
        min-height: 190px;
        gap: 10px;
    }

    .blackjack-seven-content{
        padding: 28px 23px;
    }

}

/* =========================================================
   VISIT INFO — STAKES / HOURS / ENTRY
   MINERAL & WINE
   ========================================================= */

.visit-info-section{
    position: relative;
    overflow: hidden;
    transition:
        background-color .3s ease,
        color .3s ease;
}


/* LIGHT */

[data-finquans-theme="light"] .visit-info-section{
    background: #E8E1D3;
    color: #18201E;
}


/* DARK */

[data-finquans-theme="dark"] .visit-info-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.visit-eyebrow,
.visit-label{
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .visit-eyebrow,
[data-finquans-theme="dark"] .visit-label{
    color: #B77A52;
}


.visit-title{
    max-width: 850px;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .visit-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .visit-title{
    color: #FAF8F3;
}


.visit-intro{
    max-width: 520px;
    font-size: 17px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .visit-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .visit-intro{
    color: #ACB9B3;
}


.visit-subtitle{
    font-size: clamp(32px, 3.7vw, 47px);
    line-height: 1.04;
    font-weight: 400;
    letter-spacing: -.02em;
}

[data-finquans-theme="light"] .visit-subtitle{
    color: #0E2524;
}

[data-finquans-theme="dark"] .visit-subtitle{
    color: #FAF8F3;
}


.visit-subintro{
    max-width: 530px;
    margin-left: auto;
    font-size: 15px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .visit-subintro{
    color: #626C66;
}

[data-finquans-theme="dark"] .visit-subintro{
    color: #AAB8B1;
}


/* =========================================================
   STAKES
   ========================================================= */

.stake-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid;
    border-left: 1px solid;
}

[data-finquans-theme="light"] .stake-grid{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .stake-grid{
    border-color: rgba(232,225,211,.10);
}


.stake-card{
    min-height: 350px;
    padding: 29px;

    display: flex;
    flex-direction: column;

    border-right: 1px solid;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .stake-card{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .stake-card{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}


.stake-card-featured{
    border-top: 3px solid #A84B3F;
}

[data-finquans-theme="dark"] .stake-card-featured{
    border-top-color: #B77A52;
}


.stake-card-top{
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 42px;
}


.stake-card-top span{
    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .17em;
}


.stake-card-top i{
    color: #A84B3F;
    font-size: 18px;
}

[data-finquans-theme="dark"] .stake-card-top i{
    color: #B77A52;
}


.stake-type{
    margin-bottom: 12px;

    font-size: 13px;
    font-weight: 600;
}


.stake-value{
    display: flex;
    align-items: baseline;
    gap: 8px;

    margin-bottom: 18px;
}


.stake-value span{
    color: #819487;
    font-size: 12px;
}


.stake-value strong{
    color: #A84B3F;

    font-size: clamp(32px, 3.3vw, 44px);
    line-height: 1;
    font-weight: 400;
}

[data-finquans-theme="dark"] .stake-value strong{
    color: #B77A52;
}


.stake-description{
    font-size: 13px;
    line-height: 1.6;
    opacity: .72;
}


.stake-location{
    margin-top: auto;
    padding-top: 18px;

    border-top: 1px solid;

    color: #819487;

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

    letter-spacing: .08em;
    text-transform: uppercase;
}

[data-finquans-theme="light"] .stake-location{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .stake-location{
    border-color: rgba(232,225,211,.08);
}


/* BUDGET NOTE */

.stake-note{
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 25px;

    align-items: center;

    padding: 31px 36px;

    border: 1px solid;
}

[data-finquans-theme="light"] .stake-note{
    background: #0E2524;
    color: #E8E1D3;

    border-color: #0E2524;
}

[data-finquans-theme="dark"] .stake-note{
    background: #E8E1D3;
    color: #18201E;

    border-color: #E8E1D3;
}


.stake-note-icon{
    width: 56px;
    height: 56px;

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

    border: 1px solid rgba(183,122,82,.42);

    color: #B77A52;
}


.stake-note h4{
    font-size: 25px;
    font-weight: 400;
}


[data-finquans-theme="light"] .stake-note h4{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .stake-note h4{
    color: #0E2524;
}


.stake-note p:last-child{
    max-width: 850px;
    font-size: 13px;
    line-height: 1.65;
    opacity: .75;
}


/* =========================================================
   HOURS — VENUES
   ========================================================= */

.hours-venues{
    display: grid;
    grid-template-columns: 1fr 1.2fr;
}


.hours-venue{
    min-height: 520px;
    padding: 37px;

    display: flex;
    flex-direction: column;
}


.hours-venue-dark{
    background: #0E2524;
    color: #FAF8F3;
}


.hours-venue-light{
    background: #F3EFE6;
    color: #18201E;

    border: 1px solid rgba(14,37,36,.13);
}


[data-finquans-theme="dark"] .hours-venue-dark{
    background: #74342D;
}


[data-finquans-theme="dark"] .hours-venue-light{
    background: #173331;
    color: #FAF8F3;

    border-color: rgba(232,225,211,.10);
}


.hours-venue-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.hours-number{
    display: block;
    margin-bottom: 18px;

    color: #B77A52;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .17em;
}


.hours-location-label{
    color: #B77A52;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}


.hours-venue-top h4{
    max-width: 380px;
    font-size: 31px;
    line-height: 1.05;
    font-weight: 400;
}


.hours-venue-top > i{
    color: #B77A52;
    font-size: 22px;
}


/* MAIN TIME */

.hours-main-time{
    margin: auto 0 26px;
}


.hours-main-time span{
    display: block;

    margin-bottom: 8px;

    color: #819487;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}


.hours-venue-dark .hours-main-time span{
    color: rgba(250,248,243,.55);
}


.hours-main-time strong{
    display: block;

    font-size: clamp(42px,5vw,65px);
    line-height: .95;

    font-weight: 300;

    letter-spacing: -.05em;
}


/* SPECIAL */

.hours-special{
    padding: 19px 0;

    border-top: 1px solid;
    border-bottom: 1px solid;

    display: flex;
    justify-content: space-between;
    gap: 20px;

    align-items: center;
}


.hours-venue-dark .hours-special{
    border-color: rgba(250,248,243,.16);
}


.hours-special span{
    font-size: 12px;
    opacity: .68;
}


.hours-special strong{
    color: #B77A52;

    font-size: 14px;
    font-weight: 600;
}


/* VENUE GAME */

.hours-venue-game{
    margin-top: 24px;

    display: flex;
    justify-content: space-between;

    gap: 15px;
}


.hours-venue-game span{
    font-size: 12px;
    opacity: .68;
}


.hours-venue-game strong{
    font-size: 13px;
    font-weight: 600;
}


/* GAME LIST */

.hours-game-list{
    margin-top: auto;
}


.hours-game-row{
    min-height: 55px;

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

    gap: 18px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .hours-game-row{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .hours-game-row{
    border-color: rgba(232,225,211,.09);
}


.hours-game-row span{
    font-size: 13px;
}


.hours-game-row strong{
    color: #A84B3F;

    font-size: 14px;
    font-weight: 600;
}

[data-finquans-theme="dark"] .hours-game-row strong{
    color: #B77A52;
}


.hours-game-row-note span{
    font-size: 11px;
    color: #819487;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.hours-timeline{
    display: grid;
    grid-template-columns: 1.2fr 2.8fr;

    border: 1px solid;
}

[data-finquans-theme="light"] .hours-timeline{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hours-timeline{
    border-color: rgba(232,225,211,.10);
}


.hours-timeline-title{
    padding: 31px;
}

[data-finquans-theme="light"] .hours-timeline-title{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .hours-timeline-title{
    background: #122F2D;
}


.hours-timeline-title h4{
    font-size: 28px;
    line-height: 1.08;
    font-weight: 400;
}


.hours-timeline-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}


.timeline-time{
    padding: 28px 20px;

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

    border-left: 1px solid;
}


[data-finquans-theme="light"] .timeline-time{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .timeline-time{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}


.timeline-time strong{
    margin-bottom: 8px;

    color: #A84B3F;

    font-size: 26px;
    font-weight: 400;
}

[data-finquans-theme="dark"] .timeline-time strong{
    color: #B77A52;
}


.timeline-time span{
    font-size: 11px;
    line-height: 1.45;
    opacity: .7;
}


/* =========================================================
   CLOSED DAYS
   ========================================================= */

.hours-closed{
    border: 1px solid;
}

[data-finquans-theme="light"] .hours-closed{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hours-closed{
    border-color: rgba(232,225,211,.10);
}


.hours-closed-heading{
    display: flex;
    align-items: center;

    gap: 22px;

    padding: 29px 34px;
}


[data-finquans-theme="light"] .hours-closed-heading{
    background: #0E2524;
}

[data-finquans-theme="dark"] .hours-closed-heading{
    background: #E8E1D3;
}


.hours-closed-icon{
    width: 52px;
    height: 52px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;
}


.hours-closed-heading h4{
    font-size: 27px;
    font-weight: 400;
}


[data-finquans-theme="light"] .hours-closed-heading h4{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .hours-closed-heading h4{
    color: #0E2524;
}


.hours-closed-days{
    display: grid;
    grid-template-columns: repeat(5,1fr);
}


.hours-closed-days span{
    padding: 20px;

    text-align: center;

    border-right: 1px solid;
    border-top: 1px solid;

    font-size: 12px;
    font-weight: 600;
}


[data-finquans-theme="light"] .hours-closed-days span{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .hours-closed-days span{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}


.hours-closed-days span:last-child{
    border-right: 0;
}


.hours-all-saints{
    min-height: 63px;

    padding: 18px 25px;

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

    gap: 20px;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .hours-all-saints{
    background: #74342D;
}


.hours-all-saints span{
    font-size: 12px;
    font-weight: 600;
}


.hours-all-saints strong{
    font-size: 15px;
    font-weight: 500;
}


/* =========================================================
   ENTRY
   ========================================================= */

.entry-main{
    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .entry-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .entry-main{
    border-color: rgba(232,225,211,.10);
}


/* AGE */

.entry-age{
    min-height: 470px;

    padding: 38px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .entry-age{
    background: #74342D;
}


.entry-age-label{
    font-size: 11px;
    font-weight: 600;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: rgba(250,248,243,.7);
}


.entry-age strong{
    margin: auto 0;

    font-size: clamp(105px,13vw,170px);
    line-height: .78;

    font-weight: 300;

    letter-spacing: -.08em;
}


.entry-age p{
    padding-top: 22px;

    border-top: 1px solid rgba(250,248,243,.22);

    font-size: 13px;
    line-height: 1.55;

    color: rgba(250,248,243,.78);
}


/* ENTRY CONTENT */

.entry-content{
    min-height: 470px;

    padding: 46px;
}


[data-finquans-theme="light"] .entry-content{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .entry-content{
    background: #173331;
}


.entry-content > h3{
    font-size: clamp(32px,3.5vw,45px);
    line-height: 1.07;
    font-weight: 400;
}


[data-finquans-theme="light"] .entry-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .entry-content > h3{
    color: #FAF8F3;
}


.entry-content > p{
    max-width: 760px;

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


[data-finquans-theme="light"] .entry-content > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .entry-content > p{
    color: #B5C0BB;
}


/* ENTRY PROCESS */

.entry-process{
    margin-top: 26px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .entry-process{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .entry-process{
    border-color: rgba(232,225,211,.10);
}


.entry-process-item{
    display: grid;
    grid-template-columns: 35px 40px 1fr;

    gap: 14px;

    align-items: center;

    padding: 17px 0;

    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .entry-process-item{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .entry-process-item{
    border-color: rgba(232,225,211,.08);
}


.entry-process-item > span{
    color: #B77A52;

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

    letter-spacing: .14em;
}


.entry-process-item > i{
    color: #A84B3F;
}

[data-finquans-theme="dark"] .entry-process-item > i{
    color: #B77A52;
}


.entry-process-item h4{
    margin-bottom: 3px;

    font-size: 14px;
    font-weight: 600;
}


.entry-process-item p{
    margin: 0;

    font-size: 11px;
    line-height: 1.5;

    opacity: .68;
}


/* =========================================================
   ENTRY SUMMARY
   ========================================================= */

.entry-summary{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
}


[data-finquans-theme="light"] .entry-summary{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .entry-summary{
    border-color: rgba(232,225,211,.10);
}


.entry-summary > div{
    padding: 23px 27px;

    border-right: 1px solid;
}


[data-finquans-theme="light"] .entry-summary > div{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .entry-summary > div{
    background: #122F2D;
    border-color: rgba(232,225,211,.09);
}


.entry-summary > div:last-child{
    border-right: 0;
}


.entry-summary span{
    display: block;

    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.entry-summary strong{
    font-size: 14px;
    font-weight: 600;
}


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

@media(max-width: 1199px){

    .stake-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .hours-closed-days{
        grid-template-columns: repeat(3,1fr);
    }

}


@media(max-width: 991px){

    .visit-subintro{
        margin-left: 0;
    }

    .hours-venues{
        grid-template-columns: 1fr;
    }

    .hours-venue{
        min-height: 470px;
    }

    .hours-timeline{
        grid-template-columns: 1fr;
    }

    .hours-timeline-grid{
        border-top: 1px solid;
    }

    [data-finquans-theme="light"] .hours-timeline-grid{
        border-color: rgba(14,37,36,.11);
    }

    [data-finquans-theme="dark"] .hours-timeline-grid{
        border-color: rgba(232,225,211,.09);
    }

    .entry-age{
        min-height: 340px;
    }

    .entry-content{
        min-height: auto;
        padding: 38px;
    }

}


@media(max-width: 767px){

    .hours-timeline-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .hours-closed-days{
        grid-template-columns: 1fr;
    }

    .hours-closed-days span{
        border-right: 0;
    }

    .entry-summary{
        grid-template-columns: 1fr;
    }

    .entry-summary > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .entry-summary > div:last-child{
        border-bottom: 0;
    }

}


@media(max-width: 575px){

    .visit-title{
        font-size: 39px;
    }

    .stake-grid{
        grid-template-columns: 1fr;
    }

    .stake-card{
        min-height: 300px;
        padding: 26px 23px;
    }

    .stake-note{
        grid-template-columns: 1fr;
        padding: 28px 23px;
    }

    .hours-venue{
        min-height: 440px;
        padding: 28px 23px;
    }

    .hours-main-time strong{
        font-size: 46px;
    }

    .hours-special{
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .hours-timeline-grid{
        grid-template-columns: 1fr;
    }

    .timeline-time{
        border-left: 0;
        border-top: 1px solid;
    }

    .hours-closed-heading{
        align-items: flex-start;
        padding: 27px 23px;
    }

    .hours-all-saints{
        align-items: flex-start;
        flex-direction: column;

        gap: 5px;
    }

    .entry-age{
        min-height: 300px;
        padding: 28px 23px;
    }

    .entry-age strong{
        font-size: 105px;
    }

    .entry-content{
        padding: 28px 23px;
    }

    .entry-process-item{
        grid-template-columns: 28px 30px 1fr;
        gap: 10px;
    }

}

/* =========================================================
   ADMISSION
   ========================================================= */

.admission-section{
    position: relative;
    transition: background-color .3s ease, color .3s ease;
}

[data-finquans-theme="light"] .admission-section{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .admission-section{
    background: #0E2524;
    color: #E8E1D3;
}


.admission-card{
    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .admission-card{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .admission-card{
    border-color: rgba(232,225,211,.10);
}


/* PRICE */

.admission-price{
    min-height: 290px;
    padding: 34px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .admission-price{
    background: #74342D;
}


.admission-price-label{
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
    color: rgba(250,248,243,.7);
}


.admission-price strong{
    margin: auto 0;

    font-size: clamp(85px,10vw,130px);
    line-height: .8;
    font-weight: 300;
    letter-spacing: -.07em;
}


.admission-price-note{
    padding-top: 18px;

    border-top: 1px solid rgba(250,248,243,.22);

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


/* CONTENT */

.admission-content{
    min-height: 290px;
    padding: 42px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .admission-content{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .admission-content{
    background: #173331;
}


.admission-eyebrow{
    color: #A84B3F;

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

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

[data-finquans-theme="dark"] .admission-eyebrow{
    color: #B77A52;
}


.admission-content h2{
    max-width: 720px;

    font-size: clamp(30px,3.5vw,44px);
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .admission-content h2{
    color: #0E2524;
}

[data-finquans-theme="dark"] .admission-content h2{
    color: #FAF8F3;
}


.admission-content p:last-child{
    max-width: 720px;

    font-size: 14px;
    line-height: 1.7;
    opacity: .72;
}


/* =========================================================
   DRESSCODE
   ========================================================= */

.dresscode-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


[data-finquans-theme="light"] .dresscode-section{
    background: #E8E1D3;
    color: #18201E;
}

[data-finquans-theme="dark"] .dresscode-section{
    background: #102826;
    color: #E8E1D3;
}


/* HEAD */

.dresscode-eyebrow,
.dresscode-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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

[data-finquans-theme="dark"] .dresscode-eyebrow,
[data-finquans-theme="dark"] .dresscode-label{
    color: #B77A52;
}


.dresscode-title{
    max-width: 800px;

    font-size: clamp(42px,5vw,64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .dresscode-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .dresscode-title{
    color: #FAF8F3;
}


.dresscode-intro{
    max-width: 520px;

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

[data-finquans-theme="light"] .dresscode-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .dresscode-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN
   ========================================================= */

.dresscode-main{
    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .dresscode-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .dresscode-main{
    border-color: rgba(232,225,211,.10);
}


/* STATEMENT */

.dresscode-statement{
    min-height: 500px;
    padding: 38px;

    display: flex;
    flex-direction: column;

    background: #0E2524;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .dresscode-statement{
    background: #74342D;
}


.dresscode-statement-small{
    color: #B77A52;

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

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


.dresscode-statement strong{
    margin: auto 0;

    font-size: clamp(45px,5vw,68px);
    line-height: .98;

    font-weight: 400;
    letter-spacing: -.04em;
}


.dresscode-statement p{
    padding-top: 22px;

    border-top: 1px solid rgba(250,248,243,.16);

    font-size: 13px;
    line-height: 1.6;

    color: rgba(250,248,243,.7);
}


/* RULES */

.dresscode-rules{
    min-height: 500px;
    padding: 44px;
}

[data-finquans-theme="light"] .dresscode-rules{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .dresscode-rules{
    background: #173331;
}


.dresscode-rules > h3{
    font-size: clamp(31px,3.4vw,44px);
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .dresscode-rules > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .dresscode-rules > h3{
    color: #FAF8F3;
}


/* RULE LIST */

.dresscode-rule-list{
    margin-top: 25px;
    border-top: 1px solid;
}

[data-finquans-theme="light"] .dresscode-rule-list{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .dresscode-rule-list{
    border-color: rgba(232,225,211,.10);
}


.dresscode-rule{
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 17px;

    padding: 18px 0;

    align-items: center;

    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .dresscode-rule{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .dresscode-rule{
    border-color: rgba(232,225,211,.08);
}


.dresscode-rule-icon{
    width: 39px;
    height: 39px;

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

    border: 1px solid rgba(129,148,135,.45);

    color: #819487;

    font-size: 12px;
}


.dresscode-rule-icon-no{
    color: #A84B3F;
    border-color: rgba(168,75,63,.32);
}

[data-finquans-theme="dark"] .dresscode-rule-icon-no{
    color: #B77A52;
    border-color: rgba(183,122,82,.35);
}


.dresscode-rule h4{
    margin-bottom: 4px;

    font-size: 14px;
    font-weight: 600;
}


.dresscode-rule p{
    margin: 0;

    font-size: 12px;
    line-height: 1.55;

    opacity: .68;
}


/* =========================================================
   COMMON QUESTIONS
   ========================================================= */

.dresscode-questions{
    border: 1px solid;
}

[data-finquans-theme="light"] .dresscode-questions{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .dresscode-questions{
    border-color: rgba(232,225,211,.10);
}


.dresscode-questions-heading{
    padding: 29px 34px;
}

[data-finquans-theme="light"] .dresscode-questions-heading{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .dresscode-questions-heading{
    background: #122F2D;
}


.dresscode-questions-heading h3{
    font-size: 30px;
    font-weight: 400;
}


.dresscode-question-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}


.dresscode-question{
    min-height: 230px;

    padding: 28px;

    border-top: 1px solid;
    border-right: 1px solid;
}

[data-finquans-theme="light"] .dresscode-question{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .dresscode-question{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}


.dresscode-question:last-child{
    border-right: 0;
}


.dresscode-question > span{
    display: block;

    margin-bottom: 29px;

    color: #B77A52;

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

    letter-spacing: .14em;
    text-transform: uppercase;
}


.dresscode-question strong{
    display: block;

    margin-bottom: 12px;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}


.dresscode-question p{
    font-size: 12px;
    line-height: 1.6;
    opacity: .7;
}


/* =========================================================
   SUMMER NOTICE
   ========================================================= */

.dresscode-season{
    display: grid;
    grid-template-columns: 250px 1fr;

    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .dresscode-season{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .dresscode-season{
    border-color: rgba(232,225,211,.10);
}


.dresscode-season-date{
    min-height: 230px;

    padding: 31px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .dresscode-season-date{
    background: #74342D;
}


.dresscode-season-date span{
    font-size: 10px;
    font-weight: 600;

    letter-spacing: .16em;
    text-transform: uppercase;

    color: rgba(250,248,243,.68);
}


.dresscode-season-date strong{
    margin: auto 0;

    font-size: 50px;
    line-height: 1;

    font-weight: 300;
}


.dresscode-season-content{
    padding: 34px 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .dresscode-season-content{
    background: #0E2524;
    color: #E8E1D3;
}

[data-finquans-theme="dark"] .dresscode-season-content{
    background: #E8E1D3;
    color: #18201E;
}


.dresscode-season-content h3{
    font-size: 27px;
    line-height: 1.12;
    font-weight: 400;
}

[data-finquans-theme="light"] .dresscode-season-content h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .dresscode-season-content h3{
    color: #0E2524;
}


.dresscode-season-content > p:last-child{
    max-width: 850px;

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

    opacity: .76;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.dresscode-summary{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .dresscode-summary{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .dresscode-summary{
    border-color: rgba(232,225,211,.10);
}


.dresscode-summary > div{
    padding: 22px 24px;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .dresscode-summary > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .dresscode-summary > div{
    border-color: rgba(232,225,211,.09);
}

.dresscode-summary > div:last-child{
    border-right: 0;
}


.dresscode-summary span{
    display: block;
    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.dresscode-summary strong{
    font-size: 13px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .admission-price{
        min-height: 250px;
    }

    .admission-content{
        min-height: auto;
    }

    .dresscode-statement{
        min-height: 360px;
    }

    .dresscode-rules{
        min-height: auto;
        padding: 38px;
    }

    .dresscode-question-grid{
        grid-template-columns: 1fr;
    }

    .dresscode-question{
        min-height: auto;
        border-right: 0;
    }

    .dresscode-season{
        grid-template-columns: 200px 1fr;
    }

    .dresscode-summary{
        grid-template-columns: repeat(2,1fr);
    }

}


@media(max-width: 575px){

    .admission-price{
        min-height: 220px;
        padding: 27px 23px;
    }

    .admission-price strong{
        font-size: 92px;
    }

    .admission-content{
        padding: 28px 23px;
    }

    .dresscode-title{
        font-size: 39px;
    }

    .dresscode-statement{
        min-height: 320px;
        padding: 28px 23px;
    }

    .dresscode-rules{
        padding: 28px 23px;
    }

    .dresscode-questions-heading{
        padding: 27px 23px;
    }

    .dresscode-question{
        padding: 25px 23px;
    }

    .dresscode-season{
        grid-template-columns: 1fr;
    }

    .dresscode-season-date{
        min-height: 180px;
        padding: 27px 23px;
    }

    .dresscode-season-content{
        padding: 28px 23px;
    }

    .dresscode-summary{
        grid-template-columns: 1fr;
    }

    .dresscode-summary > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .dresscode-summary > div:last-child{
        border-bottom: 0;
    }

}

/* =========================================================
   BAR, DRINKS & SNACKS
   MINERAL & WINE
   ========================================================= */

.bar-section{
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}

[data-finquans-theme="light"] .bar-section{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .bar-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.bar-eyebrow,
.bar-label{
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .bar-eyebrow,
[data-finquans-theme="dark"] .bar-label{
    color: #B77A52;
}

.bar-title{
    max-width: 820px;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .bar-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .bar-title{
    color: #FAF8F3;
}

.bar-intro{
    max-width: 520px;
    font-size: 17px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .bar-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .bar-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN BLOCK
   ========================================================= */

.bar-main{
    overflow: hidden;
    border: 1px solid;
}

[data-finquans-theme="light"] .bar-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .bar-main{
    border-color: rgba(232,225,211,.10);
}


/* IMAGE */

.bar-image{
    position: relative;
    min-height: 560px;
    overflow: hidden;
}

.bar-image::after{
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,24,.04) 35%,
            rgba(8,25,24,.78) 100%
        );

    pointer-events: none;
}

.bar-image img{
    object-fit: cover;
    transition: transform .6s ease;
}

.bar-main:hover .bar-image img{
    transform: scale(1.025);
}

.bar-image-caption{
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}

.bar-image-caption span{
    margin-bottom: 7px;

    color: #D8C7B5;

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

    letter-spacing: .16em;
    text-transform: uppercase;
}

.bar-image-caption strong{
    font-size: 22px;
    font-weight: 400;
}


/* =========================================================
   CONTENT
   ========================================================= */

.bar-content{
    min-height: 560px;
    padding: 47px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .bar-content{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .bar-content{
    background: #173331;
}

.bar-content > h3{
    font-size: clamp(31px, 3.4vw, 45px);
    line-height: 1.08;
    font-weight: 400;
}

[data-finquans-theme="light"] .bar-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .bar-content > h3{
    color: #FAF8F3;
}

.bar-content > p{
    font-size: 15px;
    line-height: 1.78;
}

[data-finquans-theme="light"] .bar-content > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .bar-content > p{
    color: #B5C0BB;
}


/* =========================================================
   FEATURES
   ========================================================= */

.bar-features{
    margin-top: 25px;
    border-top: 1px solid;
}

[data-finquans-theme="light"] .bar-features{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .bar-features{
    border-color: rgba(232,225,211,.10);
}

.bar-feature{
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 16px;

    align-items: center;

    padding: 19px 0;

    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .bar-feature{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .bar-feature{
    border-color: rgba(232,225,211,.08);
}

.bar-feature > i{
    width: 39px;
    height: 39px;

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

    color: #A84B3F;

    border: 1px solid rgba(168,75,63,.28);
}

[data-finquans-theme="dark"] .bar-feature > i{
    color: #B77A52;
    border-color: rgba(183,122,82,.35);
}

.bar-feature h4{
    margin-bottom: 4px;

    font-size: 14px;
    font-weight: 600;
}

.bar-feature p{
    margin: 0;

    font-size: 12px;
    line-height: 1.55;

    opacity: .68;
}


/* =========================================================
   NOTE
   ========================================================= */

.bar-note{
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 24px;

    align-items: center;

    padding: 31px 36px;

    border: 1px solid;
}

[data-finquans-theme="light"] .bar-note{
    background: #0E2524;
    color: #E8E1D3;

    border-color: #0E2524;
}

[data-finquans-theme="dark"] .bar-note{
    background: #E8E1D3;
    color: #18201E;

    border-color: #E8E1D3;
}

.bar-note-icon{
    width: 56px;
    height: 56px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;
}

.bar-note h3{
    font-size: 25px;
    font-weight: 400;
}

[data-finquans-theme="light"] .bar-note h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .bar-note h3{
    color: #0E2524;
}

.bar-note p:last-child{
    max-width: 850px;

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

    opacity: .75;
}


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

@media(max-width: 991px){

    .bar-image{
        min-height: 480px;
    }

    .bar-content{
        min-height: auto;
        padding: 38px;
    }

}

@media(max-width: 575px){

    .bar-title{
        font-size: 39px;
    }

    .bar-image{
        min-height: 390px;
    }

    .bar-image-caption{
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .bar-content{
        padding: 28px 23px;
    }

    .bar-note{
        grid-template-columns: 1fr;
        padding: 28px 23px;
    }

}

/* =========================================================
   COMFORT & ACCESSIBILITY
   MINERAL & WINE
   ========================================================= */

.comfort-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


[data-finquans-theme="light"] .comfort-section{
    background: #E8E1D3;
    color: #18201E;
}

[data-finquans-theme="dark"] .comfort-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.comfort-eyebrow,
.comfort-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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

[data-finquans-theme="dark"] .comfort-eyebrow,
[data-finquans-theme="dark"] .comfort-label{
    color: #B77A52;
}


.comfort-title{
    max-width: 850px;

    font-size: clamp(42px,5vw,64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .comfort-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .comfort-title{
    color: #FAF8F3;
}


.comfort-intro{
    max-width: 520px;

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

[data-finquans-theme="light"] .comfort-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .comfort-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN COMFORT
   ========================================================= */

.comfort-main{
    border: 1px solid;
}

[data-finquans-theme="light"] .comfort-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .comfort-main{
    border-color: rgba(232,225,211,.10);
}


.comfort-main-head{
    padding: 31px 35px;
}

[data-finquans-theme="light"] .comfort-main-head{
    background: #0E2524;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .comfort-main-head{
    background: #E8E1D3;
    color: #18201E;
}


.comfort-main-head h3{
    font-size: 30px;
    font-weight: 400;
}


/* =========================================================
   COMFORT CARDS
   ========================================================= */

.comfort-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}


.comfort-card{
    min-height: 320px;

    padding: 30px;

    border-top: 1px solid;
    border-right: 1px solid;
}

[data-finquans-theme="light"] .comfort-card{
    background: #F3EFE6;

    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .comfort-card{
    background: #173331;

    border-color: rgba(232,225,211,.09);
}


.comfort-card:last-child{
    border-right: 0;
}


.comfort-card-number{
    display: block;

    margin-bottom: 34px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.comfort-card-icon{
    width: 45px;
    height: 45px;

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

    margin-bottom: 21px;

    border: 1px solid rgba(168,75,63,.30);

    color: #A84B3F;
}


[data-finquans-theme="dark"] .comfort-card-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.comfort-card h4{
    margin-bottom: 12px;

    font-size: 18px;
    font-weight: 600;
}


.comfort-card p{
    font-size: 13px;
    line-height: 1.65;

    opacity: .72;
}


/* =========================================================
   SMOKING SPLIT
   ========================================================= */

.comfort-smoking{
    display: grid;
    grid-template-columns: 1fr 80px 1fr;

    border: 1px solid;
}

[data-finquans-theme="light"] .comfort-smoking{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .comfort-smoking{
    border-color: rgba(232,225,211,.10);
}


.comfort-smoking-left,
.comfort-smoking-right{
    min-height: 220px;

    padding: 33px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .comfort-smoking-left{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .comfort-smoking-left{
    background: #173331;
}


.comfort-smoking-right{
    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .comfort-smoking-right{
    background: #74342D;
}


.comfort-smoking-left > span,
.comfort-smoking-right > span{
    margin-bottom: 17px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.comfort-smoking-right > span{
    color: rgba(250,248,243,.68);
}


.comfort-smoking-left strong,
.comfort-smoking-right strong{
    margin-bottom: 12px;

    font-size: 36px;
    font-weight: 400;
}


.comfort-smoking-left p,
.comfort-smoking-right p{
    max-width: 360px;

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

    opacity: .7;
}


.comfort-smoking-center{
    display: flex;
    align-items: center;
    justify-content: center;

    background: #B77A52;

    color: #FAF8F3;
}


.comfort-smoking-symbol{
    font-family: serif;
    font-size: 48px;
    font-weight: 300;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.accessibility-block{
    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .accessibility-block{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .accessibility-block{
    border-color: rgba(232,225,211,.10);
}


/* VISUAL */

.accessibility-visual{
    min-height: 430px;

    padding: 37px;

    display: flex;
    flex-direction: column;

    background: #0E2524;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .accessibility-visual{
    background: #74342D;
}


.accessibility-visual > span{
    font-size: 10px;
    font-weight: 600;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: #B77A52;
}


.accessibility-visual i{
    margin: auto 0 25px;

    font-size: 72px;

    color: #B77A52;
}


.accessibility-visual strong{
    padding-top: 22px;

    border-top: 1px solid rgba(250,248,243,.16);

    font-size: 45px;
    font-weight: 400;
}


/* CONTENT */

.accessibility-content{
    min-height: 430px;

    padding: 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .accessibility-content{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .accessibility-content{
    background: #173331;
}


.accessibility-content > h3{
    max-width: 700px;

    font-size: clamp(31px,3.4vw,44px);
    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .accessibility-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .accessibility-content > h3{
    color: #FAF8F3;
}


.accessibility-content > p{
    max-width: 760px;

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


[data-finquans-theme="light"] .accessibility-content > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .accessibility-content > p{
    color: #B5C0BB;
}


/* FACTS */

.accessibility-facts{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    margin-top: 23px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .accessibility-facts{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .accessibility-facts{
    border-color: rgba(232,225,211,.09);
}


.accessibility-fact{
    display: grid;
    grid-template-columns: 42px 1fr;

    gap: 15px;

    align-items: center;

    padding: 22px 20px 0 0;
}


.accessibility-fact + .accessibility-fact{
    padding-left: 20px;

    border-left: 1px solid;
}


[data-finquans-theme="light"]
.accessibility-fact + .accessibility-fact{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"]
.accessibility-fact + .accessibility-fact{
    border-color: rgba(232,225,211,.08);
}


.accessibility-fact > i{
    width: 39px;
    height: 39px;

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

    border: 1px solid rgba(168,75,63,.30);

    color: #A84B3F;
}


[data-finquans-theme="dark"] .accessibility-fact > i{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.accessibility-fact span{
    display: block;

    margin-bottom: 5px;

    color: #819487;

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

    letter-spacing: .12em;
    text-transform: uppercase;
}


.accessibility-fact strong{
    font-size: 13px;
    font-weight: 600;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.comfort-summary{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .comfort-summary{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .comfort-summary{
    border-color: rgba(232,225,211,.10);
}


.comfort-summary > div{
    padding: 22px 24px;

    border-right: 1px solid;
}


[data-finquans-theme="light"] .comfort-summary > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .comfort-summary > div{
    border-color: rgba(232,225,211,.09);
}


.comfort-summary > div:last-child{
    border-right: 0;
}


.comfort-summary span{
    display: block;

    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.comfort-summary strong{
    font-size: 13px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .comfort-grid{
        grid-template-columns: 1fr;
    }

    .comfort-card{
        min-height: auto;

        border-right: 0;
    }

    .accessibility-visual{
        min-height: 320px;
    }

    .accessibility-content{
        min-height: auto;

        padding: 38px;
    }

}


@media(max-width: 767px){

    .comfort-smoking{
        grid-template-columns: 1fr;
    }

    .comfort-smoking-center{
        min-height: 55px;
    }

    .comfort-smoking-symbol{
        transform: rotate(90deg);
    }

    .comfort-summary{
        grid-template-columns: repeat(2,1fr);
    }

}


@media(max-width: 575px){

    .comfort-title{
        font-size: 39px;
    }

    .comfort-main-head{
        padding: 27px 23px;
    }

    .comfort-card{
        padding: 27px 23px;
    }

    .comfort-smoking-left,
    .comfort-smoking-right{
        min-height: 190px;

        padding: 28px 23px;
    }

    .accessibility-visual{
        min-height: 280px;

        padding: 28px 23px;
    }

    .accessibility-visual i{
        font-size: 58px;
    }

    .accessibility-content{
        padding: 28px 23px;
    }

    .accessibility-facts{
        grid-template-columns: 1fr;
    }

    .accessibility-fact{
        padding: 20px 0;
    }

    .accessibility-fact + .accessibility-fact{
        padding-left: 0;

        border-left: 0;
        border-top: 1px solid;
    }

    .comfort-summary{
        grid-template-columns: 1fr;
    }

    .comfort-summary > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .comfort-summary > div:last-child{
        border-bottom: 0;
    }

}

/* =========================================================
   KURPARK-HOTEL
   MINERAL & WINE
   ========================================================= */

.hotel-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


[data-finquans-theme="light"] .hotel-section{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .hotel-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.hotel-eyebrow,
.hotel-label,
.hotel-service-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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

[data-finquans-theme="dark"] .hotel-eyebrow,
[data-finquans-theme="dark"] .hotel-label,
[data-finquans-theme="dark"] .hotel-service-label{
    color: #B77A52;
}


.hotel-title{
    max-width: 850px;

    font-size: clamp(42px,5vw,64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .hotel-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .hotel-title{
    color: #FAF8F3;
}


.hotel-intro{
    max-width: 520px;

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

[data-finquans-theme="light"] .hotel-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .hotel-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN
   ========================================================= */

.hotel-main{
    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .hotel-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hotel-main{
    border-color: rgba(232,225,211,.10);
}


/* IMAGE */

.hotel-image{
    position: relative;

    min-height: 590px;

    overflow: hidden;
}


.hotel-image::after{
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,24,.02) 35%,
            rgba(8,25,24,.78) 100%
        );

    pointer-events: none;
}


.hotel-image img{
    object-fit: cover;

    transition: transform .6s ease;
}


.hotel-main:hover .hotel-image img{
    transform: scale(1.025);
}


.hotel-image-caption{
    position: absolute;

    left: 32px;
    right: 32px;
    bottom: 29px;

    z-index: 2;

    display: flex;
    flex-direction: column;

    color: #FAF8F3;
}


.hotel-image-caption span{
    margin-bottom: 7px;

    color: #D8C7B5;

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

    letter-spacing: .16em;
    text-transform: uppercase;
}


.hotel-image-caption strong{
    font-size: 28px;
    font-weight: 400;
}


/* =========================================================
   SIDE PANEL
   ========================================================= */

.hotel-panel{
    min-height: 590px;

    padding: 46px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .hotel-panel{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .hotel-panel{
    background: #173331;
}


.hotel-panel h3{
    font-size: clamp(31px,3.3vw,43px);
    line-height: 1.08;

    font-weight: 400;
}


[data-finquans-theme="light"] .hotel-panel h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .hotel-panel h3{
    color: #FAF8F3;
}


.hotel-panel > p{
    font-size: 14px;
    line-height: 1.75;
}


[data-finquans-theme="light"] .hotel-panel > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .hotel-panel > p{
    color: #B5C0BB;
}


/* LOCATION */

.hotel-location-note{
    display: grid;
    grid-template-columns: 42px 1fr;

    gap: 15px;

    align-items: center;

    margin-top: 25px;
    padding-top: 23px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .hotel-location-note{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hotel-location-note{
    border-color: rgba(232,225,211,.10);
}


.hotel-location-note i{
    width: 39px;
    height: 39px;

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

    color: #A84B3F;

    border: 1px solid rgba(168,75,63,.30);
}


[data-finquans-theme="dark"] .hotel-location-note i{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.hotel-location-note span{
    display: block;

    margin-bottom: 4px;

    color: #819487;

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

    letter-spacing: .12em;
    text-transform: uppercase;
}


.hotel-location-note strong{
    font-size: 13px;
    font-weight: 600;
}


/* =========================================================
   SERVICES
   ========================================================= */

.hotel-services{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    border-top: 1px solid;
    border-left: 1px solid;
}


[data-finquans-theme="light"] .hotel-services{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hotel-services{
    border-color: rgba(232,225,211,.10);
}


.hotel-service{
    min-height: 340px;

    padding: 30px;

    border-right: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .hotel-service{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .hotel-service{
    background: #173331;

    border-color: rgba(232,225,211,.09);
}


.hotel-service-featured{
    border-top: 3px solid #A84B3F;
}

[data-finquans-theme="dark"] .hotel-service-featured{
    border-top-color: #B77A52;
}


.hotel-service-number{
    display: block;

    margin-bottom: 27px;

    color: #B77A52;

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

    letter-spacing: .16em;
}


.hotel-service-icon{
    width: 45px;
    height: 45px;

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

    margin-bottom: 25px;

    color: #A84B3F;

    border: 1px solid rgba(168,75,63,.30);
}


[data-finquans-theme="dark"] .hotel-service-icon{
    color: #B77A52;

    border-color: rgba(183,122,82,.35);
}


.hotel-service h3{
    margin-bottom: 14px;

    font-size: 28px;
    font-weight: 400;
}


.hotel-service > p:last-child{
    max-width: 340px;

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

    opacity: .72;
}


/* =========================================================
   RESTAURANT
   ========================================================= */

.hotel-restaurant{
    display: grid;
    grid-template-columns: 160px 1fr 210px;

    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .hotel-restaurant{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hotel-restaurant{
    border-color: rgba(232,225,211,.10);
}


.hotel-restaurant-mark{
    min-height: 230px;

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

    background: #A84B3F;
    color: #FAF8F3;

    font-family: serif;
    font-size: 100px;
    font-weight: 300;
}


[data-finquans-theme="dark"] .hotel-restaurant-mark{
    background: #74342D;
}


.hotel-restaurant-content{
    padding: 34px 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .hotel-restaurant-content{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .hotel-restaurant-content{
    background: #173331;
}


.hotel-restaurant-content h3{
    font-size: 28px;
    font-weight: 400;
}


.hotel-restaurant-content p:last-child{
    max-width: 720px;

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

    opacity: .72;
}


.hotel-restaurant-fact{
    padding: 30px;

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

    border-left: 1px solid;
}


[data-finquans-theme="light"] .hotel-restaurant-fact{
    background: #E8E1D3;

    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .hotel-restaurant-fact{
    background: #122F2D;

    border-color: rgba(232,225,211,.09);
}


.hotel-restaurant-fact span{
    margin-bottom: 8px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.hotel-restaurant-fact strong{
    margin-bottom: 7px;

    font-size: 16px;
    font-weight: 600;
}


.hotel-restaurant-fact small{
    color: #A84B3F;
    font-size: 11px;
}

[data-finquans-theme="dark"] .hotel-restaurant-fact small{
    color: #B77A52;
}


/* =========================================================
   NOTE
   ========================================================= */

.hotel-note{
    display: grid;
    grid-template-columns: 65px 1fr;

    gap: 24px;

    align-items: center;

    padding: 31px 36px;

    border: 1px solid;
}


[data-finquans-theme="light"] .hotel-note{
    background: #0E2524;
    color: #E8E1D3;

    border-color: #0E2524;
}

[data-finquans-theme="dark"] .hotel-note{
    background: #E8E1D3;
    color: #18201E;

    border-color: #E8E1D3;
}


.hotel-note-icon{
    width: 56px;
    height: 56px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;
}


.hotel-note h3{
    font-size: 25px;
    font-weight: 400;
}


[data-finquans-theme="light"] .hotel-note h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .hotel-note h3{
    color: #0E2524;
}


.hotel-note p:last-child{
    max-width: 880px;

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

    opacity: .76;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.hotel-summary{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .hotel-summary{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .hotel-summary{
    border-color: rgba(232,225,211,.10);
}


.hotel-summary > div{
    padding: 22px 24px;

    border-right: 1px solid;
}


[data-finquans-theme="light"] .hotel-summary > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .hotel-summary > div{
    border-color: rgba(232,225,211,.09);
}


.hotel-summary > div:last-child{
    border-right: 0;
}


.hotel-summary span{
    display: block;

    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.hotel-summary strong{
    font-size: 13px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .hotel-image{
        min-height: 500px;
    }

    .hotel-panel{
        min-height: auto;

        padding: 38px;
    }

    .hotel-services{
        grid-template-columns: 1fr;
    }

    .hotel-service{
        min-height: auto;
    }

    .hotel-restaurant{
        grid-template-columns: 130px 1fr;
    }

    .hotel-restaurant-fact{
        grid-column: 1 / -1;

        border-left: 0;
        border-top: 1px solid;
    }

}


@media(max-width: 767px){

    .hotel-summary{
        grid-template-columns: repeat(2,1fr);
    }

}


@media(max-width: 575px){

    .hotel-title{
        font-size: 39px;
    }

    .hotel-image{
        min-height: 390px;
    }

    .hotel-image-caption{
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .hotel-panel{
        padding: 28px 23px;
    }

    .hotel-service{
        padding: 27px 23px;
    }

    .hotel-restaurant{
        grid-template-columns: 1fr;
    }

    .hotel-restaurant-mark{
        min-height: 140px;

        font-size: 75px;
    }

    .hotel-restaurant-content{
        padding: 28px 23px;
    }

    .hotel-restaurant-fact{
        grid-column: auto;
    }

    .hotel-note{
        grid-template-columns: 1fr;

        padding: 28px 23px;
    }

    .hotel-summary{
        grid-template-columns: 1fr;
    }

    .hotel-summary > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .hotel-summary > div:last-child{
        border-bottom: 0;
    }

}

/* =========================================================
   EVENTS & CURRENT PROMOTIONS
   MINERAL & WINE
   ========================================================= */

.events-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}


[data-finquans-theme="light"] .events-section{
    background: #E8E1D3;
    color: #18201E;
}

[data-finquans-theme="dark"] .events-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.events-eyebrow,
.events-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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

[data-finquans-theme="dark"] .events-eyebrow,
[data-finquans-theme="dark"] .events-label{
    color: #B77A52;
}


.events-title{
    max-width: 860px;

    font-size: clamp(42px,5vw,64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .events-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .events-title{
    color: #FAF8F3;
}


.events-intro{
    max-width: 520px;

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

[data-finquans-theme="light"] .events-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .events-intro{
    color: #ACB9B3;
}


/* =========================================================
   FEATURED EVENT
   ========================================================= */

.event-featured{
    display: grid;
    grid-template-columns: 290px 1fr;

    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .event-featured{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .event-featured{
    border-color: rgba(232,225,211,.10);
}


/* DATE */

.event-featured-date{
    min-height: 390px;

    padding: 34px;

    display: flex;
    flex-direction: column;

    background: #A84B3F;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .event-featured-date{
    background: #74342D;
}


.event-featured-date > span{
    color: rgba(250,248,243,.68);

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

    letter-spacing: .17em;
}


.event-featured-date strong{
    margin: auto 0 8px;

    font-size: clamp(75px,8vw,110px);
    line-height: .82;

    font-weight: 300;
    letter-spacing: -.07em;
}


.event-featured-date small{
    padding-top: 18px;

    border-top: 1px solid rgba(250,248,243,.22);

    font-size: 13px;
    font-weight: 600;

    letter-spacing: .11em;
}


/* FEATURE CONTENT */

.event-featured-content{
    min-height: 390px;

    padding: 46px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .event-featured-content{
    background: #F3EFE6;
}

[data-finquans-theme="dark"] .event-featured-content{
    background: #173331;
}


.event-status{
    width: fit-content;

    margin-bottom: 25px;
    padding: 7px 11px;

    border: 1px solid rgba(129,148,135,.38);

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.event-featured-content h3{
    max-width: 720px;

    font-size: clamp(31px,3.7vw,47px);
    line-height: 1.05;

    font-weight: 400;
}


[data-finquans-theme="light"] .event-featured-content h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .event-featured-content h3{
    color: #FAF8F3;
}


.event-featured-content > p{
    max-width: 770px;

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

    opacity: .72;
}


.event-featured-fact{
    margin-top: 24px;
    padding-top: 23px;

    border-top: 1px solid;

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

    gap: 20px;
}


[data-finquans-theme="light"] .event-featured-fact{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .event-featured-fact{
    border-color: rgba(232,225,211,.09);
}


.event-featured-fact span{
    color: #819487;

    font-size: 11px;
}


.event-featured-fact strong{
    color: #A84B3F;

    font-size: 26px;
    font-weight: 400;
}


[data-finquans-theme="dark"] .event-featured-fact strong{
    color: #B77A52;
}


/* =========================================================
   CARDS
   ========================================================= */

.events-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    border-top: 1px solid;
    border-left: 1px solid;
}


[data-finquans-theme="light"] .events-grid{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .events-grid{
    border-color: rgba(232,225,211,.10);
}


.event-card{
    min-height: 430px;

    padding: 30px;

    display: flex;
    flex-direction: column;

    border-right: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .event-card{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .event-card{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}


.event-card-wine{
    background: #A84B3F !important;
    color: #FAF8F3;
}


[data-finquans-theme="dark"] .event-card-wine{
    background: #74342D !important;
}


.event-card-top{
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}


.event-card-type{
    color: #A84B3F;

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

    letter-spacing: .14em;
}


[data-finquans-theme="dark"] .event-card-type{
    color: #B77A52;
}


.event-card-wine .event-card-type{
    color: #FAF8F3;
}


.event-card-date{
    color: #819487;

    font-size: 9px;
}


.event-card-wine .event-card-date{
    color: rgba(250,248,243,.65);
}


.event-card-symbol{
    margin: 42px 0 28px;

    font-size: 34px;

    color: #B77A52;
}


.event-card-wine .event-card-symbol{
    color: #FAF8F3;
}


.event-card h3{
    margin-bottom: 15px;

    font-size: 28px;
    line-height: 1.08;

    font-weight: 400;
}


.event-card > p{
    font-size: 13px;
    line-height: 1.65;

    opacity: .72;
}


/* CURRENT CAR */

.event-current-example{
    margin-top: auto;
    padding-top: 20px;

    border-top: 1px solid rgba(250,248,243,.22);
}


.event-current-example span{
    display: block;

    margin-bottom: 7px;

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

    letter-spacing: .12em;
    text-transform: uppercase;

    color: rgba(250,248,243,.64);
}


.event-current-example strong{
    font-size: 14px;
    font-weight: 600;
}


/* HISTORY */

.event-history{
    margin-top: auto;
}


.event-history > div{
    padding: 12px 0;

    display: flex;
    justify-content: space-between;

    gap: 15px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .event-history > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .event-history > div{
    border-color: rgba(232,225,211,.09);
}


.event-history span{
    color: #819487;

    font-size: 10px;
}


.event-history strong{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;
}


[data-finquans-theme="dark"] .event-history strong{
    color: #B77A52;
}


/* INFO */

.event-info-line{
    margin-top: auto;
    padding-top: 20px;

    display: flex;
    align-items: center;

    gap: 12px;

    border-top: 1px solid;
}


[data-finquans-theme="light"] .event-info-line{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .event-info-line{
    border-color: rgba(232,225,211,.09);
}


.event-info-line i{
    color: #A84B3F;
}


[data-finquans-theme="dark"] .event-info-line i{
    color: #B77A52;
}


.event-info-line span{
    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   DYNAMIC NOTE
   ========================================================= */

.events-dynamic{
    display: grid;
    grid-template-columns: 180px 1fr;

    overflow: hidden;

    border: 1px solid;
}


[data-finquans-theme="light"] .events-dynamic{
    border-color: #0E2524;
}

[data-finquans-theme="dark"] .events-dynamic{
    border-color: #E8E1D3;
}


.events-dynamic-mark{
    min-height: 220px;

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

    background: #0E2524;
    color: #B77A52;

    font-size: 31px;
    font-weight: 300;

    letter-spacing: .2em;

    writing-mode: vertical-rl;
    transform: rotate(180deg);
}


[data-finquans-theme="dark"] .events-dynamic-mark{
    background: #E8E1D3;
    color: #A84B3F;
}


.events-dynamic-content{
    padding: 35px 39px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


[data-finquans-theme="light"] .events-dynamic-content{
    background: #0E2524;
    color: #E8E1D3;
}

[data-finquans-theme="dark"] .events-dynamic-content{
    background: #E8E1D3;
    color: #18201E;
}


.events-dynamic-content h3{
    font-size: 27px;
    font-weight: 400;
}


[data-finquans-theme="light"] .events-dynamic-content h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .events-dynamic-content h3{
    color: #0E2524;
}


.events-dynamic-content > p:last-child{
    max-width: 850px;

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

    opacity: .76;
}


/* =========================================================
   UPDATE STRIP
   ========================================================= */

.events-update-strip{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}


[data-finquans-theme="light"] .events-update-strip{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .events-update-strip{
    border-color: rgba(232,225,211,.10);
}


.events-update-strip > div{
    padding: 22px 24px;

    border-right: 1px solid;
}


[data-finquans-theme="light"] .events-update-strip > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .events-update-strip > div{
    border-color: rgba(232,225,211,.09);
}


.events-update-strip > div:last-child{
    border-right: 0;
}


.events-update-strip span{
    display: block;

    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.events-update-strip strong{
    font-size: 13px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .event-featured{
        grid-template-columns: 220px 1fr;
    }

    .events-grid{
        grid-template-columns: 1fr;
    }

    .event-card{
        min-height: 350px;
    }

    .events-update-strip{
        grid-template-columns: repeat(2,1fr);
    }

}


@media(max-width: 767px){

    .event-featured{
        grid-template-columns: 1fr;
    }

    .event-featured-date{
        min-height: 240px;
    }

    .event-featured-content{
        min-height: auto;
    }

    .events-dynamic{
        grid-template-columns: 100px 1fr;
    }

}


@media(max-width: 575px){

    .events-title{
        font-size: 39px;
    }

    .event-featured-date{
        min-height: 220px;
        padding: 27px 23px;
    }

    .event-featured-date strong{
        font-size: 78px;
    }

    .event-featured-content{
        padding: 28px 23px;
    }

    .event-featured-fact{
        align-items: flex-start;
        flex-direction: column;

        gap: 5px;
    }

    .event-card{
        min-height: 340px;

        padding: 27px 23px;
    }

    .events-dynamic{
        grid-template-columns: 1fr;
    }

    .events-dynamic-mark{
        min-height: 70px;

        writing-mode: initial;
        transform: none;
    }

    .events-dynamic-content{
        padding: 28px 23px;
    }

    .events-update-strip{
        grid-template-columns: 1fr;
    }

    .events-update-strip > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .events-update-strip > div:last-child{
        border-bottom: 0;
    }

}

/* =========================================================
   LOCATION & PARKING
   MINERAL & WINE
   ========================================================= */

.location-section{
    position: relative;
    overflow: hidden;

    transition:
        background-color .3s ease,
        color .3s ease;
}

[data-finquans-theme="light"] .location-section{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .location-section{
    background: #0E2524;
    color: #E8E1D3;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.location-eyebrow,
.location-label{
    color: #A84B3F;

    font-size: 12px;
    font-weight: 600;

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

[data-finquans-theme="dark"] .location-eyebrow,
[data-finquans-theme="dark"] .location-label{
    color: #B77A52;
}


.location-title{
    max-width: 820px;

    font-size: clamp(42px,5vw,64px);
    line-height: 1;

    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .location-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .location-title{
    color: #FAF8F3;
}


.location-intro{
    max-width: 520px;

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

[data-finquans-theme="light"] .location-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .location-intro{
    color: #ACB9B3;
}


/* =========================================================
   MAIN LOCATION
   ========================================================= */

.location-main{
    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .location-main{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .location-main{
    border-color: rgba(232,225,211,.10);
}


/* ADDRESS */

.location-address{
    min-height: 540px;

    padding: 40px;

    display: flex;
    flex-direction: column;

    background: #0E2524;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .location-address{
    background: #74342D;
}


.location-pin{
    margin: auto 0 25px;

    color: #B77A52;

    font-size: 50px;
}


.location-address address{
    margin: 0 0 35px;

    font-style: normal;

    font-size: clamp(35px,4vw,51px);
    line-height: 1.08;

    font-weight: 400;
}


.location-contact{
    padding-top: 23px;

    border-top: 1px solid rgba(250,248,243,.17);

    display: grid;
    gap: 15px;
}


.location-contact > div{
    display: flex;
    justify-content: space-between;

    gap: 20px;
}


.location-contact span{
    color: rgba(250,248,243,.55);

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

    letter-spacing: .12em;
    text-transform: uppercase;
}


.location-contact strong{
    font-size: 12px;
    font-weight: 500;

    text-align: right;
}


/* =========================================================
   ORIENTATION
   ========================================================= */

.location-orientation{
    min-height: 540px;

    padding: 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .location-orientation{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .location-orientation{
    background: #173331;
}


.location-orientation > h3{
    font-size: clamp(31px,3.5vw,46px);
    line-height: 1.08;

    font-weight: 400;
}

[data-finquans-theme="light"] .location-orientation > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .location-orientation > h3{
    color: #FAF8F3;
}


.location-orientation > p{
    max-width: 760px;

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

[data-finquans-theme="light"] .location-orientation > p{
    color: #58635D;
}

[data-finquans-theme="dark"] .location-orientation > p{
    color: #B5C0BB;
}


/* BUILDINGS */

.location-buildings{
    display: grid;
    grid-template-columns: 1fr 90px 1fr;

    margin-top: 24px;

    border-top: 1px solid;
}

[data-finquans-theme="light"] .location-buildings{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .location-buildings{
    border-color: rgba(232,225,211,.10);
}


.location-building{
    position: relative;

    padding: 25px 0;

    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 14px;
}


.location-building > span{
    position: absolute;

    top: 11px;
    right: 10px;

    color: #B77A52;

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


.location-building > i{
    width: 37px;
    height: 37px;

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

    color: #A84B3F;

    border: 1px solid rgba(168,75,63,.30);
}

[data-finquans-theme="dark"] .location-building > i{
    color: #B77A52;
    border-color: rgba(183,122,82,.35);
}


.location-building small{
    display: block;

    margin-bottom: 4px;

    color: #819487;

    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
}


.location-building strong{
    display: block;

    margin-bottom: 5px;

    font-size: 15px;
}


.location-building p{
    margin: 0;

    font-size: 10px;
    line-height: 1.5;

    opacity: .65;
}


.location-opposite{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #B77A52;

    border-left: 1px solid;
    border-right: 1px solid;
}

[data-finquans-theme="light"] .location-opposite{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .location-opposite{
    border-color: rgba(232,225,211,.08);
}


.location-opposite span{
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
}


/* =========================================================
   FIRST VISIT GUIDE
   ========================================================= */

.location-guide{
    display: grid;
    grid-template-columns: 270px 1fr;

    border: 1px solid;
}

[data-finquans-theme="light"] .location-guide{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .location-guide{
    border-color: rgba(232,225,211,.10);
}


.location-guide-title{
    min-height: 220px;

    padding: 31px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .location-guide-title{
    background: #74342D;
}


.location-guide-title span{
    color: rgba(250,248,243,.65);

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

    letter-spacing: .14em;
}


.location-guide-title strong{
    font-size: 38px;
    line-height: 1;

    font-weight: 400;
}


.location-guide-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}


.location-guide-item{
    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .location-guide-item{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .location-guide-item{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}

.location-guide-item:last-child{
    border-right: 0;
}


.location-guide-number{
    margin-bottom: 45px;

    color: #B77A52;

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

    letter-spacing: .15em;
}


.location-guide-item small{
    display: block;

    margin-bottom: 6px;

    color: #819487;

    font-size: 10px;
}


.location-guide-item strong{
    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   PARKING
   ========================================================= */

.parking-block{
    display: grid;
    grid-template-columns: 310px 1fr;

    overflow: hidden;

    border: 1px solid;
}

[data-finquans-theme="light"] .parking-block{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .parking-block{
    border-color: rgba(232,225,211,.10);
}


/* PRICE */

.parking-price{
    min-height: 440px;

    padding: 35px;

    display: flex;
    flex-direction: column;

    background: #0E2524;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .parking-price{
    background: #E8E1D3;
    color: #18201E;
}


.parking-price-label{
    color: #B77A52;

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

    letter-spacing: .17em;
}


.parking-price > strong{
    margin: auto 0 0;

    font-size: clamp(100px,11vw,145px);
    line-height: .75;

    font-weight: 300;
    letter-spacing: -.07em;
}


.parking-price > small{
    margin-top: 17px;

    font-size: 15px;
}


.parking-max{
    margin-top: 26px;
    padding-top: 20px;

    border-top: 1px solid rgba(183,122,82,.35);

    color: #B77A52;

    font-size: 14px;
    font-weight: 600;
}


/* CONTENT */

.parking-content{
    min-height: 440px;

    padding: 44px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-finquans-theme="light"] .parking-content{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .parking-content{
    background: #173331;
}


.parking-content > h3{
    max-width: 680px;

    font-size: clamp(31px,3.4vw,44px);
    line-height: 1.08;

    font-weight: 400;
}

[data-finquans-theme="light"] .parking-content > h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .parking-content > h3{
    color: #FAF8F3;
}


.parking-content > p{
    max-width: 760px;

    font-size: 14px;
    line-height: 1.7;

    opacity: .72;
}


/* PROCESS */

.parking-process{
    display: grid;
    grid-template-columns: 1fr 35px 1fr 35px 1fr;

    align-items: stretch;

    margin-top: 28px;
    padding-top: 27px;

    border-top: 1px solid;
}

[data-finquans-theme="light"] .parking-process{
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .parking-process{
    border-color: rgba(232,225,211,.09);
}


.parking-step{
    position: relative;
}


.parking-step > span{
    display: block;

    margin-bottom: 15px;

    color: #B77A52;

    font-size: 9px;
    font-weight: 600;
}


.parking-step > i{
    margin-bottom: 15px;

    color: #A84B3F;

    font-size: 20px;
}

[data-finquans-theme="dark"] .parking-step > i{
    color: #B77A52;
}


.parking-step strong{
    display: block;

    margin-bottom: 6px;

    font-size: 13px;
    font-weight: 600;
}


.parking-step p{
    margin: 0;

    font-size: 10px;
    line-height: 1.5;

    opacity: .65;
}


.parking-arrow{
    display: flex;
    align-items: center;
    justify-content: center;

    color: #B77A52;

    font-size: 11px;
}


/* =========================================================
   PARKING NOTE
   ========================================================= */

.parking-note{
    display: grid;
    grid-template-columns: 65px 1fr;

    gap: 24px;

    align-items: center;

    padding: 31px 36px;

    border: 1px solid;
}

[data-finquans-theme="light"] .parking-note{
    background: #0E2524;
    color: #E8E1D3;

    border-color: #0E2524;
}

[data-finquans-theme="dark"] .parking-note{
    background: #E8E1D3;
    color: #18201E;

    border-color: #E8E1D3;
}


.parking-note-icon{
    width: 56px;
    height: 56px;

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

    border: 1px solid rgba(183,122,82,.45);

    color: #B77A52;
}


.parking-note h3{
    font-size: 25px;
    font-weight: 400;
}

[data-finquans-theme="light"] .parking-note h3{
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .parking-note h3{
    color: #0E2524;
}


.parking-note p:last-child{
    max-width: 850px;

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

    opacity: .75;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.location-summary{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    border-top: 1px solid;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .location-summary{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .location-summary{
    border-color: rgba(232,225,211,.10);
}


.location-summary > div{
    padding: 22px 24px;

    border-right: 1px solid;
}

[data-finquans-theme="light"] .location-summary > div{
    border-color: rgba(14,37,36,.11);
}

[data-finquans-theme="dark"] .location-summary > div{
    border-color: rgba(232,225,211,.09);
}

.location-summary > div:last-child{
    border-right: 0;
}


.location-summary span{
    display: block;

    margin-bottom: 6px;

    color: #819487;

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

    letter-spacing: .13em;
    text-transform: uppercase;
}


.location-summary strong{
    font-size: 13px;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .location-address,
    .location-orientation{
        min-height: auto;
    }

    .location-address{
        min-height: 420px;
    }

    .location-guide{
        grid-template-columns: 1fr;
    }

    .location-guide-title{
        min-height: 190px;
    }

    .parking-block{
        grid-template-columns: 240px 1fr;
    }

    .location-summary{
        grid-template-columns: repeat(2,1fr);
    }

}


@media(max-width: 767px){

    .location-buildings{
        grid-template-columns: 1fr;
    }

    .location-opposite{
        min-height: 58px;

        border-left: 0;
        border-right: 0;

        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    .location-opposite i{
        transform: rotate(90deg);
    }

    .location-guide-grid{
        grid-template-columns: 1fr;
    }

    .location-guide-item{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .location-guide-item:last-child{
        border-bottom: 0;
    }

    .location-guide-number{
        margin-bottom: 25px;
    }

    .parking-block{
        grid-template-columns: 1fr;
    }

    .parking-price{
        min-height: 270px;
    }

    .parking-process{
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .parking-arrow{
        justify-content: flex-start;
    }

    .parking-arrow i{
        transform: rotate(90deg);
    }

}


@media(max-width: 575px){

    .location-title{
        font-size: 39px;
    }

    .location-address{
        min-height: 390px;
        padding: 28px 23px;
    }

    .location-contact > div{
        flex-direction: column;

        gap: 4px;
    }

    .location-contact strong{
        text-align: left;
    }

    .location-orientation{
        padding: 28px 23px;
    }

    .location-guide-title,
    .location-guide-item{
        padding: 27px 23px;
    }

    .parking-price{
        min-height: 245px;

        padding: 28px 23px;
    }

    .parking-price > strong{
        font-size: 100px;
    }

    .parking-content{
        min-height: auto;

        padding: 28px 23px;
    }

    .parking-note{
        grid-template-columns: 1fr;

        padding: 28px 23px;
    }

    .location-summary{
        grid-template-columns: 1fr;
    }

    .location-summary > div{
        border-right: 0;
        border-bottom: 1px solid;
    }

    .location-summary > div:last-child{
        border-bottom: 0;
    }

}

/* =========================================================
   FAQ
   MINERAL & WINE
   ========================================================= */

.faq-section{
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}

[data-finquans-theme="light"] .faq-section{
    background: #E8E1D3;
    color: #18201E;
}

[data-finquans-theme="dark"] .faq-section{
    background: #102826;
    color: #E8E1D3;
}


/* =========================================================
   HEADING
   ========================================================= */

.faq-eyebrow{
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .faq-eyebrow{
    color: #B77A52;
}

.faq-title{
    max-width: 820px;
    font-size: clamp(42px,5vw,64px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.03em;
}

[data-finquans-theme="light"] .faq-title{
    color: #0E2524;
}

[data-finquans-theme="dark"] .faq-title{
    color: #FAF8F3;
}

.faq-intro{
    max-width: 520px;
    font-size: 17px;
    line-height: 1.7;
}

[data-finquans-theme="light"] .faq-intro{
    color: #59635E;
}

[data-finquans-theme="dark"] .faq-intro{
    color: #ACB9B3;
}


/* =========================================================
   FAQ GRID
   ========================================================= */

.faq-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    border-top: 1px solid;
    border-left: 1px solid;
}

[data-finquans-theme="light"] .faq-grid{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .faq-grid{
    border-color: rgba(232,225,211,.10);
}


/* =========================================================
   FAQ ITEM
   ========================================================= */

.faq-item{
    min-height: 245px;
    display: grid;
    grid-template-columns: 72px 1fr;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .faq-item{
    background: #F3EFE6;
    border-color: rgba(14,37,36,.12);
}

[data-finquans-theme="dark"] .faq-item{
    background: #173331;
    border-color: rgba(232,225,211,.09);
}

.faq-item:nth-child(4n+2),
.faq-item:nth-child(4n+3){
    position: relative;
}

[data-finquans-theme="light"] .faq-item:nth-child(4n+2),
[data-finquans-theme="light"] .faq-item:nth-child(4n+3){
    background: #EEE8DC;
}

[data-finquans-theme="dark"] .faq-item:nth-child(4n+2),
[data-finquans-theme="dark"] .faq-item:nth-child(4n+3){
    background: #142F2D;
}


/* NUMBER */

.faq-number{
    padding-top: 29px;
    text-align: center;
    border-right: 1px solid;
    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
}

[data-finquans-theme="light"] .faq-number{
    border-color: rgba(14,37,36,.10);
}

[data-finquans-theme="dark"] .faq-number{
    border-color: rgba(232,225,211,.08);
}


/* CONTENT */

.faq-content{
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
}

.faq-content h3{
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
}

[data-finquans-theme="light"] .faq-content h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .faq-content h3{
    color: #FAF8F3;
}

.faq-content p{
    margin: 0 0 22px;
    max-width: 520px;
    font-size: 13px;
    line-height: 1.65;
    opacity: .72;
}


/* ANCHOR */

.faq-content a{
    width: fit-content;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #A84B3F;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .2s ease, color .2s ease;
}

[data-finquans-theme="dark"] .faq-content a{
    color: #B77A52;
}

.faq-content a:hover{
    gap: 15px;
}

[data-finquans-theme="light"] .faq-content a:hover{
    color: #74342D;
}

[data-finquans-theme="dark"] .faq-content a:hover{
    color: #D09A74;
}

.faq-content a i{
    font-size: 9px;
}


/* =========================================================
   QUICK FACTS
   ========================================================= */

.faq-quick{
    display: grid;
    grid-template-columns: 1.4fr repeat(4,1fr);
    border: 1px solid;
}

[data-finquans-theme="light"] .faq-quick{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .faq-quick{
    border-color: rgba(232,225,211,.10);
}


/* MAIN */

.faq-quick-main{
    min-height: 125px;
    padding: 24px 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #A84B3F;
    color: #FAF8F3;
}

[data-finquans-theme="dark"] .faq-quick-main{
    background: #74342D;
}

.faq-quick-main span{
    color: rgba(250,248,243,.65);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.faq-quick-main strong{
    font-size: 25px;
    font-weight: 400;
}


/* FACT */

.faq-quick-fact{
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid;
}

[data-finquans-theme="light"] .faq-quick-fact{
    background: #0E2524;
    color: #FAF8F3;
    border-color: rgba(250,248,243,.12);
}

[data-finquans-theme="dark"] .faq-quick-fact{
    background: #E8E1D3;
    color: #18201E;
    border-color: rgba(14,37,36,.12);
}

.faq-quick-fact span{
    display: block;
    margin-bottom: 8px;
    color: #B77A52;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.faq-quick-fact strong{
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}


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

@media(max-width: 991px){

    .faq-grid{
        grid-template-columns: 1fr;
    }

    .faq-item{
        min-height: 220px;
    }

    .faq-quick{
        grid-template-columns: repeat(2,1fr);
    }

    .faq-quick-main{
        grid-column: 1 / -1;
    }

    .faq-quick-fact{
        border-top: 1px solid;
    }

}


@media(max-width: 575px){

    .faq-title{
        font-size: 39px;
    }

    .faq-item{
        min-height: auto;
        grid-template-columns: 50px 1fr;
    }

    .faq-number{
        padding-top: 25px;
    }

    .faq-content{
        min-height: 225px;
        padding: 24px 21px;
    }

    .faq-content h3{
        font-size: 16px;
    }

    .faq-quick{
        grid-template-columns: 1fr;
    }

    .faq-quick-main{
        grid-column: auto;
    }

    .faq-quick-fact{
        min-height: 95px;
        border-left: 0;
    }

}
/* =========================================================
   LEGAL PAGES — AGB / DATENSCHUTZ / SPIELERSCHUTZ
   MINERAL & WINE
   ========================================================= */

.legal-page{
    min-height: 100vh;
}

[data-finquans-theme="light"] .legal-page{
    background: #F3EFE6;
    color: #18201E;
}

[data-finquans-theme="dark"] .legal-page{
    background: #0E2524;
    color: #E8E1D3;
}

.legal-hero{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid;
}

[data-finquans-theme="light"] .legal-hero{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .legal-hero{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}

.legal-hero-inner{
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 72px;
}

.legal-eyebrow{
    margin-bottom: 16px;
    color: #A84B3F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
}

[data-finquans-theme="dark"] .legal-eyebrow{
    color: #B77A52;
}

.legal-hero h1{
    max-width: 920px;
    margin-bottom: 24px;
    font-size: clamp(44px, 6vw, 76px);
    line-height: .98;
    font-weight: 400;
    letter-spacing: -.035em;
}

[data-finquans-theme="light"] .legal-hero h1{
    color: #0E2524;
}

[data-finquans-theme="dark"] .legal-hero h1{
    color: #FAF8F3;
}

.legal-lead{
    max-width: 820px;
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
}

[data-finquans-theme="light"] .legal-lead{
    color: #59635E;
}

[data-finquans-theme="dark"] .legal-lead{
    color: #B5C0BB;
}

.legal-meta{
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    font-size: 12px;
}

[data-finquans-theme="light"] .legal-meta{
    border-color: rgba(14,37,36,.12);
    color: #68716C;
}

[data-finquans-theme="dark"] .legal-meta{
    border-color: rgba(232,225,211,.10);
    color: #AAB7B1;
}

.legal-play-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 28px;
    padding: 12px 22px;
    background: #A84B3F;
    color: #FAF8F3 !important;
    border: 1px solid #A84B3F;
    border-radius: 3px;
    font-weight: 600;
    transition: .25s ease;
}

.legal-play-btn:hover{
    background: #74342D;
    border-color: #74342D;
    color: #FAF8F3 !important;
    transform: translateY(-2px);
}

.legal-layout{
    display: grid;
    grid-template-columns: 290px minmax(0,1fr);
    gap: 44px;
    align-items: start;
    padding-top: 70px;
    padding-bottom: 80px;
}

.legal-toc{
    position: sticky;
    top: 110px;
    padding: 26px;
    border: 1px solid;
}

[data-finquans-theme="light"] .legal-toc{
    background: #E8E1D3;
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .legal-toc{
    background: #173331;
    border-color: rgba(232,225,211,.10);
}

.legal-toc h2,
.legal-toc h3{
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
}

.legal-toc ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.legal-toc li + li{
    margin-top: 10px;
}

.legal-toc a{
    display: block;
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.45;
    color: inherit;
    border-bottom: 1px solid transparent;
}

.legal-toc a:hover{
    color: #A84B3F !important;
    border-color: rgba(168,75,63,.35);
}

[data-finquans-theme="dark"] .legal-toc a:hover{
    color: #B77A52 !important;
    border-color: rgba(183,122,82,.35);
}

.legal-content{
    min-width: 0;
}

.legal-section{
    scroll-margin-top: 120px;
    padding: 34px 0 40px;
    border-bottom: 1px solid;
}

.legal-section:first-child{
    padding-top: 0;
}

[data-finquans-theme="light"] .legal-section{
    border-color: rgba(14,37,36,.13);
}

[data-finquans-theme="dark"] .legal-section{
    border-color: rgba(232,225,211,.10);
}

.legal-section-index{
    display: inline-block;
    margin-bottom: 12px;
    color: #B77A52;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.legal-section h2{
    margin-bottom: 18px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.12;
    font-weight: 400;
}

.legal-section h3{
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
}

[data-finquans-theme="light"] .legal-section h2,
[data-finquans-theme="light"] .legal-section h3{
    color: #0E2524;
}

[data-finquans-theme="dark"] .legal-section h2,
[data-finquans-theme="dark"] .legal-section h3{
    color: #FAF8F3;
}

.legal-section-body,
.legal-section p,
.legal-section li{
    font-size: 15px;
    line-height: 1.78;
}

[data-finquans-theme="light"] .legal-section-body,
[data-finquans-theme="light"] .legal-section p,
[data-finquans-theme="light"] .legal-section li{
    color: #4F5B56;
}

[data-finquans-theme="dark"] .legal-section-body,
[data-finquans-theme="dark"] .legal-section p,
[data-finquans-theme="dark"] .legal-section li{
    color: #BAC4BF;
}

.legal-section p + p{
    margin-top: 14px;
}

.legal-section ul,
.legal-section ol{
    margin: 16px 0 0;
    padding-left: 22px;
}

.legal-section li + li{
    margin-top: 8px;
}

.legal-checklist{
    list-style: none !important;
    padding-left: 0 !important;
}

.legal-checklist li{
    position: relative;
    padding-left: 30px;
}

.legal-checklist li::before{
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #A84B3F;
    font-weight: 700;
}

[data-finquans-theme="dark"] .legal-checklist li::before{
    color: #B77A52;
}

.legal-section a:not(.legal-play-btn),
.legal-content a:not(.legal-play-btn){
    color: #A84B3F;
    text-decoration: underline;
    text-underline-offset: 3px;
}

[data-finquans-theme="dark"] .legal-section a:not(.legal-play-btn),
[data-finquans-theme="dark"] .legal-content a:not(.legal-play-btn){
    color: #B77A52;
}

.legal-section strong{
    color: inherit;
    font-weight: 700;
}

.legal-section blockquote{
    margin: 22px 0;
    padding: 20px 24px;
    border-left: 3px solid #A84B3F;
}

[data-finquans-theme="light"] .legal-section blockquote{
    background: #E8E1D3;
}

[data-finquans-theme="dark"] .legal-section blockquote{
    background: #173331;
    border-left-color: #B77A52;
}

/* Footer legal links remain readable on all legal pages */
.footer-bg a.footer-text,
.footer-bg a.footer-title{
    transition: color .2s ease;
}

.footer-bg a.footer-text:hover,
.footer-bg a.footer-title:hover{
    color: #B77A52 !important;
}

@media(max-width: 991px){
    .legal-layout{
        grid-template-columns: 1fr;
        gap: 28px;
        padding-top: 50px;
    }

    .legal-toc{
        position: static;
    }

    .legal-hero-inner{
        min-height: 360px;
    }
}

@media(max-width: 575px){
    .legal-hero-inner{
        min-height: 320px;
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .legal-hero h1{
        font-size: 40px;
    }

    .legal-lead{
        font-size: 15px;
    }

    .legal-layout{
        padding-top: 38px;
        padding-bottom: 55px;
    }

    .legal-toc{
        padding: 22px;
    }

    .legal-section{
        padding: 28px 0 34px;
    }

    .legal-section h2{
        font-size: 28px;
    }
}