@layer bootstrap, swiper, app;

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css') layer(bootstrap);
@import url('https://cdn.jsdelivr.net/npm/swiper@14.0.6/swiper-bundle.min.css') layer(swiper);

@font-face {
    font-family: 'Andine';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/Andine.woff2') format('woff2');
}

@font-face {
    font-family: 'Shrikhand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/Shrikhand-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@layer app {

    :root {

        /* Neutros */
        --white: #FFF;
        --black: #000;

        --azure-mist: #D9EEF2;

        /* Cremas / Beige */
        --old-lace: #FFF8EB;
        --pale-oak: #D1BFA7;

        /* Cafés */
        --camel: #C89B78;
        --olive-wood: #826C55;
        --dark-coffee: #3B271E;
        --coffee-bean: #1D120E;

        /* Rojos */
        --punch-red: #E63946;
        --scarlet-fire: #ff3008;

        /* Verdes */
        --emerald: #06C167;

        --delivery-bar-height: 3.5rem;

        --kooben-header-height: 5.5rem;
        --kooben-radius: 1.5rem;
        --kooben-shadow: 0 1.25rem 3.5rem rgb(43 24 15 / 18%);
    }

    /* * {
        outline: 1px solid red;
    } */
    
    html {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        scroll-padding-top: var(--kooben-header-height);
        background-color: var(--dark-coffee);
    }

    body {
        width: 100%;
        max-width: 100%;
        margin: 0;
        overflow-x: clip;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        background-color: var(--dark-coffee);
    }

    .site-header__offcanvas {
        --bs-offcanvas-width: min(100vw, 25rem);
    }

    a,
    a img,
    div img {
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

    .section {
        padding: clamp(4.5rem, 8vw, 8rem) 0;
    }

    .section--cream {
        background: radial-gradient(circle at 20% 50%, #fff7e9 0, transparent 35%), var(--old-lace);
    }

    .stack-sections {
        position: relative;
        isolation: isolate;
        width: 100%;
        overflow: visible;
    }

    .stack-sections > .stack-section {
        position: sticky;
        top: var(--stack-section-top, 0px);
        z-index: 1;
        width: 100%;
        overflow: hidden;
    }

    .stack-sections > .stack-section:nth-child(1) {
        z-index: 1;
    }

    .stack-sections > .stack-section:nth-child(2) {
        z-index: 2;
    }

    .stack-sections > .stack-section:nth-child(3) {
        z-index: 3;
    }

    .stack-sections > .stack-section:nth-child(4) {
        z-index: 4;
    }

    .stack-sections > .stack-section:nth-child(5) {
        z-index: 5;
    }

    .stack-sections > .stack-section:nth-child(6) {
        z-index: 6;
    }

    /* Delivery Bar */
    .delivery-bar {
        position: relative;
        z-index: 1;
        width: 100%;
        min-height: var(--delivery-bar-height);
        overflow: hidden;
        border-bottom: 1px solid rgb(217 238 242 / 12%);
        color: var(--old-lace);
        background-color: var(--coffee-bean);
    }

    .delivery-bar__container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        min-height: var(--delivery-bar-height);
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
    }

    .delivery-bar__message {
        flex-shrink: 0;
        margin: 0;
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgb(255 248 235 / 80%);
        white-space: nowrap;
    }

    .delivery-bar__services {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
    }

    .delivery-bar__service {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 7.5rem;
        min-height: 2.5rem;
        padding: 0.45rem 0.85rem;
        overflow: hidden;
        border: 2px solid var(--old-lace);
        border-radius: 999px;
        text-decoration: none;
        background-color: var(--old-lace);
        box-shadow: 0 0.35rem 1rem rgb(0 0 0 / 15%);
        transform: translateY(0);
        transition:
            border-color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
        cursor: pointer;
    }

    .delivery-bar__logo {
        display: block;
        width: 100%;
        max-width: 6rem;
        height: auto;
        max-height: 1.25rem;
        overflow: visible;
        pointer-events: none;
    }

    .delivery-bar__service:focus-visible {
        border-color: var(--white);
        outline: 2px solid var(--white);
        outline-offset: 3px;
        background-color: var(--white);
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 15%);
    }

    /* Header */
    .site-header {
        position: sticky;
        top: 0;
        z-index: 1030;
        isolation: isolate;
        background-color: transparent;
    }

    .site-header::before {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background-color: rgb(74 33 14 / 90%);
        backdrop-filter: blur(14px);
        pointer-events: none;
    }

    .site-header__nav {
        min-height: var(--kooben-header-height);
    }

    .site-header__brand {
        display: inline-block;
        border-radius: 1rem;
        transition:
            opacity 0.25s ease,
            transform 0.25s ease;
    }

    .site-header__brand:focus-visible {
        outline: 2px solid var(--white);
        outline-offset: 5px;
    }

    .site-header__logo{
        display: block;
        width: clamp(6.5rem, 10vw, 8rem);
        height: auto;
    }

    .site-header .nav-link {
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgb(255 250 243 / 78%);
    }

    .site-header .nav-link:hover,
    .site-header .nav-link:focus-visible {
        color: var(--white);
    }

    .site-header__actions {
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }

    .language-selector {
        position: relative;
        flex: 0 0 auto;
    }

    .language-selector__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        min-width: 4.75rem;
        height: 2.25rem;
        padding: 0.35rem 0.7rem;
        border: 1px solid rgb(255 255 255 / 25%);
        border-radius: 999px;
        appearance: none;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1;
        color: var(--old-lace);
        background-color: rgb(255 255 255 / 12%);
        box-shadow: none;
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
        cursor: pointer;
    }

    .language-selector__button[aria-expanded="true"] {
        color: var(--old-lace);
        background-color: rgb(255 255 255 / 25%);
        border-color: rgb(255 255 255 / 50%);
    }

    .language-selector__icon {
        display: block;
        flex: 0 0 auto;
        width: 0.95rem;
        height: 0.95rem;
        color: inherit;
        pointer-events: none;
    }

    .language-selector__current {
        display: block;
        letter-spacing: 0.04em;
        pointer-events: none;
    }

    .language-selector__chevron {
        display: block;
        flex: 0 0 auto;
        width: 0.55rem;
        height: 0.55rem;
        color: inherit;
        pointer-events: none;
        transition: transform 0.25s ease;
    }

    .language-selector__button[aria-expanded="true"]
    .language-selector__chevron {
        transform: rotate(180deg);
    }

    .language-selector__menu {
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0.4rem;
        --bs-dropdown-padding-y: 0.4rem;
        --bs-dropdown-spacer: 0.65rem;
        --bs-dropdown-color: var(--dark-coffee);
        --bs-dropdown-bg: var(--old-lace);
        --bs-dropdown-border-width: 0;
        --bs-dropdown-border-radius: 0.875rem;
        --bs-dropdown-link-color: var(--dark-coffee);
        --bs-dropdown-link-hover-color: var(--dark-coffee);
        --bs-dropdown-link-hover-bg: rgb(200 155 120 / 25%);
        --bs-dropdown-link-active-color: var(--old-lace);
        --bs-dropdown-link-active-bg: var(--dark-coffee);

        min-width: 10rem;
        padding: 0.4rem;
        border: 0;
        border-radius: 0.875rem;
        color: var(--dark-coffee);
        background-color: var(--old-lace);
        box-shadow: 0 1rem 2.5rem rgb(20 10 6 / 30%);
        overflow: hidden;
    }

    .language-selector__option.dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        width: 100%;
        padding: 0.65rem 0.75rem;
        border: 0;
        border-radius: 0.55rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.25;
        text-align: left;
        white-space: nowrap;
        color: var(--dark-coffee);
        background-color: transparent;
        transition:
            color 0.2s ease,
            background-color 0.2s ease;
    }

    .language-selector__option.dropdown-item.is-active {
        color: var(--old-lace);
        background-color: var(--dark-coffee);
    }

    .language-selector__code {
        font-size: 0.7rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0.06em;
        opacity: 0.65;
    }

    .language-selector__button:focus-visible {
        color: var(--dark-coffee);
        background-color: var(--white);
        border-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 12%);
        outline: 2px solid var(--white);
        outline-offset: 4px;
    }

    .language-selector__option.dropdown-item:focus-visible {
        color: var(--dark-coffee);
        background-color: rgb(200 155 120 / 25%);
        outline: 2px solid var(--camel);
        outline-offset: -2px;
    }

    .language-selector__option.dropdown-item.is-active:focus-visible {
        color: var(--old-lace);
        background-color: var(--dark-coffee);
    }

    /* Hero */
    .hero {
        position: relative;
        z-index: 0;
        display: grid;
        place-items: center;
        isolation: isolate;
        width: 100%;
        min-height: calc(100svh - var(--delivery-bar-height) - var(--kooben-header-height));
        overflow: hidden;
        color: var(--old-lace);
        background-color: var(--coffee-bean);
    }

    .hero__media {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        background-color: var(--coffee-bean);
        pointer-events: none;
    }

    .hero__video {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        max-width: none;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transform: scale(1.01);
        user-select: none;
        pointer-events: none;
    }

    .hero__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background-color: rgb(29 18 14 / 52%);
        pointer-events: none;
    }

    .hero__container {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: inherit;
        padding-top: clamp(5rem, 10vw, 8rem);
        padding-bottom: clamp(5rem, 10vw, 8rem);
    }

    .hero__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(1.25rem, 2vw, 1.75rem);
        width: 100%;
        max-width: 76rem;
        margin-inline: auto;
        text-align: center;
    }

    .hero__eyebrow {
        display: block;
        margin: 0;
        font-size: clamp(0.72rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.18em;
        text-align: center;
        text-transform: uppercase;
        color: rgb(255 248 235 / 86%);
    }

    .hero__title {
        width: 100%;
        max-width: 72rem;
        margin: 0;
        font-family: "Andine", cursive;
        font-size: clamp(3.75rem, 5.7vw, 6.5rem);
        font-weight: 400;
        line-height: 1.05;
        letter-spacing: -0.015em;
        text-align: center;
        color: var(--old-lace);
        text-shadow: 0 0.35rem 1.75rem rgb(0 0 0 / 30%);
        text-wrap: balance;
    }

    .hero__description {
        width: 100%;
        max-width: 42rem;
        margin: 0;
        font-size: clamp(1rem, 1.35vw, 1.25rem);
        font-weight: 500;
        line-height: 1.7;
        text-align: center;
        color: rgb(255 248 235 / 90%);
        text-shadow: 0 0.2rem 1rem rgb(0 0 0 / 35%);
        text-wrap: balance;
    }

    .hero__orders {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        width: 100%;
        margin-top: clamp(0.75rem, 2vw, 1.5rem);
    }

    .hero__order-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 13rem;
        min-height: 3.5rem;
        padding: 0.75rem 1.5rem;
        overflow: hidden;
        border: 2px solid var(--old-lace);
        border-radius: 999px;
        text-decoration: none;
        color: var(--dark-coffee);
        background-color: var(--old-lace);
        box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 24%);
        transform: translateY(0);
        transition:
            border-color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
        cursor: pointer;
    }

    .hero__order-logo {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
        pointer-events: none;
    }

    .hero__order-logo--doordash {
        max-width: 8.5rem;
        max-height: 1.35rem;
    }

    .hero__order-logo--uber-eats {
        max-width: 8rem;
        max-height: 1.4rem;
    }

    .hero__order-button:focus-visible {
        border-color: var(--white);
        outline: 3px solid var(--white);
        outline-offset: 4px;
        background-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    }

    /* Events */
    .private-events {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: stretch;
        isolation: isolate;
        width: 100%;
        min-height: clamp(34rem, 46vw, 45rem);
        overflow: hidden;
        color: var(--old-lace);
        background-color: var(--coffee-bean);
    }

    .private-events::after {
        position: absolute;
        inset: 0;
        z-index: 2;
        content: "";
        background: linear-gradient(90deg,
            rgb(29 18 14 / 96%) 0%,
            rgb(29 18 14 / 90%) 26%,
            rgb(29 18 14 / 70%) 43%,
            rgb(29 18 14 / 35%) 59%,
            rgb(29 18 14 / 10%) 72%,
            transparent 84%
        );
        pointer-events: none;
    }

    .private-events__slider.swiper {
        position: absolute !important;
        inset: 0;
        z-index: 1;
        display: block;
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
    }

    .private-events__slider .swiper-wrapper {
        width: 100%;
        height: 100%;
    }

    .private-events__slide {
        position: relative;
        display: block;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .private-events__image {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        width: 100%;
        max-width: none;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: 1;
        visibility: visible;
        transform: scale(1.02);
        transition: transform 7s ease;
        user-select: none;
        pointer-events: none;
    }

    .private-events__slide.swiper-slide-active .private-events__image {
        transform: scale(1.07);
    }

    .private-events__slide--table-guests .private-events__image {
        object-position: center 52%;
    }

    .private-events__slide--cake-preparation .private-events__image {
        object-position: center 58%;
    }

    .private-events__slide--outdoor-booth .private-events__image {
        object-position: center 48%;
    }

    .private-events__slide--catering-appetizers .private-events__image {
        object-position: center 56%;
    }

    .private-events__slide--beef-appetizers .private-events__image {
        object-position: center 50%;
    }

    .private-events__slide--cafe-gathering .private-events__image {
        object-position: center 46%;
    }

    .private-events__container {
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: inherit;
        margin-inline: auto;
        padding-top: clamp(4rem, 8vw, 7rem);
        padding-bottom: clamp(4rem, 8vw, 7rem);
    }

    .private-events__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(1rem, 1.6vw, 1.5rem);
        width: 100%;
        max-width: 36rem;
        margin-right: auto;
        margin-left: 0;
        padding: clamp(1rem, 3vw, 2rem) 0;
        color: var(--old-lace);
    }

    .private-events__eyebrow {
        display: block;
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-size: clamp(0.75rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.15em;
        text-align: left;
        text-transform: uppercase;
        color: rgb(255 248 235 / 82%);
    }

    .private-events__title {
        align-self: stretch;
        width: 100%;
        max-width: 36rem;
        margin: 0 0 clamp(1.25rem, 2vw, 2rem);
        font-family: "Andine", cursive;
        font-size: clamp(3.5rem, 5.8vw, 6rem);
        font-weight: 400;
        line-height: 0.95;
        letter-spacing: -0.025em;
        text-align: left;
        color: var(--old-lace);
        text-wrap: balance;
    }

    .private-events__services {
        align-self: stretch;
        width: 100%;
        max-width: 36rem;
        margin: 0 0 0.75rem;
        font-size: clamp(1rem, 1.4vw, 1.3rem);
        font-weight: 600;
        line-height: 1.7;
        text-align: left;
        color: rgb(255 248 235 / 90%);
        text-wrap: balance;
    }

    .private-events__button {
        display: inline-flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        width: min(100%, 18rem);
        min-height: 3.25rem;
        margin-top: 0.5rem;
        padding: 0.65rem 2rem;
        border: 2px solid var(--old-lace);
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        color: var(--dark-coffee);
        background-color: var(--old-lace);
        box-shadow: none;
        transform: translateY(0);
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
        cursor: pointer;
    }

    .private-events__button:focus-visible {
        border-color: var(--white);
        outline: 3px solid var(--white);
        outline-offset: 4px;
        color: var(--dark-coffee);
        background-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    }

    /* Bakery */
    .feature {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        min-height: clamp(34rem, 46vw, 45rem);
        overflow: hidden;
        background-color: var(--dark-coffee);
    }

    .feature__media {
        position: relative;
        z-index: 0;
        isolation: isolate;
        min-width: 0;
        min-height: 100%;
        overflow: hidden;
    }

    .feature__media::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
        background-color: rgb(0 0 0 / 50%);
        pointer-events: none;
    }

    .feature__image {
        display: block;
        width: 100%;
        height: 100%;
        min-height: clamp(34rem, 46vw, 45rem);
        object-fit: cover;
        object-position: center;
        transform: scale(1.02);
    }

    .feature__content {
        position: relative;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: clamp(0.75rem, 1.2vw, 1.25rem);
        isolation: isolate;
        min-width: 0;
        min-height: 100%;
        padding: clamp(3rem, 7vw, 7rem) clamp(2rem, 6vw, 6rem);
        overflow: hidden;
        text-align: left;
    }

    .feature__content > :not(.feature__decoration) {
        position: relative;
        z-index: 1;
    }

    .feature__decoration {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
    }

    .feature__decoration-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: 0.3;
        transform: scale(1.15);
        pointer-events: none;
    }

    .feature__content .eyebrow {
        display: block;
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-size: clamp(0.75rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.15em;
        text-align: left;
        text-transform: uppercase;
        color: rgb(255 248 235 / 75%);
    }

    .feature__title {
        align-self: center;
        width: 100%;
        margin: 0 0 clamp(1.25rem, 2vw, 2rem);
        font-family: "Andine", cursive;
        font-size: clamp(4.5rem, 7.5vw, 7.5rem);
        font-weight: 400;
        line-height: 1;
        text-align: center;
        color: var(--old-lace);
    }

    .feature__description {
        align-self: stretch;
        width: 100%;
        max-width: 36rem;
        margin: 0 0 0.75rem;
        font-size: clamp(1rem, 1.4vw, 1.3rem);
        font-weight: 600;
        line-height: 1.7;
        text-align: left;
        color: var(--old-lace);
    }

    .feature__button {
        display: inline-flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        width: min(100%, 18rem);
        min-height: 3.25rem;
        margin-top: 0.5rem;
        padding: 0.65rem 2rem;
        border: 2px solid var(--old-lace);
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        color: var(--dark-coffee);
        background-color: var(--old-lace);
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
    }

    .feature__button:focus-visible {
        border-color: var(--white);
        outline: 3px solid var(--white);
        outline-offset: 4px;
        color: var(--dark-coffee);
        background-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    }

    /* Wellness-Bar */
    .wellness {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: center;
        isolation: isolate;
        width: 100%;
        min-height: clamp(34rem, 44vw, 45rem);
        overflow: hidden;
        color: var(--dark-coffee);
        background-color: var(--pale-oak);
    }

    .wellness__media {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 0;
        width: 58%;
        height: 100%;
        overflow: hidden;
        background-color: var(--old-lace);
        pointer-events: none;
    }

    .wellness__media::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
        background: linear-gradient(90deg, var(--pale-oak) 0%, var(--pale-oak) 23%,
            rgb(209 191 167 / 90%) 30%,
            rgb(209 191 167 / 66%) 38%,
            rgb(209 191 167 / 40%) 45%,
            rgb(209 191 167 / 20%) 52%,
            rgb(209 191 167 / 7%) 57%,
            transparent 62%
        );
        pointer-events: none;
    }

    .wellness__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 48%;
        pointer-events: none;
    }

    .wellness__container {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        align-items: center;
        width: 100%;
        min-height: inherit;
        margin-inline: auto;
        padding-block: clamp(4rem, 8vw, 7rem);
    }

    .wellness__content {
        position: relative;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(1rem, 1.6vw, 1.5rem);
        isolation: isolate;
        width: 100%;
        max-width: 36rem;
        padding: clamp(1rem, 3vw, 2rem) 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        text-align: left;
        color: var(--dark-coffee);
        background-color: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .wellness__content > :not(.wellness__decoration) {
        position: relative;
        z-index: 1;
    }

    .wellness__decoration {
        position: absolute;
        top: 50%;
        left: clamp(-18rem, -14vw, -10rem);
        z-index: 0;
        display: block;
        width: clamp(48rem, 62vw, 74rem);
        height: 135%;
        overflow: visible;
        opacity: 1;
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 42%,
            rgb(0 0 0 / 78%) 56%,
            rgb(0 0 0 / 45%) 68%,
            rgb(0 0 0 / 15%) 78%,
            transparent 86%
        );
        mask-image: linear-gradient(90deg,
            #000 0%,
            #000 42%,
            rgb(0 0 0 / 78%) 56%,
            rgb(0 0 0 / 45%) 68%,
            rgb(0 0 0 / 15%) 78%,
            transparent 86%
        );
        transform: translateY(-50%);
        pointer-events: none;
    }

    .wellness__decoration-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left center;
        opacity: 0.14;
        transform: none;
        pointer-events: none;
    }

    .wellness__eyebrow {
        display: block;
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-size: clamp(0.75rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.15em;
        text-align: left;
        text-transform: uppercase;
        color: rgb(59 39 30 / 76%);
    }

    .wellness__title {
        width: 100%;
        margin: 0 0 clamp(1.25rem, 2vw, 2rem);
        font-family: "Andine", cursive;
        font-size: clamp(3.5rem, 5.8vw, 6rem);
        font-weight: 400;
        line-height: 1;
        text-align: left;
        color: var(--dark-coffee);
    }

    .wellness__description {
        align-self: stretch;
        width: 100%;
        max-width: 36rem;
        margin: 0 0 0.75rem;
        font-size: clamp(1rem, 1.4vw, 1.3rem);
        font-weight: 600;
        line-height: 1.75;
        text-align: left;
        color: var(--dark-coffee);
    }

    .wellness__button {
        display: inline-flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        width: min(100%, 18rem);
        min-height: 3.25rem;
        margin-top: 0.5rem;
        padding: 0.65rem 2rem;
        border: 2px solid var(--dark-coffee);
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        color: var(--old-lace);
        background-color: var(--dark-coffee);
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
    }

    .wellness__button:focus-visible {
        border-color: var(--white);
        outline: 3px solid var(--white);
        outline-offset: 4px;
        color: var(--dark-coffee);
        background-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    }

    /* Merch */
    .merch {
        position: relative;
        isolation: isolate;
        width: 100%;
        overflow: hidden;
        color: var(--dark-coffee);
        background-color: var(--pale-oak);
    }

    .merch__container {
        padding-top: clamp(4.5rem, 7vw, 7rem);
        padding-bottom: clamp(4.5rem, 7vw, 7rem);
    }

    .merch__header {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
        align-items: end;
        gap: clamp(2rem, 6vw, 7rem);
        margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
    }

    .merch__heading,
    .merch__introduction {
        min-width: 0;
    }

    .merch__eyebrow {
        display: block;
        margin-bottom: 0.75rem;
        font-size: clamp(0.75rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: rgb(59 39 30 / 72%);
    }

    .merch__title {
        max-width: 48rem;
        margin: 0;
        font-family: "Andine", cursive;
        font-size: clamp(4.5rem, 7vw, 7.5rem);
        font-weight: 400;
        line-height: 0.92;
        letter-spacing: -0.025em;
        color: var(--dark-coffee);
        text-wrap: balance;
    }

    .merch__introduction {
        align-self: end;
        padding-bottom: 0.5rem;
    }

    .merch__description {
        max-width: 34rem;
        margin: 0;
        font-size: clamp(1rem, 1.3vw, 1.2rem);
        font-weight: 500;
        line-height: 1.75;
        color: rgb(59 39 30 / 84%);
        text-wrap: pretty;
    }

    .merch__slider {
        width: 100%;
        min-width: 0;
        overflow: visible;
    }

    .merch__wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(1rem, 2vw, 1.75rem);
    }

    .merch__slide {
        width: 100%;
        min-width: 0;
        height: auto;
    }

    .merch__figure {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        overflow: hidden;
        aspect-ratio: 4 / 5;
        background-color: var(--coffee-bean);
    }

    .merch__figure::after {
        position: absolute;
        inset: auto 0 0;
        z-index: 1;
        height: 45%;
        content: "";
        background: linear-gradient(
            180deg,
            transparent,
            rgb(29 18 14 / 84%)
        );
        pointer-events: none;
    }

    .merch__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: scale(1.001);
        transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .merch__slide--tote .merch__image {
        object-position: 50% 66%;
    }

    .merch__slide--cap .merch__image {
        object-position: 50% 54%;
    }

    .merch__slide--details .merch__image {
        object-position: 50% 48%;
    }

    .merch__caption {
        position: absolute;
        right: 1.5rem;
        bottom: 1.5rem;
        left: 1.5rem;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        color: var(--old-lace);
        pointer-events: none;
    }

    .merch__item-name {
        font-family: "Andine", cursive;
        font-size: clamp(2rem, 3vw, 3.2rem);
        font-weight: 400;
        line-height: 1;
        color: var(--old-lace);
        text-wrap: balance;
    }

    .merch__item-type {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgb(255 248 235 / 78%);
    }

    /* Location */
    .location {
        position: relative;
        isolation: isolate;
        width: 100%;
        overflow: hidden;
        background-color: var(--coffee-bean);
    }

    .location__container {
        display: grid;
        grid-template-columns: minmax(22rem, 0.72fr) minmax(0, 1.28fr);
        min-height: clamp(38rem, 44vw, 44rem);
        padding-top: clamp(3rem, 5vw, 5rem);
        padding-bottom: clamp(3rem, 5vw, 5rem);
    }

    .location__information {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        padding: clamp(2.5rem, 4vw, 4.25rem);
        overflow: hidden;
        border-radius: 2rem 0 0 2rem;
        background-color: var(--dark-coffee);
    }

    .location__eyebrow {
        display: block;
        align-self: stretch;
        width: 100%;
        margin: 0 0 clamp(0.75rem, 1.2vw, 1.25rem);
        font-size: clamp(0.75rem, 1vw, 0.9rem);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.15em;
        text-align: left;
        text-transform: uppercase;
        color: rgb(255 248 235 / 78%);
    }

    .location__title {
        width: 100%;
        max-width: 28rem;
        margin: 0;
        font-family: "Andine", cursive;
        font-size: clamp(3.25rem, 4.2vw, 4.75rem);
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.02em;
        color: var(--old-lace);
        text-wrap: balance;
    }

    .location__description {
        align-self: stretch;
        width: 100%;
        max-width: 29rem;
        margin: 1.25rem 0 0;
        font-size: clamp(0.95rem, 1.1vw, 1.05rem);
        font-weight: 600;
        line-height: 1.65;
        color: var(--old-lace);
    }

    .location__details {
        display: grid;
        gap: 1.25rem;
        width: 100%;
        margin: clamp(1.75rem, 3vw, 2.5rem) 0 0;
        font-style: normal;
    }

    .location__detail {
        display: grid;
        grid-template-columns: 1.75rem minmax(0, 1fr);
        align-items: start;
        gap: 0.85rem;
        width: fit-content;
        max-width: 100%;
        border-radius: 0.5rem;
        text-decoration: none;
        color: inherit;
        transition: color 0.25s ease;
    }

    .location__detail-icon {
        width: 1.35rem;
        height: 1.35rem;
        margin-top: 0.15rem;
        color: var(--pale-oak);
        pointer-events: none;
        transition:
            color 0.25s ease,
            transform 0.25s ease;
    }

    .location__detail-content {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        min-width: 0;
    }

    .location__detail-label {
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--old-lace);
    }

    .location__detail-value {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        font-size: 0.92rem;
        font-weight: 400;
        line-height: 1.5;
        color: rgb(255 248 235 / 76%);
        transition: color 0.25s ease;
    }

    .location__actions {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: clamp(1.75rem, 3vw, 2.5rem);
    }

    .location__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 12rem;
        min-height: 3rem;
        margin-inline: auto;
        padding: 0.6rem 1.5rem;
        border: 2px solid var(--old-lace);
        border-radius: 999px;
        font-size: 0.88rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        color: var(--dark-coffee);
        background-color: var(--old-lace);
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
    }

    .location__button:focus-visible {
        border-color: var(--white);
        outline: 3px solid var(--white);
        outline-offset: 4px;
        color: var(--dark-coffee);
        background-color: var(--white);
        box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    }
    
    .location__map {
        position: relative;
        min-width: 0;
        min-height: 100%;
        overflow: hidden;
        border-radius: 0 2rem 2rem 0;
        background-color: var(--pale-oak);
    }

    .location__iframe {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        filter: sepia(0.18) saturate(0.78) contrast(0.96);
        transition: filter 0.35s ease;
    }

    .location__map:focus-within .location__iframe {
        filter: none;
    }

    .location__detail:focus-visible,
    .location__iframe:focus-visible {
        outline: 3px solid var(--white);
        outline-offset: 4px;
    }

    .location__button:active {
        transform: scale(0.98);
    }

    /* Footer */
    .site-footer {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        color: rgb(255 250 243 / 78%);
        background-color: var(--dark-coffee);
    }

    .site-footer a {
        text-decoration: none;
        color: var(--white);
        transition:
            color 0.25s ease,
            opacity 0.25s ease,
            text-shadow 0.25s ease,
            transform 0.25s ease;
    }

    .site-footer input {
        transition:
            border-color 0.25s ease,
            box-shadow 0.25s ease;
    }

    .site-footer__background {
        --footer-wordmark-width: 130vw;
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    .site-footer__wordmark-position {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .site-footer__wordmark-track {
        display: flex;
        align-items: center;
        width: max-content;
        pointer-events: none;
    }

    .site-footer__background-wordmark {
        display: block;
        flex: 0 0 var(--footer-wordmark-width);
        width: var(--footer-wordmark-width);
        max-width: none;
        height: auto;
        opacity: 0.04;
        user-select: none;
        pointer-events: none;
    }

    .site-footer__content {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 16rem 1fr 1.3fr;
        align-items: end;
        gap: 2rem;
        padding-block: 4rem;
    }

    .site-footer__brand {
        display: inline-block;
        border-radius: 1rem;
    }

    .site-footer__brand:focus-visible {
        outline: 2px solid var(--white);
        outline-offset: 5px;
    }

    .site-footer__logo {
        display: block;
        width: min(100%, 16rem);
        height: auto;
    }

    .site-footer__nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.65rem;
    }

    .site-footer__nav a {
        display: inline-block;
        padding: 0.35rem 0.6rem;
        border-radius: 999px;
    }

    .site-footer__nav a:focus-visible {
        outline: 2px solid var(--white);
        outline-offset: 3px;
        color: var(--white);
        text-shadow: 0 0 0.6rem rgb(255 255 255 / 65%);
        transform: scale(1.05);
    }

    .site-footer__social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .site-footer__social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgb(255 255 255 / 35%);
        border-radius: 50%;
        text-decoration: none;
        color: inherit;
        background-color: rgb(255 255 255 / 5%);
    }

    .site-footer__social-icon {
        width: 24px;
        height: 24px;
        fill: currentColor;
        pointer-events: none;
    }

    .site-footer__social-link:focus-visible {
        outline: 2px solid var(--white);
        outline-offset: 3px;
        color: var(--white);
        background-color: rgb(255 255 255 / 14%);
        box-shadow: 0 0 0.8rem rgb(255 255 255 / 25%);
        transform: scale(1.12);
    }

    .site-footer__newsletter label {
        display: block;
        margin-bottom: 0.75rem;
        font-weight: 700;
        color: var(--white);
    }

    .site-footer__newsletter input:focus-visible {
        border-color: var(--white);
        outline: 2px solid var(--white);
        outline-offset: 2px;
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%);
    }
    
    .site-footer__subscribe-button {
        border-color: var(--punch-red);
        font-weight: 600;
        color: var(--white);
        background-color: var(--punch-red);
        transition:
            background-color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
    }

    .site-footer__subscribe-button:focus-visible {
        border-color: var(--punch-red);
        outline: 2px solid var(--white);
        outline-offset: 3px;
        color: var(--white);
        background-color: var(--punch-red);
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%);
    }

    .site-footer__legal { 
        position: relative;
        z-index: 1;
        border-top: 1px solid rgb(200 155 120 / 50%);
        background-color: var(--dark-coffee); 
    }

    .site-footer__credits {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0.3rem;
    }

    .site-footer__heart {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        color: var(--punch-red);
        transform-origin: center;
    }

    .site-footer__developer-link {
        display: inline-block;
        border-radius: 0.25rem;
        text-decoration: none;
        color: inherit;
    }

    .site-footer__developer-link:focus-visible {
        outline: 2px solid var(--white);
        outline-offset: 3px;
        color: var(--white);
    }

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

        .delivery-bar__service:hover {
            border-color: var(--white);
            background-color: var(--white);
            box-shadow: 0 0.55rem 1.25rem rgb(0 0 0 / 24%);
            transform: translateY(-2px);
        }

        .language-selector__button:hover {
            color: var(--old-lace);
            background-color: rgb(255 248 235 / 25%);
            border-color: rgb(255 248 235 / 50%);
            transform: translateY(-2px);
        }

        .language-selector__option.dropdown-item:hover {
            color: var(--dark-coffee);
            background-color: rgb(200 155 120 / 25%);
        }

        .language-selector__option.dropdown-item.is-active:hover {
            color: var(--old-lace);
            background-color: var(--dark-coffee);
        }

        .hero__order-button:hover {
            border-color: var(--white);
            background-color: var(--white);
            box-shadow: 0 1rem 2.25rem rgb(0 0 0 / 32%);
            transform: translateY(-3px);
        }

        .delivery-bar__service--doordash:hover,
        .hero__order-button--doordash:hover {
            border-color: var(--scarlet-fire);
        }

        .delivery-bar__service--uber-eats:hover,
        .hero__order-button--uber-eats:hover {
            border-color: var(--emerald);
        }

        .private-events__button:hover {
            color: var(--white);
            background-color: transparent;
            box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 25%);
            transform: translateY(-3px);
        }

        .feature__button:hover {
            color: var(--white);
            background-color: transparent;
            box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 25%);
            transform: translateY(-3px);
        }

        .wellness__button:hover {
            color: var(--dark-coffee);
            background-color: transparent;
            box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 25%);
            transform: translateY(-3px);
        }

        .merch__figure:hover .merch__image {
            transform: scale(1.04);
        }

        .location__detail:hover .location__detail-icon {
            color: var(--old-lace);
            transform: translateY(-0.1rem);
        }

        .location__detail:hover .location__detail-value {
            color: var(--old-lace);
        }

        .location__button:hover {
            color: var(--white);
            background-color: transparent;
            box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 25%);
            transform: translateY(-3px);
        }

        .location__map:hover .location__iframe {
            filter: none;
        }

        .site-footer__nav a:hover {
            color: var(--white);
            text-shadow:
                0 0 0.4rem rgb(255 255 255 / 70%),
                0 0 0.9rem rgb(255 255 255 / 35%);
            transform: scale(1.07);
        }

        .site-header__brand:hover,
        .site-footer__brand:hover {
            transform: translateY(-3px);
        }

        .site-header__brand:hover .site-header__logo,
        .site-footer__brand:hover .site-footer__logo {
            opacity: 0.85;
        }

        .site-footer__social-link:hover {
            border-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
            transform: scale(1.08);
        }

        .site-footer__subscribe-button:hover {
            border-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
            box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 22%);
            transform: translateY(-2px);
        }

        .site-footer__heart:hover {
            animation: heartbeat 1.5s ease-in-out infinite both;
        }

        .site-footer__developer-link:hover {
            color: var(--white);
            text-shadow: 0 0 0.6rem rgb(255 255 255 / 60%);
        }

    }

    @media (hover: none) and (pointer: coarse) {

        .hero__order-button:active {
            border-color: var(--white);
            background-color: var(--white);
            box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 22%);
            transform: scale(0.97);
        }

        .site-footer__nav a:active {
            color: var(--white);
            text-shadow: 0 0 0.5rem rgb(255 255 255 / 60%);
            transform: scale(1.05);
        }

        .site-footer__social-link:active {
            border-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
            transform: scale(1.08);
        }

        .site-header__brand:active,
        .site-footer__brand:active {
            transform: scale(0.96);
        }

        .site-footer__subscribe-button:active {
            border-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
            transform: scale(0.97);
        }

        .site-footer__heart:active {
            animation: heartbeat 0.8s ease-in-out 1 both;
        }

    }

    @media (max-width: 1199.98px) {

        .hero__content {
            max-width: 60rem;
        }

        .hero__title {
            max-width: 56rem;
            font-size: clamp(3.5rem, 6.5vw, 5.5rem);
            line-height: 1.05;
        }

        .private-events::after {
            background: linear-gradient(90deg,
                rgb(29 18 14 / 96%) 0%,
                rgb(29 18 14 / 86%) 30%,
                rgb(29 18 14 / 60%) 48%,
                rgb(29 18 14 / 25%) 65%,
                transparent 82%
            );
        }

        .private-events__content {
            max-width: 32rem;
        }

        .private-events__title,
        .private-events__services {
            max-width: 32rem;
        }

        .private-events__title {
            font-size: clamp(3.25rem, 6.5vw, 5.25rem);
        }

        .wellness__media {
            width: 62%;
        }

        .wellness__container {
            grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
        }

        .wellness__content {
            max-width: 32rem;
        }

        .wellness__decoration {
            left: clamp(-10rem, -10vw, -6rem);
            width: clamp(32rem, 60vw, 42rem);
            height: 110%;
        }

        .wellness__decoration-image {
            opacity: 0.11;
        }

        .wellness__title {
            font-size: clamp(3.25rem, 6.5vw, 5.25rem);
        }

        .wellness__button {
            align-self: center;
        }

    }

    @media (max-width: 991.98px) {

        :root {
            --delivery-bar-height: 3.25rem;
            --kooben-header-height: 4.75rem;
        }

        .delivery-bar__container {
            gap: 0.75rem;
        }

        .delivery-bar__message {
            font-size: 0.7rem;
        }

        .delivery-bar__services {
            gap: 0.5rem;
        }

        .delivery-bar__service {
            width: 6.5rem;
            min-height: 2.35rem;
            padding: 0.4rem 0.65rem;
        }

        .delivery-bar__logo {
            max-width: 5.25rem;
            max-height: 1.1rem;
        }

        .site-header__offcanvas {
            --bs-offcanvas-width: min(85vw, 20rem);
            --bs-offcanvas-color: var(--dark-coffee);
            --bs-offcanvas-bg: var(--old-lace);
            --bs-offcanvas-border-width: 0;

            color: var(--dark-coffee);
            background: var(--old-lace);
            box-shadow: -0.5rem 0 2rem rgb(29 18 14 / 16%);
        }

        .site-header__offcanvas .offcanvas-header {
            flex-shrink: 0;
            justify-content: space-between;
            gap: 0.75rem;
            min-height: 5rem;
            padding: 1rem 1.25rem;
            padding-top: max(1rem, env(safe-area-inset-top, 0px));
            padding-right: max(1.25rem, env(safe-area-inset-right, 0px));
            border: 0;
        }

        .site-header__offcanvas .offcanvas-title {
            min-width: 0;
            margin: 0;
            font-family: "Montserrat", sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: 0.06em;
            color: var(--dark-coffee);
        }

        .site-header__offcanvas .btn-close {
            box-sizing: border-box;
            flex: 0 0 auto;
            width: 2.75rem;
            height: 2.75rem;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 50%;
            background-color: rgb(59 39 30 / 6%);
            background-position: center;
            background-size: 0.8rem;
            filter: none;
            opacity: 1;
            box-shadow: none;
            transition: background-color 0.2s ease;
        }

        .site-header__offcanvas .offcanvas-body {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            min-height: 0;
            padding: 0.5rem 0.75rem 1.25rem;
            padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
            padding-bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
            overflow-y: auto;
            overscroll-behavior-y: contain;
        }

        .site-header__offcanvas .navbar-nav {
            flex: 0 0 auto;
            flex-direction: column;
            gap: 0.25rem;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .site-header__offcanvas .navbar-nav > .nav-item {
            width: 100%;
            margin: 0;
            border: 0;
        }

        .site-header__offcanvas .navbar-nav .nav-link,
        .site-header__offcanvas .language-selector__button {
            display: flex;
            align-items: center;
            box-sizing: border-box;
            width: 100%;
            min-width: 0;
            min-height: 3.75rem;
            height: auto;
            gap: 1rem;
            margin: 0;
            padding: 0.75rem 1rem;
            border: 0;
            border-radius: 0.75rem;
            font-family: "Montserrat", sans-serif;
            font-size: clamp(1.3rem, 4.3vw, 1.55rem);
            font-weight: 500;
            line-height: 1.25;
            letter-spacing: normal;
            text-align: left;
            text-transform: none;
            text-decoration: none;
            white-space: normal;
            overflow-wrap: anywhere;
            color: var(--dark-coffee);
            background: transparent;
            box-shadow: none;
            transform: none;
            transition: background-color 0.2s ease;
        }

        .site-header__offcanvas .navbar-nav .nav-link {
            justify-content: flex-start;
        }

        .site-header__offcanvas .navbar-nav .nav-link:is(.active, [aria-current="page"], [aria-current="location"], :active) {
            color: var(--dark-coffee);
            background: rgb(59 39 30 / 12%);
        }

        .site-header__offcanvas .site-header__actions {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            align-items: stretch;
            gap: 0;
            width: 100%;
            margin-top: 0.25rem;
            padding: 0;
            border: 0;
        }

        .site-header__offcanvas .language-selector {
            width: 100%;
            min-width: 0;
            margin: 0;
        }

        .site-header__offcanvas .language-selector__button {
            justify-content: space-between;
            appearance: none;
            cursor: pointer;
        }

        .site-header__offcanvas .language-selector__button:is(:hover, :focus-visible, :active, [aria-expanded="true"]) {
            border: 0;
            color: var(--dark-coffee);
            background: transparent;
            box-shadow: none;
            transform: none;
        }

        .site-header__offcanvas .language-selector__icon {
            display: none;
        }

        .site-header__offcanvas .language-selector__current {
            min-width: 0;
            letter-spacing: normal;
        }

        .site-header__offcanvas .language-selector__chevron {
            display: block;
            flex: 0 0 auto;
            width: 0.65rem;
            height: 0.65rem;
            color: inherit;
            opacity: 0.65;
            transform: none;
            transition: transform 0.2s ease;
        }

        .site-header__offcanvas
        .language-selector__button[aria-expanded="true"]
        .language-selector__chevron {
            transform: rotate(180deg);
        }

        .site-header__offcanvas .language-selector__menu {
            position: static !important;
            inset: auto !important;
            transform: none !important;
            box-sizing: border-box;
            width: 100%;
            min-width: 0;
            max-width: 100%;
            margin: 0.25rem 0 0 !important;
            padding: 0;
            border: 0;
            border-radius: 0;
            color: var(--dark-coffee);
            background: transparent;
            box-shadow: none;
        }

        .site-header__offcanvas
        .language-selector__menu > li + li {
            margin-top: 0.25rem;
        }

        .site-header__offcanvas
        .language-selector__option.dropdown-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            width: 100%;
            min-height: 2.875rem;
            padding: 0.75rem 1rem;
            border: 0;
            border-radius: 0.625rem;
            font-family: "Montserrat", sans-serif;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.4;
            text-align: left;
            white-space: normal;
            overflow-wrap: anywhere;
            color: var(--dark-coffee);
            background: transparent;
            transition: background-color 0.2s ease;
        }

        .site-header__offcanvas
        .language-selector__option.dropdown-item.is-active {
            font-weight: 700;
            color: var(--dark-coffee);
            background: rgb(59 39 30 / 7%);
        }

        .site-header__offcanvas .language-selector__code {
            flex: 0 0 auto;
            font-size: 0.7rem;
            font-weight: 800;
            line-height: 1;
            letter-spacing: 0.06em;
            opacity: 0.65;
        }

        .site-header__offcanvas
        .language-selector__option.is-active
        .language-selector__code {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            opacity: 1;
        }

        .site-header__offcanvas
        .language-selector__option.is-active
        .language-selector__code::before {
            content: "";
            width: 0.35rem;
            height: 0.65rem;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: translateY(-0.1rem) rotate(45deg);
        }

        .site-header__offcanvas
        .language-selector__option.dropdown-item:active {
            color: var(--dark-coffee);
            background: rgb(59 39 30 / 10%);
        }

        .site-header__offcanvas .btn-close:focus-visible,
        .site-header__offcanvas .navbar-nav .nav-link:focus-visible,
        .site-header__offcanvas
        .language-selector__button:focus-visible {
            outline: 2px solid var(--dark-coffee);
            outline-offset: -2px;
            box-shadow: none;
        }

        .site-header__offcanvas
        .language-selector__option.dropdown-item:focus-visible {
            outline: 2px solid var(--dark-coffee);
            outline-offset: -2px;
            color: var(--dark-coffee);
            background: rgb(59 39 30 / 7%);
        }

        .hero__container {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        .hero__content {
            max-width: 48rem;
        }

        .hero__title {
            max-width: 44rem;
            font-size: clamp(3.25rem, 8vw, 4.75rem);
            line-height: 1.04;
        }

        .hero__order-button {
            width: 12rem;
        }

        .hero__order-logo--doordash {
            max-width: 7.75rem;
        }

        .hero__order-logo--uber-eats {
            max-width: 7.25rem;
        }

        .private-events {
            min-height: clamp(34rem, 68vw, 42rem);
        }

        .private-events::after {
            background: linear-gradient(90deg,
                rgb(29 18 14 / 94%) 0%,
                rgb(29 18 14 / 84%) 32%,
                rgb(29 18 14 / 56%) 52%,
                rgb(29 18 14 / 20%) 70%,
                transparent 88%
            );
        }

        .private-events__container {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem;
        }

        .private-events__content {
            max-width: 30rem;
        }

        .private-events__title,
        .private-events__services {
            max-width: 30rem;
        }

        .private-events__title {
            font-size: clamp(3.25rem, 7vw, 4.75rem);
        }

        .private-events__services {
            font-size: 1rem;
        }

        .wellness__media {
            width: 64%;
        }

        .wellness__container {
            grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr);
        }

        .wellness__content {
            max-width: 30rem;
        }

        .wellness__decoration {
            left: clamp(-8rem, -9vw, -5rem);
            width: clamp(29rem, 62vw, 36rem);
            height: 102%;
        }

        .wellness__title {
            font-size: clamp(3.25rem, 7vw, 4.75rem);
        }

        .merch__header {
            grid-template-columns: minmax(0, 1fr);
            align-items: start;
            gap: 1.5rem;
        }

        .merch__title {
            max-width: 42rem;
            font-size: clamp(4.25rem, 10vw, 6rem);
        }

        .merch__introduction {
            align-self: auto;
            padding-bottom: 0;
        }

        .merch__description {
            max-width: 42rem;
        }

        .location__container {
            grid-template-columns: minmax(0, 1fr);
            min-height: auto;
        }

        .location__information {
            padding: clamp(2.5rem, 7vw, 4rem);
            border-radius: 1.5rem 1.5rem 0 0;
        }

        .location__title {
            max-width: 26rem;
        }

        .location__map {
            min-height: 31rem;
            border-radius: 0 0 1.5rem 1.5rem;
        }

        .site-footer__background {
            --footer-wordmark-width: 145vw;
        }

        .site-footer__wordmark-position {
            top: 50%;
        }

        .site-footer__background-wordmark {
            opacity: 0.035;
        }

        .site-footer__content {
            grid-template-columns: 1fr 1fr;
        }

        .site-footer__newsletter {
            grid-column: 1 / -1;
        }

    }

    @media (max-width: 991.98px) and (hover: hover) and (pointer: fine) {

        .site-header__offcanvas .btn-close:hover,
        .site-header__offcanvas .navbar-nav .nav-link:hover,
        .site-header__offcanvas .language-selector__button:hover,
        .site-header__offcanvas
        .language-selector__option.dropdown-item:hover {
            color: var(--dark-coffee);
            background-color: rgb(59 39 30 / 7%);
        }
        
    }

    @media (max-width: 767.98px) {

        .delivery-bar__container {
            gap: 0.65rem;
            padding-right: 1rem;
            padding-left: 1rem;
        }

        .delivery-bar__message {
            font-size: 0.67rem;
            letter-spacing: 0.06em;
        }

        .delivery-bar__service {
            width: 5.75rem;
            padding-right: 0.55rem;
            padding-left: 0.55rem;
        }

        .delivery-bar__logo {
            max-width: 4.75rem;
            max-height: 1rem;
        }

        .hero__video {
            object-position: center;
        }

        .hero__overlay {
            background-color: rgb(29 18 14 / 58%);
        }

        .hero__container {
            padding-top: 4.5rem;
            padding-right: 1.25rem;
            padding-bottom: 4.5rem;
            padding-left: 1.25rem;
        }

        .hero__content {
            max-width: 36rem;
        }

        .hero__title {
            max-width: 34rem;
            font-size: clamp(3rem, 10vw, 4rem);
            line-height: 1.03;
        }

        .hero__description {
            max-width: 30rem;
            font-size: 1rem;
        }

        .hero__order-button {
            width: 11.5rem;
            min-height: 3.25rem;
            padding: 0.65rem 1.25rem;
        }

        .hero__order-logo--doordash {
            max-width: 7rem;
            max-height: 1.15rem;
        }

        .hero__order-logo--uber-eats {
            max-width: 6.5rem;
            max-height: 1.2rem;
        }

        .private-events {
            align-items: center;
            min-height: clamp(42rem, 145vw, 52rem);
        }

        .private-events::after {
            background: rgb(29 18 14 / 62%);
        }

        .private-events__image,
        .private-events__slide.swiper-slide-active .private-events__image {
            object-position: center;
            transform: none;
            transition: none;
        }

        .private-events__slide--table-guests .private-events__image {
            object-position: 45% center;
        }

        .private-events__slide--cake-preparation .private-events__image {
            object-position: center 58%;
        }

        .private-events__slide--outdoor-booth .private-events__image {
            object-position: center 48%;
        }

        .private-events__slide--catering-appetizers .private-events__image {
            object-position: center 54%;
        }

        .private-events__slide--beef-appetizers .private-events__image {
            object-position: center 50%;
        }

        .private-events__slide--cafe-gathering .private-events__image {
            object-position: center 46%;
        }

        .private-events__container {
            align-items: center;
            justify-content: center;
            padding-top: clamp(4rem, 14vw, 6rem);
            padding-right: 1.25rem;
            padding-bottom: clamp(4rem, 14vw, 6rem);
            padding-left: 1.25rem;
        }

        .private-events__content {
            align-items: center;
            gap: 1.25rem;
            width: 100%;
            max-width: 25rem;
            margin: 0 auto;
            padding: 0;
        }

        .private-events__eyebrow {
            align-self: stretch;
            width: 100%;
            max-width: 25rem;
            margin: 0 auto;
            text-align: left;
            color: rgb(255 248 235 / 82%);
        }

        .private-events__title {
            align-self: center;
            width: 100%;
            max-width: 23rem;
            margin: 0 auto;
            font-size: clamp(3rem, 13vw, 4.5rem);
            line-height: 0.95;
            letter-spacing: -0.02em;
            text-align: center;
            color: var(--old-lace);
            text-wrap: balance;
        }

        .private-events__services {
            align-self: stretch;
            width: 100%;
            max-width: 25rem;
            margin: 0 auto;
            font-size: 1rem;
            line-height: 1.65;
            text-align: left;
            color: rgb(255 248 235 / 90%);
        }

        .private-events__button {
            align-self: center;
            width: min(100%, 17rem);
            min-height: 3rem;
            margin: 0.5rem auto 0;
            padding: 0.6rem 1.5rem;
            font-size: 0.95rem;
            color: var(--dark-coffee);
            background-color: var(--old-lace);
            transform: none;
        }

        .private-events__button:focus-visible {
            border-color: var(--white);
            outline-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
            transform: none;
        }

        .feature {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .feature__media {
            min-height: clamp(22rem, 110vw, 34rem);
        }

        .feature__image {
            min-height: clamp(22rem, 110vw, 34rem);
            object-position: center;
        }

        .feature__content {
            min-height: clamp(27rem, 105vw, 34rem);
            padding: clamp(3rem, 12vw, 5rem) clamp(1.5rem, 7vw, 3rem);
        }

        .feature__decoration-image {
            transform: scale(1.3);
        }

        .feature__title {
            margin-bottom: 1.25rem;
            font-size: clamp(4rem, 19vw, 6rem);
            line-height: 1;
        }

        .feature__description {
            max-width: none;
        }

        .feature__button {
            width: min(100%, 17rem);
            min-height: 3rem;
            padding: 0.6rem 1.5rem;
            font-size: 0.95rem;
        }

        .wellness {
            align-items: center;
            min-height: clamp(42rem, 145vw, 52rem);
            color: var(--old-lace);
            background-color: var(--coffee-bean);
        }

        .wellness__media {
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .wellness__media::after {
            background: rgb(29 18 14 / 62%);
        }

        .wellness__image {
            object-position: 55% 38%;
        }

        .wellness__container {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            align-items: center;
            min-height: inherit;
            padding-top: clamp(4rem, 14vw, 6rem);
            padding-right: 1.25rem;
            padding-bottom: clamp(4rem, 14vw, 6rem);
            padding-left: 1.25rem;
        }

        .wellness__content {
            align-items: center;
            gap: 1.25rem;
            width: 100%;
            max-width: 32rem;
            margin-inline: auto;
            padding: 0;
            text-align: center;
        }

        .wellness__decoration {
            display: none;
        }

        .wellness__eyebrow {
            align-self: center;
            width: 100%;
            max-width: 25rem;
            margin: 0 auto;
            text-align: left;
            color: rgb(255 248 235 / 82%);
        }

        .wellness__title {
            align-self: center;
            width: 100%;
            max-width: 23rem;
            margin: 0 auto;
            font-size: clamp(3.5rem, 15vw, 5.25rem);
            line-height: 0.95;
            text-align: center;
            color: var(--old-lace);
        }

        .wellness__description {
            align-self: center;
            width: 100%;
            max-width: 25rem;
            margin: 0 auto;
            text-align: left;
            color: rgb(255 248 235 / 88%);
        }

        .wellness__button {
            align-self: center;
            width: min(100%, 17rem);
            min-height: 3rem;
            margin-top: 0.5rem;
            margin-inline: auto;
            padding: 0.6rem 1.5rem;
            border-color: var(--old-lace);
            font-size: 0.95rem;
            color: var(--dark-coffee);
            background-color: var(--old-lace);
        }

        .wellness__button:focus-visible {
            border-color: var(--white);
            outline-color: var(--white);
            color: var(--dark-coffee);
            background-color: var(--white);
        }

        .merch__container {
            padding-top: clamp(4rem, 14vw, 5.5rem);
            padding-bottom: clamp(4rem, 14vw, 5.5rem);
        }

        .merch__header {
            gap: 1.25rem;
            margin-bottom: 2.5rem;
        }

        .merch__title {
            max-width: 100%;
            font-size: clamp(3.5rem, 16vw, 5rem);
            line-height: 0.95;
        }

        .merch__description {
            max-width: 100%;
            font-size: 1rem;
            line-height: 1.7;
        }

        .merch__slider {
            overflow: hidden;
            touch-action: pan-y;
        }

        .merch__wrapper {
            display: flex;
            gap: 0;
        }

        .merch__slide {
            flex: 0 0 100%;
            width: 100%;
            scroll-snap-align: start;
        }

        .merch__figure {
            aspect-ratio: 4 / 5;
        }

        .merch__caption {
            right: 1.25rem;
            bottom: 1.25rem;
            left: 1.25rem;
        }

        .merch__item-name {
            max-width: 100%;
            font-size: clamp(2.35rem, 12vw, 3.5rem);
        }

        .merch__item-type {
            font-size: 0.7rem;
        }

        .merch__slider:not(.swiper-initialized) {
            overflow-x: auto;
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
        }

        .merch__slider:not(.swiper-initialized)::-webkit-scrollbar {
            display: none;
        }

        .site-footer__background {
            --footer-wordmark-width: 155vw;
        }

    }

    @media (max-width: 767.98px) and (hover: hover) and (pointer: fine) {

        .wellness__button:hover {
            border-color: var(--old-lace);
            color: var(--old-lace);
            background-color: transparent;
        }

    }

    @media (max-width: 575.98px) {

        :root {
            --delivery-bar-height: 3rem;
        }

        .delivery-bar__container {
            gap: 0;
            padding-top: 0.35rem;
            padding-right: 0.75rem;
            padding-bottom: 0.35rem;
            padding-left: 0.75rem;
        }

        .delivery-bar__message {
            display: none;
        }

        .delivery-bar__services {
            width: 100%;
            gap: 0.5rem;
        }

        .delivery-bar__service {
            width: 6.25rem;
            min-height: 2.25rem;
            padding: 0.35rem 0.6rem;
        }

        .delivery-bar__logo {
            max-width: 5.1rem;
            max-height: 1rem;
        }

        .hero__container {
            padding-top: 4rem;
            padding-right: 1rem;
            padding-bottom: 4rem;
            padding-left: 1rem;
        }

        .hero__content {
            gap: 1.1rem;
            max-width: 24rem;
        }

        .hero__eyebrow {
            font-size: 0.68rem;
            letter-spacing: 0.14em;
        }

        .hero__title {
            max-width: 22rem;
            font-size: clamp(2.75rem, 12vw, 3.5rem);
            line-height: 1.03;
            letter-spacing: -0.01em;
        }

        .hero__description {
            max-width: 22rem;
            line-height: 1.6;
        }

        .hero__orders {
            flex-direction: column;
            gap: 0.65rem;
            margin-top: 0.75rem;
        }

        .hero__order-button {
            width: min(100%, 15rem);
            min-height: 3.1rem;
            padding: 0.65rem 1.25rem;
        }

        .hero__order-logo--doordash {
            max-width: 8rem;
            max-height: 1.25rem;
        }

        .hero__order-logo--uber-eats {
            max-width: 7.5rem;
            max-height: 1.3rem;
        }

        .private-events {
            min-height: 44rem;
        }

        .private-events__container {
            padding-top: 4rem;
            padding-right: 1rem;
            padding-bottom: 4rem;
            padding-left: 1rem;
        }

        .private-events__content {
            max-width: 22rem;
        }

        .private-events__eyebrow,
        .private-events__services {
            width: 100%;
            max-width: 21rem;
        }

        .private-events__title {
            max-width: 20rem;
            font-size: clamp(2.9rem, 14vw, 4rem);
            text-align: center;
        }

        .private-events__button {
            width: min(100%, 15rem);
        }

        .feature__content {
            padding: 3.5rem 1.25rem;
        }

        .feature__button {
            width: min(100%, 15rem);
        }

        .wellness {
            min-height: 44rem;
        }

        .wellness__container {
            padding-top: 4rem;
            padding-right: 1rem;
            padding-bottom: 4rem;
            padding-left: 1rem;
        }

        .wellness__content {
            max-width: 22rem;
        }

        .wellness__title {
            max-width: 20rem;
            font-size: clamp(3.25rem, 17vw, 4.75rem);
        }

        .wellness__eyebrow,
        .wellness__description {
            width: 100%;
            max-width: 21rem;
            margin-inline: auto;
            text-align: left;
        }

        .wellness__button {
            width: min(100%, 15rem);
        }

        .merch__container {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem;
        }

        .merch__eyebrow {
            font-size: 0.72rem;
        }

        .merch__title {
            font-size: clamp(3.25rem, 16vw, 4.5rem);
        }

        .merch__description {
            font-size: 0.95rem;
        }

        .location__container {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .location__information {
            padding: 2.5rem 1.5rem;
            border-radius: 1.25rem 1.25rem 0 0;
        }

        .location__title {
            max-width: 100%;
            font-size: clamp(3rem, 15vw, 4rem);
        }

        .location__description {
            font-size: 0.95rem;
        }

        .location__details {
            gap: 1.1rem;
            margin-top: 1.75rem;
        }

        .location__detail {
            grid-template-columns: 1.5rem minmax(0, 1fr);
            gap: 0.75rem;
        }

        .location__detail-icon {
            width: 1.2rem;
            height: 1.2rem;
        }

        .location__actions {
            margin-top: 2rem;
        }

        .location__button {
            width: min(100%, 16rem);
            min-width: 0;
        }

        .location__map {
            min-height: 24rem;
            border-radius: 0 0 1.25rem 1.25rem;
        }

        .site-footer__background {
            --footer-wordmark-width: 165vw;
        }

        .site-footer__wordmark-position {
            top: 50%;
        }

        .site-footer__background-wordmark {
            opacity: 0.025;
        }


        .site-footer__content {
            grid-template-columns: 1fr;
            justify-items: center;
            gap: 2.5rem;
            padding-block: 3rem;
            text-align: center;
        }

        .site-footer__brand {
            display: flex;
            justify-content: center;
        }

        .site-footer__nav {
            width: 100%;
            max-width: 22rem;
            text-align: center;
        }

        .site-footer__newsletter {
            grid-column: auto;
            width: 100%;
            max-width: 30rem;
            text-align: center;
        }

        .site-footer__social {
            justify-content: center;
            width: 100%;
        }

        .site-footer__legal .container-xl {
            align-items: center;
            text-align: center;
        }

        .site-footer__credits {
            justify-content: center;
        }

    }

    @keyframes heartbeat {

        0%,
        100% {
            transform: scale(1);
        }

        10% {
            transform: scale(0.91);
        }

        17% {
            transform: scale(0.98);
        }

        33% {
            transform: scale(0.87);
        }

        45% {
            transform: scale(1);
        }

    }

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

        .private-events__image,
        .private-events__button,
        .feature__button, 
        .wellness__button,
        .site-footer *,
        .site-footer *::before,
        .site-footer *::after {
            transition-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
        }

        .delivery-bar__service,
        .hero__order-button {
            transition-duration: 0.01ms !important;
        }

        .language-selector__button:hover,
        .hero__video,
        .private-events__image,
        .private-events__slide.swiper-slide-active .private-events__image,
        .location__detail:hover .location__detail-icon,
        .location__button:hover,
        .location__button:active {
            transform: none;
        }

        .merch__figure:hover .merch__image {
            transform: scale(1.001);
        }

        .site-footer__wordmark-position {
            transform: translateY(-50%) !important;
        }

        .language-selector__button,
        .language-selector__chevron,
        .language-selector__option,
        .merch__image,
        .location__detail,
        .location__detail-icon,
        .location__detail-value,
        .location__button,
        .location__iframe {
            transition: none;
        }

    }

}