@font-face {
    font-family: "Inter";
    src: url("assets/fonts/Inter-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Final override: compact centered mobile job cards. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .jobs {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .job-grid {
        --job-mobile-card: min(338px, calc(100vw - 56px));
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 max(28px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(28px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        position: relative !important;
        width: var(--job-mobile-card) !important;
        max-width: var(--job-mobile-card) !important;
        height: 548px !important;
        min-height: 548px !important;
        flex: 0 0 var(--job-mobile-card) !important;
        margin: 0 !important;
        padding: 24px 24px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-card::before {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
    }

    body[data-node-id="12725:1271"] .job-card > span,
    body[data-node-id="12725:1271"] .job-card strong,
    body[data-node-id="12725:1271"] .job-card p,
    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card .pill-button {
        position: relative !important;
        inset: auto !important;
        z-index: 1 !important;
    }

    body[data-node-id="12725:1271"] .job-card > span {
        margin: 0 0 10px !important;
        color: #817165 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 58px !important;
        font-size: clamp(39px, 11.1vw, 48px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .job-card p {
        width: 100% !important;
        margin: 0 0 8px !important;
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) !important;
        column-gap: 8px !important;
        color: #ffe0c9 !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .job-card p b {
        width: auto !important;
        color: #817165 !important;
        font-weight: 400 !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        width: 100% !important;
        height: auto !important;
        margin: 34px 0 16px !important;
        font-size: clamp(30px, 8.8vw, 37px) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
    }

    body[data-node-id="12725:1271"] .job-card .pill-button {
        width: min(218px, 100%) !important;
        height: 58px !important;
        min-height: 58px !important;
        margin-top: auto !important;
        margin-bottom: 0 !important;
        padding: 14px 26px !important;
        align-self: flex-start !important;
        font-size: 22px !important;
        line-height: 26px !important;
    }

    body[data-node-id="12725:1271"] .job-slider {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        height: 96px !important;
        margin-top: 22px !important;
        gap: 18px !important;
    }

    body[data-node-id="12725:1271"] .job-slider__buttons {
        width: 168px !important;
        height: 96px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow {
        width: 96px !important;
        height: 96px !important;
        margin-right: -24px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }
}

/* Absolute final mobile event cards: placed after all mobile overrides. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .event-grid {
        --event-mobile-card: min(351px, calc(100vw - 40px));
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 548px !important;
        min-height: 548px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .event-card {
        position: relative !important;
        width: var(--event-mobile-card) !important;
        max-width: var(--event-mobile-card) !important;
        height: 548px !important;
        min-height: 548px !important;
        flex: 0 0 var(--event-mobile-card) !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-card img {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .event-card p {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: 34px !important;
        width: min(160px, calc(100% - 48px)) !important;
        margin: 0 !important;
        color: #8d8178 !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card p strong {
        display: block !important;
        margin-top: 8px !important;
        color: #ffe0c9 !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .event-card h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(2) h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) h3 {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 108px !important;
        width: calc(100% - 44px) !important;
        max-width: calc(100% - 44px) !important;
        height: auto !important;
        margin: 0 !important;
        color: #ffe0c9 !important;
        font-size: clamp(31px, 8.4vw, 38px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card .pill-button,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) .pill-button {
        position: absolute !important;
        z-index: 4 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 28px !important;
        width: min(250px, calc(100% - 64px)) !important;
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 16px 28px !important;
        font-size: 20px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }
}

/* EOF Figma mobile enforcement: this is the final mobile layer and intentionally does not affect desktop. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --figma-content: min(351px, calc(100vw - 24px));
        --figma-title: 32px;
        --figma-title-line: 40px;
        --figma-body: 14px;
        --figma-body-line: 24px;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        background: #000 !important;
    }

    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .site-header {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 12px !important;
        background: #000 !important;
        border-bottom: 1px dashed rgba(131, 112, 83, 0.55) !important;
    }

    body[data-node-id="12725:1271"] .header-place,
    body[data-node-id="12725:1271"] .header-phones,
    body[data-node-id="12725:1271"] .header-actions {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .brand {
        position: absolute !important;
        left: 12px !important;
        top: 18px !important;
        width: 79px !important;
        height: 36px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .brand img {
        width: 79px !important;
        height: 36px !important;
        object-fit: contain !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger {
        position: absolute !important;
        right: 12px !important;
        top: 12px !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg {
        width: 48px !important;
        height: 48px !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg path:nth-child(n + 2) {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero {
        position: relative !important;
        height: 674px !important;
        min-height: 674px !important;
        padding: 0 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .hero-copy {
        position: relative !important;
        inset: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .hero .eyebrow {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        position: absolute !important;
        left: 50% !important;
        top: 102px !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 !important;
        font-size: clamp(50px, 15.4vw, 58px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        position: absolute !important;
        left: 50% !important;
        top: 242px !important;
        width: 140px !important;
        height: 240px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media img {
        width: 116px !important;
        height: 216px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        position: absolute !important;
        left: calc(50% + 72px) !important;
        top: 214px !important;
        width: 120px !important;
        height: 120px !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button {
        position: absolute !important;
        left: 50% !important;
        top: 510px !important;
        width: min(260px, calc(100vw - 64px)) !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 18px 24px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .atmo-link {
        position: absolute !important;
        left: 50% !important;
        top: 606px !important;
        width: var(--figma-content) !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-arrow {
        position: absolute !important;
        left: 50% !important;
        top: 650px !important;
        width: 28px !important;
        height: 42px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .acts,
    body[data-node-id="12725:1271"] .intro-show,
    body[data-node-id="12725:1271"] .interior,
    body[data-node-id="12725:1271"] .menu-section,
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        height: auto !important;
        min-height: 0 !important;
        padding: 64px 12px !important;
    }

    body[data-node-id="12725:1271"] .acts {
        padding-top: 0 !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel,
    body[data-node-id="12725:1271"] .acts .section-heading,
    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        position: relative !important;
        inset: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 32px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading .star,
    body[data-node-id="12725:1271"] .star,
    body[data-node-id="12725:1271"] .footer-star {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        height: 87px !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--figma-title) !important;
        line-height: var(--figma-title-line) !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p,
    body[data-node-id="12725:1271"] .section-heading .eyebrow {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--figma-body) !important;
        font-weight: 500 !important;
        line-height: var(--figma-body-line) !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .act-grid,
    body[data-node-id="12725:1271"] .about-cards,
    body[data-node-id="12725:1271"] .interior-figma-rows,
    body[data-node-id="12725:1271"] .gift-layout,
    body[data-node-id="12725:1271"] .gift-features {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .act-card,
    body[data-node-id="12725:1271"] .about-card,
    body[data-node-id="12725:1271"] .interior-tile,
    body[data-node-id="12725:1271"] .poster-card,
    body[data-node-id="12725:1271"] .gift-feature {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto !important;
        flex: none !important;
        border-radius: 8px !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .act-card {
        height: 391px !important;
        min-height: 391px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .act-card img {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .act-card__content {
        position: absolute !important;
        left: 24px !important;
        top: 86px !important;
        width: calc(100% - 48px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card__content p,
    body[data-node-id="12725:1271"] .act-card span {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card h3 {
        width: 100% !important;
        margin: 0 !important;
        font-size: 32px !important;
        line-height: 38px !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card .pill-button {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: min(230px, 100%) !important;
        height: 56px !important;
        min-height: 56px !important;
        margin-top: 4px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .about-card {
        height: 464px !important;
        min-height: 464px !important;
        border-radius: 900px 900px 0 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        height: 500px !important;
        min-height: 500px !important;
        padding: 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .interior-tile__image {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: translateX(-50%) !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .interior-copy {
        position: absolute !important;
        left: 24px !important;
        right: 24px !important;
        bottom: 28px !important;
        width: auto !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .interior-copy h3 {
        margin: 0 0 14px !important;
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -0.02em !important;
    }

    body[data-node-id="12725:1271"] .interior-copy p {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 28px !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid,
    body[data-node-id="12725:1271"] .rules-grid,
    body[data-node-id="12725:1271"] .job-grid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        padding-left: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        padding-right: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .rules-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .event-card,
    body[data-node-id="12725:1271"] .rules-card,
    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        flex: 0 0 var(--figma-content) !important;
        margin: 0 !important;
        scroll-snap-align: center !important;
    }

    body[data-node-id="12725:1271"] .rules-card {
        min-height: 500px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow,
    body[data-node-id="12725:1271"] .job-arrow {
        width: 72px !important;
        height: 72px !important;
        margin-right: -16px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow--next,
    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: 620px !important;
        min-height: 620px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block > img:first-child {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card {
        position: absolute !important;
        left: 50% !important;
        top: 96px !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        height: 430px !important;
        min-height: 430px !important;
        margin: 0 !important;
        padding: 84px 18px 28px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        background: #000 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo {
        position: absolute !important;
        left: 50% !important;
        bottom: 110px !important;
        width: 115px !important;
        height: auto !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contact-card p,
    body[data-node-id="12725:1271"] .contact-card a,
    body[data-node-id="12725:1271"] .contact-card small,
    body[data-node-id="12725:1271"] .contact-card em,
    body[data-node-id="12725:1271"] .contact-card a strong {
        width: 100% !important;
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        height: auto !important;
        min-height: 0 !important;
        padding: 48px 12px 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        width: 100vw !important;
        height: auto !important;
        margin: 32px 0 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        font-size: clamp(58px, 17vw, 80px) !important;
        line-height: 0.95 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
    }
}

/* Figma 375 mobile pass. Keep desktop intact and make the mobile frame deterministic. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --figma-page: min(375px, 100vw);
        --figma-content: min(351px, calc(100vw - 24px));
        --figma-title: 32px;
        --figma-title-line: 40px;
        --figma-body: 14px;
        --figma-body-line: 24px;
        --figma-card-radius: 8px;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        background: #000 !important;
    }

    body[data-node-id="12725:1271"] *,
    body[data-node-id="12725:1271"] *::before,
    body[data-node-id="12725:1271"] *::after {
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }

    body[data-node-id="12725:1271"] .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 12px !important;
        background: #000 !important;
        border-bottom: 1px dashed rgba(131, 112, 83, 0.55) !important;
    }

    body[data-node-id="12725:1271"] .header-place,
    body[data-node-id="12725:1271"] .header-phones,
    body[data-node-id="12725:1271"] .header-actions {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .brand {
        position: absolute !important;
        left: 12px !important;
        top: 18px !important;
        width: 79px !important;
        height: 36px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .brand img {
        width: 79px !important;
        height: 36px !important;
        object-fit: contain !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger {
        position: absolute !important;
        right: 12px !important;
        top: 12px !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg {
        width: 48px !important;
        height: 48px !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg path:nth-child(n + 2) {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 674px !important;
        height: 674px !important;
        padding: 0 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .hero::before {
        opacity: 0.9 !important;
    }

    body[data-node-id="12725:1271"] .hero-copy {
        position: relative !important;
        inset: auto !important;
        width: var(--figma-content) !important;
        height: 100% !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        display: block !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .hero .eyebrow {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        position: absolute !important;
        left: 50% !important;
        top: 102px !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 !important;
        color: #ffe1c8 !important;
        font-size: clamp(50px, 15.4vw, 58px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        overflow: visible !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        position: absolute !important;
        left: 50% !important;
        top: 242px !important;
        width: 140px !important;
        height: 240px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media img {
        width: 116px !important;
        height: 216px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        position: absolute !important;
        left: calc(50% + 72px) !important;
        top: 214px !important;
        width: 120px !important;
        height: 120px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button {
        position: absolute !important;
        left: 50% !important;
        top: 510px !important;
        width: min(260px, calc(100vw - 64px)) !important;
        min-width: 0 !important;
        height: 64px !important;
        min-height: 64px !important;
        padding: 18px 24px !important;
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .atmo-link {
        position: absolute !important;
        left: 50% !important;
        top: 606px !important;
        width: var(--figma-content) !important;
        margin: 0 !important;
        color: #ffe0c9 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-arrow {
        position: absolute !important;
        left: 50% !important;
        top: 650px !important;
        width: 28px !important;
        height: 42px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .acts,
    body[data-node-id="12725:1271"] .intro-show,
    body[data-node-id="12725:1271"] .interior,
    body[data-node-id="12725:1271"] .menu-section,
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        height: auto !important;
        min-height: 0 !important;
        padding: 64px 12px !important;
    }

    body[data-node-id="12725:1271"] .acts {
        padding-top: 0 !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel,
    body[data-node-id="12725:1271"] .acts .section-heading,
    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        position: relative !important;
        inset: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 32px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading .star,
    body[data-node-id="12725:1271"] .star,
    body[data-node-id="12725:1271"] .footer-star {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        height: 87px !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--figma-title) !important;
        line-height: var(--figma-title-line) !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p,
    body[data-node-id="12725:1271"] .section-heading .eyebrow {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--figma-body) !important;
        font-weight: 500 !important;
        line-height: var(--figma-body-line) !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .act-grid,
    body[data-node-id="12725:1271"] .about-cards,
    body[data-node-id="12725:1271"] .interior-figma-rows,
    body[data-node-id="12725:1271"] .gift-layout,
    body[data-node-id="12725:1271"] .gift-features {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .act-card,
    body[data-node-id="12725:1271"] .about-card,
    body[data-node-id="12725:1271"] .interior-tile,
    body[data-node-id="12725:1271"] .poster-card,
    body[data-node-id="12725:1271"] .gift-feature {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto !important;
        flex: none !important;
        border-radius: var(--figma-card-radius) !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .act-card {
        height: 391px !important;
        min-height: 391px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .act-card img {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .act-card__content {
        position: absolute !important;
        left: 24px !important;
        top: 86px !important;
        width: calc(100% - 48px) !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card__content p,
    body[data-node-id="12725:1271"] .act-card span {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card h3 {
        width: 100% !important;
        margin: 0 !important;
        font-size: 32px !important;
        line-height: 38px !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-card .pill-button {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: min(230px, 100%) !important;
        height: 56px !important;
        min-height: 56px !important;
        margin-top: 4px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .about-card {
        height: 464px !important;
        min-height: 464px !important;
        border-radius: 900px 900px 0 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        height: 500px !important;
        min-height: 500px !important;
        padding: 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .interior-tile__image {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: translateX(-50%) !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .interior-copy {
        position: absolute !important;
        left: 24px !important;
        right: 24px !important;
        bottom: 28px !important;
        width: auto !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .interior-copy h3 {
        margin: 0 0 14px !important;
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -0.02em !important;
    }

    body[data-node-id="12725:1271"] .interior-copy p {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 28px !important;
    }

    body[data-node-id="12725:1271"] .menu-section .cocktail-stage,
    body[data-node-id="12725:1271"] .rules-stage,
    body[data-node-id="12725:1271"] .job-slider,
    body[data-node-id="12725:1271"] .rules-slider {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid,
    body[data-node-id="12725:1271"] .rules-grid,
    body[data-node-id="12725:1271"] .job-grid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: 0 !important;
        padding-left: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        padding-right: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .rules-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .event-card,
    body[data-node-id="12725:1271"] .rules-card,
    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        flex: 0 0 var(--figma-content) !important;
        margin: 0 !important;
        scroll-snap-align: center !important;
    }

    body[data-node-id="12725:1271"] .rules-card {
        min-height: 500px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow,
    body[data-node-id="12725:1271"] .job-arrow {
        width: 72px !important;
        height: 72px !important;
        margin-right: -16px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow--next,
    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }

    body[data-node-id="12725:1271"] .contacts {
        padding-bottom: 48px !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        min-height: 620px !important;
        height: 620px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block > img:first-child {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card {
        position: absolute !important;
        left: 50% !important;
        top: 96px !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        height: 430px !important;
        min-height: 430px !important;
        margin: 0 !important;
        padding: 84px 18px 28px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        background: #000 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-key {
        width: 76px !important;
        height: 42px !important;
        margin: 0 0 12px !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo {
        position: absolute !important;
        left: 50% !important;
        bottom: 110px !important;
        width: 115px !important;
        height: auto !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contact-card p,
    body[data-node-id="12725:1271"] .contact-card a,
    body[data-node-id="12725:1271"] .contact-card small,
    body[data-node-id="12725:1271"] .contact-card em,
    body[data-node-id="12725:1271"] .contact-card a strong {
        width: 100% !important;
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        height: auto !important;
        min-height: 0 !important;
        padding: 48px 12px 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        width: 100vw !important;
        height: auto !important;
        margin: 32px 0 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        font-size: clamp(58px, 17vw, 80px) !important;
        line-height: 0.95 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
    }
}

/* Final mobile event cards: restore roomy Figma-like proportions and keep CTA below title. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .event-grid {
        --event-mobile-card: min(351px, calc(100vw - 40px));
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 548px !important;
        min-height: 548px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .event-card {
        position: relative !important;
        width: var(--event-mobile-card) !important;
        max-width: var(--event-mobile-card) !important;
        height: 548px !important;
        min-height: 548px !important;
        flex: 0 0 var(--event-mobile-card) !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-card img {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .event-card p {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: 34px !important;
        width: min(160px, calc(100% - 48px)) !important;
        margin: 0 !important;
        color: #8d8178 !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card p strong {
        display: block !important;
        margin-top: 8px !important;
        color: #ffe0c9 !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .event-card h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(2) h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) h3 {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 108px !important;
        width: calc(100% - 44px) !important;
        max-width: calc(100% - 44px) !important;
        height: auto !important;
        margin: 0 !important;
        color: #ffe0c9 !important;
        font-size: clamp(31px, 8.4vw, 38px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card .pill-button,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) .pill-button {
        position: absolute !important;
        z-index: 4 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 28px !important;
        width: min(250px, calc(100% - 64px)) !important;
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 16px 28px !important;
        font-size: 20px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }
}

/* Last mobile overrides: interior image centering and job button visibility. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .interior-figma-rows {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .interior-tile__image {
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        height: 548px !important;
        min-height: 548px !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        margin-bottom: 58px !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        margin-top: 34px !important;
        font-size: clamp(30px, 8.8vw, 37px) !important;
    }
}

/* Winning mobile interior images: center photos inside their cards. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .interior-figma-rows {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .interior-tile__image {
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        height: 548px !important;
        min-height: 548px !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        margin-bottom: 58px !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        margin-top: 34px !important;
        font-size: clamp(30px, 8.8vw, 37px) !important;
    }
}

/* Final mobile polish for job cards on index.html. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .jobs {
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .job-grid {
        --job-mobile-card: min(344px, calc(100vw - 48px));
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        margin-right: 0 !important;
        margin-left: calc(50% - 50vw) !important;
        padding-right: max(24px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        padding-left: max(24px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 16px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-padding-inline: max(24px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        position: relative !important;
        width: var(--job-mobile-card) !important;
        max-width: var(--job-mobile-card) !important;
        height: 486px !important;
        min-height: 486px !important;
        flex: 0 0 var(--job-mobile-card) !important;
        margin: 0 !important;
        padding: 26px 24px 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-card::before {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
    }

    body[data-node-id="12725:1271"] .job-card > span,
    body[data-node-id="12725:1271"] .job-card strong,
    body[data-node-id="12725:1271"] .job-card p,
    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card .pill-button {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1 !important;
    }

    body[data-node-id="12725:1271"] .job-card > span {
        margin: 0 0 12px !important;
        color: #817165 !important;
        font-size: 17px !important;
        line-height: 22px !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        margin: 0 0 92px !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(44px, 12vw, 54px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .job-card p {
        width: 100% !important;
        margin: 0 0 10px !important;
        display: grid !important;
        grid-template-columns: 94px minmax(0, 1fr) !important;
        column-gap: 8px !important;
        color: #ffe0c9 !important;
        font-size: 20px !important;
        line-height: 25px !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .job-card p b {
        width: auto !important;
        color: #817165 !important;
        font-weight: 400 !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        width: 100% !important;
        height: auto !important;
        margin: 48px 0 0 !important;
        font-size: clamp(37px, 10.2vw, 44px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
        hyphens: auto !important;
    }

    body[data-node-id="12725:1271"] .job-card .pill-button {
        width: min(236px, 100%) !important;
        height: 62px !important;
        min-height: 62px !important;
        margin-top: auto !important;
        padding: 16px 28px !important;
        align-self: flex-start !important;
        font-size: 24px !important;
        line-height: 28px !important;
    }

    body[data-node-id="12725:1271"] .job-slider {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        height: 96px !important;
        margin-top: 24px !important;
        gap: 18px !important;
    }

    body[data-node-id="12725:1271"] .job-slider__buttons {
        width: 168px !important;
        height: 96px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow {
        width: 96px !important;
        height: 96px !important;
        margin-right: -24px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }
}

@media (max-width: 760px) {
    .site-footer {
        position: relative;
        width: 375px;
        max-width: 100%;
        height: 1413px;
        min-height: 1413px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        overflow: hidden;
        border: 0;
    }

    .site-footer > .star {
        position: relative;
        left: auto;
        top: auto;
        width: 351px;
        height: 87px;
        flex: 0 0 87px;
        margin: 0 auto;
    }

    .site-footer > .star::before {
        left: 0;
        top: 56px;
        width: 351px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 224, 201, 0), rgba(78, 69, 63, 0.7) 46%, rgba(78, 69, 63, 0.7) 54%, rgba(255, 224, 201, 0));
        transform: none;
    }

    .site-footer > .star::after {
        left: 50%;
        top: 23px;
        width: 64px;
        height: 64px;
        background:
            radial-gradient(ellipse at 50% 50%, rgba(255, 224, 201, 0.42), transparent 43%),
            url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' filter='url(%23a)' d='M0 32L28.4 28.4L32 0L35.6 28.4L64 32L35.6 35.6L32 64L28.4 35.6L0 32Z' fill='%23FFE0C9'/%3E%3Cpath d='M20 32L30.2 30.2L32 20L33.8 30.2L44 32L33.8 33.8L32 44L30.2 33.8L20 32Z' fill='%23FFE0C9'/%3E%3Cdefs%3E%3Cfilter id='a' x='-8' y='-8' width='80' height='80' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 64px 64px no-repeat;
        transform: translateX(-50%);
    }

    .footer-content {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 736px;
        flex: 0 0 736px;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .footer-column {
        position: relative;
        top: auto;
        left: auto;
        width: 375px;
        padding: 0 12px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-column p {
        width: 351px;
        height: 24px;
        margin: 0;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .footer-column a,
    .footer-column span {
        width: 351px;
        height: 24px;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .footer-contacts {
        width: 375px;
        height: 136px;
        gap: 8px;
    }

    .footer-contacts p {
        margin-bottom: 16px;
    }

    .site-footer nav.footer-column {
        position: relative;
        left: auto;
        width: 375px;
        height: 208px;
        padding: 0 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        gap: 16px;
    }

    .site-footer nav.footer-column p {
        width: 351px;
        height: 24px;
        margin: 0 0 8px;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
    }

    .site-footer nav.footer-column a {
        width: 351px;
        height: 28px;
        margin: 0;
        color: #ffe0c9;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .footer-social {
        position: relative;
        left: auto;
        width: 375px;
        height: 168px;
        padding: 0 12px;
        gap: 24px;
    }

    .footer-social__links {
        width: 216px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-social a {
        position: relative;
        width: 120px;
        height: 120px;
        flex: 0 0 120px;
        display: block;
        margin: 0 -24px 0 0;
        border: 0;
        border-radius: 900px;
        background: transparent;
        color: transparent;
        font-size: 0;
        backdrop-filter: blur(10px);
    }

    .footer-social a:last-child {
        margin-right: 0;
    }

    .footer-social a::before {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer-social a::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='119' height='119' rx='59.5' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") center / 120px 120px no-repeat;
        pointer-events: none;
    }

    .footer-social a:nth-child(2) {
        font-size: 0;
    }

    .footer-social a:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        width: 24px;
        height: 24px;
        display: block;
        transform: translate(-50%, -50%);
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.2C7.2 3.2 3.3 6.83 3.3 11.3C3.3 12.83 3.76 14.25 4.56 15.47L3.6 20.2L8.45 18.75C9.52 19.18 10.72 19.4 12 19.4C16.8 19.4 20.7 15.77 20.7 11.3C20.7 6.83 16.8 3.2 12 3.2Z' stroke='%23FFE0C9' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M8.85 8.65C9.18 8.18 9.45 8.16 9.73 8.17C9.93 8.18 10.17 8.18 10.38 8.66C10.62 9.18 10.99 10.06 11.04 10.16C11.1 10.29 11.13 10.45 11 10.62C10.86 10.8 10.78 10.91 10.62 11.08C10.45 11.25 10.29 11.39 10.47 11.69C10.65 11.99 11.28 12.95 12.18 13.66C13.25 14.5 14.11 14.78 14.43 14.93C14.67 15.04 14.84 15.03 15.01 14.83C15.2 14.61 15.71 14.02 15.92 13.75C16.12 13.48 16.32 13.53 16.58 13.63C16.84 13.72 18.2 14.35 18.48 14.5C18.76 14.64 18.94 14.71 19 14.82C19.06 14.94 19.06 15.51 18.75 16.17C18.44 16.82 17.1 17.35 16.54 17.42C15.96 17.48 15.24 17.51 13.03 16.63C10.08 15.45 8.22 12.9 8.08 12.73C7.94 12.55 6.9 11.18 6.9 9.83C6.9 8.47 7.56 7.13 8.85 8.65Z' fill='%23FFE0C9'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .footer-legal {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 375px;
        height: 128px;
        padding: 0 12px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        color: #817165;
    }

    .footer-legal > * {
        position: relative;
        left: auto !important;
        right: auto;
        bottom: auto !important;
        width: 351px !important;
        height: auto;
        min-height: 24px;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 24px !important;
        text-align: center !important;
        white-space: normal;
    }

    .footer-legal span:last-child {
        min-height: 48px;
    }

    .site-footer .subscribe {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 558px;
        min-height: 558px;
        flex: 0 0 558px;
        margin: 0;
        padding: 0;
        display: block;
        overflow: hidden;
        border: 0;
    }

    .site-footer .subscribe > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 375px;
        height: 382px;
        min-height: 382px;
        display: block;
        object-fit: cover;
        object-position: center;
        opacity: 0.76;
        filter: contrast(1.08) brightness(0.94) saturate(1.04);
    }

    .site-footer .subscribe::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 375px;
        height: 382px;
        background: rgba(0, 0, 0, 0.4);
        pointer-events: none;
    }

    .site-footer .subscribe > div {
        position: absolute;
        left: 12px;
        top: 88px;
        z-index: 2;
        width: 351px;
        height: 206px;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        text-align: center;
    }

    .site-footer .subscribe h2 {
        width: 351px;
        height: 30px;
        margin: 0;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .site-footer .subscribe p {
        width: 350px;
        height: 72px;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
    }

    .subscribe-form {
        width: 351px;
        height: 56px;
        margin: 0;
        padding: 16px 16px 16px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        background: #010101;
        border-radius: 8px;
    }

    .subscribe-form input {
        width: 152px;
        height: 24px;
        min-height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .subscribe-form input::placeholder {
        color: #817165;
        opacity: 1;
    }

    .subscribe-arrow {
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .subscribe-arrow::before {
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 3L17.6 12L8.4 21' stroke='%23FFE0C9' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .site-footer .subscribe strong {
        position: absolute;
        left: 0;
        top: 398px;
        bottom: auto;
        width: 375px;
        height: 160px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 80px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
    }
}

/* Final hero-title sync: club page uses the same title scale as index.html. */
@media (min-width: 761px) {
    .club-page-v2 .club-hero2 h1 {
        height: auto !important;
        min-height: 400px !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: 184px !important;
        font-weight: 600 !important;
        line-height: 200px !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: 200px !important;
        line-height: 200px !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: 200px !important;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-hero2 h1 {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: 80px !important;
        font-weight: 600 !important;
        line-height: 80px !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: 80px !important;
        line-height: 80px !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: auto !important;
        min-height: 160px !important;
        display: grid !important;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0 !important;
    }

    .club-page-v2 .club-hero2__keyhole {
        display: none !important;
    }
}

/* Exact inner offer-card vectors from Figma nodes 12784:466, 12784:502, 12784:503, 12784:537. */
.club-page-v2 .club-offer-card__line {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.club-page-v2 .club-offer-card__line--2915,
.club-page-v2 .club-offer-card__line--2918 {
    background-image: url("data:image/svg+xml,%3Csvg width='454' height='640' viewBox='0 0 454 640' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M454 0C91.268 0 .195 426.667 0 640' stroke='%23837053' stroke-dasharray='2 3'/%3E%3C/svg%3E");
}

.club-page-v2 .club-offer-card__line--2915 {
    transform: rotate(180deg);
}

.club-page-v2 .club-offer-card__line--2918 {
    transform: scaleY(-1);
}

.club-page-v2 .club-offer-card__label,
.club-page-v2 .club-offer-card h3,
.club-page-v2 .club-offer-card ul,
.club-page-v2 .club-offer-card__price,
.club-page-v2 .club-offer-card .pill-button {
    z-index: 1;
}

.club-page-v2 .club-offer-card h3,
.club-page-v2 .club-offer-card ul {
    position: relative;
}

/* Match the club hero title size to index.html hero title. */
@media (min-width: 761px) {
    .club-page-v2 .club-hero2 h1 {
        height: auto !important;
        min-height: 400px !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: 184px !important;
        font-weight: 600 !important;
        line-height: 200px !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: 200px !important;
        line-height: 200px !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: 200px !important;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-hero2 h1 {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: 80px !important;
        font-weight: 600 !important;
        line-height: 80px !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span,
    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: 80px !important;
        line-height: 80px !important;
    }
}

:root {
    --cms-cocktails-image: url("assets/live/cocktails.jpg");
    --cms-contact-key-image: url("assets/live/contact-key-figma.png?v=20260626-0424");
}

.cocktail-card {
    background-image: var(--cms-cocktails-image) !important;
}

.cocktail-card--active {
    background-image:
        linear-gradient(0deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.39)),
        var(--cms-cocktails-image) !important;
}

.contact-key {
    background-image: var(--cms-contact-key-image) !important;
}

/* PDF menu viewer */
.menu-viewer-modal {
    z-index: 90;
}

* {
    letter-spacing: 0 !important;
}

.acts.is-locked .act-grid {
    display: none !important;
}

.acts.is-unlocked .act-grid {
    display: grid;
}

@media (max-width: 760px) {
    .acts.is-locked {
        height: 854px;
        min-height: 854px;
        margin-bottom: 80px;
        overflow: hidden;
    }

    .acts.is-locked .section-heading {
        margin-bottom: 0;
    }

    .acts-access {
        width: 351px;
        min-height: 504px;
        padding-top: 64px;
    }

    .acts-access::before {
        inset: -180px -12px -48px;
        background:
            radial-gradient(ellipse 320px 280px at 95% 54%, rgba(156, 6, 18, 0.38), rgba(100, 10, 12, 0.14) 46%, transparent 78%),
            linear-gradient(180deg, rgba(1, 1, 1, 0), rgba(1, 1, 1, 0.22));
    }

    .acts-access__mark {
        gap: 14px;
        margin-bottom: 28px;
    }

    .acts-access__key {
        width: 38px;
        height: 116px;
    }

    .acts-access__lock {
        width: 82px;
        height: 82px;
    }

    .acts-access__lock::before {
        top: 27px;
        width: 19px;
        height: 23px;
    }

    .acts-access__lock::after {
        top: 41px;
        width: 15px;
        height: 23px;
    }

    .acts-access__button {
        width: 228px;
        min-height: 56px;
    }

    .acts.is-unlocked .act-grid {
        display: block;
    }

    .contact-card {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: 351px;
    }
}

/* Early Figma baseline; final lock is repeated after legacy overrides. */
.acts-access {
    min-height: 644px;
    padding-top: 0;
    align-content: center;
}

.acts-access__mark {
    width: 100px;
    height: 325px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.acts-access__key {
    width: 48px;
    height: 145px;
    flex: 0 0 145px;
}

.acts-access__line {
    width: 1px;
    height: 48px;
    flex: 0 0 48px;
    display: block;
}

.acts-access__lock {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    border: 1.2px solid #ffe1c8;
    border-radius: 50%;
}

.intro-show {
    display: flex;
    flex-direction: column;
    gap: 80px;
    min-height: 0;
}

.intro-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 394px;
    margin-bottom: 0;
    gap: 32px;
}

.intro-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.about-cards {
    width: min(100%, 1376px);
    height: 600px;
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 auto;
}

.about-card {
    height: 600px;
    border: 1px dashed #837053;
    border-radius: 900px 900px 8px 8px;
}

.about-card--keyhole {
    width: 453px;
    flex: 0 0 453px;
}

.about-card--feature {
    width: 454px;
    flex: 0 0 454px;
}

.interior {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.interior .section-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 368px;
    margin-bottom: 80px;
    gap: 32px;
}

.interior .section-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.interior .section-heading > .eyebrow {
    display: none;
}

.interior .section-heading > p:last-child {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
}

.interior-figma-rows {
    width: min(100%, 1376px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
}

.interior-row {
    width: 1376px;
    max-width: 100%;
    height: 752px;
    display: flex;
    gap: 16px;
    padding: 16px;
    border: 1px dashed #837053;
    border-radius: 12px;
}

.interior-tile {
    width: 664px;
    height: 720px;
    flex: 0 0 664px;
    border-radius: 900px 900px 0 0;
}

.cocktail-card {
    background: transparent !important;
    background-image: none !important;
    opacity: 0;
    pointer-events: none;
}

.cocktail-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0;
    pointer-events: none;
}

.cocktail-card--active::after {
    opacity: 1;
}

.cocktail-card--far-left,
.cocktail-card--left,
.cocktail-card--active,
.cocktail-card--right,
.cocktail-card--far-right {
    opacity: 1;
    pointer-events: auto;
}

.event-card:first-child img {
    border-radius: 0;
}

.event-card:nth-child(3) p strong {
    color: #fdcaa9;
}

@media (min-width: 1181px) {
    .intro-show {
        height: 1074px;
        margin-bottom: 180px;
    }

    .interior {
        height: 1961px;
        margin-bottom: 160px;
    }

    .cocktail-stage {
        position: relative;
        width: 1376px;
        height: 710px;
        margin: 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 16px;
        width: 388px;
        height: 550px;
        border: 1px dashed #837053;
        border-radius: 12px;
        overflow: hidden;
    }

    .cocktail-card--far-left {
        left: -321.23px;
        top: 0;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--left {
        left: 74.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--active {
        left: 494px;
        top: 16px;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--right {
        left: 876px;
        top: 0.18px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 1262.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 1;
    }
}

@media (max-width: 1180px) {
    .about-cards,
    .interior-figma-rows {
        width: 100%;
    }

    .about-cards {
        height: auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .about-card {
        scroll-snap-align: center;
    }

    .interior-row {
        width: 100%;
        height: auto;
        flex-direction: column;
        overflow: visible;
    }

    .interior-tile {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 760px) {
    .acts-access {
        min-height: 437px;
        padding-top: 0;
    }

    .intro-show {
        gap: 32px;
        margin-bottom: 80px;
    }

    .intro-heading {
        min-height: 207px;
        gap: 24px;
    }

    .intro-heading h2,
    .interior .section-heading h2 {
        font-size: 44px;
        line-height: 48px;
    }

    .about-cards {
        width: 351px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        overflow: visible;
    }

    .about-card,
    .about-card--keyhole,
    .about-card--feature {
        width: 351px;
        height: 600px;
        flex: none;
    }

    .interior .section-heading {
        min-height: 207px;
        margin-bottom: 32px;
    }

    .interior-figma-rows {
        width: 352px;
        gap: 8px;
    }

    .interior-row {
        width: 352px;
        height: auto;
        padding: 0;
        gap: 8px;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .interior-tile {
        width: 352px;
        height: 390px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .interior-tile__image {
        left: 12px;
        top: 12px;
        width: 328px;
        height: 366px;
        border-radius: 900px 900px 0 0;
        object-fit: cover;
    }

    .cocktail-stage {
        position: relative;
        width: 351px;
        height: 460px;
        margin: 0 0 32px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 0;
        width: 326px;
        height: 460px;
        border: 1px dashed #837053;
        border-radius: 8px;
        overflow: hidden;
    }

    .cocktail-card--active {
        left: 12.43px;
        top: 0;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--left {
        left: -341px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--far-left {
        left: -675px;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--right {
        left: 366px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 700px;
        transform: rotate(-5deg);
        z-index: 1;
    }
}

/* Figma exact pass: nodes 10908:373, 12722:140, 12722:232, 12832:610, 12722:356. */
.acts-access {
    min-height: 644px;
    padding-top: 0;
    align-content: center;
}

.acts-access__mark {
    width: 100px;
    height: 325px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.acts-access__key {
    width: 48px;
    height: 145px;
    flex: 0 0 145px;
    filter: drop-shadow(0 0 12px rgba(255, 225, 200, 0.22));
}

.acts-access__line {
    width: 1px;
    height: 48px;
    flex: 0 0 48px;
    background-image: linear-gradient(to bottom, rgba(131, 112, 83, 1) 50%, rgba(131, 112, 83, 0) 0);
    background-size: 1px 6px;
}

.acts-access__lock {
    position: relative;
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1.2px solid #ffe1c8;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 52%, rgba(246, 150, 95, 0.34), rgba(246, 150, 95, 0.08) 22%, transparent 44%),
        #010101;
    box-shadow: inset 0 0 26px rgba(255, 225, 200, 0.05), 0 0 18px rgba(246, 150, 95, 0.14);
}

.acts-access__lock::before,
.acts-access__lock::after {
    content: none;
}

.acts-access__lock-hole {
    width: 23px;
    height: 48px;
    display: block;
    background:
        radial-gradient(circle at 50% 16%, #ffe1c8 0 7%, #f6965f 16%, rgba(246, 150, 95, 0.52) 36%, transparent 62%),
        linear-gradient(180deg, #ffe1c8 0%, #f6965f 58%, rgba(246, 150, 95, 0.1) 100%);
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='23' height='48' viewBox='0 0 23 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 0C17.85 0 23 5.15 23 11.5C23 15.63 20.82 19.25 17.55 21.28L22 48H1L5.45 21.28C2.18 19.25 0 15.63 0 11.5C0 5.15 5.15 0 11.5 0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='23' height='48' viewBox='0 0 23 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 0C17.85 0 23 5.15 23 11.5C23 15.63 20.82 19.25 17.55 21.28L22 48H1L5.45 21.28C2.18 19.25 0 15.63 0 11.5C0 5.15 5.15 0 11.5 0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    filter: drop-shadow(0 0 12px rgba(246, 150, 95, 0.76));
}

.intro-show {
    display: flex;
    flex-direction: column;
    gap: 80px;
    min-height: 0;
}

.intro-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 394px;
    margin-bottom: 0;
    gap: 32px;
}

.intro-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.about-cards {
    width: min(100%, 1376px);
    height: 600px;
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 auto;
}

.about-card {
    position: relative;
    height: 600px;
    overflow: hidden;
    border: 1px dashed #837053;
    border-radius: 900px 900px 8px 8px;
    background: #010101;
}

.about-card--keyhole {
    width: 453px;
    flex: 0 0 453px;
}

.about-card--feature {
    width: 454px;
    flex: 0 0 454px;
}

.about-card--feature > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-card--feature::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
}

.about-card__text {
    position: absolute;
    z-index: 2;
    left: 31.5px;
    top: 425.5px;
    width: 390px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    color: #fdcaa9;
    text-align: center;
}

.about-card__text h3 {
    width: 100%;
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 25px;
    line-height: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.about-card__text span {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.about-keyhole {
    position: absolute;
    left: 50%;
    top: 186px;
    width: 134.266px;
    height: 227.769px;
    transform: translateX(-50%);
}

.about-keyhole::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='135' height='228' viewBox='0 0 135 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.133 0C104.201 0 134.266 30.065 134.266 67.133C134.266 87.125 125.525 105.075 111.659 117.369C109.336 119.428 108.368 122.619 109.126 125.629L132.43 217.833C133.711 222.904 129.878 227.769 124.647 227.769H10.723C5.482 227.769 1.647 222.887 2.945 217.811L26.497 125.722C27.269 122.704 26.297 119.499 23.966 117.431C9.99 105.036 0 86.954 0 67.133C0 30.065 30.065 0 67.133 0Z' stroke='%23837053' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1.5 2.3'/%3E%3C/svg%3E") center / 134.266px 227.769px no-repeat;
    pointer-events: none;
}

.about-keyhole img {
    position: absolute;
    left: 11.08px;
    top: 11.08px;
    width: 112.154px;
    height: 205.615px;
    object-fit: cover;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='112.154' height='205.615' viewBox='0 0 112.154 205.615' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.077 0C87.047 0 112.154 25.107 112.154 56.077C112.154 76.928 100.773 95.12 83.885 104.783L109.384 205.615H3.116L28.274 104.787C11.383 95.125 0 76.93 0 56.077C0 25.107 25.107 0 56.077 0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='112.154' height='205.615' viewBox='0 0 112.154 205.615' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.077 0C87.047 0 112.154 25.107 112.154 56.077C112.154 76.928 100.773 95.12 83.885 104.783L109.384 205.615H3.116L28.274 104.787C11.383 95.125 0 76.93 0 56.077C0 25.107 25.107 0 56.077 0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.about-card--keyhole .outline-button {
    position: absolute;
    left: 50%;
    top: 519.5px;
    width: 113px;
    height: 48px;
    min-height: 48px;
    transform: translateX(-50%);
    border-color: #ffe1c8;
    color: #fdcaa9;
}

.interior {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.interior .section-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 368px;
    margin-bottom: 80px;
    gap: 32px;
}

.interior .section-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.interior .section-heading > .eyebrow {
    display: none;
}

.interior .section-heading > p:last-child {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
}

.interior-figma-rows {
    width: min(100%, 1376px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
}

.interior-row {
    position: relative;
    width: 1376px;
    max-width: 100%;
    height: 752px;
    display: flex;
    gap: 16px;
    padding: 16px;
    border: 1px dashed #837053;
    border-radius: 12px;
    overflow: hidden;
}

.interior-tile {
    position: relative;
    width: 664px;
    height: 720px;
    flex: 0 0 664px;
    overflow: hidden;
    border-radius: 900px 900px 0 0;
    background: #050303;
}

.interior-tile__image {
    position: absolute;
    left: var(--img-left, 0);
    top: var(--img-top, 0);
    width: var(--img-w, 100%);
    height: var(--img-h, 100%);
    max-width: none;
    object-fit: cover;
}

.interior-copy {
    position: absolute;
    z-index: 2;
    left: 32px;
    bottom: 32px;
    width: 394px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #fdcaa9;
}

.interior-copy--wide {
    width: 582px;
}

.interior-copy h3 {
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
}

.interior-copy p {
    width: 394px;
    max-width: 394px;
    margin: 0;
    color: #fdcaa9;
    font-size: 16px;
    line-height: 24px;
}

.cocktail-card {
    background: transparent !important;
    background-image: none !important;
    opacity: 0;
    pointer-events: none;
}

.cocktail-card__image {
    position: absolute;
    z-index: 0;
    left: var(--img-left, 0);
    top: var(--img-top, 0);
    width: var(--img-w, 100%);
    height: var(--img-h, 100%);
    max-width: none;
    object-fit: cover;
}

.cocktail-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0;
    pointer-events: none;
}

.cocktail-card--active::after {
    opacity: 1;
}

.cocktail-card--far-left,
.cocktail-card--left,
.cocktail-card--active,
.cocktail-card--right,
.cocktail-card--far-right {
    opacity: 1;
    pointer-events: auto;
}

.cocktail-card div {
    color: #fdcaa9;
}

.cocktail-card strong {
    color: inherit;
    letter-spacing: 0;
}

.cocktail-card span {
    color: inherit;
}

.event-card:first-child img {
    border-radius: 0;
}

.event-card:nth-child(3) p strong {
    color: #fdcaa9;
}

@media (min-width: 1181px) {
    .intro-show {
        height: 1074px;
        margin-bottom: 180px;
    }

    .interior {
        height: 1961px;
        margin-bottom: 160px;
    }

    .cocktail-stage {
        position: relative;
        width: 1376px;
        height: 710px;
        margin: 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 16px;
        width: 388px;
        height: 550px;
        border: 1px dashed #837053;
        border-radius: 12px;
        overflow: hidden;
        transition:
            left 420ms ease,
            top 420ms ease,
            transform 420ms ease,
            opacity 420ms ease;
        will-change: left, transform, opacity;
    }

    .cocktail-card--far-left {
        left: -321.23px;
        top: 0;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--left {
        left: 74.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--active {
        left: 494px;
        top: 16px;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--right {
        left: 876px;
        top: 0.18px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 1262.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 1;
    }

    .event-card:first-child img {
        border-radius: 0;
    }
}

@media (max-width: 1180px) {
    .about-cards,
    .interior-figma-rows {
        width: 100%;
    }

    .about-cards {
        height: auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .about-cards::-webkit-scrollbar {
        display: none;
    }

    .about-card {
        scroll-snap-align: center;
    }

    .interior-row {
        width: 100%;
        height: auto;
        flex-direction: column;
        overflow: visible;
    }

    .interior-tile {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 760px) {
    .acts-access {
        min-height: 437px;
        padding-top: 0;
    }

    .intro-show {
        gap: 32px;
        margin-bottom: 80px;
    }

    .intro-heading {
        min-height: 207px;
        gap: 24px;
    }

    .intro-heading h2,
    .interior .section-heading h2 {
        font-size: 44px;
        line-height: 48px;
    }

    .about-cards {
        width: 351px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        overflow: visible;
    }

    .about-card,
    .about-card--keyhole,
    .about-card--feature {
        width: 351px;
        height: 600px;
        flex: none;
    }

    .about-card__text {
        left: 24px;
        top: 448px;
        width: 303px;
        gap: 12px;
    }

    .interior .section-heading {
        min-height: 207px;
        margin-bottom: 32px;
    }

    .interior-figma-rows {
        width: 352px;
        gap: 8px;
    }

    .interior-row {
        width: 352px;
        height: auto;
        padding: 0;
        gap: 8px;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .interior-tile {
        width: 352px;
        height: 390px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .interior-tile__image {
        left: 12px;
        top: 12px;
        width: 328px;
        height: 366px;
        border-radius: 900px 900px 0 0;
        object-fit: cover;
    }

    .interior-copy,
    .interior-copy--wide {
        left: 24px;
        right: 24px;
        bottom: 36px;
        width: 304px;
        gap: 8px;
    }

    .interior-copy h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .interior-copy p {
        width: 304px;
        max-width: 304px;
        font-size: 14px;
        line-height: 18px;
    }

    .cocktail-stage {
        position: relative;
        width: 351px;
        height: 460px;
        margin: 0 0 32px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 0;
        width: 326px;
        height: 460px;
        border: 1px dashed #837053;
        border-radius: 8px;
        overflow: hidden;
    }

    .cocktail-card--active {
        left: 12.43px;
        top: 0;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--left {
        left: -341px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--far-left {
        left: -675px;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--right {
        left: 366px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 700px;
        transform: rotate(-5deg);
        z-index: 1;
    }
}

.menu-viewer-card {
    position: relative;
    z-index: 2;
    width: min(1160px, calc(100vw - 40px));
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
    margin: 16px auto;
    padding: 24px 32px calc(96px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 8%, rgba(139, 20, 22, 0.22), transparent 36%),
        radial-gradient(circle at 88% 4%, rgba(255, 224, 201, 0.06), transparent 30%),
        #010101;
    box-shadow: 0 24px 90px rgba(0, 0, 0, 0.72);
}

.menu-viewer-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.34;
    background:
        linear-gradient(90deg, transparent calc(50% - 1px), rgba(131, 112, 83, 0.22) 50%, transparent calc(50% + 1px)),
        url("assets/live/noise-figma.png") center / 720px auto repeat;
    pointer-events: none;
}

.menu-viewer-card .panel-close {
    top: 18px;
    right: 22px;
}

.menu-viewer-card__head {
    min-height: auto;
    padding: 0 150px;
    display: grid;
    justify-items: center;
    text-align: center;
}

.menu-viewer-card__head .eyebrow {
    display: none;
    margin: 0;
    color: rgba(255, 224, 201, 0.58);
}

.menu-viewer-card__head h2 {
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: clamp(40px, 4.2vw, 64px);
    line-height: 0.95;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.menu-viewer-download {
    position: absolute;
    left: 22px;
    top: 18px;
    min-height: 40px;
    padding: 8px 16px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 224, 201, 0.28);
    border-radius: 900px;
    color: var(--text);
    background: rgba(131, 112, 83, 0.14);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.menu-viewer-pages {
    min-height: 0;
    display: grid;
    align-items: start;
    justify-items: center;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.menu-viewer-pages::-webkit-scrollbar {
    display: none;
}

.menu-viewer-page {
    display: none;
    width: min(100%, 720px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    overflow: visible;
    border: 1px solid rgba(131, 112, 83, 0.42);
    border-radius: 10px;
    background: rgba(255, 224, 201, 0.05);
}

.menu-viewer-page.is-active {
    display: grid;
    align-items: start;
    justify-items: center;
}

.menu-viewer-page img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100dvh - 230px);
    display: block;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.42);
}

.menu-viewer-controls {
    position: absolute;
    left: 50%;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    transform: translateX(-50%);
}

.menu-viewer-arrow {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px dashed rgba(131, 112, 83, 0.78);
    border-radius: 50%;
    background:
        radial-gradient(circle at 42% 36%, rgba(255, 224, 201, 0.16), transparent 46%),
        rgba(52, 43, 33, 0.78);
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease;
}

.menu-viewer-arrow:hover {
    transform: translateY(-1px);
    background:
        radial-gradient(circle at 42% 36%, rgba(255, 224, 201, 0.22), transparent 46%),
        rgba(72, 58, 43, 0.86);
}

.menu-viewer-counter {
    min-width: 72px;
    color: var(--text);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

@media (max-width: 760px) {
    .menu-viewer-card {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: 64px 10px calc(88px + env(safe-area-inset-bottom, 0px));
        gap: 10px;
        border-width: 0;
        border-radius: 0;
    }

    .menu-viewer-card .panel-close {
        top: 12px;
        right: 12px;
    }

    .menu-viewer-download {
        left: 12px;
        top: 12px;
        padding: 8px 12px;
        font-size: 10px;
    }

    .menu-viewer-card__head {
        min-height: auto;
        padding: 0;
    }

    .menu-viewer-card__head h2 {
        font-size: 32px;
        line-height: 0.98;
    }

    .menu-viewer-pages {
        overflow-y: auto;
        overflow-x: auto;
        align-items: start;
        justify-items: start;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .menu-viewer-pages::-webkit-scrollbar {
        display: none;
    }

    .menu-viewer-page {
        width: max-content;
        min-width: 100%;
        height: auto;
        min-height: 0;
        padding: 4px 12px;
    }

    .menu-viewer-page.is-active {
        align-items: start;
        justify-items: start;
    }

    .menu-viewer-page img {
        width: min(520px, 122vw);
        max-width: none;
        max-height: none;
    }

    .menu-viewer-controls {
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        gap: 10px;
        width: calc(100vw - 20px);
        pointer-events: none;
    }

    .menu-viewer-arrow {
        width: 54px;
        height: 54px;
        pointer-events: auto;
    }

    .menu-viewer-counter {
        min-width: 64px;
        font-size: 13px;
        pointer-events: auto;
    }
}

@media (max-width: 760px) {
    .menu-panel {
        width: 100%;
        padding: 84px 12px 32px;
    }

    .menu-panel nav {
        width: 351px;
        max-width: calc(100vw - 24px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .menu-panel a {
        width: 351px;
        max-width: calc(100vw - 24px);
        display: block;
        text-align: center;
        text-wrap: balance;
    }
}

.header-phones {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.header-phones .header-phone {
    width: auto;
    min-height: 18px;
    height: 18px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 761px) {
    .site-header .header-phones {
        left: 872px;
        top: 30px;
        width: 180px;
        height: 36px;
    }
}

@media (max-width: 760px) {
    .header-phones {
        display: none;
    }

    .contact-card a {
        top: 412px;
        height: 64px;
    }

    .contact-card a strong {
        height: 24px;
    }

    .footer-contacts {
        height: 136px;
        gap: 4px;
    }

    .footer-contacts p {
        margin-bottom: 0;
    }
}

.footer-social a:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 23.11px;
    height: 19.56px;
    display: block;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.9993%202.96037C11.9295%203.83941%207.7926%205.6588%201.58877%208.41854C0.581363%208.82757%200.0536399%209.22773%200.00559891%209.619C-0.0755916%2010.2803%200.735434%2010.5406%201.83984%2010.8952C1.99007%2010.9434%202.14573%2010.9934%202.30531%2011.0464C3.39188%2011.407%204.8535%2011.8289%205.61334%2011.8457C6.30259%2011.8609%207.07187%2011.5707%207.92118%2010.9753C13.7176%206.98026%2016.7097%204.96098%2016.8976%204.91745C17.0301%204.88674%2017.2138%204.84812%2017.3382%204.96104C17.4626%205.07397%2017.4504%205.28783%2017.4372%205.3452C17.3569%205.69491%2014.1733%208.71689%2012.5258%2010.2808C12.0122%2010.7683%2011.6479%2011.1141%2011.5734%2011.1931C11.4066%2011.37%2011.2365%2011.5374%2011.0731%2011.6982C10.0637%2012.6918%209.30669%2013.4369%2011.115%2014.6536C11.9841%2015.2383%2012.6795%2015.7219%2013.3732%2016.2042C14.1308%2016.731%2014.8865%2017.2565%2015.8642%2017.9109C16.1133%2018.0776%2016.3512%2018.2507%2016.583%2018.4194C17.4647%2019.0612%2018.2568%2019.6378%2019.2355%2019.5459C19.8041%2019.4924%2020.3915%2018.9465%2020.6898%2017.3182C21.3948%2013.4701%2022.7806%205.13236%2023.1008%201.69658C23.1289%201.39556%2023.0936%201.01032%2023.0653%200.841207C23.0369%200.672094%2022.9777%200.431143%2022.7624%200.252775C22.5074%200.041533%2022.1138%20-0.00301264%2021.9377%200.00015348C21.1373%200.01455%2019.9093%200.450535%2013.9993%202.96037Z%22%20fill%3D%22%23FFE0C9%22%2F%3E%3C%2Fsvg%3E") center / 23.11px 19.56px no-repeat;
}



@font-face {
    font-family: "Inter";
    src: url("assets/fonts/Inter-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Anticva";
    src: url("assets/fonts/Anticva-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant";
    src: url("assets/fonts/Cormorant-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pragmatica Extended";
    src: url("assets/fonts/PragmaticaExtended-Regular-fallback.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg: #010101;
    --bg-soft: #090706;
    --text: #ffe0c9;
    --text-muted: #817165;
    --line: #837053;
    --line-soft: rgba(131, 112, 83, 0.5);
    --bg-inputs: #151515;
    --button: linear-gradient(180deg, #ffd7b8 0%, #f0a16b 100%);
    --button-hover: linear-gradient(180deg, #ffcda7 0%, #df8346 100%);
    --button-plate: rgba(131, 112, 83, 0.3);
    --title: linear-gradient(180deg, #ffe1c8 0%, #ffcda7 55.29%, #f6965f 100%);
    --max: 1376px;
    --keyhole-mask: url("data:image/svg+xml,%3Csvg%20width%3D'162'%20height%3D'297'%20viewBox%3D'0%200%20162%20297'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill%3D'white'%20d%3D'M81%200C125.7%200%20162%2036.3%20162%2081C162%20112%20144.5%20139.1%20118.8%20152.8L160%20297H2L43.2%20152.8C17.5%20139.1%200%20112%200%2081C0%2036.3%2036.3%200%2081%200Z'%2F%3E%3C%2Fsvg%3E");
    --keyhole-fill: url("data:image/svg+xml,%3Csvg%20width%3D'194'%20height%3D'329'%20viewBox%3D'0%200%20194%20329'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill%3D'white'%20d%3D'M97%200C150.6%200%20194%2043.4%20194%2097C194%20134.7%20172.4%20167.3%20140.9%20183.3L191%20329H3L53.1%20183.3C21.6%20167.3%200%20134.7%200%2097C0%2043.4%2043.4%200%2097%200Z'%2F%3E%3C%2Fsvg%3E");
    --keyhole-outline: url("data:image/svg+xml,%3Csvg%20width%3D'194'%20height%3D'329'%20viewBox%3D'0%200%20194%20329'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M97%200.5C150.3%200.5%20193.5%2043.7%20193.5%2097C193.5%20134.4%20172.2%20166.8%20141.1%20182.7C148.8%20225.5%20183.1%20285%20190.5%20328.5H3.5C10.9%20285%2045.2%20225.5%2052.9%20182.7C21.8%20166.8%200.5%20134.4%200.5%2097C0.5%2043.7%2043.7%200.5%2097%200.5Z'%20fill%3D'none'%20stroke%3D'%23837053'%20stroke-width%3D'1'%20stroke-dasharray%3D'3%203'%2F%3E%3C%2Fsvg%3E");
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    background: var(--bg);
}

body {
    position: relative;
    margin: 0;
    min-width: 320px;
    color: var(--text);
    background: var(--bg);
    font-family: "Inter", Arial, sans-serif;
    letter-spacing: 0;
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 0;
    height: auto;
    z-index: 1;
    pointer-events: none;
    opacity: 0.35;
    background-image: url("assets/live/noise-figma.png");
    background-position: center top;
    background-repeat: repeat;
    background-size: 1024px 1024px;
}

body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    width: 1440px;
    height: 17580px;
    pointer-events: none;
    transform: translateX(-50%);
    background:
        radial-gradient(ellipse 500px 260px at -130px -170px, rgba(156, 6, 18, 0.42), rgba(100, 10, 12, 0.2) 42%, transparent 74%),
        radial-gradient(ellipse 500px 260px at 1540px 340px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.18) 44%, transparent 74%),
        radial-gradient(ellipse 500px 260px at 1550px 1420px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.18) 44%, transparent 74%),
        radial-gradient(ellipse 430px 262px at -245px 2830px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.16) 46%, transparent 76%),
        radial-gradient(ellipse 430px 262px at 1555px 3840px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.16) 46%, transparent 76%),
        radial-gradient(ellipse 430px 262px at 1560px 8520px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.16) 46%, transparent 76%),
        radial-gradient(ellipse 430px 262px at -260px 11400px, rgba(156, 6, 18, 0.3), rgba(100, 10, 12, 0.14) 46%, transparent 76%),
        radial-gradient(ellipse 430px 262px at 1530px 14800px, rgba(156, 6, 18, 0.3), rgba(100, 10, 12, 0.14) 46%, transparent 76%);
}

main,
.site-footer {
    position: relative;
    z-index: 2;
}

img {
    display: block;
    max-width: 100%;
}

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

button,
input,
textarea {
    font: inherit;
}

button {
    border: 0;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 30;
    width: min(100%, 1440px);
    min-height: 92px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 108px 310px 1fr 154px 344px;
    align-items: center;
    gap: 20px;
    padding: 14px 32px;
    color: var(--text);
    background: rgba(1, 1, 1, 0.76);
    border-bottom: 1px solid rgba(131, 112, 83, 0.18);
    backdrop-filter: blur(16px);
}

.brand {
    justify-self: center;
    width: 106px;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.brand--footer {
    width: 132px;
    min-height: 66px;
}

.brand img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.header-actions {
    width: 344px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 24px;
    background: transparent;
    cursor: pointer;
}

.header-actions img {
    width: 344px;
    height: 48px;
    object-fit: contain;
}

.header-place,
.header-phone,
.nav-trigger,
.ghost-button,
.pill-button,
.outline-button,
.submit-button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 900px;
    cursor: pointer;
    white-space: nowrap;
}

.header-place,
.header-phone,
.nav-trigger,
.ghost-button,
.outline-button {
    color: var(--text);
    font-size: 14px;
}

.header-place {
    min-height: 52px;
    display: grid;
    align-content: center;
    justify-content: start;
    gap: 5px;
    white-space: normal;
}

.header-place span,
.header-place a {
    display: block;
    font-size: 14px;
    line-height: 1.25;
}

.header-place span {
    position: relative;
}

.header-place span::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    background: #9c0612;
    vertical-align: 1px;
}

.nav-trigger {
    justify-self: start;
    padding: 0;
    background: transparent;
}

.nav-trigger svg {
    display: block;
    width: 102px;
    height: 48px;
}

.nav-trigger span {
    width: 32px;
    height: 1px;
    display: inline-block;
    position: relative;
    background: var(--text);
}

.nav-trigger span::before,
.nav-trigger span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 32px;
    height: 1px;
    background: var(--text);
}

.nav-trigger span::before {
    top: -7px;
}

.nav-trigger span::after {
    top: 7px;
}

.ghost-button,
.outline-button {
    padding: 12px 24px;
    border: 1px solid var(--line-soft);
    background: transparent;
}

.pill-button,
.submit-button {
    min-height: 56px;
    padding: 16px 30px;
    color: #010101;
    background: var(--button);
}

.pill-button:hover,
.submit-button:hover {
    background: var(--button-hover);
}

.pill-button--small {
    min-height: 48px;
    padding: 12px 24px;
    font-size: 14px;
}

.section-dark,
.section-pad {
    width: min(100%, 1440px);
    margin: 0 auto;
}

.section-pad {
    padding: 112px 32px;
}

.hero {
    position: relative;
    min-height: 900px;
    display: block;
    overflow: hidden;
    padding: 0 32px;
}

.hero::before,
.hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.hero::before {
    inset: 0;
    background:
        linear-gradient(180deg, rgba(1, 1, 1, 0.04), #010101 92%),
        radial-gradient(520px 720px at 101% 30%, rgba(156, 6, 18, 0.44), transparent 72%),
        radial-gradient(520px 720px at -3% 26%, rgba(156, 6, 18, 0.32), transparent 72%);
    background-size: auto, auto, auto;
}

.hero::after {
    display: none;
}

.hero-copy {
    position: absolute;
    inset: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

.hero h1 {
    position: absolute;
    z-index: 1;
    left: 32px;
    right: 32px;
    top: 224px;
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 158px;
    line-height: 0.86;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-media {
    position: absolute;
    z-index: 3;
    top: 128px;
    left: 50%;
    width: 190px;
    height: 330px;
    transform: translateX(-50%);
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.hero-media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: var(--keyhole-outline) center / 100% 100% no-repeat;
}

.hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: #010101;
    clip-path: path("M97 0C150.6 0 194 43.4 194 97C194 134.7 172.4 167.3 140.9 183.3C148.8 225.5 183.5 285 191 329H3C10.5 285 45.2 225.5 53.1 183.3C21.6 167.3 0 134.7 0 97C0 43.4 43.4 0 97 0Z");
}

.hero-media img {
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    object-fit: cover;
    object-position: 45% 52%;
    opacity: 1;
    clip-path: path("M81 0C125.7 0 162 36.3 162 81C162 112 144.5 139.1 118.8 152.8C125.8 191 153.2 246.5 160 297H2C8.8 246.5 36.2 191 43.2 152.8C17.5 139.1 0 112 0 81C0 36.3 36.3 0 81 0Z");
}

.hero .eyebrow {
    display: none;
}

.hero .pill-button {
    position: absolute;
    z-index: 5;
    top: 478px;
    left: 50%;
    width: 260px;
    min-height: 80px;
    padding: 0 34px;
    transform: translateX(-50%);
    pointer-events: auto;
    font-size: 16px;
}

.eyebrow {
    margin: 0;
    color: var(--text-muted);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-transform: uppercase;
}

.video-link {
    position: absolute;
    z-index: 6;
    top: 165px;
    left: calc(50% + 168px);
    width: 184px;
    height: 184px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--text);
    background: rgba(255, 224, 201, 0.12);
    box-shadow: inset 0 0 60px rgba(255, 224, 201, 0.08);
    backdrop-filter: blur(14px);
    font-size: 18px;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    pointer-events: auto;
}

.video-link b {
    font-weight: 400;
}

.video-link span {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 224, 201, 0.62);
    border-radius: 50%;
}

.video-link span::before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid var(--text);
}

.atmo-link {
    position: absolute;
    z-index: 5;
    top: 588px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--text);
    font-size: 16px;
    line-height: 24px;
    pointer-events: auto;
}

.hero-arrow {
    position: absolute;
    z-index: 5;
    top: 638px;
    left: 50%;
    width: 1px;
    height: 38px;
    background: var(--text);
    transform: translateX(-50%);
    pointer-events: auto;
}

.hero-arrow::before,
.hero-arrow::after {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 13px;
    height: 1px;
    background: var(--text);
}

.hero-arrow::before {
    right: 0;
    transform: rotate(42deg);
    transform-origin: right center;
}

.hero-arrow::after {
    left: 0;
    transform: rotate(-42deg);
    transform-origin: left center;
}

.section-heading {
    width: min(100%, 560px);
    display: grid;
    gap: 18px;
    margin-bottom: 54px;
}

.section-heading--center {
    margin-right: auto;
    margin-left: auto;
    justify-items: center;
    text-align: center;
}

.section-heading h2,
.text-panel h2,
.subscribe h2 {
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 58px;
    line-height: 1.08;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.section-heading p,
.text-panel p,
.gift-copy li,
.rules p,
.jobs p,
.subscribe p {
    margin: 0;
    color: var(--text);
    font-size: 16px;
    line-height: 1.5;
}

.star {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    margin-bottom: 48px;
}

.star::before,
.star::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 20px;
    height: 1px;
    background: rgba(255, 224, 201, 0.78);
    transform: translate(-50%, -50%);
}

.star::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

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

.act-card {
    position: relative;
    min-height: 772px;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: var(--bg-soft);
}

.acts {
    padding-top: 70px;
    min-height: 1708px;
}

.acts .section-heading {
    width: min(100%, 760px);
    margin-bottom: 32px;
}

.acts.is-locked {
    min-height: 1098px;
}

.acts.is-locked .section-heading {
    margin-bottom: 0;
}

.acts.is-locked .act-grid {
    display: none;
}

.acts.is-unlocked .acts-access {
    display: none;
}

.acts-access {
    position: relative;
    min-height: 644px;
    display: grid;
    justify-items: center;
    align-content: start;
    padding-top: 120px;
    overflow: hidden;
}

.acts-access::before {
    content: "";
    position: absolute;
    inset: -280px -32px -64px;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 620px 520px at 78% 56%, rgba(156, 6, 18, 0.42), rgba(100, 10, 12, 0.16) 42%, transparent 74%),
        linear-gradient(180deg, rgba(1, 1, 1, 0), rgba(1, 1, 1, 0.24));
}

.acts-access__mark,
.acts-access__button {
    position: relative;
    z-index: 1;
}

.acts-access__mark {
    display: grid;
    justify-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.acts-access__key {
    width: 48px;
    height: 145px;
    filter: drop-shadow(0 0 20px rgba(255, 198, 150, 0.2));
}

.acts-access__lock {
    position: relative;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 1.2px solid rgba(255, 225, 200, 0.76);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 152, 70, 0.36), rgba(255, 152, 70, 0.05) 22%, transparent 34%),
        rgba(1, 1, 1, 0.22);
    box-shadow:
        inset 0 0 28px rgba(255, 225, 200, 0.06),
        0 0 24px rgba(255, 142, 54, 0.16);
}

.acts-access__lock::before,
.acts-access__lock::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.acts-access__lock::before {
    top: 33px;
    width: 23px;
    height: 28px;
    border: 2px solid #ffe1c8;
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
}

.acts-access__lock::after {
    top: 49px;
    width: 18px;
    height: 28px;
    background: linear-gradient(180deg, #ffe1c8, #f6965f);
    clip-path: polygon(50% 0, 72% 24%, 62% 100%, 38% 100%, 28% 24%);
    filter: drop-shadow(0 0 8px rgba(246, 150, 95, 0.5));
}

.acts-access__button {
    width: 260px;
    min-height: 80px;
    color: #450101;
}

.intro-show { min-height: 1300px; }
.interior { min-height: 2900px; }
.menu-section { min-height: 1450px; }
.poster-section { min-height: 1450px; }
.events { min-height: 1400px; }
.gift { min-height: 1600px; }
.rules { min-height: 1200px; }
.jobs { min-height: 1400px; }
.contacts { min-height: 1200px; }

.act-card img,
.event-card img,
.interior-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.act-card::after,
.event-card::after,
.interior-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.06), rgba(1, 1, 1, 0.76));
}

.interior-card::after {
    content: none;
}

.act-card__content {
    position: absolute;
    inset: auto 32px 32px;
    z-index: 2;
    display: grid;
    justify-items: center;
    gap: 14px;
    text-align: center;
}

.act-card__content p,
.rules span {
    margin: 0;
    color: var(--text);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-transform: uppercase;
}

.act-card h3,
.feature-card h3,
.interior-card h3,
.poster-card h3,
.event-card h3,
.rules h3,
.job-card h3 {
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
}

.act-card span,
.feature-card span {
    color: var(--text);
    font-size: 14px;
    line-height: 1.45;
}

.intro-show {
    display: grid;
    gap: 64px;
}

.text-panel {
    width: min(100%, 520px);
    margin: 0 auto;
    display: grid;
    gap: 22px;
    text-align: center;
}

.show-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 454px) 260px;
    justify-content: center;
    align-items: center;
    gap: 36px;
}

.mini-card,
.feature-card {
    position: relative;
    overflow: hidden;
    border: 1px dashed var(--line);
    background: #050303;
}

.mini-card {
    height: 446px;
    display: grid;
    align-items: end;
    justify-items: center;
    padding: 24px;
    border-radius: 8px;
}

.mini-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.72;
}

.mini-card .outline-button {
    position: relative;
    z-index: 2;
}

.feature-card {
    min-height: 600px;
    display: grid;
    align-items: end;
    padding: 32px;
    border-radius: 240px 240px 8px 8px;
    text-align: center;
}

.feature-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.72;
}

.feature-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 20%, rgba(1, 1, 1, 0.82));
}

.feature-card div {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 14px;
}

.feature-card p {
    margin: 0;
    color: var(--text-muted);
    font-size: 13px;
}

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

.interior-card {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #050303;
}

.interior-card--wide {
    min-height: 420px;
}

.interior-card .interior-copy {
    position: absolute;
    z-index: 2;
    left: 28px;
    right: 28px;
    bottom: 26px;
    display: grid;
    gap: 12px;
}

.interior-card p {
    margin: 0;
    max-width: 360px;
    color: var(--text);
    font-size: 14px;
    line-height: 1.45;
}

.interior-card--duo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 16px;
}

.interior-panel {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border-radius: 900px 900px 0 0;
}

.interior-panel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.interior-panel .interior-copy {
    position: absolute;
    z-index: 2;
    left: 32px;
    right: auto;
    bottom: 24px;
    width: min(394px, calc(100% - 64px));
    display: grid;
    gap: 12px;
}

.interior-card--duo > .interior-copy {
    position: relative;
    inset: auto;
    width: auto;
    display: grid;
    gap: 12px;
}

.menu-section {
    display: grid;
    justify-items: center;
}

.cocktail-stage {
    width: min(100%, 1040px);
    overflow: hidden;
    margin-bottom: 34px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #050303;
}

.cocktail-stage img {
    width: 100%;
    aspect-ratio: 16 / 6;
    object-fit: cover;
}

.poster-section {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 56px;
    align-items: start;
}

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

.poster-card {
    position: relative;
    min-height: 616px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.poster-image {
    position: relative;
    flex: 1 1 auto;
    min-height: 504px;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background: #050303;
}

.poster-image img {
    position: absolute;
    inset: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    object-fit: cover;
}

.poster-image::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 16px;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.poster-content {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 28px;
    display: grid;
    justify-items: center;
    gap: 16px;
    color: var(--text);
    text-align: center;
}

.poster-copy {
    display: grid;
    justify-items: center;
    gap: 16px;
}

.poster-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    border-radius: 900px;
    background: rgba(221, 38, 38, 0.4);
    color: var(--text);
    font-size: 14px;
    line-height: 18px;
    backdrop-filter: blur(10px);
}

.poster-card h3 {
    margin: 0;
}

.poster-card p {
    margin: 0;
    color: var(--text);
    font-size: 16px;
    line-height: 24px;
}

.poster-footer {
    position: relative;
    min-height: 112px;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background: transparent;
}

.poster-status {
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--text);
    font-family: "Inter", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.poster-card--past .poster-status {
    opacity: 0.5;
}

.poster-date {
    position: absolute;
    left: 32px;
    top: 50%;
    display: grid;
    gap: 8px;
    width: 105px;
    color: var(--text);
    transform: translateY(-50%);
}

.poster-date strong {
    font-family: "Anticva", "Cormorant", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
}

.poster-date span {
    font-size: 14px;
    line-height: 18px;
}

.events {
    display: grid;
}

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

.event-card {
    position: relative;
    min-height: 580px;
    overflow: hidden;
    display: grid;
    align-items: end;
    padding: 30px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #050303;
}

.event-card h3 {
    position: relative;
    z-index: 2;
    text-align: center;
}

.gift-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 52px;
    align-items: center;
}

.gift-layout > img {
    width: 100%;
    border: 1px dashed var(--line);
    border-radius: 8px;
}

.gift-copy {
    display: grid;
    gap: 28px;
}

.gift-features {
    display: grid;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gift-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 0;
    border: 0;
    color: var(--text);
    text-align: center;
}

.gift-feature-separator {
    display: none;
}

.gift-feature__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.gift-feature__text strong {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}

.gift-feature__text > span {
    display: block;
}

.gift-feature__icon {
    display: block;
    flex: none;
    color: #837053;
    overflow: visible;
}

.gift-feature__icon--card {
    width: 51px;
    height: 60px;
}

.gift-feature__icon--shield {
    width: 49px;
    height: 61px;
}

.gift-feature__icon--privacy {
    width: 61.96px;
    height: 26.21px;
}

.gift-feature__icon--clock {
    width: 60px;
    height: 60px;
}

.rules {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 56px;
}

.rules-stage {
    position: relative;
}

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

.rules-grid article {
    min-height: 460px;
    display: grid;
    align-content: end;
    gap: 16px;
    padding: 28px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background:
        linear-gradient(180deg, transparent 0%, rgba(255, 224, 201, 0.04) 100%),
        #050303;
}

.rules-photo {
    position: relative;
    overflow: hidden;
}

.rules-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.rules-photo h3,
.rules-photo p {
    position: relative;
    z-index: 2;
}

.rules-slider {
    display: none;
}

.rules-arrow {
    border: 0;
    color: #ffe0c9;
    cursor: pointer;
}

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

.job-slider {
    display: none;
}

.job-card {
    position: relative;
    min-height: 360px;
    display: grid;
    align-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 224, 201, 0.05), transparent),
        #050303;
}

.job-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='338' height='460' viewBox='0 0 338 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 460C18 338 90 0 338 0' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.job-card > * {
    position: relative;
    z-index: 1;
}

.job-card strong {
    font-family: "Anticva", "Cormorant", serif;
    font-size: 27px;
    font-weight: 400;
}

.contacts {
    display: grid;
}

.map-block {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #050303;
}

.map-block > img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    opacity: 0.84;
    filter: grayscale(0.8) contrast(1.12) brightness(0.88);
}

.contact-card {
    position: absolute;
    right: 48px;
    bottom: 48px;
    width: 340px;
    display: grid;
    gap: 18px;
    padding: 34px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: rgba(1, 1, 1, 0.86);
}

.contact-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='388' height='500' viewBox='0 0 388 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C310.316 0 387.833 333.333 388 500' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3Cpath d='M388 0C77.684 0 0.167 333.333 0 500' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.contact-card > * {
    position: relative;
    z-index: 1;
}

.contact-key {
    display: block;
    width: 93px;
    height: 45px;
    background-image: url("assets/live/contact-key-figma.png?v=20260626-0424");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contact-card a {
    font-family: "Anticva", "Cormorant", serif;
    font-size: 28px;
    line-height: 1.2;
}

.contact-card p {
    margin: 0;
    color: var(--text);
    line-height: 1.5;
}

.contact-card small,
.contact-card em,
.contact-card a strong {
    display: block;
    color: inherit;
    font: inherit;
}

.contact-card em {
    font-style: normal;
}

.subscribe {
    width: min(100%, 1440px);
    min-height: 560px;
    margin: 0 auto;
    position: relative;
    display: grid;
    align-items: center;
    padding: 72px 32px;
    overflow: hidden;
    border-top: 1px solid rgba(131, 112, 83, 0.22);
}

.subscribe > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.72;
    filter: contrast(1.08) brightness(0.94) saturate(1.04);
}

.subscribe::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 1, 1, 0.18), rgba(1, 1, 1, 0.82) 72%);
}

.subscribe > div {
    position: relative;
    z-index: 2;
    width: min(100%, 520px);
    margin-left: auto;
    display: grid;
    gap: 20px;
}

.subscribe-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.subscribe-form input,
.modal-card input,
.modal-card textarea {
    width: 100%;
    min-height: 54px;
    border: 1px dashed rgba(131, 112, 83, 0.82);
    border-radius: 8px;
    padding: 14px 16px;
    color: var(--text);
    background: rgba(255, 224, 201, 0.06);
    outline: 0;
}

.modal-card textarea {
    resize: vertical;
}

.site-footer {
    width: min(100%, 1440px);
    margin: 0 auto;
    display: grid;
    justify-items: center;
    gap: 28px;
    padding: 64px 32px 0;
    border-top: 1px solid rgba(131, 112, 83, 0.2);
}

.site-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 34px;
    color: var(--text-muted);
}

.menu-panel,
.modal {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: none;
}

.menu-panel.is-open,
.modal.is-open {
    display: block;
}

.menu-panel {
    padding: 92px 32px 40px;
    background:
        linear-gradient(90deg, rgba(156, 6, 18, 0.32), transparent 32%, transparent 68%, rgba(156, 6, 18, 0.28)),
        #010101;
}

.menu-panel nav {
    width: min(920px, 100%);
    margin: 0 auto;
    display: grid;
    justify-items: center;
    gap: 18px;
}

.menu-panel a,
.modal-card h2 {
    color: transparent;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 64px;
    line-height: 1.05;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
}

.panel-close {
    position: absolute;
    top: 24px;
    right: 32px;
    z-index: 4;
    min-height: 40px;
    border-radius: 900px;
    padding: 8px 16px;
    color: var(--text);
    background: rgba(131, 112, 83, 0.28);
    cursor: pointer;
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.modal-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(10px);
}

.modal-card {
    position: relative;
    width: min(620px, calc(100% - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    overflow: auto;
    padding: 44px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #010101;
}

.video-card {
    position: relative;
    z-index: 2;
    width: min(920px, calc(100% - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    overflow: auto;
    padding: 44px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #010101;
}

.video-frame {
    position: relative;
    overflow: hidden;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #050303;
}

.video-frame img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    opacity: 0.72;
}

.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--button);
    transform: translate(-50%, -50%);
}

.video-play::before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 7px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 28px solid #010101;
}

.video-card__text {
    display: grid;
    gap: 10px;
    margin-top: 24px;
    text-align: center;
}

.video-card__text h2 {
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.modal-card h2 {
    margin: 0 0 18px;
    font-size: 56px;
}

.modal-card p,
.modal-card span {
    color: var(--text);
    line-height: 1.55;
}

.modal-card label {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.form-status {
    min-height: 24px;
}

@media (max-width: 1180px) {
    .site-header {
        grid-template-columns: auto 1fr auto;
    }

    .header-place,
    .header-phone,
    .ghost-button {
        display: none;
    }

    .brand {
        justify-self: center;
    }

    .hero h1 {
        left: 20px;
        right: 20px;
        font-size: 112px;
    }

    .video-link {
        left: calc(50% + 130px);
        width: 156px;
        height: 156px;
    }

    .show-layout,
    .poster-section,
    .rules,
    .gift-layout {
        grid-template-columns: 1fr;
    }

    .show-layout {
        max-width: 760px;
        margin: 0 auto;
    }

    .mini-card {
        height: 360px;
    }

    .poster-grid,
    .rules-grid,
    .job-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .site-header {
        min-height: 72px;
        padding: 12px 16px;
        grid-template-columns: auto 1fr auto;
    }

    .brand {
        width: 78px;
        min-height: 40px;
    }

    .pill-button--small {
        min-height: 42px;
        padding: 10px 16px;
    }

    .header-actions {
        font-size: 0;
        width: 42px;
        height: 42px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--button);
        border-radius: 50%;
    }

    .header-actions img {
        display: none;
    }

    .header-actions::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 1px solid #010101;
        border-radius: 50%;
    }

    .section-pad {
        padding: 82px 16px;
    }

    .acts,
    .intro-show,
    .interior,
    .menu-section,
    .poster-section,
    .events,
    .gift,
    .rules,
    .jobs,
    .contacts {
        min-height: 0;
    }

    .hero {
        min-height: 720px;
        padding: 0 16px;
    }

    .hero h1 {
        top: 248px;
        left: 18px;
        right: 18px;
        font-size: 58px;
        line-height: 0.96;
    }

    .hero-media {
        top: 134px;
        width: 190px;
        height: 330px;
    }

    .hero::after {
        top: 134px;
        width: 190px;
        height: 330px;
        border-radius: 115px 115px 8px 8px;
    }

    .hero .pill-button {
        top: 438px;
        width: min(260px, calc(100% - 64px));
        min-height: 58px;
    }

    .video-link {
        top: 166px;
        left: calc(50% + 48px);
        width: 112px;
        height: 112px;
        gap: 8px;
        font-size: 12px;
    }

    .video-link span {
        width: 28px;
        height: 28px;
    }

    .atmo-link {
        top: 520px;
        font-size: 14px;
    }

    .hero-arrow {
        top: 562px;
    }

    .section-heading h2,
    .text-panel h2,
    .subscribe h2 {
        font-size: 38px;
    }

    .act-grid,
    .interior-grid,
    .event-grid,
    .poster-grid,
    .rules-grid,
    .job-grid {
        grid-template-columns: 1fr;
    }

    .act-card,
    .event-card {
        min-height: 520px;
    }

    .feature-card {
        min-height: 520px;
        border-radius: 180px 180px 8px 8px;
    }

    .interior-card,
    .interior-card--wide,
    .poster-card,
    .rules-grid article {
        min-height: 430px;
    }

    .cocktail-stage img {
        aspect-ratio: 4 / 3;
    }

    .contact-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
        margin: -128px 16px 16px;
    }

    .subscribe {
        min-height: 600px;
        padding: 72px 16px;
    }

    .subscribe::after {
        background: linear-gradient(180deg, rgba(1, 1, 1, 0.24), #010101 72%);
    }

    .subscribe > div {
        margin: auto 0 0;
    }

    .subscribe-form {
        grid-template-columns: 1fr;
    }

    .menu-panel {
        padding: 82px 18px 32px;
    }

    .menu-panel a {
        font-size: 42px;
    }

    .panel-close {
        right: 18px;
    }

    .modal-card {
        padding: 40px 22px 24px;
    }

    .modal-card h2 {
        font-size: 40px;
    }

    .video-card {
        padding: 42px 18px 24px;
    }

    .video-play {
        width: 66px;
        height: 66px;
    }

    .video-play::before {
        border-top-width: 13px;
        border-bottom-width: 13px;
        border-left-width: 20px;
    }

    .video-card__text h2 {
        font-size: 36px;
    }
}

@media (min-width: 1181px) {
    html,
    body {
        overflow-x: hidden;
    }

    main,
    .site-header,
    .site-footer,
    .section-dark,
    .section-pad,
    .subscribe {
        width: 1440px;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }

    .site-header {
        position: sticky;
        top: 0;
        height: 96px;
        min-height: 96px;
        display: block;
        padding: 0;
        border-bottom: 1px dashed rgba(131, 112, 83, 0.7);
        background: transparent;
        backdrop-filter: none;
    }

    .site-header > * {
        position: absolute;
    }

    .nav-trigger {
        left: 32px;
        top: 24px;
        width: 102px;
        height: 48px;
        min-height: 48px;
        gap: 8px;
        font-size: 16px;
        line-height: 24px;
    }

    .nav-trigger span,
    .nav-trigger span::before,
    .nav-trigger span::after {
        width: 32px;
        height: 1.5px;
    }

    .header-place {
        left: 166px;
        top: 27px;
        width: 244px;
        height: 42px;
        min-height: 42px;
        gap: 6px;
    }

    .header-place span,
    .header-place a,
    .header-phone {
        font-size: 14px;
        line-height: 18px;
    }

    .brand {
        left: calc(50% - 52.5px);
        top: 24px;
        width: 105px;
        min-height: 48px;
    }

    .header-phone {
        left: 907px;
        top: 39px;
        width: 125px;
        height: 18px;
        min-height: 18px;
    }

    .ghost-button {
        left: 1064px;
        top: 24px;
        width: 167px;
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
        border: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .header-actions {
        left: 1064px;
        top: 24px;
        width: 344px;
        height: 48px;
        min-height: 48px;
    }

    .section-pad {
        padding: 0 32px;
    }

    .hero {
        height: 817px;
        min-height: 817px;
        padding: 0 32px;
    }

    .hero::before {
        display: none;
    }

    .hero h1 {
        left: 38px;
        right: 38px;
        top: 185px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 184px;
        line-height: 200px;
        font-weight: 600;
        white-space: nowrap;
    }

    .hero-media,
    .hero::after {
        top: 120px;
        width: 194px;
        height: 329px;
        border-radius: 12px;
    }

    .hero-media {
        border-radius: 12px;
    }

    .hero-media img {
        left: 16px;
        top: 16px;
        width: 162px;
        height: 297px;
        object-fit: cover;
    }

    .video-link {
        left: 904px;
        top: 161px;
        width: 180px;
        height: 180px;
        gap: 8px;
        background: rgba(131, 112, 83, 0.3);
        box-shadow: none;
        font-size: 16px;
        line-height: 24px;
    }

    .video-link span {
        width: 24px;
        height: 24px;
        border: 0;
    }

    .video-link span::before {
        border-top-width: 6.5px;
        border-bottom-width: 6.5px;
        border-left-width: 10px;
    }

    .hero .pill-button {
        top: 481px;
        width: 260px;
        height: 80px;
        min-height: 80px;
        padding: 28px 40px;
    }

    .atmo-link {
        top: 585px;
        width: 260px;
        font-size: 16px;
        line-height: 24px;
    }

    .hero-arrow {
        top: 633px;
        height: 32px;
    }

    .section-heading,
    .text-panel {
        width: 1376px;
        max-width: 1376px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        margin: 0 0 80px;
        text-align: center;
    }

    .section-heading .eyebrow,
    .text-panel .eyebrow {
        display: none;
    }

    .star {
        position: relative;
        width: 1376px;
        height: 191px;
        margin: 0;
        background: url("assets/live/section-divider.svg") center top / 1376px 191px no-repeat;
    }

    .star::before {
        content: none;
    }

    .star::after {
        content: none;
    }

    .section-heading h2,
    .text-panel h2 {
        width: 1376px;
        font-size: 82px;
        line-height: 86px;
    }

    .acts .section-heading h2,
    .intro-show .text-panel h2 {
        font-size: 76px;
    }

    .section-heading p:not(.eyebrow),
    .text-panel p:not(.eyebrow) {
        width: 522px;
        color: #ffe0c9;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .acts {
        height: 1306px;
        min-height: 0;
        margin-bottom: 160px;
        padding-top: 0;
    }

    .acts .section-heading {
        width: 1376px;
        max-width: 1376px;
        height: 454px;
        margin-bottom: 80px;
    }

    .act-grid {
        height: 772px;
        grid-template-columns: 684px 684px;
        gap: 8px;
    }

    .act-card {
        width: 684px;
        height: 772px;
        min-height: 772px;
        border-radius: 12px;
    }

    .act-card img {
        inset: 16px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
    }

    .act-card__content {
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .act-card__content p {
        position: absolute;
        top: 344px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
    }

    .act-card h3 {
        position: absolute;
        top: 388px;
        left: 48px;
        width: 588px;
        height: 136px;
        text-align: center;
        font-size: 60px;
        line-height: 68px;
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .act-card span {
        position: absolute;
        top: 540px;
        left: 97px;
        width: 490px;
        margin: 0;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
    }

    .act-card:first-child span {
        left: 128px;
        width: 428px;
    }

    .act-card .pill-button {
        position: absolute;
        top: 644px;
        left: 212px;
        width: 260px;
        height: 80px;
        min-height: 80px;
        padding: 28px 40px;
        font-size: 16px;
    }

    .intro-show {
        height: 1074px;
        min-height: 0;
        margin-bottom: 180px;
        display: block;
    }

    .intro-show .text-panel {
        height: 394px;
        margin-bottom: 80px;
    }

    .intro-show .text-panel h2 {
        height: 172px;
        font-size: 82px;
        line-height: 86px;
    }

    .intro-show .text-panel > p:not(.eyebrow) {
        display: none;
    }

    .show-layout {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 1376px;
        max-width: 100%;
        height: 600px;
        margin: 0 auto;
        padding: 0;
        gap: 8px;
    }

    .mini-card,
    .feature-card {
        height: 600px;
        min-height: 600px;
        border-radius: 900px 900px 8px 8px;
        flex: none;
        flex-grow: 0;
    }

    .mini-card {
        width: 453px;
        padding: 0;
        background: transparent;
    }

    .mini-card::before {
        content: "";
        position: absolute;
        z-index: 1;
        left: calc(50% - 67.11px);
        top: 185.11px;
        width: 134.27px;
        height: 227.77px;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27134.27%27%20height%3D%27227.77%27%20viewBox%3D%27-0.5%20-0.5%20135.27%20228.77%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M67.111%200C104.175%200%20134.221%2030.038%20134.221%2067.091C134.221%2087.128%20125.436%20105.112%20111.506%20117.405C108.987%20119.628%20107.736%20123.025%20108.559%20126.281L131.607%20217.425C132.934%20222.674%20128.967%20227.77%20123.553%20227.77H10.631C5.216%20227.77%201.248%20222.672%202.578%20217.422L25.66%20126.283C26.485%20123.025%2025.234%20119.627%2022.715%20117.404C8.785%20105.111%200%2087.127%200%2067.091C0%2030.038%2030.047%200%2067.111%200Z%27%20stroke%3D%27%23837053%27%20stroke-width%3D%270.692308%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%271.51%202.27%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        pointer-events: none;
    }

    .mini-card:nth-child(3)::before {
        top: 184.49px;
    }

    .mini-card img {
        inset: auto;
        left: calc(50% - 55.555px);
        top: 197.695px;
        width: 112.15px;
        height: 205.62px;
        opacity: 0.95;
        object-fit: cover;
        object-position: center;
        clip-path: path("M56.078 0C87.048 0 112.155 25.106 112.155 56.077C112.155 76.928 100.774 95.12 83.886 104.783L109.385 205.615H3.117L28.275 104.787C11.384 95.125 0 76.93 0 56.077C0 25.106 25.107 0 56.078 0Z");
    }

    .mini-card:nth-child(3) img {
        top: 197.075px;
    }

    .mini-card .outline-button {
        position: absolute;
        left: calc(50% - 56.5px);
        top: 520px;
        width: 113px;
        height: 48px;
        border-color: #837053;
        color: #FFE0C9;
        background: transparent;
    }

    .feature-card {
        width: 454px;
        padding: 0;
    }

    .feature-card img {
        left: 0;
        top: 0;
        width: 454px;
        height: 600px;
        max-width: none;
        opacity: 1;
        object-position: center;
    }

    .feature-card::after {
        background: rgba(0, 0, 0, 0.4);
    }

    .feature-card div {
        position: absolute;
        left: 32px;
        top: 426px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 390px;
        height: 142px;
        padding: 0;
        gap: 24px;
    }

    .feature-card h3 {
        width: 390px;
        height: 64px;
        font-size: 25px;
        line-height: 32px;
    }

    .feature-card span {
        width: 390px;
        height: 54px;
        font-size: 14px;
        line-height: 18px;
    }

    .interior {
        height: 2720px;
        min-height: 0;
        margin-bottom: 160px;
    }

    .interior .section-heading {
        height: 368px;
        margin-bottom: 80px;
    }

    .interior-grid {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 1376px;
        height: 2272px;
    }

    .interior-card,
    .interior-card--wide {
        width: 1376px;
        height: 752px;
        min-height: 752px;
        border-radius: 12px;
    }

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

    .interior-card--wide > img {
        inset: 16px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        border-radius: 4px;
    }

    .interior-card:nth-child(3) > img {
        border-radius: 0;
    }

    .interior-card--duo {
        position: relative;
        display: block;
        padding: 0;
    }

    .interior-card--duo .interior-panel {
        position: absolute;
        width: 664px;
        height: 720px;
        min-height: 720px;
        border-radius: 900px 900px 0 0;
    }

    .interior-panel--left {
        left: 16px;
        top: 22px;
    }

    .interior-panel--right {
        left: 696px;
        top: 16px;
    }

    .interior-card--wide .interior-copy {
        left: 32px;
        top: 616px;
        right: auto;
        bottom: auto;
        width: 1269px;
        height: 72px;
        grid-template-columns: 1fr 394px;
        align-items: end;
        gap: 0;
    }

    .interior-card--duo .interior-panel .interior-copy {
        position: absolute;
        top: 552px;
        left: 32px;
        right: auto;
        bottom: auto;
        width: 394px;
        height: 136px;
        display: grid;
        gap: 16px;
        align-content: start;
    }

    .interior-panel--right .interior-copy {
        top: 558px;
    }

    .interior-card h3 {
        font-size: 40px;
        line-height: 48px;
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .interior-card p {
        width: 394px;
        max-width: 394px;
        font-size: 16px;
        line-height: 24px;
    }

    .interior-card--duo p {
        margin-top: 0;
    }

    .menu-section {
        position: relative;
        height: 1186px;
        min-height: 0;
        margin-bottom: 131px;
        display: block;
        overflow: hidden;
    }

    .menu-section .section-heading,
    .poster-section .section-heading,
    .events .section-heading,
    .rules .section-heading,
    .jobs .section-heading,
    .contacts .section-heading {
        height: 396px;
        margin-bottom: 80px;
    }

    .cocktail-stage {
        position: relative;
        width: 1376px;
        height: 710px;
        margin: 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .cocktail-stage::before,
    .cocktail-stage::after {
        display: none;
    }

    .cocktail-card {
        position: absolute;
        top: 16px;
        width: 388px;
        height: 550px;
        border: 1px dashed #837053;
        border-radius: 12px;
        overflow: hidden;
        background-image: url("assets/live/cocktails.jpg");
        background-size: 300% 200%;
        background-position: var(--drink-x) var(--drink-y);
        transition:
            left 420ms ease,
            top 420ms ease,
            transform 420ms ease,
            opacity 420ms ease,
            filter 420ms ease;
        will-change: left, transform, opacity;
    }

    .cocktail-card::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        bottom: 0;
        width: 454px;
        height: 112px;
        transform: translateX(-50%);
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27112%27%20viewBox%3D%270%200%20454%20112%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1.95503e-05%20112C362.732%20112%20453.805%2037.3334%20454%206.67573e-05%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 454px 112px no-repeat;
        pointer-events: none;
    }

    .cocktail-card--active {
        left: 494px;
        top: 16px;
        z-index: 4;
        opacity: 1;
        filter: none;
        background-image:
            linear-gradient(0deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.39)),
            url("assets/live/cocktails.jpg");
    }

    .cocktail-card--far-left {
        left: -321.23px;
        top: 0;
        transform: rotate(5deg);
        z-index: 1;
        opacity: 1;
        filter: none;
    }

    .cocktail-card--left {
        left: 74.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 2;
        opacity: 1;
        filter: none;
    }

    .cocktail-card--right {
        left: 876px;
        top: 0.18px;
        transform: rotate(5deg);
        z-index: 2;
        opacity: 1;
        filter: none;
    }

    .cocktail-card--far-right {
        left: 1262.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 1;
        opacity: 1;
        filter: none;
    }

    .cocktail-card div {
        position: absolute;
        z-index: 2;
        left: 67px;
        top: 426px;
        width: 254px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        color: #ffe0c9;
        text-align: center;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 260ms ease, transform 260ms ease;
        pointer-events: none;
    }

    .cocktail-card--active div {
        opacity: 1;
        transform: translateY(0);
    }

    .cocktail-card strong {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .cocktail-card span {
        font-size: 16px;
        line-height: 24px;
    }

    .cocktail-arrow {
        position: absolute;
        z-index: 8;
        top: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 0;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
        transition: background 180ms ease, transform 180ms ease;
        cursor: pointer;
    }

    .cocktail-arrow:hover {
        background: rgba(131, 112, 83, 0.42);
    }

    .cocktail-arrow--prev {
        left: 62px;
    }

    .cocktail-arrow--next {
        right: 62px;
    }

    .cocktail-arrow::before {
        content: none;
    }

    .slider-arrow-icon {
        display: block;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        pointer-events: none;
    }

    .menu-section > .pill-button {
        position: absolute;
        left: 50%;
        top: 1106px;
        width: 260px;
        height: 80px;
        min-height: 80px;
        transform: translateX(-50%);
    }

    .poster-section {
        position: relative;
        height: 1140px;
        min-height: 0;
        margin-bottom: 189px;
        display: block;
    }

    .poster-grid {
        position: relative;
        width: 1376px;
        height: 664px;
        margin: 0;
        display: block;
    }

    .poster-card {
        position: absolute;
        width: 454px;
        height: 617px;
        min-height: 617px;
        display: flex;
        flex-direction: column;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }

    .poster-card--past {
        left: 0;
        top: 48px;
    }

    .poster-card--featured {
        left: 461px;
        top: 0;
    }

    .poster-card--soon {
        left: 922px;
        top: 48px;
        width: 454px;
    }

    .poster-image {
        position: relative;
        width: 100%;
        height: 505px;
        min-height: 505px;
        flex: 0 0 505px;
        overflow: hidden;
        border: 0;
        border-radius: 12px;
        background: #050303;
    }

    .poster-image::before {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27505%27%20viewBox%3D%270%200%20454%20505%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M0.5%2012.5C0.5%205.8726%205.87258%200.5%2012.5%200.5H441.5C448.127%200.5%20453.5%205.87258%20453.5%2012.5V492.5C453.5%20499.127%20448.127%20504.5%20441.5%20504.5H12.5C5.87259%20504.5%200.5%20499.127%200.5%20492.5V12.5Z%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        pointer-events: none;
    }

    .poster-image img {
        position: absolute;
        left: 16.5px;
        top: 16.5px;
        width: 421px;
        height: 472px;
        max-width: none;
        object-fit: cover;
        object-position: center;
    }

    .poster-card--soon .poster-image img {
        width: 421px;
    }

    .poster-image::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 16.5px;
        top: 16.5px;
        width: 421px;
        height: 472px;
        background: rgba(0, 0, 0, 0.2);
        pointer-events: none;
    }

    .poster-content {
        position: absolute;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        color: #ffe0c9;
        text-align: center;
    }

    .poster-card--past .poster-content {
        left: 47px;
        bottom: 31px;
        width: 357px;
        height: 112px;
        gap: 16px;
    }

    .poster-card--featured .poster-content {
        left: 47px;
        top: 247px;
        width: 357px;
        height: 192px;
        gap: 24px;
    }

    .poster-card--soon .poster-content {
        left: 47px;
        bottom: 31px;
        width: 358px;
        height: 160px;
        gap: 16px;
    }

    .poster-copy {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .poster-tag {
        width: 102px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 16px;
        border-radius: 900px;
        background: rgba(221, 38, 38, 0.4);
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
        text-transform: none;
        backdrop-filter: blur(10px);
    }

    .poster-card h3 {
        width: 100%;
        margin: 0;
        color: #ffe0c9;
        font-size: 40px;
        line-height: 48px;
        font-weight: 400;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
    }

    .poster-card p {
        width: 100%;
        margin: 0;
        color: #ffe0c9;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .poster-footer {
        position: relative;
        width: 100%;
        height: 112px;
        min-height: 112px;
        flex: 0 0 112px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        overflow: hidden;
    }

    .poster-footer::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 0;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27112%27%20viewBox%3D%270%200%20454%20112%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.5%27%20y%3D%270%27%20width%3D%27453%27%20height%3D%27111.5%27%20rx%3D%2712%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3Cpath%20d%3D%27M454.5%20112C91.768%20112%200.695015%2037.333%200.499996%200%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        pointer-events: none;
    }

    .poster-card--featured .poster-footer::before {
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27112%27%20viewBox%3D%270%200%20454%20112%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.5%27%20y%3D%270%27%20width%3D%27453%27%20height%3D%27111.5%27%20rx%3D%2712%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    }

    .poster-card--soon .poster-footer::before {
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27112%27%20viewBox%3D%270%200%20454%20112%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.5%27%20y%3D%270%27%20width%3D%27453%27%20height%3D%27111.5%27%20rx%3D%2712%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    }

    .poster-card--soon .poster-footer::after {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%27454%27%20height%3D%27112%27%20viewBox%3D%270%200%20454%20112%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1.95503e-05%20112C362.732%20112%20453.805%2037.3334%20454%206.67573e-05%27%20stroke%3D%27%23837053%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-dasharray%3D%272%203%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        pointer-events: none;
    }

    .poster-status {
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        width: max-content;
        max-width: calc(100% - 64px);
        color: #ffe0c9;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }

    .poster-card--past .poster-status {
        opacity: 0.5;
    }

    .poster-date {
        position: absolute;
        z-index: 2;
        left: 31px;
        top: 50%;
        width: 105px;
        height: 58px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 0;
        color: #ffe0c9;
        transform: translateY(-50%);
    }

    .poster-date strong {
        width: 105px;
        margin: 0;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 25px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .poster-date span {
        width: 105px;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
    }

    .poster-card--featured .pill-button {
        position: absolute;
        z-index: 2;
        left: 267px;
        top: 31px;
        right: auto;
        bottom: auto;
        width: 153px;
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 900px;
        font-size: 16px;
        line-height: 24px;
    }

    .events {
        position: relative;
        height: 1972px;
        min-height: 0;
        margin-bottom: 0;
        display: block;
        overflow: hidden;
    }

    .events .section-heading p:not(.eyebrow) {
        width: 662px;
    }

    .events .section-heading .pill-button {
        position: absolute;
        left: 590px;
        top: 776px;
        z-index: 3;
        width: 260px;
        height: 80px;
        min-height: 80px;
        display: inline-flex;
        padding: 28px 40px;
        font-size: 16px;
    }

    .service-words {
        position: absolute;
        left: 32px;
        top: 476px;
        width: 1376px;
        height: 252px;
        display: block;
        text-align: center;
    }

    .service-words span,
    .event-offer {
        font-family: "Anticva", "Cormorant", serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #ffe0c9;
    }

    .service-words span {
        position: absolute;
        display: block;
        margin: 0;
        white-space: nowrap;
        font-size: 60px;
        line-height: 68px;
        letter-spacing: 0;
    }

    .service-words span:nth-of-type(1) {
        left: 122.5px;
        top: 0;
        width: 504px;
    }

    .service-words span:nth-of-type(2) {
        left: 714.5px;
        top: 0;
        width: 539px;
    }

    .service-words span:nth-of-type(3) {
        left: 164px;
        top: 92px;
        width: 500px;
    }

    .service-words span:nth-of-type(4) {
        left: 752px;
        top: 92px;
        width: 460px;
    }

    .service-words span:nth-of-type(5) {
        left: 294px;
        top: 184px;
        width: 788px;
    }

    .service-keyhole {
        position: absolute;
        width: 40px;
        height: 52px;
        display: block;
        color: #ffe0c9;
        opacity: 1;
        transform: none;
    }

    .service-keyhole:nth-of-type(1) {
        left: 650.5px;
        top: 8px;
    }

    .service-keyhole:nth-of-type(2) {
        left: 688px;
        top: 100px;
    }

    .service-keyhole__ring {
        fill: none;
        stroke: currentColor;
        stroke-width: 1;
        vector-effect: non-scaling-stroke;
    }

    .service-keyhole__hole {
        fill: currentColor;
        stroke: none;
    }

    .event-offer {
        position: absolute;
        left: calc(50% - 363.5px);
        top: 976px;
        width: 727px;
        margin: 0;
        font-size: 40px;
        line-height: 48px;
        text-align: center;
    }

    .event-grid {
        position: absolute;
        left: 69px;
        top: 1120px;
        width: 1376px;
        height: 692px;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .event-grid::-webkit-scrollbar {
        display: none;
    }

    .event-card {
        width: 640px;
        height: 692px;
        min-height: 692px;
        flex: 0 0 640px;
        padding: 0;
        border-radius: 12px;
        scroll-snap-align: start;
    }

    .event-card::before {
        content: none;
    }

    .event-card::after {
        content: none;
    }

    .event-card img {
        inset: 16px;
        width: 608px;
        height: 660px;
        border-radius: 900px 900px 0 0;
    }

    .event-card p,
    .event-card .pill-button {
        position: absolute;
        z-index: 3;
    }

    .event-card p {
        top: 32px;
        left: calc(50% - 64px);
        width: 128px;
        margin: 0;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
    }

    .event-card p strong {
        display: block;
        margin-top: 8px;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .event-card h3 {
        position: absolute;
        z-index: 3;
        left: 48px;
        top: 500px;
        bottom: auto;
        width: 544px;
        font-size: 40px;
        line-height: 48px;
        color: #ffe0c9;
    }

    .event-card:nth-child(2) h3 {
        top: 452px;
    }

    .event-card:nth-child(3) p {
        color: #817165;
    }

    .event-card:nth-child(3) h3 {
        left: calc(50% - 329px / 2 + 0.5px);
        width: 329px;
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .event-card .pill-button {
        left: 50%;
        top: 580px;
        bottom: auto;
        width: 179px;
        height: 48px;
        min-height: 48px;
        transform: translateX(-50%);
    }

    .event-card:nth-child(3) .pill-button {
        width: 162px;
        padding: 15px 24px;
        color: #450101;
        font-size: 14px;
        line-height: 18px;
    }

    .event-arrow {
        position: absolute;
        z-index: 8;
        top: 1396px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 0;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
        transition: background 180ms ease;
        cursor: pointer;
    }

    .event-arrow:hover {
        background: rgba(131, 112, 83, 0.42);
    }

    .event-arrow--prev {
        left: 69px;
    }

    .event-arrow--next {
        right: 69px;
    }

    .event-arrow::before {
        content: none;
    }

    .gift {
        height: 1209px;
        min-height: 0;
        margin-bottom: 160px;
    }

    .gift .section-heading {
        height: 368px;
        margin-bottom: 79px;
    }

    .gift-layout {
        display: flex;
        align-items: center;
        gap: 24px;
        height: 390px;
        margin-bottom: 64px;
    }

    .gift-layout > img {
        width: 664px;
        height: 390px;
        object-fit: contain;
        border: 0;
        border-radius: 0;
    }

    .gift-intro {
        width: 423px;
        display: grid;
        gap: 32px;
    }

    .gift-intro h3,
    .gift-copy h3 {
        margin: 0;
        font-family: "Anticva", "Cormorant", serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #ffe0c9;
    }

    .gift-intro h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .gift-intro p {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .gift-copy {
        width: 1320px;
        margin: 0 auto;
        gap: 64px;
        text-align: center;
    }

    .gift-copy h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .gift-features {
        grid-template-columns: 282px 0 282px 0 282px 0 282px;
        align-items: flex-start;
        justify-content: start;
        gap: 32px;
        width: 1320px;
        height: 181px;
    }

    .gift-feature {
        width: 282px;
        height: 172px;
        gap: 32px;
        padding: 0;
        border: 0;
        color: #ffe0c9;
    }

    .gift-feature--nominal {
        height: 173px;
    }

    .gift-feature--privacy {
        height: 177px;
        justify-content: space-between;
        gap: 38px;
    }

    .gift-feature-separator {
        display: block;
        width: 0;
        height: 181px;
        padding: 0;
        border: 0;
        border-left: 1px dashed #837053;
        opacity: 0.7;
    }

    .gift-feature__text {
        width: 282px;
        height: 80px;
        gap: 16px;
        justify-content: center;
    }

    .gift-feature__text strong {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .gift-feature__text > span {
        display: block;
        font-size: 14px;
        line-height: 18px;
    }

    .gift-feature--universal .gift-feature__text > span,
    .gift-feature--duration .gift-feature__text > span {
        width: 271px;
    }

    .gift-feature--nominal .gift-feature__text > span {
        width: 282px;
    }

    .gift-feature--privacy .gift-feature__text > span {
        width: 218px;
    }

    .rules {
        height: 1252px;
        min-height: 0;
        margin-bottom: 160px;
        display: block;
        overflow: hidden;
    }

    .rules-stage {
        position: relative;
        width: 1376px;
        height: 776px;
        overflow: visible;
    }

    .rules-grid {
        position: absolute;
        left: -426px;
        top: 0;
        width: 2229px;
        height: 608px;
        display: block;
        transform: translateX(calc(var(--rules-offset, 0) * -452px));
        transition: transform 0.45s ease;
    }

    .rules-grid article {
        position: absolute;
        overflow: hidden;
        width: 420px;
        height: 560px;
        min-height: 560px;
        padding: 0;
        border-radius: 12px;
        border: 1px dashed rgba(131, 112, 83, 0.88);
        background: rgba(0, 0, 0, 0.04);
    }

    .rules-grid article:not(.rules-photo)::before,
    .rules-grid article:not(.rules-photo)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 420px;
        height: 560px;
        opacity: 1;
        background-repeat: no-repeat;
        background-size: 420px 560px;
        pointer-events: none;
        z-index: 0;
    }

    .rules-grid article:not(.rules-photo)::before {
        background-image: url("data:image/svg+xml,%3Csvg width='420' height='560' viewBox='0 0 420 560' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.90735e-06 0C335.567 0 419.82 373.333 420 560' stroke='%23837053' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    }

    .rules-grid article:not(.rules-photo)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='420' height='560' viewBox='0 0 420 560' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M420 0C84.433 0 0.180412 373.333 0 560' stroke='%23837053' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    }

    .rules-card--far-left {
        left: calc(50% - 420px / 2 - 904.5px);
        top: 48px;
    }

    .rules-card--left {
        left: calc(50% - 420px / 2 - 452.49px);
        top: 0;
    }

    .rules-card--photo {
        left: calc(50% - 420px / 2 - 0.49px);
        top: 48px;
    }

    .rules-card--right {
        left: calc(50% - 420px / 2 + 451.51px);
        top: 0;
    }

    .rules-card--far-right {
        left: calc(50% - 420px / 2 + 904.5px);
        top: 48px;
    }

    .rules-card-keyhole {
        position: absolute;
        z-index: 2;
        left: calc(50% - 40px / 2 - 0.01px);
        top: 96px;
        width: 40px;
        height: 52px;
        color: #837053;
        opacity: 1;
        pointer-events: none;
    }

    .rules-card-keyhole__ring {
        fill: none;
        stroke: currentColor;
        stroke-width: 1.1;
        vector-effect: non-scaling-stroke;
    }

    .rules-card-keyhole__hole {
        fill: currentColor;
        stroke: none;
    }

    .rules-grid article:not(.rules-photo) p {
        display: none;
    }

    .rules-grid article:not(.rules-photo) span {
        position: absolute;
        z-index: 2;
        left: 32px;
        right: 32px;
        top: 424px;
    }

    .rules h3 {
        margin: 0;
        font-family: "Anticva", "Cormorant", serif;
        font-weight: 400;
        text-transform: uppercase;
        color: #ffe0c9;
        font-size: 40px;
        line-height: 48px;
        text-align: center;
    }

    .rules-grid article:not(.rules-photo) h3 {
        position: absolute;
        z-index: 2;
        left: 32px;
        right: 32px;
        top: 480px;
        letter-spacing: 0;
    }

    .rules p {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }

    .rules span {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .rules-photo {
        padding: 0;
        background: #050303;
    }

    .rules-photo img {
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1;
        filter: saturate(0.98) contrast(1.04);
    }

    .rules-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
        pointer-events: none;
    }

    .rules-photo span {
        position: absolute;
        z-index: 2;
        left: 32px;
        right: 32px;
        top: 288px;
        color: #ffe0c9;
    }

    .rules-photo h3 {
        position: absolute;
        z-index: 2;
        left: 32px;
        right: 32px;
        top: 344px;
    }

    .rules-photo p {
        position: absolute;
        z-index: 2;
        left: 53px;
        right: 53px;
        top: 408px;
        color: #ffe0c9;
        width: 314px;
    }

    .rules-slider {
        position: absolute;
        left: 0;
        top: 656px;
        width: 1376px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 48px;
        color: #ffe0c9;
    }

    .rules-slider > span {
        width: 23px;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }

    .rules-slider__buttons {
        width: 216px;
        height: 120px;
        display: flex;
        align-items: center;
    }

    .rules-arrow {
        width: 120px;
        height: 120px;
        margin: 0 -24px 0 0;
        display: grid;
        place-items: center;
        border-radius: 900px;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
    }

    .rules-arrow--next {
        margin-right: 0;
    }

    .rules-arrow:hover {
        background: rgba(131, 112, 83, 0.42);
    }

    .jobs {
        height: 984px;
        min-height: 0;
        margin-bottom: 160px;
    }

    .job-grid {
        width: 1376px;
        height: 508px;
        grid-template-columns: repeat(4, 338px);
        align-items: start;
        gap: 8px;
    }

    .job-card {
        position: relative;
        width: 338px;
        height: 460px;
        min-height: 460px;
        display: block;
        padding: 32px;
        border-radius: 12px;
        overflow: hidden;
        background: transparent;
    }

    .job-card::before {
        width: 338px;
        height: 460px;
        background-size: 338px 460px;
    }

    .job-card:nth-child(even) {
        margin-top: 48px;
    }

    .job-card > span {
        position: absolute;
        left: 32px;
        top: 32px;
        color: #817165;
        font-size: 14px;
        line-height: 18px;
    }

    .job-card strong {
        position: absolute;
        left: 32px;
        top: 58px;
        font-size: 40px;
        line-height: 48px;
    }

    .job-card p {
        position: absolute;
        left: 32px;
        margin: 0;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
    }

    .job-card p:nth-of-type(1) {
        top: 184px;
    }

    .job-card p:nth-of-type(2) {
        top: 218px;
    }

    .job-card:nth-child(3) p:nth-of-type(1) {
        top: 216px;
    }

    .job-card:nth-child(3) p:nth-of-type(2) {
        top: 250px;
    }

    .job-card p b {
        display: inline-block;
        width: 88px;
        color: #817165;
        font-weight: 400;
    }

    .job-card h3 {
        position: absolute;
        left: 32px;
        top: 276px;
        width: 280px;
        font-size: 25px;
        line-height: 32px;
    }

    .job-card:nth-child(3) h3 {
        top: 308px;
        height: 32px;
    }

    .job-card .pill-button {
        position: absolute;
        left: 32px;
        top: 380px;
        width: 159px;
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
    }

    .contacts {
        height: auto;
        min-height: 0;
        margin-bottom: 120px;
        display: block;
    }

    .contacts .section-heading {
        width: 1440px;
        max-width: 1440px;
        margin-left: -32px;
    }

    .contacts .section-heading h2 {
        width: 1440px;
    }

    .map-block {
        width: 1440px;
        height: 590px;
        min-height: 590px;
        margin-left: -32px;
        border: 0;
        border-radius: 0;
    }

    .map-block > img {
        width: 100%;
        height: 590px;
        min-height: 590px;
        object-fit: cover;
        opacity: 0.84;
        filter: grayscale(0.8) contrast(1.12) brightness(0.88);
    }

    .contact-card {
        right: 147px;
        top: 45px;
        bottom: auto;
        width: 388px;
        height: 500px;
        display: block;
        padding: 0;
        border-radius: 12px;
        background: #010101;
    }

    .contact-key {
        position: absolute;
        left: calc(50% - 93px / 2);
        top: 147px;
        width: 93px;
        height: 45px;
    }

    .contact-card p,
    .contact-card a {
        position: absolute;
        left: calc(50% - 324px / 2);
        width: 324px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .contact-card p {
        top: 260px;
        height: 96px;
        gap: 16px;
    }

    .contact-card a.contact-card__phone {
        top: 404px;
        height: 64px;
        gap: 16px;
    }

    .contact-card a:not(.contact-card__phone) {
        top: 468px;
        height: 64px;
        gap: 16px;
    }

    .contact-card small {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .contact-card span {
        display: block;
        margin: 0;
        color: #817165;
    }

    .site-footer {
        position: relative;
        display: block;
        height: 1298px;
        padding: 0;
        border-top: 0;
        gap: 0;
    }

    .site-footer > .star {
        position: absolute;
        left: 32px;
        top: 0;
        width: 1376px;
        height: 190px;
        margin: 0;
    }

    .footer-content {
        position: absolute;
        left: 32px;
        top: 218px;
        width: 1376px;
        height: 376px;
        margin: 0;
    }

    .footer-column {
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        color: #ffe0c9;
        text-align: center;
    }

    .footer-column p {
        margin: 0 0 16px;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .footer-column a,
    .footer-column span {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-contacts {
        left: 87px;
        width: 279px;
        height: 144px;
        gap: 8px;
    }

    .footer-contacts p {
        margin-bottom: 24px;
    }

    .site-footer nav.footer-column {
        left: 499px;
        width: 378px;
        height: 232px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 16px;
        color: #ffe0c9;
    }

    .site-footer nav.footer-column p {
        width: 378px;
        height: 24px;
        margin: 0 0 16px;
        color: #817165;
        text-align: center;
    }

    .site-footer nav.footer-column a {
        display: block;
        height: 32px;
        margin: 0;
        color: #ffe0c9;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 25px;
        line-height: 32px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .footer-social {
        left: 1042px;
        width: 216px;
        height: 176px;
    }

    .footer-social__links {
        display: flex;
        width: 216px;
        height: 120px;
    }

    .footer-social a {
        position: relative;
        width: 120px;
        height: 120px;
        flex: 0 0 120px;
        display: block;
        margin: 0 -24px 0 0;
        border: 0;
        border-radius: 50%;
        font-size: 0;
        backdrop-filter: blur(10px);
    }

    .footer-social a:last-child {
        margin-right: 0;
    }

    .footer-social a::before {
        content: "";
        position: absolute;
        left: 48px;
        top: 50.4px;
        z-index: 2;
        width: 23.11px;
        height: 19.56px;
        display: block;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.9993%202.96037C11.9295%203.83941%207.7926%205.6588%201.58877%208.41854C0.581363%208.82757%200.0536399%209.22773%200.00559891%209.619C-0.0755916%2010.2803%200.735434%2010.5406%201.83984%2010.8952C1.99007%2010.9434%202.14573%2010.9934%202.30531%2011.0464C3.39188%2011.407%204.8535%2011.8289%205.61334%2011.8457C6.30259%2011.8609%207.07187%2011.5707%207.92118%2010.9753C13.7176%206.98026%2016.7097%204.96098%2016.8976%204.91745C17.0301%204.88674%2017.2138%204.84812%2017.3382%204.96104C17.4626%205.07397%2017.4504%205.28783%2017.4372%205.3452C17.3569%205.69491%2014.1733%208.71689%2012.5258%2010.2808C12.0122%2010.7683%2011.6479%2011.1141%2011.5734%2011.1931C11.4066%2011.37%2011.2365%2011.5374%2011.0731%2011.6982C10.0637%2012.6918%209.30669%2013.4369%2011.115%2014.6536C11.9841%2015.2383%2012.6795%2015.7219%2013.3732%2016.2042C14.1308%2016.731%2014.8865%2017.2565%2015.8642%2017.9109C16.1133%2018.0776%2016.3512%2018.2507%2016.583%2018.4194C17.4647%2019.0612%2018.2568%2019.6378%2019.2355%2019.5459C19.8041%2019.4924%2020.3915%2018.9465%2020.6898%2017.3182C21.3948%2013.4701%2022.7806%205.13236%2023.1008%201.69658C23.1289%201.39556%2023.0936%201.01032%2023.0653%200.841207C23.0369%200.672094%2022.9777%200.431143%2022.7624%200.252775C22.5074%200.041533%2022.1138%20-0.00301264%2021.9377%200.00015348C21.1373%200.01455%2019.9093%200.450535%2013.9993%202.96037Z%22%20fill%3D%22%23FFE0C9%22%2F%3E%3C%2Fsvg%3E") center / 23.11px 19.56px no-repeat;
    }

    .footer-social a::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22119%22%20height%3D%22119%22%20rx%3D%2259.5%22%20stroke%3D%22%23837053%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%221%203%22%2F%3E%3C%2Fsvg%3E") center / 120px 120px no-repeat;
        pointer-events: none;
    }

    .footer-social a:nth-child(2)::before {
        content: none;
    }

    .footer-legal {
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        width: 1376px;
        height: 24px;
        display: block;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .footer-legal > * {
        position: absolute;
        bottom: 0;
        display: block;
        white-space: nowrap;
    }

    .footer-legal a {
        left: 0;
        width: 249px;
    }

    .footer-legal span:last-child {
        left: 1031px;
        bottom: 3px;
        width: 345px;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
    }

    .footer-legal span:nth-child(2) {
        left: calc(50% - 259px / 2 + 0.5px);
        width: 259px;
        text-align: center;
    }

    .site-footer .subscribe {
        position: absolute;
        left: 0;
        top: 622px;
        height: 676px;
        min-height: 676px;
        margin: 0;
        padding: 0;
        border-top: 0;
    }

    .site-footer .subscribe > img {
        top: 0;
        bottom: auto;
        width: 1440px;
        height: 476px;
        object-fit: cover;
        opacity: 0.76;
    }

    .site-footer .subscribe::after {
        bottom: auto;
        height: 476px;
        background: rgba(0, 0, 0, 0.4);
    }

    .site-footer .subscribe > div {
        position: absolute;
        left: calc(50% - 316.5px);
        top: 116px;
        width: 633px;
        margin: 0;
        justify-items: center;
        gap: 32px;
        text-align: center;
    }

    .site-footer .subscribe h2 {
        width: 633px;
        font-size: 60px;
        line-height: 68px;
    }

    .site-footer .subscribe p {
        width: 500px;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .subscribe-form {
        width: 453px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 16px 16px 16px 24px;
        background: #010101;
        border-radius: 8px;
    }

    .subscribe-form input {
        min-height: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 16px;
        line-height: 24px;
    }

    .subscribe-arrow {
        width: 24px;
        height: 24px;
        padding: 0;
        background: transparent;
        cursor: pointer;
    }

    .subscribe-arrow::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 3L17.6 12L8.4 21' stroke='%23FFE0C9' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .site-footer .subscribe strong {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1440px;
        height: 200px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 196px;
        font-weight: 600;
        line-height: 200px;
        text-align: center;
        letter-spacing: 0;
        text-transform: uppercase;
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .modal-card {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 716px;
        height: 796px;
        max-height: none;
        margin: 0;
        padding: 24px 64px 64px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        overflow: hidden;
        border: 0;
        border-radius: 24px;
        transform: translate(-50%, -50%);
    }

    .modal-card .panel-close {
        position: relative;
        top: auto;
        right: auto;
        width: 103px;
        height: 36px;
        min-height: 36px;
        padding: 0;
        background: transparent;
        font-family: "Inter", Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        text-transform: none;
    }

    .modal-card h2 {
        width: 588px;
        margin: 12px 0 0;
        font-size: 52px;
        line-height: 68px;
        text-align: center;
        white-space: nowrap;
    }

    .modal-card > p:not(.form-status) {
        width: 588px;
        margin: 0;
        color: #ffe0c9;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
    }

    .modal-card label:not(.form-check) {
        width: 588px;
        height: 48px;
        display: block;
        margin: 0;
    }

    .modal-card label:not(.form-check) span {
        display: none;
    }

    .modal-card input,
    .modal-card textarea {
        min-height: 48px;
        height: 48px;
        padding: 12px 16px;
        border: 0;
        border-radius: 8px;
        background: var(--bg-inputs);
        color: var(--text);
        resize: none;
    }

    .modal-card input::placeholder,
    .modal-card textarea::placeholder {
        color: var(--text-muted);
    }

    .form-check {
        width: 428px;
        height: 24px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
    }

    .form-check input {
        width: 24px;
        min-width: 24px;
        height: 24px;
        min-height: 24px;
        accent-color: #880e0e;
    }

    .modal-card .submit-button {
        width: 260px;
        height: 80px;
        min-height: 80px;
        padding: 28px 40px;
    }

    .form-status {
        width: 588px;
        min-height: 18px;
        margin: -18px 0 0;
        text-align: center;
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width: 760px) {
    html,
    body {
        width: 100%;
        min-width: 320px;
        overflow-x: hidden;
        background: #010101;
    }

    body::before {
        opacity: 0.35;
        background-size: 720px 720px;
    }

    body::after {
        width: 375px;
        min-height: 14875px;
        height: 100%;
        background:
            radial-gradient(ellipse 393px 206px at 455px 160px, rgba(156, 6, 18, 0.42), rgba(100, 10, 12, 0.18) 45%, transparent 74%),
            radial-gradient(ellipse 393px 206px at -210px 1750px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.16) 46%, transparent 76%),
            radial-gradient(ellipse 393px 206px at 430px 3860px, rgba(156, 6, 18, 0.3), rgba(100, 10, 12, 0.14) 46%, transparent 76%),
            radial-gradient(ellipse 393px 206px at -240px 5740px, rgba(156, 6, 18, 0.3), rgba(100, 10, 12, 0.14) 46%, transparent 76%),
            radial-gradient(ellipse 393px 206px at 470px 7380px, rgba(156, 6, 18, 0.28), rgba(100, 10, 12, 0.12) 48%, transparent 76%),
            radial-gradient(ellipse 393px 206px at -270px 8750px, rgba(156, 6, 18, 0.28), rgba(100, 10, 12, 0.12) 48%, transparent 76%),
            radial-gradient(ellipse 393px 206px at 480px 11460px, rgba(156, 6, 18, 0.28), rgba(100, 10, 12, 0.12) 48%, transparent 76%);
    }

    main,
    .site-header,
    .section-dark,
    .section-pad,
    .site-footer,
    .subscribe {
        width: min(100%, 375px);
        max-width: 375px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-header {
        position: sticky;
        top: 0;
        z-index: 40;
        height: 72px;
        min-height: 72px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px;
        border-bottom: 1px dashed rgba(131, 112, 83, 0.72);
        background: rgba(1, 1, 1, 0.82);
        backdrop-filter: blur(12px);
    }

    .header-place,
    .header-phone,
    .header-actions {
        display: none;
    }

    .brand {
        width: 79px;
        height: 36px;
        min-height: 36px;
        justify-self: auto;
    }

    .nav-trigger {
        width: 48px;
        height: 48px;
        min-height: 48px;
        padding: 0;
        display: grid;
        place-items: center;
    }

    .nav-trigger svg {
        display: none;
    }

    .nav-trigger::before {
        content: "";
        width: 32px;
        height: 8px;
        display: block;
        background: url("data:image/svg+xml,%3Csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.75H32M0 7.25H32' stroke='%23FFE0C9' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center / 32px 8px no-repeat;
    }

    .section-pad {
        padding: 0 12px;
    }

    .pill-button,
    .submit-button {
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 900px;
        font-size: 16px;
        line-height: 24px;
        color: #010101;
        background: var(--button);
    }

    .pill-button--small {
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .section-heading,
    .text-panel {
        width: 351px;
        max-width: 351px;
        margin: 0 auto 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
    }

    .section-heading .eyebrow,
    .text-panel .eyebrow {
        display: none;
    }

    .section-heading h2,
    .text-panel h2,
    .subscribe h2 {
        width: 100%;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
        text-align: center;
    }

    .section-heading p,
    .text-panel p,
    .subscribe p {
        width: 100%;
        color: #ffe0c9;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
    }

    .star {
        width: 351px;
        height: 87px;
        margin: 0;
        flex: 0 0 87px;
    }

    .star::before {
        left: 0;
        top: 56px;
        width: 351px;
        height: 1px;
        opacity: 0.7;
        background: linear-gradient(90deg, rgba(255, 224, 201, 0), #4e453f 46%, #4e453f 54%, rgba(255, 224, 201, 0));
        transform: none;
        border: 0;
    }

    .star::after {
        left: 50%;
        top: 21px;
        width: 24px;
        height: 64px;
        background:
            radial-gradient(ellipse at 50% 60%, rgba(255, 224, 201, 0.54), transparent 42%),
            url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' filter='url(%23a)' d='M0 32L28.4 28.4L32 0L35.6 28.4L64 32L35.6 35.6L32 64L28.4 35.6L0 32Z' fill='%23FFE0C9'/%3E%3Cpath d='M20 32L30.2 30.2L32 20L33.8 30.2L44 32L33.8 33.8L32 44L30.2 33.8L20 32Z' fill='%23FFE0C9'/%3E%3Cdefs%3E%3Cfilter id='a' x='-8' y='-8' width='80' height='80' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 64px 64px no-repeat;
        transform: translateX(-50%);
    }

    .hero {
        width: 375px;
        height: 746px;
        min-height: 746px;
        padding: 0;
        overflow: hidden;
    }

    .hero h1 {
        left: 12px;
        right: 12px;
        top: 120px;
        width: 351px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 80px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: 0;
    }

    .hero-media {
        top: 242px;
        width: 141.48px;
        height: 240px;
    }

    .hero-media::before {
        background: var(--keyhole-outline) center / 141.48px 240px no-repeat;
    }

    .hero-media::after {
        display: none;
    }

    .hero-media img {
        left: 12px;
        top: 12px;
        width: 116px;
        height: 216px;
        clip-path: none;
        -webkit-mask: var(--keyhole-mask) center / 100% 100% no-repeat;
        mask: var(--keyhole-mask) center / 100% 100% no-repeat;
        object-position: 48% 50%;
    }

    .hero .pill-button {
        top: 506px;
        width: 228px;
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
    }

    .video-link {
        top: 214px;
        left: 219px;
        width: 120px;
        height: 120px;
        gap: 8px;
        border-radius: 900px;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
        font-size: 12px;
        line-height: 18px;
    }

    .video-link span {
        width: 24px;
        height: 24px;
        border: 0;
    }

    .video-link span::before {
        border-top-width: 6.5px;
        border-bottom-width: 6.5px;
        border-left-width: 10px;
    }

    .atmo-link {
        top: 578px;
        width: 260px;
        font-size: 16px;
        line-height: 24px;
    }

    .hero-arrow {
        top: 626px;
        height: 32px;
    }

    .acts {
        min-height: 0;
        padding-top: 0;
        margin-bottom: 80px;
    }

    .acts .section-heading {
        width: 351px;
        height: 263px;
        margin-bottom: 32px;
    }

    .acts .section-heading h2 {
        height: 120px;
    }

    .act-grid {
        width: 351px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .act-card {
        width: 351px;
        height: 391px;
        min-height: 391px;
        border-radius: 8px;
    }

    .act-card img {
        inset: 12px;
        width: 327px;
        height: 367px;
    }

    .act-card__content {
        inset: auto 24px 38px;
        gap: 16px;
    }

    .act-card__content p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

    .act-card h3,
    .feature-card h3,
    .interior-card h3,
    .poster-card h3,
    .event-card h3,
    .rules h3,
    .job-card h3 {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .act-card span,
    .feature-card span,
    .interior-card p,
    .poster-card p,
    .rules p,
    .gift-intro p,
    .gift-feature__text > span {
        font-size: 12px;
        line-height: 18px;
    }

    .intro-show {
        min-height: 0;
        display: block;
        padding: 0 12px;
        margin-bottom: 80px;
    }

    .intro-show .text-panel {
        margin-bottom: 32px;
    }

    .show-layout {
        width: 351px;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .show-layout::-webkit-scrollbar {
        display: none;
    }

    .mini-card,
    .feature-card {
        width: 351px;
        height: 600px;
        min-height: 600px;
        flex: 0 0 351px;
        scroll-snap-align: center;
        border-radius: 900px 900px 8px 8px;
    }

    .feature-card {
        padding: 32px 24px;
    }

    .interior {
        min-height: 0;
        margin-bottom: 80px;
    }

    .interior .section-heading {
        height: 207px;
        margin-bottom: 32px;
    }

    .interior-grid {
        width: 352px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .interior-card,
    .interior-card--wide {
        width: 352px;
        height: 390px;
        min-height: 390px;
        border-radius: 8px;
    }

    .interior-card > img,
    .interior-card--wide > img {
        inset: 12px;
        width: 328px;
        height: 366px;
    }

    .interior-card--duo {
        width: 352px;
        height: auto;
        min-height: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 0;
        border: 0;
        background: transparent;
        overflow: visible;
    }

    .interior-panel {
        width: 352px;
        height: 390px;
        min-height: 390px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .interior-panel img {
        inset: 12px;
        width: 328px;
        height: 366px;
        border-radius: 900px 900px 0 0;
    }

    .interior-card .interior-copy,
    .interior-panel .interior-copy {
        left: 24px;
        right: 24px;
        bottom: 36px;
        width: 304px;
        gap: 8px;
        text-align: left;
    }

    .interior-card h3 {
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .interior-card p {
        width: 304px;
        max-width: 304px;
    }

    .menu-section {
        height: 779px;
        min-height: 779px;
        margin-bottom: 88px;
        display: block;
        overflow: hidden;
    }

    .menu-section .section-heading,
    .poster-section .section-heading,
    .events .section-heading,
    .rules .section-heading,
    .jobs .section-heading,
    .contacts .section-heading {
        width: 351px;
        height: auto;
        min-height: 207px;
        margin-bottom: 32px;
    }

    .cocktail-stage {
        position: relative;
        width: 351px;
        height: 460px;
        margin: 0 0 32px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: -13.33px;
        width: 326px;
        height: 460px;
        overflow: hidden;
        border: 1px dashed #837053;
        border-radius: 8px;
        background-image: url("assets/live/cocktails.jpg");
        background-size: 300% 200%;
        background-position: var(--drink-x) var(--drink-y);
    }

    .cocktail-card::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 136px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
        pointer-events: none;
    }

    .cocktail-card--active {
        left: 12.43px;
        top: 0;
        z-index: 4;
        transform: none;
        background-image:
            linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%),
            url("assets/live/cocktails.jpg");
    }

    .cocktail-card--left {
        left: -341px;
        transform: rotate(-5deg);
    }

    .cocktail-card--far-left {
        left: -675px;
        transform: rotate(5deg);
    }

    .cocktail-card--right {
        left: 327px;
        transform: rotate(5deg);
    }

    .cocktail-card--far-right {
        left: 661px;
        transform: rotate(-5deg);
    }

    .cocktail-card div {
        position: absolute;
        z-index: 2;
        left: 24px;
        top: 345px;
        width: 278px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 19px;
        color: #ffe0c9;
        text-align: center;
    }

    .cocktail-card:not(.cocktail-card--active) div {
        display: none;
    }

    .cocktail-card strong {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
    }

    .cocktail-card span {
        font-size: 16px;
        line-height: 24px;
    }

    .cocktail-arrow,
    .event-arrow {
        display: none;
    }

    .menu-section > .pill-button {
        position: relative;
        left: 50%;
        top: auto;
        width: 180px;
        transform: translateX(-50%);
    }

    .poster-section {
        height: 762px;
        min-height: 762px;
        margin-bottom: 80px;
        display: block;
        overflow: hidden;
    }

    .poster-grid {
        position: relative;
        left: 50%;
        width: 1005px;
        height: 523px;
        display: block;
        transform: translateX(-50%);
    }

    .poster-card {
        position: absolute;
        width: 327px;
        height: 470px;
        min-height: 470px;
        display: flex;
        flex-direction: column;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .poster-card--featured {
        left: 339px;
        top: 0;
    }

    .poster-card--past {
        left: 0;
        top: 53px;
    }

    .poster-card--soon {
        left: 678px;
        top: 32px;
        width: 327px;
    }

    .poster-image {
        width: 327px;
        height: 390px;
        min-height: 390px;
        flex: 0 0 390px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .poster-image::before {
        content: none;
    }

    .poster-image img {
        left: 12px;
        top: 12px;
        width: 303px;
        height: 366px;
        max-width: none;
    }

    .poster-image::after {
        left: 12px;
        top: 12px;
        width: 303px;
        height: 366px;
        background: rgba(0, 0, 0, 0.2);
    }

    .poster-content {
        left: 24px;
        right: 24px;
        bottom: 24px;
        width: 279px;
        gap: 12px;
    }

    .poster-card--featured .poster-content {
        top: 218px;
        bottom: auto;
    }

    .poster-tag {
        height: 30px;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 18px;
    }

    .poster-card h3 {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .poster-footer {
        width: 327px;
        height: 80px;
        min-height: 80px;
        flex: 0 0 80px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .poster-footer::before,
    .poster-footer::after {
        content: none;
    }

    .poster-status {
        font-size: 14px;
        line-height: 24px;
    }

    .poster-date {
        left: 12px;
        width: 96px;
        gap: 6px;
    }

    .poster-date strong {
        width: 96px;
        font-size: 22px;
        line-height: 28px;
    }

    .poster-date span {
        width: 96px;
        font-size: 12px;
        line-height: 18px;
    }

    .poster-card--featured .pill-button {
        position: absolute;
        right: 12px;
        top: 20px;
        left: auto;
        width: 128px;
        height: 40px;
        min-height: 40px;
        padding: 11px 16px 10px;
        color: #450101;
        font-size: 12.4px;
        line-height: 19px;
        text-transform: uppercase;
    }

    .events {
        height: 1299px;
        min-height: 1299px;
        margin-bottom: 80px;
        display: block;
        overflow: hidden;
    }

    .events .section-heading {
        min-height: 263px;
        gap: 32px;
        margin-bottom: 48px;
    }

    .events .section-heading p:not(.eyebrow) {
        width: 351px;
    }

    .events .section-heading .pill-button {
        width: 228px;
        margin-top: 16px;
    }

    .service-words {
        width: 351px;
        height: 246px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        gap: 24px;
        margin: 0 auto 48px;
        text-align: center;
    }

    .service-words span {
        position: static;
        width: auto;
        height: 30px;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .service-words span:nth-of-type(5) {
        width: 338px;
    }

    .service-keyhole {
        display: none;
    }

    .event-offer {
        width: 327px;
        margin: 0 auto 32px;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #ffe0c9;
    }

    .event-grid {
        width: 1005px;
        height: 380px;
        display: flex;
        gap: 12px;
        margin-left: calc((351px - 1005px) / 2);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .event-grid::-webkit-scrollbar {
        display: none;
    }

    .event-card {
        width: 327px;
        height: 380px;
        min-height: 380px;
        flex: 0 0 327px;
        padding: 0;
        border-radius: 8px;
        scroll-snap-align: center;
    }

    .event-card::after {
        content: none;
    }

    .event-card img {
        inset: 12px;
        width: 303px;
        height: 356px;
        border-radius: 452px 452px 0 0;
    }

    .event-card p {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 24px;
        width: 128px;
        margin: 0;
        color: #817165;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        transform: translateX(-50%);
    }

    .event-card p strong {
        display: block;
        margin-top: 4px;
        color: #ffe0c9;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
    }

    .event-card h3 {
        position: absolute;
        z-index: 3;
        left: 24px;
        top: 196px;
        width: 279px;
        color: #ffe0c9;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0;
    }

    .event-card .pill-button {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 296px;
        width: 179px;
        transform: translateX(-50%);
    }

    .gift {
        min-height: 0;
        margin-bottom: 80px;
    }

    .gift .section-heading {
        min-height: 223px;
        margin-bottom: 32px;
    }

    .gift-layout {
        width: 351px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin-bottom: 80px;
    }

    .gift-layout > img {
        width: 327px;
        height: 252px;
        object-fit: cover;
        border: 0;
        border-radius: 0;
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='327' height='252' viewBox='0 0 327 252' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M0 0H327V252H0V0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
        mask: url("data:image/svg+xml,%3Csvg width='327' height='252' viewBox='0 0 327 252' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M0 0H327V252H0V0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    }

    .gift-intro {
        width: 351px;
        display: grid;
        justify-items: center;
        gap: 32px;
        text-align: center;
    }

    .gift-intro h3,
    .gift-copy h3 {
        margin: 0;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #ffe0c9;
    }

    .gift-intro p {
        width: 300px;
        margin: 0;
    }

    .gift-copy {
        width: 351px;
        gap: 48px;
        text-align: center;
    }

    .gift-features {
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .gift-feature {
        width: 351px;
        min-height: 128px;
        gap: 24px;
    }

    .gift-feature-separator {
        display: block;
        width: 181px;
        height: 0;
        border: 0;
        border-top: 1px dashed #837053;
        opacity: 0.7;
    }

    .gift-feature__text {
        width: 351px;
        gap: 16px;
    }

    .gift-feature__text strong {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
    }

    .gift-feature__text > span {
        width: min(282px, 100%);
    }

    .rules {
        height: 1016px;
        min-height: 1016px;
        margin-bottom: 80px;
        display: block;
        overflow: hidden;
    }

    .rules-stage {
        width: 351px;
        height: 690px;
        overflow: visible;
    }

    .rules-grid {
        position: relative;
        left: calc(50% - 836px / 2);
        top: 0;
        width: 1672px;
        height: 488px;
        display: block;
        transform: translateX(calc(var(--rules-offset, 0) * -339px));
        transition: transform 0.45s ease;
    }

    .rules-grid article {
        position: absolute;
        width: 327px;
        height: 436px;
        min-height: 436px;
        padding: 0;
        overflow: hidden;
        border: 1px dashed #837053;
        border-radius: 12px;
        background: transparent;
    }

    .rules-grid article:not(.rules-photo)::before,
    .rules-grid article:not(.rules-photo)::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background-repeat: no-repeat;
        background-size: 327px 436px;
        pointer-events: none;
    }

    .rules-grid article:not(.rules-photo)::before {
        background-image: url("data:image/svg+xml,%3Csvg width='327' height='436' viewBox='0 0 327 436' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C261.6 0 326.86 290.667 327 436' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    }

    .rules-grid article:not(.rules-photo)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='327' height='436' viewBox='0 0 327 436' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M327 0C65.4 0 0.14 290.667 0 436' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E");
    }

    .rules-card--far-left {
        left: 0;
        top: 32px;
    }

    .rules-card--left {
        left: 339px;
        top: 0;
    }

    .rules-card--photo {
        left: 678px;
        top: 32px;
    }

    .rules-card--right {
        left: 1017px;
        top: 0;
    }

    .rules-card--far-right {
        left: 1356px;
        top: 32px;
    }

    .rules-card-keyhole {
        position: absolute;
        z-index: 2;
        left: calc(50% - 40px / 2);
        top: 74px;
        width: 40px;
        height: 52px;
        color: #837053;
    }

    .rules-grid article:not(.rules-photo) span {
        position: absolute;
        z-index: 2;
        left: 24px;
        right: 24px;
        top: 316px;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .rules-grid article:not(.rules-photo) h3 {
        position: absolute;
        z-index: 2;
        left: 24px;
        right: 24px;
        top: 356px;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0;
        text-align: center;
    }

    .rules-grid article:not(.rules-photo) p {
        display: none;
    }

    .rules-photo img {
        opacity: 1;
        filter: saturate(0.98) contrast(1.04);
    }

    .rules-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.35);
    }

    .rules-photo span {
        position: absolute;
        z-index: 2;
        top: 220px;
        left: 24px;
        right: 24px;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .rules-photo h3 {
        position: absolute;
        z-index: 2;
        top: 252px;
        left: 24px;
        right: 24px;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
    }

    .rules-photo p {
        position: absolute;
        z-index: 2;
        top: 304px;
        left: 24px;
        right: 24px;
        width: auto;
        color: #ffe0c9;
    }

    .rules-slider {
        position: absolute;
        left: 0;
        top: 536px;
        width: 351px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }

    .rules-slider__buttons {
        width: 216px;
        height: 120px;
        display: flex;
        align-items: center;
    }

    .rules-arrow {
        width: 120px;
        height: 120px;
        margin: 0 -24px 0 0;
        display: grid;
        place-items: center;
        border-radius: 900px;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
    }

    .rules-arrow--next {
        margin-right: 0;
    }

    .jobs {
        height: 984px;
        min-height: 984px;
        margin-bottom: 80px;
        overflow: hidden;
    }

    .job-grid {
        width: 1376px;
        height: 508px;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .job-grid::-webkit-scrollbar {
        display: none;
    }

    .job-card {
        position: relative;
        width: 338px;
        height: 460px;
        min-height: 460px;
        flex: 0 0 338px;
        display: block;
        padding: 32px;
        border-radius: 12px;
        scroll-snap-align: center;
    }

    .job-card:nth-child(even) {
        margin-top: 48px;
    }

    .job-card > span {
        position: absolute;
        left: 32px;
        top: 32px;
        color: #817165;
        font-size: 14px;
        line-height: 18px;
    }

    .job-card strong {
        position: absolute;
        left: 32px;
        top: 58px;
        font-size: 40px;
        line-height: 48px;
    }

    .job-card p {
        position: absolute;
        left: 32px;
        margin: 0;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 18px;
    }

    .job-card p:nth-of-type(1) {
        top: 184px;
    }

    .job-card p:nth-of-type(2) {
        top: 218px;
    }

    .job-card p b {
        display: inline-block;
        width: 88px;
        color: #817165;
        font-weight: 400;
    }

    .job-card h3 {
        position: absolute;
        left: 32px;
        top: 276px;
        width: 280px;
        font-size: 25px;
        line-height: 32px;
    }

    .job-card .pill-button {
        position: absolute;
        left: 32px;
        top: 380px;
        width: 159px;
    }

    .contacts {
        height: 1066px;
        min-height: 1066px;
        margin-bottom: 80px;
        display: block;
    }

    .contacts .section-heading {
        margin-bottom: 32px;
    }

    .map-block {
        width: 375px;
        height: 590px;
        min-height: 590px;
        margin-left: -12px;
        overflow: hidden;
        border: 0;
        border-radius: 0;
    }

    .map-block > img {
        width: 100%;
        height: 590px;
        min-height: 590px;
        object-fit: cover;
        opacity: 0.84;
        filter: grayscale(0.8) contrast(1.12) brightness(0.88);
    }

    .contact-card {
        position: absolute;
        left: 12px;
        right: auto;
        top: 45px;
        bottom: auto;
        width: 351px;
        height: 500px;
        display: block;
        padding: 0;
        border-radius: 12px;
        background: #010101;
    }

    .contact-card::before {
        background-size: 351px 500px;
    }

    .contact-key {
        position: absolute;
        left: calc(50% - 93px / 2);
        top: 125px;
        width: 93px;
        height: 45px;
    }

    .contact-card p,
    .contact-card a {
        position: absolute;
        left: 24px;
        width: 303px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .contact-card p {
        top: 268px;
        gap: 16px;
    }

    .contact-card a {
        top: 412px;
        gap: 16px;
    }

    .contact-card span {
        color: #817165;
    }

    .contact-card small {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .site-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        height: auto;
        min-height: 0;
        padding: 0;
        border-top: 0;
    }

    .site-footer > .star {
        width: 351px;
        height: 87px;
        flex: 0 0 87px;
    }

    .footer-content {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 736px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 0 12px;
    }

    .footer-column {
        position: static;
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        text-align: center;
    }

    .footer-column p {
        width: 351px;
        margin: 0 0 16px;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .footer-column a,
    .footer-column span {
        width: 351px;
        color: #ffe0c9;
        font-size: 16px;
        line-height: 24px;
    }

    .site-footer nav.footer-column {
        position: static;
        width: 351px;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex-wrap: nowrap;
    }

    .site-footer nav.footer-column p {
        margin: 0 0 8px;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
    }

    .site-footer nav.footer-column a {
        width: 351px;
        height: 28px;
        color: #ffe0c9;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .footer-social {
        position: static;
        width: 351px;
        height: 168px;
        gap: 24px;
    }

    .footer-social__links {
        width: 216px;
        height: 120px;
        display: flex;
        justify-content: center;
    }

    .footer-social a {
        position: relative;
        width: 120px;
        height: 120px;
        flex: 0 0 120px;
        margin: 0 -24px 0 0;
        border: 0;
        font-size: 0;
        border-radius: 50%;
        backdrop-filter: blur(10px);
    }

    .footer-social a:last-child {
        margin-right: 0;
    }

    .footer-social a::before {
        content: "";
        position: absolute;
        left: 48px;
        top: 50.4px;
        z-index: 2;
        width: 23.11px;
        height: 19.56px;
        display: block;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.9993%202.96037C11.9295%203.83941%207.7926%205.6588%201.58877%208.41854C0.581363%208.82757%200.0536399%209.22773%200.00559891%209.619C-0.0755916%2010.2803%200.735434%2010.5406%201.83984%2010.8952C1.99007%2010.9434%202.14573%2010.9934%202.30531%2011.0464C3.39188%2011.407%204.8535%2011.8289%205.61334%2011.8457C6.30259%2011.8609%207.07187%2011.5707%207.92118%2010.9753C13.7176%206.98026%2016.7097%204.96098%2016.8976%204.91745C17.0301%204.88674%2017.2138%204.84812%2017.3382%204.96104C17.4626%205.07397%2017.4504%205.28783%2017.4372%205.3452C17.3569%205.69491%2014.1733%208.71689%2012.5258%2010.2808C12.0122%2010.7683%2011.6479%2011.1141%2011.5734%2011.1931C11.4066%2011.37%2011.2365%2011.5374%2011.0731%2011.6982C10.0637%2012.6918%209.30669%2013.4369%2011.115%2014.6536C11.9841%2015.2383%2012.6795%2015.7219%2013.3732%2016.2042C14.1308%2016.731%2014.8865%2017.2565%2015.8642%2017.9109C16.1133%2018.0776%2016.3512%2018.2507%2016.583%2018.4194C17.4647%2019.0612%2018.2568%2019.6378%2019.2355%2019.5459C19.8041%2019.4924%2020.3915%2018.9465%2020.6898%2017.3182C21.3948%2013.4701%2022.7806%205.13236%2023.1008%201.69658C23.1289%201.39556%2023.0936%201.01032%2023.0653%200.841207C23.0369%200.672094%2022.9777%200.431143%2022.7624%200.252775C22.5074%200.041533%2022.1138%20-0.00301264%2021.9377%200.00015348C21.1373%200.01455%2019.9093%200.450535%2013.9993%202.96037Z%22%20fill%3D%22%23FFE0C9%22%2F%3E%3C%2Fsvg%3E") center / 23.11px 19.56px no-repeat;
    }

    .footer-social a:nth-child(2) {
        display: grid;
        place-items: center;
        color: #ffe0c9;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .footer-social a:nth-child(2)::before {
        content: none;
    }

    .footer-social a::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='119' height='119' rx='59.5' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") center / 120px 120px no-repeat;
        pointer-events: none;
    }

    .footer-legal {
        position: static;
        width: 351px;
        height: 128px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        color: #817165;
    }

    .footer-legal > * {
        position: static;
        width: 351px;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        white-space: normal;
    }

    .site-footer .subscribe {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 542px;
        min-height: 542px;
        margin: 0;
        padding: 0;
        display: block;
        border-top: 0;
    }

    .site-footer .subscribe > img {
        position: absolute;
        inset: 0 auto auto 0;
        width: 375px;
        height: 382px;
        object-fit: cover;
        opacity: 0.76;
        filter: contrast(1.08) brightness(0.94) saturate(1.04);
    }

    .site-footer .subscribe::after {
        height: 382px;
        background: rgba(0, 0, 0, 0.4);
    }

    .site-footer .subscribe > div {
        position: absolute;
        left: 12px;
        top: 88px;
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        margin: 0;
        text-align: center;
    }

    .site-footer .subscribe h2 {
        width: 351px;
        font-size: 25px;
        line-height: 30px;
    }

    .site-footer .subscribe p {
        width: 350px;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

    .subscribe-form {
        width: 351px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 16px 16px 16px 24px;
        background: #010101;
        border-radius: 8px;
    }

    .subscribe-form input {
        width: 152px;
        min-height: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .subscribe-arrow {
        width: 24px;
        height: 24px;
        padding: 0;
        background: transparent;
    }

    .subscribe-arrow::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 3L17.6 12L8.4 21' stroke='%23FFE0C9' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .site-footer .subscribe strong {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 375px;
        height: 160px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 80px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        background: var(--title);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .menu-panel {
        width: 100%;
        padding: 84px 12px 32px;
    }

    .menu-panel nav {
        width: 351px;
        gap: 16px;
    }

    .menu-panel a,
    .modal-card h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .panel-close {
        right: 12px;
    }

    .modal-card {
        width: calc(100% - 24px);
        padding: 40px 20px 24px;
    }
}

@media (max-width: 760px) {
    .site-header {
        justify-content: flex-start;
        gap: 0;
        padding: 0 12px;
        background:
            repeating-linear-gradient(90deg, rgba(255, 224, 201, 0.04) 0 14px, rgba(1, 1, 1, 0) 14px 28px),
            rgba(1, 1, 1, 0.88);
    }

    .brand {
        order: 1;
        width: 79px;
        height: 36px;
        margin-left: 12px;
    }

    .nav-trigger {
        order: 5;
        margin-left: auto;
    }

    .intro-show {
        margin-bottom: 80px;
    }

    .show-layout {
        width: 351px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        overflow: visible;
    }

    .mini-card,
    .feature-card {
        width: 351px;
        height: 600px;
        min-height: 600px;
        flex: none;
        scroll-snap-align: unset;
    }

    .mini-card {
        display: block;
        padding: 0;
        border: 1px dashed #837053;
        border-radius: 8px;
        background: transparent;
    }

    .mini-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: url("data:image/svg+xml,%3Csvg width='134' height='228' viewBox='0 0 134 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67 0C104 0 134 30 134 67C134 87 125 105 112 117C109 120 108 123 109 126L132 217C133 223 129 228 124 228H11C5 228 1 223 3 217L26 126C27 123 25 120 23 117C9 105 0 87 0 67C0 30 30 0 67 0Z' stroke='%23837053' stroke-width='.7' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1.5 2.3'/%3E%3C/svg%3E") center 226px / 134px 228px no-repeat;
    }

    .mini-card img {
        left: calc(50% - 56px);
        top: 238px;
        width: 112px;
        height: 206px;
        opacity: 0.95;
        object-fit: cover;
        object-position: 55% 50%;
        clip-path: path("M56.078 0C87.048 0 112.155 25.106 112.155 56.077C112.155 76.928 100.774 95.12 83.886 104.783L109.385 205.615H3.117L28.275 104.787C11.384 95.125 0 76.93 0 56.077C0 25.106 25.107 0 56.078 0Z");
    }

    .mini-card .outline-button {
        position: absolute;
        left: calc(50% - 56.5px);
        top: 520px;
        z-index: 3;
        width: 113px;
        height: 48px;
        border: 1px solid #ffe0c9;
        border-radius: 900px;
        color: #ffe0c9;
        background: transparent;
    }

    .feature-card {
        padding: 0;
        border: 1px dashed #837053;
        border-radius: 900px 900px 8px 8px;
        background: transparent;
    }

    .feature-card img {
        inset: 12px;
        width: 327px;
        height: 576px;
        max-width: none;
        opacity: 1;
        border-radius: 900px 900px 0 0;
        object-position: center;
    }

    .feature-card::after {
        inset: 12px;
        border-radius: 900px 900px 0 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 38%, rgba(0, 0, 0, 0.58) 100%);
    }

    .feature-card div {
        position: absolute;
        left: 24px;
        right: 24px;
        top: 448px;
        width: 303px;
        gap: 12px;
        align-items: center;
        text-align: center;
    }

    .feature-card h3,
    .feature-card span {
        width: 303px;
    }

    .interior-card--duo {
        order: 2;
    }

    .interior-grid > .interior-card--wide:first-child {
        order: 1;
    }

    .interior-grid > .interior-card--wide:last-child {
        order: 3;
    }

    .interior-panel--left {
        order: 1;
    }

    .interior-panel--right {
        order: 2;
    }

    .interior-panel--right img {
        content: url("assets/images/3d162fd730e8246f40752e54380fa5c99e727c13.png");
    }

    .interior-grid > .interior-card--wide:last-child > img {
        content: url("assets/images/11aa151f54d4c2e7eda79668b1a1bbdf23b0b020.png");
    }

    .poster-grid {
        left: auto;
        width: 100vw;
        height: 523px;
        margin-left: calc(50% - 50vw);
        display: flex;
        gap: 12px;
        padding: 0 24px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        transform: none;
        -webkit-overflow-scrolling: touch;
    }

    .poster-grid::-webkit-scrollbar {
        display: none;
    }

    .poster-card {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 327px;
        flex: 0 0 327px;
        scroll-snap-align: center;
    }

    .poster-card--past {
        order: 1;
        margin-top: 53px;
    }

    .poster-card--featured {
        order: 2;
        margin-top: 0;
    }

    .poster-card--soon {
        order: 3;
        margin-top: 32px;
    }

    .event-grid {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 0 24px;
    }

    .rules-grid {
        left: 12px;
        transform: translateX(calc(var(--rules-offset, 2) * -339px));
    }

    .rules-slider,
    .job-slider {
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        color: #ffe0c9;
        font-size: 14px;
        line-height: 24px;
    }

    .job-slider {
        width: 351px;
        margin: 28px auto 0;
    }

    .rules-slider__buttons,
    .job-slider__buttons {
        width: 216px;
        height: 120px;
        display: flex;
        align-items: center;
    }

    .rules-arrow,
    .job-arrow {
        width: 120px;
        height: 120px;
        margin: 0 -24px 0 0;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 900px;
        background: rgba(131, 112, 83, 0.3);
        backdrop-filter: blur(10px);
    }

    .rules-arrow--next,
    .job-arrow--next {
        margin-right: 0;
    }

    .jobs {
        height: 1116px;
        min-height: 1116px;
    }

    .job-grid {
        width: 100vw;
        height: 508px;
        margin-left: calc(50% - 50vw);
        padding: 0 24px;
    }

    .job-card {
        scroll-snap-align: center;
    }

    .contacts {
        height: 1296px;
        min-height: 1296px;
    }

    .map-block {
        width: 375px;
        height: 930px;
        min-height: 930px;
        margin-left: -12px;
        overflow: hidden;
        background: transparent;
    }

    .map-block::before {
        content: "";
        position: absolute;
        left: calc(50% - 58px);
        top: 180px;
        z-index: 3;
        width: 116px;
        height: 54px;
        background: url("assets/live/logo-map.png") center / contain no-repeat;
        pointer-events: none;
    }

    .map-block > img {
        width: 375px;
        height: 430px;
        min-height: 430px;
        object-fit: cover;
        opacity: 0.78;
        filter: grayscale(0.85) contrast(1.1) brightness(0.82);
    }

    .contact-card {
        left: 12px;
        top: 430px;
        width: 351px;
        height: 500px;
        background: #010101;
    }

    .footer-social a:nth-child(2) {
        font-size: 0;
    }

    .footer-social a:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 48px;
        top: 48px;
        z-index: 2;
        width: 24px;
        height: 24px;
        display: block;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.2C7.2 3.2 3.3 6.83 3.3 11.3C3.3 12.83 3.76 14.25 4.56 15.47L3.6 20.2L8.45 18.75C9.52 19.18 10.72 19.4 12 19.4C16.8 19.4 20.7 15.77 20.7 11.3C20.7 6.83 16.8 3.2 12 3.2Z' stroke='%23FFE0C9' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M8.85 8.65C9.18 8.18 9.45 8.16 9.73 8.17C9.93 8.18 10.17 8.18 10.38 8.66C10.62 9.18 10.99 10.06 11.04 10.16C11.1 10.29 11.13 10.45 11 10.62C10.86 10.8 10.78 10.91 10.62 11.08C10.45 11.25 10.29 11.39 10.47 11.69C10.65 11.99 11.28 12.95 12.18 13.66C13.25 14.5 14.11 14.78 14.43 14.93C14.67 15.04 14.84 15.03 15.01 14.83C15.2 14.61 15.71 14.02 15.92 13.75C16.12 13.48 16.32 13.53 16.58 13.63C16.84 13.72 18.2 14.35 18.48 14.5C18.76 14.64 18.94 14.71 19 14.82C19.06 14.94 19.06 15.51 18.75 16.17C18.44 16.82 17.1 17.35 16.54 17.42C15.96 17.48 15.24 17.51 13.03 16.63C10.08 15.45 8.22 12.9 8.08 12.73C7.94 12.55 6.9 11.18 6.9 9.83C6.9 8.47 7.56 7.13 8.85 8.65Z' fill='%23FFE0C9'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .contacts {
        height: 1246px;
        min-height: 1246px;
        margin-bottom: 80px;
    }

    .map-block {
        width: 375px;
        height: 880px;
        min-height: 880px;
        margin-left: -12px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .map-block::before {
        left: calc(50% - 105px / 2);
        top: 166px;
        width: 105px;
        height: 48px;
        background-image: url("assets/live/logo-scrooge.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .map-block > img {
        width: 375px;
        height: 380px;
        min-height: 380px;
        display: block;
        object-fit: cover;
        object-position: 50% 50%;
        opacity: 0.78;
        filter: grayscale(0.85) contrast(1.1) brightness(0.82);
    }

    .contact-card {
        left: calc(50% - 351px / 2);
        top: 380px;
        width: 351px;
        height: 500px;
        padding: 0;
        overflow: hidden;
        border: 1px dashed #837053;
        border-radius: 12px;
        background: #010101;
    }

    .contact-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: url("data:image/svg+xml,%3Csvg width='351' height='500' viewBox='0 0 351 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C280.667 0 350.85 333.333 351 500' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3Cpath d='M351 0C70.333 0 0.15 333.333 0 500' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/svg%3E") center / 351px 500px no-repeat;
    }

    .contact-key {
        position: absolute;
        left: calc(50% - 93px / 2);
        top: 125px;
        z-index: 2;
        width: 93px;
        height: 45px;
        background-image: url("assets/live/contact-key-figma.png?v=20260626-0424");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: none;
    }

    .contact-card p,
    .contact-card a {
        left: calc(50% - 303px / 2);
        width: 303px;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .contact-card p {
        top: 268px;
        height: 96px;
        gap: 16px;
    }

    .contact-card a {
        top: 412px;
        height: 64px;
        gap: 16px;
    }

    .contact-card span {
        color: rgba(255, 224, 201, 0.5);
    }

    .contact-card small {
        width: 303px;
        height: 56px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .contact-card em,
    .contact-card a strong {
        width: 303px;
        height: 24px;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }
}

@media (max-width: 760px) {
    .site-footer {
        position: relative;
        width: 375px;
        max-width: 100%;
        height: 1413px;
        min-height: 1413px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        overflow: hidden;
        border: 0;
    }

    .site-footer > .star {
        position: relative;
        left: auto;
        top: auto;
        width: 351px;
        height: 87px;
        flex: 0 0 87px;
        margin: 0 auto;
    }

    .site-footer > .star::before {
        left: 0;
        top: 56px;
        width: 351px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 224, 201, 0), rgba(78, 69, 63, 0.7) 46%, rgba(78, 69, 63, 0.7) 54%, rgba(255, 224, 201, 0));
        transform: none;
    }

    .site-footer > .star::after {
        left: 50%;
        top: 23px;
        width: 64px;
        height: 64px;
        background:
            radial-gradient(ellipse at 50% 50%, rgba(255, 224, 201, 0.42), transparent 43%),
            url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' filter='url(%23a)' d='M0 32L28.4 28.4L32 0L35.6 28.4L64 32L35.6 35.6L32 64L28.4 35.6L0 32Z' fill='%23FFE0C9'/%3E%3Cpath d='M20 32L30.2 30.2L32 20L33.8 30.2L44 32L33.8 33.8L32 44L30.2 33.8L20 32Z' fill='%23FFE0C9'/%3E%3Cdefs%3E%3Cfilter id='a' x='-8' y='-8' width='80' height='80' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 64px 64px no-repeat;
        transform: translateX(-50%);
    }

    .footer-content {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 736px;
        flex: 0 0 736px;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .footer-column {
        position: relative;
        top: auto;
        left: auto;
        width: 375px;
        padding: 0 12px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-column p {
        width: 351px;
        height: 24px;
        margin: 0;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .footer-column a,
    .footer-column span {
        width: 351px;
        height: 24px;
        color: #ffe0c9;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .footer-contacts {
        width: 375px;
        height: 136px;
        gap: 8px;
    }

    .footer-contacts p {
        margin-bottom: 16px;
    }

    .site-footer nav.footer-column {
        position: relative;
        left: auto;
        width: 375px;
        height: 208px;
        padding: 0 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        gap: 16px;
    }

    .site-footer nav.footer-column p {
        width: 351px;
        height: 24px;
        margin: 0 0 8px;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
    }

    .site-footer nav.footer-column a {
        width: 351px;
        height: 28px;
        margin: 0;
        color: #ffe0c9;
        font-family: "Anticva", "Cormorant", serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .footer-social {
        position: relative;
        left: auto;
        width: 375px;
        height: 168px;
        padding: 0 12px;
        gap: 24px;
    }

    .footer-social__links {
        width: 216px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-social a {
        position: relative;
        width: 120px;
        height: 120px;
        flex: 0 0 120px;
        display: block;
        margin: 0 -24px 0 0;
        border: 0;
        border-radius: 900px;
        background: transparent;
        color: transparent;
        font-size: 0;
        backdrop-filter: blur(10px);
    }

    .footer-social a:last-child {
        margin-right: 0;
    }

    .footer-social a::before {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer-social a::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='119' height='119' rx='59.5' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") center / 120px 120px no-repeat;
        pointer-events: none;
    }

    .footer-social a:nth-child(2) {
        font-size: 0;
    }

    .footer-social a:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        width: 24px;
        height: 24px;
        display: block;
        transform: translate(-50%, -50%);
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.2C7.2 3.2 3.3 6.83 3.3 11.3C3.3 12.83 3.76 14.25 4.56 15.47L3.6 20.2L8.45 18.75C9.52 19.18 10.72 19.4 12 19.4C16.8 19.4 20.7 15.77 20.7 11.3C20.7 6.83 16.8 3.2 12 3.2Z' stroke='%23FFE0C9' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M8.85 8.65C9.18 8.18 9.45 8.16 9.73 8.17C9.93 8.18 10.17 8.18 10.38 8.66C10.62 9.18 10.99 10.06 11.04 10.16C11.1 10.29 11.13 10.45 11 10.62C10.86 10.8 10.78 10.91 10.62 11.08C10.45 11.25 10.29 11.39 10.47 11.69C10.65 11.99 11.28 12.95 12.18 13.66C13.25 14.5 14.11 14.78 14.43 14.93C14.67 15.04 14.84 15.03 15.01 14.83C15.2 14.61 15.71 14.02 15.92 13.75C16.12 13.48 16.32 13.53 16.58 13.63C16.84 13.72 18.2 14.35 18.48 14.5C18.76 14.64 18.94 14.71 19 14.82C19.06 14.94 19.06 15.51 18.75 16.17C18.44 16.82 17.1 17.35 16.54 17.42C15.96 17.48 15.24 17.51 13.03 16.63C10.08 15.45 8.22 12.9 8.08 12.73C7.94 12.55 6.9 11.18 6.9 9.83C6.9 8.47 7.56 7.13 8.85 8.65Z' fill='%23FFE0C9'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .footer-legal {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 375px;
        height: 128px;
        padding: 0 12px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        color: #817165;
    }

    .footer-legal > * {
        position: relative;
        left: auto !important;
        right: auto;
        bottom: auto !important;
        width: 351px !important;
        height: auto;
        min-height: 24px;
        color: #817165;
        font-family: "Inter", Arial, sans-serif;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 24px !important;
        text-align: center !important;
        white-space: normal;
    }

    .footer-legal span:last-child {
        min-height: 48px;
    }

    .site-footer .subscribe {
        position: relative;
        left: auto;
        top: auto;
        width: 375px;
        height: 558px;
        min-height: 558px;
        flex: 0 0 558px;
        margin: 0;
        padding: 0;
        display: block;
        overflow: hidden;
        border: 0;
    }

    .site-footer .subscribe > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 375px;
        height: 382px;
        min-height: 382px;
        display: block;
        object-fit: cover;
        object-position: center;
        opacity: 0.76;
        filter: contrast(1.08) brightness(0.94) saturate(1.04);
    }

    .site-footer .subscribe::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 375px;
        height: 382px;
        background: rgba(0, 0, 0, 0.4);
        pointer-events: none;
    }

    .site-footer .subscribe > div {
        position: absolute;
        left: 12px;
        top: 88px;
        z-index: 2;
        width: 351px;
        height: 206px;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        text-align: center;
    }

    .site-footer .subscribe h2 {
        width: 351px;
        height: 30px;
        margin: 0;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .site-footer .subscribe p {
        width: 350px;
        height: 72px;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
    }

    .subscribe-form {
        width: 351px;
        height: 56px;
        margin: 0;
        padding: 16px 16px 16px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        background: #010101;
        border-radius: 8px;
    }

    .subscribe-form input {
        width: 152px;
        height: 24px;
        min-height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #817165;
        font-size: 16px;
        line-height: 24px;
    }

    .subscribe-form input::placeholder {
        color: #817165;
        opacity: 1;
    }

    .subscribe-arrow {
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .subscribe-arrow::before {
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 3L17.6 12L8.4 21' stroke='%23FFE0C9' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    }

    .site-footer .subscribe strong {
        position: absolute;
        left: 0;
        top: 398px;
        bottom: auto;
        width: 375px;
        height: 160px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 80px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
    }
}

/* CMS image overrides */
.cocktail-card {
    background-image: var(--cms-cocktails-image) !important;
}

.cocktail-card--active {
    background-image:
        linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)),
        var(--cms-cocktails-image) !important;
}

.contact-key {
    background-image: var(--cms-contact-key-image) !important;
}

/* Keep the PDF menu above every regular modal after all legacy overrides. */
.menu-viewer-modal {
    z-index: 90;
}

/* Final project overrides */
* {
    letter-spacing: 0 !important;
}

.acts.is-locked .act-grid {
    display: none !important;
}

.acts.is-unlocked .act-grid {
    display: grid;
}

@media (max-width: 760px) {
    .acts.is-locked {
        height: 854px;
        min-height: 854px;
        margin-bottom: 80px;
        overflow: hidden;
    }

    .acts.is-unlocked .act-grid {
        display: block;
    }

    .contact-card {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: 351px;
    }
}

/* Figma cascade lock for main sections; footer lock follows below. */
.acts-access {
    min-height: 644px;
    padding-top: 0;
    align-content: center;
}

.acts-access__mark {
    width: 100px;
    height: 325px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.acts-access__key {
    width: 48px;
    height: 145px;
    flex: 0 0 145px;
}

.acts-access__line {
    width: 1px;
    height: 48px;
    flex: 0 0 48px;
    display: block;
}

.acts-access__lock {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    border: 1.2px solid #ffe1c8;
    border-radius: 50%;
}

.intro-show {
    display: flex;
    flex-direction: column;
    gap: 80px;
    min-height: 0;
}

.intro-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 394px;
    margin-bottom: 0;
    gap: 32px;
}

.intro-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.about-cards {
    width: min(100%, 1376px);
    height: 600px;
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 auto;
}

.about-card {
    height: 600px;
    border: 1px dashed #837053;
    border-radius: 900px 900px 8px 8px;
}

.about-card--keyhole {
    width: 453px;
    flex: 0 0 453px;
}

.about-card--feature {
    width: 454px;
    flex: 0 0 454px;
}

.interior {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.interior .section-heading {
    width: 100%;
    max-width: 1376px;
    min-height: 368px;
    margin-bottom: 80px;
    gap: 32px;
}

.interior .section-heading h2 {
    font-size: 82px;
    line-height: 86px;
}

.interior .section-heading > .eyebrow {
    display: none;
}

.interior .section-heading > p:last-child {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
}

.interior-figma-rows {
    width: min(100%, 1376px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
}

.interior-row {
    width: 1376px;
    max-width: 100%;
    height: 752px;
    display: flex;
    gap: 16px;
    padding: 16px;
    border: 1px dashed #837053;
    border-radius: 12px;
}

.interior-tile {
    width: 664px;
    height: 720px;
    flex: 0 0 664px;
    border-radius: 900px 900px 0 0;
}

.cocktail-card {
    background: transparent !important;
    background-image: none !important;
    opacity: 0;
    pointer-events: none;
}

.cocktail-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0;
    pointer-events: none;
}

.cocktail-card--active::after {
    opacity: 1;
}

.cocktail-card--far-left,
.cocktail-card--left,
.cocktail-card--active,
.cocktail-card--right,
.cocktail-card--far-right {
    opacity: 1;
    pointer-events: auto;
}

.event-card:first-child img {
    border-radius: 0;
}

.event-card:nth-child(3) p strong {
    color: #fdcaa9;
}

@media (min-width: 1181px) {
    .intro-show {
        height: 1074px;
        margin-bottom: 180px;
    }

    .interior {
        height: 1961px;
        margin-bottom: 160px;
    }

    .cocktail-stage {
        position: relative;
        width: 1376px;
        height: 710px;
        margin: 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 16px;
        width: 388px;
        height: 550px;
        border: 1px dashed #837053;
        border-radius: 12px;
        overflow: hidden;
    }

    .cocktail-card--far-left {
        left: -321.23px;
        top: 0;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--left {
        left: 74.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--active {
        left: 494px;
        top: 16px;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--right {
        left: 876px;
        top: 0.18px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 1262.77px;
        top: 0.18px;
        transform: rotate(-5deg);
        z-index: 1;
    }
}

@media (max-width: 1180px) {
    .about-cards,
    .interior-figma-rows {
        width: 100%;
    }

    .about-cards {
        height: auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .about-card {
        scroll-snap-align: center;
    }

    .interior-row {
        width: 100%;
        height: auto;
        flex-direction: column;
        overflow: visible;
    }

    .interior-tile {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 760px) {
    .acts-access {
        min-height: 437px;
        padding-top: 0;
    }

    .intro-show {
        gap: 32px;
        margin-bottom: 80px;
    }

    .intro-heading {
        min-height: 207px;
        gap: 24px;
    }

    .intro-heading h2,
    .interior .section-heading h2 {
        font-size: 44px;
        line-height: 48px;
    }

    .about-cards {
        width: 351px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        overflow: visible;
    }

    .about-card,
    .about-card--keyhole,
    .about-card--feature {
        width: 351px;
        height: 600px;
        flex: none;
    }

    .interior .section-heading {
        min-height: 207px;
        margin-bottom: 32px;
    }

    .interior-figma-rows {
        width: 352px;
        gap: 8px;
    }

    .interior-row {
        width: 352px;
        height: auto;
        padding: 0;
        gap: 8px;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .interior-tile {
        width: 352px;
        height: 390px;
        border: 1px dashed #837053;
        border-radius: 8px;
    }

    .interior-tile__image {
        left: 12px;
        top: 12px;
        width: 328px;
        height: 366px;
        border-radius: 900px 900px 0 0;
        object-fit: cover;
    }

    .cocktail-stage {
        position: relative;
        width: 351px;
        height: 460px;
        margin: 0 0 32px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .cocktail-card {
        position: absolute;
        top: 0;
        width: 326px;
        height: 460px;
        border: 1px dashed #837053;
        border-radius: 8px;
        overflow: hidden;
    }

    .cocktail-card--active {
        left: 12.43px;
        top: 0;
        transform: none;
        z-index: 4;
    }

    .cocktail-card--left {
        left: -341px;
        transform: rotate(-5deg);
        z-index: 2;
    }

    .cocktail-card--far-left {
        left: -675px;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cocktail-card--right {
        left: 366px;
        transform: rotate(5deg);
        z-index: 2;
    }

    .cocktail-card--far-right {
        left: 700px;
        transform: rotate(-5deg);
        z-index: 1;
    }
}
/* Footer lock: Figma node 12739:1136. */
.site-footer[data-node-id="12739:1136"] {
    position: relative;
    width: 100%;
    max-width: none;
    height: 676px;
    min-height: 676px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    overflow: hidden;
    border: 0;
    background: #010101;
}

.site-footer[data-node-id="12739:1136"] > .star,
.site-footer[data-node-id="12739:1136"] .footer-content {
    display: none !important;
}

.site-footer[data-node-id="12739:1136"] .subscribe {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 476px !important;
    min-height: 476px !important;
    flex: 0 0 476px;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #010101 !important;
}

.site-footer[data-node-id="12739:1136"] .subscribe > img {
    position: absolute !important;
    left: 0 !important;
    top: -113.65% !important;
    width: 100% !important;
    height: 403.36% !important;
    max-width: none !important;
    object-fit: cover !important;
    opacity: 1 !important;
    filter: none !important;
}

.site-footer[data-node-id="12739:1136"] .subscribe::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    height: auto !important;
    background: rgba(0, 0, 0, 0.4) !important;
    pointer-events: none;
}

.site-footer[data-node-id="12739:1136"] .subscribe > div {
    position: absolute !important;
    z-index: 2;
    left: calc(50% + 0.5px) !important;
    top: 50% !important;
    width: 633px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 32px !important;
    text-align: center;
    transform: translate(-50%, -50%) !important;
}

.site-footer[data-node-id="12739:1136"] .subscribe h2 {
    width: 633px;
    margin: 0;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 60px;
    line-height: 68px;
    font-weight: 400;
    text-transform: uppercase;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.site-footer[data-node-id="12739:1136"] .subscribe p {
    width: 500px;
    margin: 0;
    color: #fdcaa9;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.site-footer[data-node-id="12739:1136"] .subscribe-form {
    width: 453px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 16px 16px 16px 24px;
    border: 0;
    border-radius: 8px;
    background: #010101;
}

.site-footer[data-node-id="12739:1136"] .subscribe-form input {
    width: 360px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #817165;
    font-size: 16px;
    line-height: 24px;
}

.site-footer[data-node-id="12739:1136"] .subscribe-arrow {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    padding: 0;
    border: 0;
    background: transparent;
}

.footer-wordmark {
    width: 100%;
    height: 200px;
    flex: 0 0 200px;
    display: block;
    overflow: hidden;
    font-family: "Cormorant", "Anticva", serif;
    font-size: 196px;
    font-weight: 600;
    line-height: 200px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.acts-access__mark[data-node-id="10908:374"] {
    width: 100px;
    height: 325px;
    display: block;
    margin-inline: auto;
    margin-bottom: 32px;
}

.acts-access__mark-image {
    width: 100px;
    height: 325px;
    display: block;
    object-fit: contain;
}

@media (max-width: 760px) {
    .site-footer[data-node-id="12739:1136"] {
        width: 375px;
        max-width: 100%;
        height: 542px;
        min-height: 542px;
        margin: 0 auto;
        gap: 0;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe {
        width: 375px !important;
        height: 382px !important;
        min-height: 382px !important;
        flex-basis: 382px;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe > img {
        left: 0 !important;
        top: -434px !important;
        width: 375px !important;
        height: 1537px !important;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe > div {
        left: 12px !important;
        top: 88px !important;
        width: 351px !important;
        gap: 24px !important;
        transform: none !important;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe h2 {
        width: 351px;
        font-size: 25px;
        line-height: 30px;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe p {
        width: 350px;
        font-size: 14px;
        line-height: 24px;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe-form {
        width: 351px;
        height: 56px;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe-form input {
        width: 264px;
    }

    .footer-wordmark {
        width: 375px;
        height: 160px;
        flex-basis: 160px;
        font-size: 80px;
        line-height: 80px;
    }
}

@media (min-width: 761px) {
    .acts.is-locked {
        height: auto;
        min-height: 0;
        margin-bottom: clamp(32px, 5vh, 80px);
        margin-bottom: clamp(32px, 5svh, 80px);
        padding-bottom: clamp(40px, 6vh, 96px);
        padding-bottom: clamp(40px, 6svh, 96px);
    }

    .acts.is-locked .section-heading {
        margin-bottom: clamp(40px, 5vh, 80px);
        margin-bottom: clamp(40px, 5svh, 80px);
    }

    .acts.is-locked .acts-access {
        min-height: clamp(437px, calc(100vh - 560px), 644px);
        min-height: clamp(437px, calc(100svh - 560px), 644px);
        padding-top: 0;
        align-content: center;
    }

    .acts.is-locked + .intro-show {
        padding-top: clamp(48px, 7vh, 112px);
        padding-top: clamp(48px, 7svh, 112px);
    }
}

.acts.is-locked .acts-access__mark[data-node-id="10908:374"] {
    position: relative !important;
    z-index: 3 !important;
    width: 100px !important;
    height: 325px !important;
    min-width: 100px !important;
    min-height: 325px !important;
    display: block !important;
    flex: 0 0 325px !important;
    margin-inline: auto !important;
    margin-bottom: 32px !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: url("assets/figma-extracted/access-mark-10908-374-transparent.png") center / contain no-repeat !important;
}

.acts.is-locked .acts-access__mark-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

/* Restore full footer root: Figma node 12739:1137. */
.site-footer[data-node-id="12739:1136"] {
    height: 1298px !important;
    min-height: 1298px !important;
    display: block !important;
    overflow: hidden !important;
}

.site-footer[data-node-id="12739:1136"] > .footer-star {
    position: relative !important;
    width: min(1376px, calc(100% - 64px)) !important;
    height: 190px !important;
    display: block !important;
    margin: 0 auto 28px !important;
    background: url("assets/live/section-divider.svg") center top / 100% 190px no-repeat !important;
}

.site-footer[data-node-id="12739:1136"] > .footer-star::before,
.site-footer[data-node-id="12739:1136"] > .footer-star::after {
    content: none !important;
}

.site-footer[data-node-id="12739:1136"] .footer-content {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(1376px, calc(100% - 64px)) !important;
    height: 376px !important;
    display: block !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
}

.site-footer[data-node-id="12739:1136"] .footer-column {
    position: absolute !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    text-align: center;
}

.site-footer[data-node-id="12739:1136"] .footer-column p {
    width: 100%;
    margin: 0 0 24px !important;
    color: #817165 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px !important;
    text-transform: none;
}

.site-footer[data-node-id="12739:1136"] .footer-column a,
.site-footer[data-node-id="12739:1136"] .footer-column span {
    color: #fdcaa9 !important;
    text-decoration: none;
}

.site-footer[data-node-id="12739:1136"] .footer-contacts {
    left: 87px !important;
    width: 279px !important;
    height: 144px !important;
}

.site-footer[data-node-id="12739:1136"] nav.footer-column {
    left: 499px !important;
    width: 378px !important;
    height: 232px !important;
    gap: 16px !important;
}

.site-footer[data-node-id="12739:1136"] nav.footer-column p {
    margin-bottom: 16px !important;
}

.site-footer[data-node-id="12739:1136"] nav.footer-column a {
    height: 32px;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 25px !important;
    font-weight: 400;
    line-height: 32px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-footer[data-node-id="12739:1136"] .footer-social {
    left: 1042px !important;
    width: 216px !important;
    height: 176px !important;
    gap: 32px !important;
}

.site-footer[data-node-id="12739:1136"] .footer-social__links {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    margin: 0 auto !important;
}

.site-footer[data-node-id="12739:1136"] .footer-social a {
    position: relative !important;
    width: 120px !important;
    height: 120px !important;
    flex: 0 0 120px !important;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    border-radius: 50%;
    color: #ffe1c8 !important;
    font-size: 0 !important;
    backdrop-filter: blur(10px);
}

.site-footer[data-node-id="12739:1136"] .footer-social a:last-child {
    margin-right: 0 !important;
}

.site-footer[data-node-id="12739:1136"] .footer-social a::before {
    content: none !important;
}

.site-footer[data-node-id="12739:1136"] .footer-social a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='119' height='119' rx='59.5' stroke='%23837053' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") center / 120px 120px no-repeat;
    pointer-events: none;
}

.site-footer[data-node-id="12739:1136"] .footer-social svg {
    position: relative;
    z-index: 2;
    width: 26px;
    height: 26px;
    display: block;
}

.site-footer[data-node-id="12739:1136"] .footer-social a:first-child svg {
    width: 26px;
    height: 26px;
}

.site-footer[data-node-id="12739:1136"] .footer-legal {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 24px !important;
    display: block !important;
    padding: 0 !important;
    color: #817165 !important;
}

.site-footer[data-node-id="12739:1136"] .footer-legal > * {
    position: absolute !important;
    bottom: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    color: #817165 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px !important;
    text-decoration: none;
    white-space: nowrap !important;
}

.site-footer[data-node-id="12739:1136"] .footer-legal a {
    left: 0 !important;
}

.site-footer[data-node-id="12739:1136"] .footer-legal span:first-of-type {
    left: calc(50% - 129px) !important;
}

.site-footer[data-node-id="12739:1136"] .footer-legal span:last-child {
    left: 1031px !important;
    bottom: 3px !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

@media (max-width: 760px) {
    .site-footer[data-node-id="12739:1136"] {
        width: 375px !important;
        height: 1413px !important;
        min-height: 1413px !important;
    }

    .site-footer[data-node-id="12739:1136"] > .footer-star {
        width: 351px !important;
        height: 87px !important;
        margin-bottom: 16px !important;
        background-size: 351px 87px !important;
    }

    .site-footer[data-node-id="12739:1136"] .footer-content {
        width: 375px !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 16px !important;
        overflow: visible !important;
    }

    .site-footer[data-node-id="12739:1136"] .footer-column {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 375px !important;
    }

    .site-footer[data-node-id="12739:1136"] .footer-contacts {
        height: 136px !important;
        margin-bottom: 32px;
    }

    .site-footer[data-node-id="12739:1136"] nav.footer-column {
        height: 208px !important;
        margin-bottom: 32px;
    }

    .site-footer[data-node-id="12739:1136"] nav.footer-column a {
        width: 351px;
        height: 28px;
        font-size: 22px !important;
        line-height: 28px !important;
    }

    .site-footer[data-node-id="12739:1136"] .footer-social {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 32px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .site-footer[data-node-id="12739:1136"] .footer-legal {
        position: relative !important;
        width: 375px !important;
        height: 128px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .site-footer[data-node-id="12739:1136"] .footer-legal > * {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: 351px !important;
        font-size: 16px !important;
        line-height: 24px !important;
        text-align: center !important;
        white-space: normal !important;
    }
}

/* Final viewport fixes: solid pinned menu and textured footer top block. */
html.is-wheel-scrolling {
    scroll-behavior: auto !important;
}

html,
body {
    overscroll-behavior-y: none;
}

.site-footer[data-node-id="12739:1136"] {
    position: relative !important;
}

.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background-color: #010101 !important;
    background-image:
        linear-gradient(180deg, rgba(1, 1, 1, 0.97), rgba(1, 1, 1, 0.92)),
        url("assets/live/noise-figma.png") !important;
    background-position: center top !important;
    background-size: auto, 1024px 1024px !important;
    background-repeat: repeat !important;
    border-bottom: 1px solid rgba(131, 112, 83, 0.34) !important;
    box-shadow: 0 16px 34px rgba(1, 1, 1, 0.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.site-footer[data-node-id="12739:1136"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 594px;
    pointer-events: none;
    background:
        radial-gradient(ellipse 520px 320px at calc(50% + 590px) 178px, rgba(125, 7, 13, 0.24), rgba(87, 5, 9, 0.12) 48%, rgba(87, 5, 9, 0) 78%),
        radial-gradient(ellipse 430px 270px at calc(50% - 650px) 412px, rgba(125, 7, 13, 0.16), rgba(87, 5, 9, 0.08) 50%, rgba(87, 5, 9, 0) 80%),
        url("assets/live/noise-figma.png") center top / 1024px 1024px repeat,
        #010101;
}

.site-footer[data-node-id="12739:1136"] > .footer-star,
.site-footer[data-node-id="12739:1136"] .footer-content,
.site-footer[data-node-id="12739:1136"] .subscribe,
.site-footer[data-node-id="12739:1136"] .footer-wordmark {
    position: relative !important;
    z-index: 1;
}

.site-footer[data-node-id="12739:1136"] .subscribe {
    z-index: 2;
}

@media (max-width: 760px) {
    .site-header {
        background-color: #010101 !important;
        background-image:
            linear-gradient(180deg, rgba(1, 1, 1, 0.98), rgba(1, 1, 1, 0.94)),
            url("assets/live/noise-figma.png") !important;
        background-size: auto, 720px 720px !important;
    }

    .site-footer[data-node-id="12739:1136"]::before {
        height: 855px;
        background:
            radial-gradient(ellipse 290px 260px at 88% 126px, rgba(125, 7, 13, 0.22), rgba(87, 5, 9, 0.1) 50%, rgba(87, 5, 9, 0) 78%),
            radial-gradient(ellipse 280px 240px at 10% 520px, rgba(125, 7, 13, 0.14), rgba(87, 5, 9, 0.07) 50%, rgba(87, 5, 9, 0) 80%),
            url("assets/live/noise-figma.png") center top / 720px 720px repeat,
            #010101;
    }
}

/* Match Block_FAQ 12722:426: no local fill, use the shared page background. */
.site-footer[data-node-id="12739:1136"] {
    background: transparent !important;
}

.site-footer[data-node-id="12739:1136"]::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

@media (min-width: 761px) {
    .site-footer[data-node-id="12739:1136"] .subscribe {
        left: 50% !important;
        width: 100vw !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-50%) !important;
    }

    .site-footer[data-node-id="12739:1136"] .subscribe > img {
        left: 50% !important;
        right: auto !important;
        width: 100vw !important;
        min-width: 100vw !important;
        transform: translateX(-50%) !important;
        object-position: center center !important;
    }
}

/* Locked contacts state: reveal map after the access click, like the top acts block. */
.contacts.is-locked .map-block {
    display: none !important;
}

.contacts.is-unlocked .contacts-access {
    display: none !important;
}

.contacts-access {
    position: relative;
    z-index: 2;
    width: 260px;
    display: grid;
    justify-items: center;
    gap: 32px;
    margin: 0 auto;
}

.contacts-access__mark {
    position: relative !important;
    z-index: 3 !important;
    width: 100px !important;
    height: 325px !important;
    min-width: 100px !important;
    min-height: 325px !important;
    display: block !important;
    background: url("assets/figma-extracted/access-mark-10908-374-transparent.png") center / contain no-repeat !important;
}

.contacts-access__mark-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

.contacts-access__button {
    width: 260px;
    min-height: 80px;
    color: #450101;
}

@media (min-width: 761px) {
    .contacts.is-locked {
        height: 1036px !important;
        min-height: 1036px !important;
        margin-bottom: 80px !important;
    }

    .contacts.is-locked .section-heading {
        margin-bottom: 122px !important;
    }
}

@media (max-width: 760px) {
    .contacts.is-locked {
        height: 760px !important;
        min-height: 760px !important;
        margin-bottom: 80px !important;
    }

    .contacts.is-locked .section-heading {
        margin-bottom: 48px !important;
    }

    .contacts-access {
        gap: 24px;
    }

    .contacts-access__mark {
        width: 82px !important;
        height: 267px !important;
        min-width: 82px !important;
        min-height: 267px !important;
    }

    .contacts-access__button {
        width: 236px;
        min-height: 72px;
    }
}

@media (min-width: 761px) {
    .site-footer[data-node-id="12739:1136"] > .footer-star {
        left: auto !important;
        right: auto !important;
        margin-right: auto !important;
        margin-left: auto !important;
        transform: none !important;
        background-position: center top !important;
    }
}

/* Soft reveal for "Получить доступ" sections. */
.acts,
.contacts {
    transition:
        height 0.86s cubic-bezier(0.22, 1, 0.36, 1),
        min-height 0.86s cubic-bezier(0.22, 1, 0.36, 1),
        padding-bottom 0.86s cubic-bezier(0.22, 1, 0.36, 1),
        margin-bottom 0.86s cubic-bezier(0.22, 1, 0.36, 1);
}

.acts-access,
.contacts-access,
.act-grid,
.map-block {
    transition:
        opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform, filter;
}

.acts.is-revealing .acts-access,
.contacts.is-revealing .contacts-access {
    display: grid !important;
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
    pointer-events: none;
}

.acts.is-revealing.is-unlocked .acts-access,
.contacts.is-revealing.is-unlocked .contacts-access {
    display: grid !important;
    opacity: 0;
    transform: translateY(-22px) scale(0.985);
    filter: blur(3px);
}

.acts.is-revealing .act-grid,
.contacts.is-revealing .map-block {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(4px);
    pointer-events: none;
}

.acts.is-revealing .act-grid {
    display: grid !important;
}

.contacts.is-revealing .map-block {
    display: block !important;
}

.acts.is-revealing.is-unlocked .act-grid,
.contacts.is-revealing.is-unlocked .map-block,
.acts.is-unlocked .act-grid,
.contacts.is-unlocked .map-block {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

@media (min-width: 761px) {
    .contacts.is-unlocked {
        height: 1246px !important;
        min-height: 1246px !important;
    }
}

@media (max-width: 760px) {
    .contacts.is-unlocked {
        height: 1246px !important;
        min-height: 1246px !important;
    }
}

/* Glass-like simultaneous reveal: no empty gap between locked and open states. */
.acts.is-revealing,
.contacts.is-revealing {
    position: relative;
    overflow: hidden;
}

.acts.is-revealing .acts-access,
.contacts.is-revealing .contacts-access {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    z-index: 8;
    transform: translateX(-50%) translateY(0) scale(1);
}

.acts.is-revealing.is-unlocked .acts-access,
.contacts.is-revealing.is-unlocked .contacts-access {
    transform: translateX(-50%) translateY(-12px) scale(0.992);
}

.acts.is-revealing .act-grid,
.contacts.is-revealing .map-block {
    position: relative;
    z-index: 4;
    opacity: 0.08;
    transform: translateY(12px) scale(0.992);
    filter: blur(8px) saturate(0.85);
}

.acts.is-revealing.is-unlocked .act-grid,
.contacts.is-revealing.is-unlocked .map-block {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0) saturate(1);
}

.acts.is-revealing::after,
.contacts.is-revealing::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
    opacity: 0;
    background:
        linear-gradient(100deg, transparent 18%, rgba(255, 225, 200, 0.1) 42%, rgba(255, 255, 255, 0.22) 49%, rgba(255, 225, 200, 0.08) 56%, transparent 78%),
        radial-gradient(ellipse at 50% 50%, rgba(255, 225, 200, 0.1), transparent 58%);
    mix-blend-mode: screen;
    transform: translateX(-120%);
    animation: glass-reveal-sweep 0.98s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes glass-reveal-sweep {
    0% {
        opacity: 0;
        transform: translateX(-120%);
        filter: blur(16px);
    }

    24%,
    68% {
        opacity: 0.72;
    }

    100% {
        opacity: 0;
        transform: translateX(120%);
        filter: blur(22px);
    }
}

/* Mobile adaptation for Figma page 12725:1271: "2. Страница 'Главная' - 375 px". */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --figma-mobile-width: 375px;
        --figma-mobile-gutter: 12px;
    }

    body[data-node-id="12725:1271"],
    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: min(100%, var(--figma-mobile-width)) !important;
        max-width: var(--figma-mobile-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] {
        min-width: 320px !important;
        overflow-x: hidden !important;
        background-color: #010101 !important;
    }

    body[data-node-id="12725:1271"] .site-header {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 var(--figma-mobile-gutter) !important;
        border-bottom: 1px solid rgba(131, 112, 83, 0.34) !important;
        background-color: #010101 !important;
        background-image:
            linear-gradient(180deg, rgba(1, 1, 1, 0.98), rgba(1, 1, 1, 0.94)),
            url("assets/live/noise-figma.png") !important;
        background-position: center top !important;
        background-size: auto, 720px 720px !important;
        background-repeat: repeat !important;
    }

    body[data-node-id="12725:1271"] .brand {
        width: 79px !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger {
        width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    body[data-node-id="12725:1271"] .section-pad {
        padding-right: var(--figma-mobile-gutter) !important;
        padding-left: var(--figma-mobile-gutter) !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        gap: 16px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
    }

    body[data-node-id="12725:1271"] .star {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 87px !important;
        flex: 0 0 87px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .star::before {
        top: 56px !important;
        left: 0 !important;
        width: 100% !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .star::after {
        top: 23px !important;
        left: 50% !important;
        width: 64px !important;
        height: 64px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero {
        width: min(100%, var(--figma-mobile-width)) !important;
        height: 746px !important;
        min-height: 746px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        top: 120px !important;
        right: var(--figma-mobile-gutter) !important;
        left: var(--figma-mobile-gutter) !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        font-size: 80px !important;
        font-weight: 600 !important;
        line-height: 80px !important;
        letter-spacing: 0 !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        top: 242px !important;
        left: 50% !important;
        width: 141.48px !important;
        height: 240px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media::before {
        background-size: 141.48px 240px !important;
    }

    body[data-node-id="12725:1271"] .hero-media img {
        left: 12px !important;
        top: 12px !important;
        width: 116px !important;
        height: 216px !important;
        object-position: 48% 50% !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button {
        top: 506px !important;
        width: 228px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        top: 214px !important;
        left: 219px !important;
        width: 120px !important;
        height: 120px !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    body[data-node-id="12725:1271"] .atmo-link {
        top: 578px !important;
        width: 260px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .hero-arrow {
        top: 626px !important;
        height: 32px !important;
    }

    body[data-node-id="12725:1271"] .acts {
        padding-top: 0 !important;
        margin-bottom: 80px !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading {
        height: 263px !important;
        margin-bottom: 32px !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading h2 {
        height: 120px !important;
    }

    body[data-node-id="12725:1271"] .acts.is-locked {
        height: 760px !important;
        min-height: 760px !important;
    }

    body[data-node-id="12725:1271"] .acts.is-locked .acts-access {
        min-height: 437px !important;
        padding-top: 0 !important;
        align-content: start !important;
    }

    body[data-node-id="12725:1271"] .act-grid {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .act-card {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 391px !important;
        min-height: 391px !important;
        border-radius: 8px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        width: min(100%, var(--figma-mobile-width)) !important;
        max-width: var(--figma-mobile-width) !important;
        height: 1413px !important;
        min-height: 1413px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] > .footer-star {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 87px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        width: min(100%, var(--figma-mobile-width)) !important;
        max-width: var(--figma-mobile-width) !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        height: 558px !important;
        min-height: 558px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > img,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe::after {
        width: min(100vw, var(--figma-mobile-width)) !important;
        height: 382px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > div {
        top: 88px !important;
        left: var(--figma-mobile-gutter) !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe h2 {
        height: 30px !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe-form {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 56px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        font-size: 80px !important;
        line-height: 80px !important;
        letter-spacing: 0 !important;
    }
}

/* Mobile rhythm fixes for the lower-page Figma nodes linked in review. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .events {
        height: 1812px !important;
        min-height: 1812px !important;
        margin-bottom: 80px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 80px !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 32px !important;
    }

    body[data-node-id="12725:1271"] .gift-layout {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        margin: 0 auto 40px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body[data-node-id="12725:1271"] .gift-layout > img {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    body[data-node-id="12725:1271"] .gift-intro,
    body[data-node-id="12725:1271"] .gift-copy {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .gift-intro {
        gap: 16px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .gift-copy {
        display: grid !important;
        gap: 32px !important;
    }

    body[data-node-id="12725:1271"] .gift-copy h3 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    body[data-node-id="12725:1271"] .gift-features {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body[data-node-id="12725:1271"] .gift-feature {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 16px !important;
    }

    body[data-node-id="12725:1271"] .gift-feature-separator {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .gift-feature__text {
        width: 282px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body[data-node-id="12725:1271"] .rules-stage {
        width: 351px !important;
        height: 656px !important;
        margin: 0 auto !important;
    }

    body[data-node-id="12725:1271"] .rules-grid {
        position: relative !important;
        left: calc(50% - 836px / 2) !important;
        top: 0 !important;
        width: 1672px !important;
        height: 488px !important;
        transform: translateX(calc(var(--rules-offset, 0) * -339px)) !important;
    }

    body[data-node-id="12725:1271"] .rules-grid article {
        width: 327px !important;
        height: 436px !important;
        min-height: 436px !important;
    }

    body[data-node-id="12725:1271"] .rules-grid article:not(.rules-photo)::before,
    body[data-node-id="12725:1271"] .rules-grid article:not(.rules-photo)::after {
        width: 327px !important;
        height: 436px !important;
        background-size: 327px 436px !important;
    }

    body[data-node-id="12725:1271"] .rules-card--far-left {
        left: 0 !important;
        top: 32px !important;
    }

    body[data-node-id="12725:1271"] .rules-card--left {
        left: 339px !important;
        top: 0 !important;
    }

    body[data-node-id="12725:1271"] .rules-card--photo {
        left: 678px !important;
        top: 32px !important;
    }

    body[data-node-id="12725:1271"] .rules-card--right {
        left: 1017px !important;
        top: 0 !important;
    }

    body[data-node-id="12725:1271"] .rules-card--far-right {
        left: 1356px !important;
        top: 32px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider {
        position: absolute !important;
        left: 0 !important;
        top: 536px !important;
        width: 351px !important;
        height: 120px !important;
    }

    body[data-node-id="12725:1271"] .job-grid {
        width: 100vw !important;
        height: 508px !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 24px !important;
    }

    body[data-node-id="12725:1271"] .job-slider {
        width: 351px !important;
        height: 120px !important;
        margin: 28px auto 0 !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-locked {
        height: 760px !important;
        min-height: 760px !important;
        margin-bottom: 80px !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) {
        height: 829px !important;
        min-height: 829px !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block {
        width: 375px !important;
        height: 590px !important;
        min-height: 590px !important;
        margin-left: -12px !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block::before,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block::before {
        left: calc(50% - 58px) !important;
        top: 180px !important;
        width: 116px !important;
        height: 54px !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block > img,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block > img {
        width: 375px !important;
        height: 590px !important;
        min-height: 590px !important;
        object-fit: cover !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .contact-card {
        left: 12px !important;
        top: 45px !important;
        width: 351px !important;
        height: 500px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content {
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 32px !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-column,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] nav.footer-column,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-legal {
        position: static !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 351px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] nav.footer-column {
        gap: 16px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social {
        gap: 24px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-legal {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-legal > * {
        position: static !important;
        width: 351px !important;
        white-space: normal !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        position: relative !important;
        width: 375px !important;
        height: 558px !important;
        min-height: 558px !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #010101 url("assets/live/subscribe-sharp.jpg?v=20260625-0319") center top / cover no-repeat !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > img {
        left: 0 !important;
        top: 0 !important;
        z-index: 0 !important;
        width: 375px !important;
        height: 382px !important;
        min-height: 382px !important;
        object-fit: cover !important;
        object-position: center center !important;
        opacity: 0.76 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe::after {
        z-index: 1 !important;
        width: 375px !important;
        height: 382px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > div {
        z-index: 2 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        height: 160px !important;
        flex: 0 0 160px !important;
    }
}

/* Tighten the closed contacts block so the footer starts right after the access CTA. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .contacts.is-locked {
        height: 640px !important;
        min-height: 640px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-locked .section-heading {
        margin-bottom: 32px !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-locked .contacts-access {
        min-height: 363px !important;
        gap: 24px !important;
        align-content: start !important;
    }
}

/* Match footer subscribe/image and wordmark to Figma node 12739:933. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        width: 375px !important;
        height: 382px !important;
        min-height: 382px !important;
        flex: 0 0 382px !important;
        overflow: hidden !important;
        background: #010101 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > img {
        left: 0 !important;
        top: 0 !important;
        width: 375px !important;
        height: 382px !important;
        min-height: 382px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center top !important;
        opacity: 0.86 !important;
        filter: contrast(1.08) brightness(0.88) saturate(1.08) !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe::after {
        left: 0 !important;
        top: 0 !important;
        width: 375px !important;
        height: 382px !important;
        background: rgba(0, 0, 0, 0.34) !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe > div {
        top: 88px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        width: 351px !important;
        height: 184px !important;
        flex: 0 0 184px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        font-size: 80px !important;
        line-height: 88px !important;
        text-align: center !important;
        white-space: normal !important;
        word-spacing: 999px !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
    }
}

/* Exact two-line footer wordmark from mobile Figma node 12739:933. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        gap: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content {
        margin-bottom: 16px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        margin-bottom: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        width: 375px !important;
        max-width: 375px !important;
        height: 184px !important;
        flex: 0 0 184px !important;
        margin: 0 auto !important;
        padding: 10px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow: hidden !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-weight: 600 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        word-spacing: normal !important;
        letter-spacing: 0 !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark span {
        display: block !important;
        width: 375px !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark span:first-child {
        font-size: 80px !important;
        line-height: 80px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark span:last-child {
        font-size: 76px !important;
        line-height: 84px !important;
    }
}

/* Club page: Figma node 12784:315, canvas 12820:225. */
body.club-page-v2 {
    background: #010101;
}

body.club-page-v2::after {
    height: 11280px;
    background:
        radial-gradient(ellipse 520px 280px at -140px 460px, rgba(156, 6, 18, 0.38), rgba(100, 10, 12, 0.16) 44%, transparent 76%),
        radial-gradient(ellipse 520px 280px at 1510px 940px, rgba(156, 6, 18, 0.34), rgba(100, 10, 12, 0.14) 44%, transparent 76%),
        radial-gradient(ellipse 430px 260px at -190px 2130px, rgba(156, 6, 18, 0.28), rgba(100, 10, 12, 0.12) 44%, transparent 76%),
        radial-gradient(ellipse 430px 260px at 1570px 3870px, rgba(156, 6, 18, 0.3), rgba(100, 10, 12, 0.12) 44%, transparent 76%),
        radial-gradient(ellipse 430px 260px at -210px 6030px, rgba(156, 6, 18, 0.26), rgba(100, 10, 12, 0.12) 44%, transparent 76%),
        radial-gradient(ellipse 430px 260px at 1590px 8230px, rgba(156, 6, 18, 0.26), rgba(100, 10, 12, 0.12) 44%, transparent 76%);
}

.club-main-v2,
.club-footer2 {
    position: relative;
    z-index: 2;
    width: min(100%, 1440px);
    margin: 0 auto;
    overflow: hidden;
}

.club-main-v2 {
    background: #010101;
}

.club-main-v2::before,
.club-footer2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.34;
    background-image: url("assets/live/noise-figma.png");
    background-position: center top;
    background-repeat: repeat;
    background-size: 1024px 1024px;
}

.club-main-v2 > *,
.club-footer2 > * {
    position: relative;
    z-index: 1;
}

.club-main-v2 h1,
.club-main-v2 h2,
.club-main-v2 h3,
.club-footer2__wordmark {
    font-family: "Anticva", "Cormorant", serif;
    font-weight: 400;
    text-transform: uppercase;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.club-section-head {
    position: relative;
    width: 1376px;
    margin: 0 auto;
    text-align: center;
}

.club-section-head .club-star-line {
    margin: 0 auto 32px;
}

.club-section-head h2 {
    margin: 0;
    font-size: 90px;
    line-height: 0.92;
}

.club-section-head p {
    max-width: 720px;
    margin: 26px auto 0;
    color: var(--text);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.35;
    text-transform: uppercase;
}

.club-star-line {
    position: relative;
    width: 1376px;
    height: 190px;
    display: block;
}

.club-star-line::before,
.club-star-line::after {
    content: "";
    position: absolute;
    left: 50%;
    pointer-events: none;
}

.club-star-line::before {
    top: 95px;
    width: 1376px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(131, 112, 83, 0.54) 42%, rgba(131, 112, 83, 0.54) 58%, transparent);
}

.club-star-line::after {
    top: 63px;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    background:
        radial-gradient(ellipse at 50% 50%, rgba(255, 224, 201, 0.38), transparent 45%),
        url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.62' filter='url(%23a)' d='M0 32L28.4 28.4L32 0L35.6 28.4L64 32L35.6 35.6L32 64L28.4 35.6L0 32Z' fill='%23FFE0C9'/%3E%3Cpath d='M19 32L29.9 29.9L32 19L34.1 29.9L45 32L34.1 34.1L32 45L29.9 34.1L19 32Z' fill='%23FFE0C9'/%3E%3Cdefs%3E%3Cfilter id='a' x='-10' y='-10' width='84' height='84' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 64px 64px no-repeat;
}

.club-hero2 {
    position: relative;
    height: 1060px;
    padding: 152px 32px 0;
    text-align: center;
}

.club-hero2::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 430px 360px at 50% 47%, rgba(156, 6, 18, 0.2), transparent 70%),
        linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, #010101 100%);
}

.club-hero2__content {
    position: relative;
    z-index: 1;
    width: 1376px;
    margin: 0 auto;
}

.club-hero2 h1 {
    max-width: 1160px;
    margin: 0 auto;
    font-size: 164px;
    line-height: 0.84;
}

.club-hero2__keyhole {
    position: relative;
    width: 96px;
    height: 164px;
    margin: 88px auto 34px;
    filter: drop-shadow(0 0 34px rgba(156, 6, 18, 0.68));
}

.club-hero2__keyhole::before,
.club-hero2__keyhole::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.club-hero2__keyhole::before {
    top: 0;
    width: 96px;
    height: 164px;
    background:
        radial-gradient(circle at 50% 30%, #ffdac2 0 12px, #9c0612 13px 26px, transparent 27px),
        linear-gradient(180deg, transparent 0 48px, #9c0612 48px 100%);
    -webkit-mask: var(--keyhole-mask) center / contain no-repeat;
    mask: var(--keyhole-mask) center / contain no-repeat;
}

.club-hero2__keyhole::after {
    inset: -28px -30px -24px;
    transform: none;
    border: 1px solid rgba(131, 112, 83, 0.58);
    border-radius: 999px;
    opacity: 0.8;
}

.club-hero2 p {
    margin: 0;
    color: var(--text);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
}

.club-scroll-link {
    position: absolute;
    left: 50%;
    bottom: 132px;
    z-index: 2;
    width: 220px;
    min-height: 128px;
    display: flex;
    justify-content: center;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.35;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.club-scroll-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 76px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(255, 224, 201, 0.85), transparent);
}

.club-offers2 {
    height: 1430px;
    padding: 80px 32px 0;
}

.club-offers2__grid {
    width: 1376px;
    margin: 96px auto 0;
    display: grid;
    grid-template-columns: 453px 454px 453px;
    gap: 8px;
}

.club-offer-card {
    position: relative;
    height: 640px;
    padding: 72px 38px 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px dashed rgba(131, 112, 83, 0.9);
    border-radius: 0 0 90px 90px;
    background:
        radial-gradient(ellipse 260px 210px at 50% 12%, rgba(131, 112, 83, 0.22), transparent 70%),
        rgba(6, 5, 5, 0.7);
}

.club-offer-card__label {
    position: absolute;
    left: 50%;
    top: -18px;
    min-width: 165px;
    min-height: 34px;
    padding: 5px 20px;
    color: #010101;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    transform: translateX(-50%);
    border-radius: 999px;
    background: var(--button);
}

.club-offer-card__persons {
    margin: 0 0 28px;
    color: var(--text);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.25;
}

.club-offer-card ul {
    width: 100%;
    min-height: 252px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.52;
}

.club-offer-card li + li {
    margin-top: 3px;
}

.club-offer-card__price {
    margin: auto 0 28px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.club-offer-card__price s {
    color: rgba(255, 224, 201, 0.48);
    font-size: 18px;
    line-height: 1.2;
}

.club-offer-card__price strong {
    color: var(--text);
    font-size: 34px;
    font-weight: 500;
    line-height: 1.1;
}

.club-offer-card .pill-button {
    width: 280px;
    height: 86px;
    min-height: 86px;
    font-size: 22px;
    border-radius: 999px;
}

.club-booking2 {
    position: relative;
    height: 1360px;
    padding: 216px 32px 0;
    display: grid;
    grid-template-columns: 708px 556px;
    column-gap: 112px;
    align-items: start;
}

.club-booking2__map {
    position: relative;
    width: 708px;
    height: 756px;
    border: 1px dashed rgba(131, 112, 83, 0.72);
    border-radius: 0 0 110px 110px;
    background:
        radial-gradient(ellipse 240px 180px at 50% 30%, rgba(131, 112, 83, 0.2), transparent 70%),
        linear-gradient(90deg, rgba(131, 112, 83, 0.14) 1px, transparent 1px),
        linear-gradient(180deg, rgba(131, 112, 83, 0.14) 1px, transparent 1px),
        #050404;
    background-size: auto, 118px 118px, 118px 118px, auto;
}

.club-booking2__stage {
    position: absolute;
    left: 50%;
    top: 68px;
    width: 298px;
    height: 76px;
    display: grid;
    place-items: center;
    color: var(--text);
    font-family: "Anticva", "Cormorant", serif;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    transform: translateX(-50%);
    border: 1px solid rgba(131, 112, 83, 0.58);
}

.club-booking2__map button {
    position: absolute;
    width: 114px;
    height: 114px;
    color: var(--text);
    border: 1px dashed rgba(131, 112, 83, 0.72);
    border-radius: 50%;
    background: rgba(34, 28, 20, 0.9);
    cursor: pointer;
}

.club-booking2__map button:nth-of-type(1) {
    left: 104px;
    top: 238px;
}

.club-booking2__map button:nth-of-type(2) {
    left: 300px;
    top: 238px;
}

.club-booking2__map button:nth-of-type(3) {
    left: 496px;
    top: 238px;
}

.club-booking2__map button:nth-of-type(4) {
    left: 178px;
    top: 454px;
}

.club-booking2__map button:nth-of-type(5) {
    left: 416px;
    top: 454px;
}

.club-booking2__map button:nth-of-type(6) {
    left: 50%;
    top: 606px;
    width: 156px;
    border-radius: 78px;
    transform: translateX(-50%);
}

.club-booking2__form {
    width: 556px;
    min-height: 720px;
    padding: 0;
}

.club-booking2__form p {
    margin: 0 0 16px;
    color: var(--text-muted);
    font-size: 18px;
    line-height: 1.45;
    text-transform: uppercase;
}

.club-booking2__form h2 {
    margin: 0 0 48px;
    font-size: 78px;
    line-height: 0.92;
}

.club-booking2__form label {
    display: block;
    margin-bottom: 16px;
}

.club-booking2__form span {
    display: block;
    margin-bottom: 8px;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.3;
}

.club-booking2__form input {
    width: 100%;
    height: 70px;
    padding: 0 24px;
    color: var(--text);
    border: 1px solid rgba(131, 112, 83, 0.42);
    background: #050505;
}

.club-booking2__form .pill-button {
    width: 308px;
    height: 86px;
    min-height: 86px;
    margin-top: 22px;
    font-size: 22px;
}

.club-girls2 {
    height: 1160px;
    padding: 92px 32px 0;
}

.club-girls2__cards {
    width: 1376px;
    margin: 88px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.club-girls2__cards article {
    position: relative;
    height: 620px;
    overflow: hidden;
    border: 1px dashed rgba(131, 112, 83, 0.72);
    border-radius: 232px 232px 0 0;
    background: #050404;
}

.club-girls2__cards img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1.08) brightness(0.72) saturate(0.95);
}

.club-girls2__cards article::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(1, 1, 1, 0.88));
}

.club-girls2__cards h3 {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 36px;
    z-index: 1;
    margin: 0;
    font-size: 40px;
    line-height: 1;
    text-align: center;
}

.club-menu2 {
    height: 1112px;
    padding: 92px 32px 0;
}

.club-menu2__grid {
    width: 1376px;
    margin: 88px auto 0;
    display: grid;
    grid-template-columns: 684px 684px;
    gap: 8px;
}

.club-menu2__grid article {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #050404;
}

.club-menu2__grid img {
    width: 652px;
    height: 588px;
    margin: 16px;
    object-fit: cover;
    filter: brightness(0.72) contrast(1.08) saturate(1.05);
}

.club-menu2__grid article::after {
    content: "";
    position: absolute;
    inset: 16px;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.08), rgba(1, 1, 1, 0.76));
}

.club-menu2__grid div {
    position: absolute;
    left: 48px;
    right: 48px;
    bottom: 48px;
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}

.club-menu2__grid h3 {
    margin: 0;
    font-size: 64px;
    line-height: 0.95;
}

.club-menu2__grid .pill-button {
    width: 240px;
    min-height: 68px;
    font-size: 18px;
}

.club-shows2 {
    height: 1240px;
    padding: 92px 32px 0;
}

.club-shows2__grid {
    width: 1376px;
    margin: 88px auto 0;
    display: grid;
    grid-template-columns: 454px 454px 454px;
    gap: 7px;
}

.club-shows2__grid article {
    position: relative;
    height: 680px;
    overflow: hidden;
    border: 1px dashed rgba(131, 112, 83, 0.72);
    background: #050404;
}

.club-shows2__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.76) contrast(1.1) saturate(1.06);
}

.club-shows2__grid article::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.02), rgba(1, 1, 1, 0.78));
}

.club-shows2__grid div {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 34px;
    z-index: 1;
}

.club-shows2__grid span {
    display: block;
    margin-bottom: 16px;
    color: var(--text-muted);
    font-size: 18px;
    line-height: 1;
}

.club-shows2__grid h3 {
    margin: 0;
    font-size: 48px;
    line-height: 0.98;
}

.club-contacts2 {
    height: 1226px;
    padding: 0 32px;
}

.club-contacts2 .club-section-head {
    padding-top: 0;
}

.club-contacts2__map {
    position: relative;
    width: 1376px;
    height: 590px;
    margin: 42px auto 0;
    overflow: hidden;
    background: #050404;
}

.club-contacts2__map > img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.72) contrast(1.08);
}

.club-contacts2__map::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 1, 1, 0.6), rgba(1, 1, 1, 0.06) 48%, rgba(1, 1, 1, 0.62));
    pointer-events: none;
}

.club-contacts2__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 318px;
    height: 71px;
    object-fit: contain;
    transform: translate(-50%, -50%);
}

.club-contacts2__card {
    position: absolute;
    right: 118px;
    top: 45px;
    z-index: 2;
    width: 388px;
    height: 500px;
    padding: 50px 36px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 34px;
    border: 1px dashed rgba(131, 112, 83, 0.84);
    border-radius: 194px 194px 0 0;
    background: rgba(5, 4, 4, 0.82);
}

.club-contacts2__card p,
.club-contacts2__card a {
    margin: 0;
    color: var(--text);
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.club-contacts2__card span {
    display: block;
    margin-bottom: 14px;
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.4;
}

.club-footer2 {
    height: 1298px;
    padding: 0 32px;
    background: #010101;
}

.club-footer2 > .club-star-line {
    margin: 0 auto;
}

.club-footer2__content {
    position: relative;
    width: 1376px;
    height: 376px;
    margin: 0 auto 28px;
}

.club-footer2__col {
    position: absolute;
    top: 76px;
    width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.club-footer2__col:nth-child(1) {
    left: 0;
}

.club-footer2__col:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
}

.club-footer2__social {
    right: 0;
}

.club-footer2__col p {
    margin: 0 0 24px;
    color: var(--text-muted);
    font-size: 18px;
    line-height: 1.4;
}

.club-footer2__col span,
.club-footer2__col a {
    color: var(--text);
    font-size: 18px;
    line-height: 1.35;
}

.club-footer2__col nav,
.club-footer2__col a {
    text-align: center;
}

.club-footer2__col:nth-child(2) a {
    font-family: "Anticva", "Cormorant", serif;
    font-size: 34px;
    line-height: 1.08;
    text-transform: uppercase;
}

.club-footer2__social > div {
    width: 280px;
    height: 144px;
    display: flex;
    justify-content: center;
}

.club-footer2__social a {
    width: 144px;
    height: 144px;
    display: grid;
    place-items: center;
    margin-right: -8px;
    border: 1px dashed rgba(131, 112, 83, 0.78);
    border-radius: 50%;
    background: rgba(5, 4, 4, 0.82);
}

.club-footer2__social svg {
    width: 28px;
    height: 28px;
    color: var(--text);
}

.club-footer2__legal {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.4;
}

.club-footer2__legal a {
    justify-self: start;
}

.club-footer2__legal span:first-of-type {
    justify-self: center;
}

.club-footer2__legal span:last-child {
    justify-self: end;
}

.club-footer2__subscribe {
    position: relative;
    width: 1376px;
    height: 476px;
    margin: 0 auto;
    overflow: hidden;
    background: #010101;
}

.club-footer2__subscribe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 36%;
    opacity: 0.78;
    filter: brightness(0.82) contrast(1.08) saturate(1.05);
}

.club-footer2__subscribe::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(1, 1, 1, 0.28);
}

.club-footer2__subscribe > div {
    position: absolute;
    left: 50%;
    top: 80px;
    z-index: 1;
    width: 560px;
    transform: translateX(-50%);
    text-align: center;
}

.club-footer2__subscribe h2 {
    margin: 0 0 20px;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 68px;
    text-transform: uppercase;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.club-footer2__subscribe p {
    margin: 0 0 42px;
    color: var(--text);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}

.club-footer2__subscribe form {
    position: relative;
    width: 453px;
    height: 68px;
    margin: 0 auto;
}

.club-footer2__subscribe input {
    width: 100%;
    height: 100%;
    padding: 0 82px 0 28px;
    color: var(--text);
    border: 0;
    border-radius: 8px;
    background: #010101;
    font-size: 18px;
}

.club-footer2__subscribe button {
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    height: 68px;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.club-footer2__subscribe button::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 21px;
    width: 18px;
    height: 18px;
    border-top: 2px solid var(--text);
    border-right: 2px solid var(--text);
    transform: rotate(45deg);
}

.club-footer2__wordmark {
    width: 1376px;
    height: 200px;
    margin: 28px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    overflow: hidden;
    font-size: 196px;
    line-height: 200px;
}

@media (max-width: 1180px) {
    .club-main-v2,
    .club-footer2 {
        width: 100%;
    }

    .club-section-head,
    .club-star-line,
    .club-hero2__content,
    .club-offers2__grid,
    .club-girls2__cards,
    .club-menu2__grid,
    .club-shows2__grid,
    .club-contacts2__map,
    .club-footer2__content,
    .club-footer2__subscribe,
    .club-footer2__wordmark {
        width: calc(100vw - 64px);
    }

    .club-offers2__grid,
    .club-shows2__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .club-menu2__grid {
        grid-template-columns: 1fr 1fr;
    }

    .club-booking2 {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
        column-gap: 48px;
    }

    .club-booking2__map,
    .club-booking2__form {
        width: 100%;
    }
}

@media (max-width: 760px) {
    body.club-page-v2::after {
        width: 375px;
        height: 9800px;
        background:
            radial-gradient(ellipse 260px 180px at 104% 620px, rgba(156, 6, 18, 0.28), transparent 72%),
            radial-gradient(ellipse 240px 180px at -24% 1780px, rgba(156, 6, 18, 0.22), transparent 72%),
            radial-gradient(ellipse 260px 180px at 112% 4980px, rgba(156, 6, 18, 0.24), transparent 72%);
    }

    .club-main-v2,
    .club-footer2 {
        width: 375px;
        max-width: 100%;
    }

    .club-section-head,
    .club-star-line,
    .club-hero2__content,
    .club-offers2__grid,
    .club-girls2__cards,
    .club-menu2__grid,
    .club-shows2__grid,
    .club-contacts2__map,
    .club-footer2__content,
    .club-footer2__subscribe,
    .club-footer2__wordmark {
        width: 351px;
    }

    .club-star-line {
        height: 96px;
    }

    .club-star-line::before {
        top: 56px;
        width: 351px;
    }

    .club-star-line::after {
        top: 24px;
        width: 64px;
        height: 64px;
    }

    .club-section-head .club-star-line {
        margin-bottom: 20px;
    }

    .club-section-head h2 {
        font-size: 58px;
        line-height: 0.96;
    }

    .club-section-head p {
        margin-top: 18px;
        font-size: 16px;
        line-height: 1.42;
    }

    .club-hero2 {
        height: 760px;
        padding: 86px 12px 0;
    }

    .club-hero2 h1 {
        font-size: 74px;
        line-height: 0.9;
    }

    .club-hero2__keyhole {
        width: 70px;
        height: 120px;
        margin: 70px auto 26px;
    }

    .club-hero2__keyhole::before {
        width: 70px;
        height: 120px;
    }

    .club-hero2 p {
        font-size: 14px;
    }

    .club-scroll-link {
        bottom: 72px;
        font-size: 12px;
    }

    .club-offers2,
    .club-booking2,
    .club-girls2,
    .club-menu2,
    .club-shows2,
    .club-contacts2,
    .club-footer2 {
        height: auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .club-offers2 {
        padding-top: 30px;
        padding-bottom: 96px;
    }

    .club-offers2__grid {
        margin-top: 54px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .club-offer-card {
        width: 351px;
        min-height: 640px;
        height: auto;
        padding: 70px 24px 32px;
        border-radius: 0 0 72px 72px;
    }

    .club-offer-card .pill-button {
        width: 263px;
        height: 78px;
        min-height: 78px;
        font-size: 20px;
    }

    .club-booking2 {
        padding-top: 70px;
        padding-bottom: 104px;
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .club-booking2__map {
        width: 351px;
        height: 520px;
        border-radius: 0 0 64px 64px;
        background-size: auto, 88px 88px, 88px 88px, auto;
    }

    .club-booking2__stage {
        top: 48px;
        width: 200px;
        height: 58px;
        font-size: 30px;
    }

    .club-booking2__map button {
        width: 74px;
        height: 74px;
    }

    .club-booking2__map button:nth-of-type(1) {
        left: 42px;
        top: 174px;
    }

    .club-booking2__map button:nth-of-type(2) {
        left: 138px;
        top: 174px;
    }

    .club-booking2__map button:nth-of-type(3) {
        left: 234px;
        top: 174px;
    }

    .club-booking2__map button:nth-of-type(4) {
        left: 78px;
        top: 310px;
    }

    .club-booking2__map button:nth-of-type(5) {
        left: 198px;
        top: 310px;
    }

    .club-booking2__map button:nth-of-type(6) {
        top: 412px;
        width: 120px;
    }

    .club-booking2__form {
        width: 351px;
    }

    .club-booking2__form h2 {
        font-size: 58px;
    }

    .club-booking2__form input {
        height: 64px;
    }

    .club-girls2,
    .club-menu2,
    .club-shows2 {
        padding-top: 72px;
        padding-bottom: 104px;
    }

    .club-girls2__cards,
    .club-menu2__grid,
    .club-shows2__grid {
        margin-top: 54px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .club-girls2__cards article {
        height: 520px;
        border-radius: 176px 176px 0 0;
    }

    .club-menu2__grid article {
        width: 351px;
        height: 430px;
    }

    .club-menu2__grid img {
        width: 327px;
        height: 406px;
        margin: 12px;
    }

    .club-menu2__grid div {
        left: 24px;
        right: 24px;
        bottom: 28px;
        align-items: start;
        flex-direction: column;
    }

    .club-menu2__grid h3 {
        font-size: 48px;
    }

    .club-menu2__grid .pill-button {
        width: 220px;
        min-height: 62px;
    }

    .club-shows2__grid article {
        width: 351px;
        height: 520px;
    }

    .club-contacts2 {
        padding-top: 0;
        padding-bottom: 48px;
    }

    .club-contacts2__map {
        width: 375px;
        height: 590px;
        margin: 32px -12px 0;
    }

    .club-contacts2__logo {
        width: 220px;
        height: auto;
    }

    .club-contacts2__card {
        left: 12px;
        right: auto;
        top: 45px;
        width: 351px;
        height: 500px;
        padding: 44px 26px;
        border-radius: 176px 176px 0 0;
    }

    .club-footer2 {
        width: 375px;
        padding: 0;
    }

    .club-footer2__content {
        height: auto;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .club-footer2__col,
    .club-footer2__col:nth-child(1),
    .club-footer2__col:nth-child(2),
    .club-footer2__social {
        position: static;
        width: 351px;
        transform: none;
    }

    .club-footer2__col p {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .club-footer2__col span,
    .club-footer2__col a {
        font-size: 16px;
    }

    .club-footer2__col:nth-child(2) a {
        font-size: 22px;
        line-height: 28px;
    }

    .club-footer2__social > div {
        width: 216px;
        height: 120px;
    }

    .club-footer2__social a {
        width: 120px;
        height: 120px;
        margin-right: -24px;
    }

    .club-footer2__legal {
        position: static;
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
        font-size: 16px;
    }

    .club-footer2__subscribe {
        width: 375px;
        height: 382px;
        margin: 0;
    }

    .club-footer2__subscribe img {
        width: 375px;
        height: 382px;
        object-position: center top;
        opacity: 0.86;
    }

    .club-footer2__subscribe > div {
        top: 88px;
        width: 351px;
    }

    .club-footer2__subscribe h2 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 18px;
    }

    .club-footer2__subscribe p {
        margin-bottom: 42px;
        font-size: 16px;
        line-height: 24px;
    }

    .club-footer2__subscribe form {
        width: 351px;
        height: 68px;
    }

    .club-footer2__wordmark {
        width: 375px;
        height: 184px;
        margin: 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 0;
        font-size: 80px;
        line-height: 80px;
    }

    .club-footer2__wordmark span {
        width: 375px;
        display: block;
        text-align: center;
    }

    .club-footer2__wordmark span:last-child {
        font-size: 76px;
        line-height: 84px;
    }
}

/* Club page precision pass from Figma node 12784:315. */
.club-page-v2 .club-hero2 {
    height: 1060px;
    padding-top: 126px;
}

.club-page-v2 .club-hero2 h1 {
    max-width: 1220px;
    font-size: 116px;
    line-height: 0.9;
}

.club-page-v2 .club-hero2 h1 > span {
    display: block;
}

.club-page-v2 .club-hero2 h1 > span:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.club-page-v2 .club-hero2__keyhole {
    position: relative;
    width: 112px;
    height: 144px;
    display: inline-block;
    flex: 0 0 112px;
    margin: 0 4px -24px;
    filter: drop-shadow(0 0 28px rgba(156, 6, 18, 0.82));
}

.club-page-v2 .club-hero2__keyhole::before {
    top: 0;
    width: 112px;
    height: 144px;
    background:
        radial-gradient(circle at 50% 30%, #ffd9bd 0 11px, #cf2b18 12px 24px, transparent 25px),
        linear-gradient(180deg, transparent 0 47px, #a60c12 47px 100%);
    -webkit-mask: var(--keyhole-mask) center / contain no-repeat;
    mask: var(--keyhole-mask) center / contain no-repeat;
}

.club-page-v2 .club-hero2__keyhole::after {
    inset: -15px -20px -13px;
    border-color: rgba(131, 112, 83, 0.66);
}

.club-page-v2 .club-hero2 p {
    margin-top: 46px;
    font-size: 16px;
    line-height: 24px;
}

.club-page-v2 .club-scroll-link {
    top: 747px;
    bottom: auto;
    min-height: 88px;
    color: #fdcaa9;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
}

.club-page-v2 .club-scroll-link::after {
    bottom: 0;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3V29M16 29L6 19M16 29L26 19' stroke='%23FDCAA9' stroke-width='1'/%3E%3C/svg%3E") center / contain no-repeat;
}

.club-page-v2 .club-section-head h2 {
    font-size: 82px;
    line-height: 86px;
}

.club-page-v2 .club-section-head p {
    max-width: 522px;
    color: #fdcaa9;
    font-size: 18px;
    line-height: 28px;
}

.club-page-v2 .club-offers2 {
    height: 1360px;
    padding-top: 34px;
}

.club-page-v2 .club-offers2 .club-section-head h2 {
    max-width: 920px;
}

.club-page-v2 .club-offers2__grid {
    margin-top: 82px;
}

.club-page-v2 .club-offer-card {
    height: 640px;
    padding: 66px 31.5px 104px;
    overflow: visible;
    border-radius: 12px;
    background:
        radial-gradient(ellipse 260px 210px at 50% 18%, rgba(253, 202, 169, 0.06), transparent 70%),
        rgba(1, 1, 1, 0.18);
}

.club-page-v2 .club-offer-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 12px;
    pointer-events: none;
    box-shadow: inset 0 0 48px rgba(131, 112, 83, 0.08);
}

.club-page-v2 .club-offer-card__label {
    top: -17px;
    min-width: 165px;
    min-height: 34px;
    padding: 7px 18px;
    color: #fdcaa9;
    border: 1px dashed #837053;
    background: #010101;
    font-family: "Pragmatica Extended", "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-transform: none;
}

.club-page-v2 .club-offer-card__label::after {
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: 1px;
    background: #fdcaa9;
    clip-path: polygon(50% 0, 58% 42%, 100% 50%, 58% 58%, 50% 100%, 42% 58%, 0 50%, 42% 42%);
}

.club-page-v2 .club-offer-card h3 {
    margin: 0 0 16px;
    font-size: 40px;
    line-height: 48px;
}

.club-page-v2 .club-offer-card ul {
    width: 400px;
    max-width: 100%;
    min-height: 300px;
    color: #ffe0c9;
    font-size: 16px;
    line-height: 24px;
}

.club-page-v2 .club-offer-card li + li {
    margin-top: 8px;
}

.club-page-v2 .club-offer-card__price {
    position: absolute;
    left: 31.5px;
    bottom: 31.5px;
    margin: 0;
    align-items: flex-start;
    gap: 8px;
    text-align: left;
}

.club-page-v2 .club-offer-card__price s {
    color: #ffe0c9;
    font-size: 16px;
    line-height: 24px;
    opacity: 0.5;
}

.club-page-v2 .club-offer-card__price strong {
    color: #ffe0c9;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
}

.club-page-v2 .club-offer-card .pill-button {
    position: absolute;
    right: 31.5px;
    bottom: 31.5px;
    width: auto;
    height: 48px;
    min-height: 48px;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 24px;
}

.club-page-v2 .club-booking2 {
    height: 1308px;
    padding-top: 160px;
    grid-template-columns: 590px 556px;
    column-gap: 118px;
    justify-content: center;
}

.club-page-v2 .club-booking2__map {
    width: 590px;
    height: 690px;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(ellipse 260px 210px at 42% 62%, rgba(136, 14, 14, 0.2), transparent 68%),
        linear-gradient(90deg, rgba(131, 112, 83, 0.13) 1px, transparent 1px),
        linear-gradient(180deg, rgba(131, 112, 83, 0.13) 1px, transparent 1px),
        #010101;
    background-size: auto, 95px 95px, 95px 95px, auto;
}

.club-page-v2 .club-booking2__map::before,
.club-page-v2 .club-booking2__map::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.club-page-v2 .club-booking2__map::before {
    left: 34px;
    top: 34px;
    width: 520px;
    height: 606px;
    border: 1px solid rgba(131, 112, 83, 0.4);
}

.club-page-v2 .club-booking2__map::after {
    left: 274px;
    top: 450px;
    width: 1px;
    height: 210px;
    background: rgba(131, 112, 83, 0.46);
}

.club-page-v2 .club-booking2__stage {
    left: 50%;
    top: 34px;
    width: 160px;
    height: 64px;
    color: transparent;
    font-size: 0;
    border: 1px solid rgba(136, 14, 14, 0.95);
    background:
        linear-gradient(90deg, rgba(136, 14, 14, 0.8), rgba(136, 14, 14, 0.2)),
        rgba(1, 1, 1, 0.9);
}

.club-page-v2 .club-booking2__stage::before {
    content: "Сцена";
    color: #fdcaa9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.club-page-v2 .club-booking2__zone {
    position: absolute;
    display: block;
    border: 1px solid rgba(136, 14, 14, 0.78);
    background: rgba(136, 14, 14, 0.22);
    pointer-events: none;
}

.club-page-v2 .club-booking2__zone--bar {
    left: 52px;
    top: 122px;
    width: 72px;
    height: 420px;
}

.club-page-v2 .club-booking2__zone--vip {
    right: 54px;
    top: 184px;
    width: 82px;
    height: 254px;
}

.club-page-v2 .club-booking2__zone--dance {
    left: 250px;
    top: 198px;
    width: 86px;
    height: 226px;
    border-radius: 900px;
    background: rgba(1, 1, 1, 0.34);
}

.club-page-v2 .club-booking2__map button {
    width: auto;
    height: auto;
    min-width: 24px;
    color: transparent;
    border: 0;
    border-radius: 0;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(1) {
    left: 282px;
    top: 54px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(2) {
    left: 92px;
    top: 214px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(3) {
    left: 92px;
    top: 309px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(4) {
    left: 92px;
    top: 404px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(5) {
    left: 92px;
    top: 496px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(6) {
    left: 258px;
    top: 496px;
    width: auto;
    transform: none;
}

.club-page-v2 .club-booking2__map button:nth-of-type(7) {
    left: 486px;
    top: 304px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(8) {
    left: 282px;
    top: 644px;
    width: auto;
    transform: none;
}

.club-page-v2 .club-booking2__map button:nth-of-type(9) {
    left: 404px;
    top: 180px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(10) {
    left: 404px;
    top: 426px;
}

.club-page-v2 .club-booking2__form h2 {
    font-size: 60px;
    line-height: 68px;
}

.club-page-v2 .club-booking2__form input {
    height: 64px;
    border-color: rgba(131, 112, 83, 0.62);
    border-radius: 8px;
}

.club-page-v2 .club-girls2 {
    height: 1030px;
    padding-top: 54px;
}

.club-page-v2 .club-girls2__cards {
    margin-top: 82px;
}

.club-page-v2 .club-girls2__cards article {
    height: 600px;
    border-radius: 228px 228px 0 0;
    background:
        radial-gradient(circle at 50% 76%, rgba(131, 112, 83, 0.22), transparent 34%),
        linear-gradient(180deg, rgba(131, 112, 83, 0.08), rgba(1, 1, 1, 0.96)),
        #010101;
}

.club-page-v2 .club-girls2__cards article > span {
    position: absolute;
    left: 50%;
    top: 190px;
    width: 164px;
    height: 164px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(131, 112, 83, 0.28);
}

.club-page-v2 .club-girls2__cards article > span::after {
    content: "";
    position: absolute;
    inset: 46px;
    border-radius: 50%;
    background: rgba(131, 112, 83, 0.26);
}

.club-page-v2 .club-girls2__cards h3 {
    bottom: 16px;
    color: #fdcaa9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
}

.club-page-v2 .club-menu2 {
    height: 1116px;
    padding-top: 58px;
}

.club-page-v2 .club-menu2__grid {
    margin-top: 82px;
}

.club-page-v2 .club-menu2__grid article {
    border: 1px dashed rgba(131, 112, 83, 0.9);
    border-radius: 12px;
}

.club-page-v2 .club-menu2__grid img {
    border-radius: 4px;
}

.club-page-v2 .club-menu2__grid div {
    left: 48px;
    right: 48px;
    bottom: 48px;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.club-page-v2 .club-menu2__grid h3 {
    font-size: 60px;
    line-height: 68px;
    text-align: center;
}

.club-page-v2 .club-menu2__grid .pill-button {
    width: 260px;
    min-height: 80px;
    padding: 28px 40px;
    font-size: 16px;
}

.club-page-v2 .club-shows2 {
    height: 1050px;
    padding-top: 58px;
}

.club-page-v2 .club-shows2__grid {
    margin-top: 82px;
}

.club-page-v2 .club-shows2__grid article {
    border-radius: 12px;
}

.club-page-v2 .club-shows2__grid div,
.club-page-v2 .club-shows2__grid article::after {
    display: none;
}

.club-page-v2 .club-contacts2__card {
    justify-content: start;
    padding-top: 259px;
    border-radius: 12px;
}

.club-page-v2 .club-contacts2__card::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 92px;
    width: 100px;
    height: 56px;
    transform: translateX(-50%) rotate(75deg);
    background: url("assets/live/contact-key-figma.png?v=20260626-0424") center / contain no-repeat;
}

@media (max-width: 760px) {
    .club-page-v2 .club-hero2 {
        height: 620px;
        padding-top: 72px;
    }

    .club-page-v2 .club-hero2 h1 {
        font-size: 46px;
        line-height: 0.96;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        gap: 8px;
    }

    .club-page-v2 .club-hero2__keyhole {
        width: 46px;
        height: 64px;
        flex-basis: 46px;
        margin: 0 0 -10px;
    }

    .club-page-v2 .club-hero2__keyhole::before {
        width: 46px;
        height: 64px;
    }

    .club-page-v2 .club-hero2__keyhole::after {
        inset: -7px -8px -6px;
    }

    .club-page-v2 .club-scroll-link {
        top: 430px;
    }

    .club-page-v2 .club-section-head h2 {
        font-size: 54px;
        line-height: 58px;
    }

    .club-page-v2 .club-offer-card {
        border-radius: 12px;
    }

    .club-page-v2 .club-offer-card h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .club-page-v2 .club-offer-card ul {
        min-height: 306px;
        font-size: 15px;
        line-height: 22px;
    }

    .club-page-v2 .club-offer-card li + li {
        margin-top: 7px;
    }

    .club-page-v2 .club-booking2__map {
        height: 520px;
        background-size: auto, 76px 76px, 76px 76px, auto;
    }

    .club-page-v2 .club-booking2__map::before {
        left: 20px;
        top: 24px;
        width: 311px;
        height: 472px;
    }

    .club-page-v2 .club-booking2__map::after {
        left: 170px;
        top: 334px;
        height: 152px;
    }

    .club-page-v2 .club-booking2__stage {
        top: 32px;
        width: 112px;
        height: 48px;
    }

    .club-page-v2 .club-booking2__zone--bar {
        left: 34px;
        top: 98px;
        width: 48px;
        height: 316px;
    }

    .club-page-v2 .club-booking2__zone--vip {
        right: 34px;
        top: 144px;
        width: 54px;
        height: 184px;
    }

    .club-page-v2 .club-booking2__zone--dance {
        left: 145px;
        top: 152px;
        width: 62px;
        height: 162px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(1) {
        left: 166px;
        top: 48px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(2) {
        left: 58px;
        top: 166px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(3) {
        left: 58px;
        top: 236px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(4) {
        left: 58px;
        top: 306px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(5) {
        left: 58px;
        top: 376px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(6) {
        left: 154px;
        top: 376px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(7) {
        left: 286px;
        top: 232px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(8) {
        left: 166px;
        top: 470px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(9) {
        left: 240px;
        top: 142px;
    }

    .club-page-v2 .club-booking2__map button:nth-of-type(10) {
        left: 240px;
        top: 326px;
    }

    .club-page-v2 .club-girls2__cards article {
        height: 430px;
        border-radius: 176px 176px 0 0;
    }

    .club-page-v2 .club-girls2__cards article > span {
        top: 136px;
    }

    .club-page-v2 .club-shows2__grid div {
        display: none;
    }

    .club-page-v2 .club-contacts2__card {
        border-radius: 12px;
    }
}

/* Club page exact geometry from the pasted Figma CSS export. */
.club-page-v2 {
    --club-page-width: 1440px;
    --club-header-height: 96px;
    --figma-lines-star: url("assets/live/section-divider.svg");
    --figma-hero-key-outline: url("https://www.figma.com/api/mcp/asset/600ee763-e8cc-463f-b0eb-4825fd4c2d65");
    --figma-hero-key-fill: url("https://www.figma.com/api/mcp/asset/d01322eb-9db4-4566-b7f1-e151ab03430b");
    --figma-contact-key: url("assets/live/contact-key-figma.png");
}

.club-page-v2 .site-header {
    position: sticky;
    top: 0;
    width: min(100%, 1440px);
    height: 96px;
    min-height: 96px;
    padding: 0 32px;
    grid-template-columns: 102px 244px 1fr 125px 344px;
    gap: 32px;
    background: #010101;
    border-bottom: 1px dashed rgba(131, 112, 83, 0.7);
    backdrop-filter: none;
}

.club-page-v2 .site-header .nav-trigger {
    width: 102px;
    height: 48px;
}

.club-page-v2 .site-header .header-place {
    width: 244px;
    height: 42px;
    min-height: 42px;
    gap: 6px;
}

.club-page-v2 .site-header .header-place span,
.club-page-v2 .site-header .header-place a,
.club-page-v2 .site-header .header-phone {
    color: #fdcaa9;
    font-size: 14px;
    line-height: 18px;
}

.club-page-v2 .site-header .brand {
    width: 105px;
    min-height: 48px;
}

.club-page-v2 .site-header .header-phones {
    width: 125px;
}

.club-page-v2 .site-header .header-phones .header-phone + .header-phone {
    display: none;
}

.club-page-v2 .site-header .header-actions {
    width: 344px;
    height: 48px;
}

.club-page-v2 .club-main-v2 {
    width: min(100%, 1440px);
    height: 8492px;
    margin: 0 auto;
    overflow: hidden;
}

.club-page-v2 .club-hero2,
.club-page-v2 .club-offers2,
.club-page-v2 .club-booking2,
.club-page-v2 .club-girls2,
.club-page-v2 .club-menu2,
.club-page-v2 .club-shows2,
.club-page-v2 .club-contacts2 {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}

.club-page-v2 .club-hero2 {
    height: 891px;
    padding-top: 120px;
}

.club-page-v2 .club-hero2 h1 {
    width: 1376px;
    max-width: 100%;
    height: 340px;
    margin: 0 auto;
    font-family: "Cormorant", "Anticva", serif;
    font-size: 196px;
    font-weight: 600;
    line-height: 170px;
    letter-spacing: 0;
}

.club-page-v2 .club-hero2 h1 > span:last-child {
    height: 170px;
    gap: 30px;
}

.club-page-v2 .club-hero2__keyhole {
    width: 194px;
    height: 329px;
    flex: 0 0 194px;
    margin: -20px -8px -139px;
    background: var(--figma-hero-key-outline) center / contain no-repeat;
    filter: drop-shadow(0 20px 72px rgba(156, 6, 18, 0.5));
}

.club-page-v2 .club-hero2__keyhole::before {
    left: 16px;
    top: 16px;
    width: 162px;
    height: 297px;
    transform: none;
    background: var(--figma-hero-key-fill) center / contain no-repeat;
    -webkit-mask: none;
    mask: none;
}

.club-page-v2 .club-hero2__keyhole::after {
    display: none;
}

.club-page-v2 .club-hero2 p {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #fdcaa9;
}

.club-page-v2 .club-scroll-link {
    top: 651px;
    width: 260px;
    min-height: 80px;
}

.club-page-v2 .club-section-head {
    width: 1376px;
    height: 396px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.club-page-v2 .club-section-head .club-star-line {
    flex: 0 0 190px;
    width: 1376px;
    height: 190px;
    margin: 0;
}

.club-page-v2 .club-star-line::before,
.club-page-v2 .club-star-line::after {
    display: none;
}

.club-page-v2 .club-star-line {
    background: var(--figma-lines-star) center / 1376px 190px no-repeat;
}

.club-page-v2 .club-section-head h2 {
    width: 1376px;
    min-height: 86px;
    margin: 0;
    font-size: 82px;
    line-height: 86px;
    letter-spacing: 0;
}

.club-page-v2 .club-section-head p {
    width: 614px;
    max-width: 614px;
    min-height: 28px;
    margin: 0;
}

.club-page-v2 .club-offers2 {
    position: relative;
    height: 1401px;
    padding-top: 0;
}

.club-page-v2 .club-offers2 .club-section-head {
    height: 454px;
}

.club-page-v2 .club-offers2 .club-section-head h2 {
    height: 172px;
}

.club-page-v2 .club-offers2 .club-section-head p {
    width: 1376px;
    max-width: 1376px;
}

.club-page-v2 .club-offers2__grid {
    width: 1376px;
    margin-top: 97px;
    grid-template-columns: 453px 454px 453px;
    gap: 8px;
}

.club-page-v2 .club-offers2__note {
    position: absolute;
    left: calc(50% - 413px / 2 + 0.5px);
    top: 1223px;
    width: 413px;
    height: 18px;
    margin: 0;
    color: #ffe0c9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

.club-page-v2 .club-booking2 {
    height: 1132px;
    padding: 0;
    display: block;
}

.club-page-v2 .club-booking2 > .club-star-line {
    position: absolute;
    left: 32px;
    top: 0;
}

.club-page-v2 .club-booking2__map {
    position: absolute;
    left: 32px;
    top: 222px;
    width: 660px;
    height: 750px;
    border: 1px dashed #837053;
    border-radius: 12px;
    background: #010101;
}

.club-page-v2 .club-booking2__map::before {
    left: 17px;
    top: 16px;
    width: 626px;
    height: 719px;
    border: 1px solid rgba(131, 112, 83, 0.76);
}

.club-page-v2 .club-booking2__map::after {
    display: none;
}

.club-page-v2 .club-booking2__stage {
    left: 254px;
    top: 31px;
    width: 74px;
    height: 40px;
    transform: rotate(90deg);
}

.club-page-v2 .club-booking2__zone--bar {
    left: 49px;
    top: 184px;
    width: 89px;
    height: 41px;
    transform: rotate(-90deg);
}

.club-page-v2 .club-booking2__zone--vip {
    left: 501px;
    top: 243px;
    width: 94px;
    height: 204px;
}

.club-page-v2 .club-booking2__zone--dance {
    left: 150px;
    top: 212px;
    width: 80px;
    height: 226px;
    border-radius: 900px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(1) {
    left: 224px;
    top: 54px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(2) {
    left: 63px;
    top: 214px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(3) {
    left: 63px;
    top: 309px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(4) {
    left: 63px;
    top: 404px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(5) {
    left: 63px;
    top: 496px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(6) {
    left: 230px;
    top: 496px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(7) {
    left: 457px;
    top: 304px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(8) {
    left: 224px;
    top: 647px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(9) {
    left: 184px;
    top: 137px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(10) {
    left: 320px;
    top: 137px;
}

.club-page-v2 .club-booking2__map button:nth-of-type(11) {
    left: 512px;
    top: 331px;
}

.club-page-v2 .club-booking2__form {
    position: absolute;
    left: 724px;
    top: 297px;
    width: 684px;
    min-height: 600px;
}

.club-page-v2 .club-booking2__form h2 {
    width: 684px;
    height: 136px;
    margin: 0 0 24px;
    font-size: 60px;
    line-height: 68px;
}

.club-page-v2 .club-booking2__form > p {
    width: 684px;
    height: 56px;
    margin: 0 0 48px;
    color: #fdcaa9;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}

.club-page-v2 .club-booking2__fields {
    width: 684px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.club-page-v2 .club-booking2__row {
    display: flex;
    gap: 16px;
}

.club-page-v2 .club-booking2__input {
    width: 334px;
    height: 48px;
    margin: 0;
}

.club-page-v2 .club-booking2__input--wide {
    width: 684px;
}

.club-page-v2 .club-booking2__input input {
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    border: 0;
    border-radius: 8px;
    background: #151515;
    color: #fdcaa9;
    font-size: 16px;
    line-height: 24px;
}

.club-page-v2 .club-booking2__agree {
    width: 428px;
    height: 24px;
    margin: 8px 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fdcaa9;
    font-size: 14px;
    line-height: 18px;
}

.club-page-v2 .club-booking2__agree input {
    width: 20px;
    height: 20px;
    accent-color: #880e0e;
}

.club-page-v2 .club-booking2__form .pill-button {
    width: 260px;
    height: 80px;
    min-height: 80px;
    margin-top: 32px;
    padding: 28px 40px;
    font-size: 16px;
}

.club-page-v2 .club-girls2 {
    position: relative;
    height: 1382px;
    padding: 0;
}

.club-page-v2 .club-girls2 .club-section-head {
    position: absolute;
    left: 32px;
    top: 0;
}

.club-page-v2 .club-girls2 .club-section-head p {
    width: 494px;
    max-width: 494px;
    height: 56px;
}

.club-page-v2 .club-girls2__cards {
    position: absolute;
    left: 0;
    top: 476px;
    width: 1440px;
    height: 746px;
    margin: 0;
    display: block;
}

.club-page-v2 .club-girls2__cards article {
    position: absolute;
    top: 0;
    width: 569px;
    height: 746px;
    border: 1px dashed #837053;
    border-radius: 12px;
    background: transparent;
}

.club-page-v2 .club-girls2__cards article::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 16px;
    width: 537px;
    height: 650px;
    background: #837053;
    opacity: 0.3;
    border-radius: 900px 900px 0 0;
}

.club-page-v2 .club-girls2__cards article::after {
    display: none;
}

.club-page-v2 .club-girls2__cards article > span {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 22px;
    height: 24px;
    transform: none;
    border-radius: 0;
    background: none;
    color: #ffe0c9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 1;
}

.club-page-v2 .club-girls2__cards article > span::after {
    display: none;
}

.club-page-v2 .club-girls2__cards article:nth-child(1) {
    left: -141px;
}

.club-page-v2 .club-girls2__cards article:nth-child(2) {
    left: 436px;
}

.club-page-v2 .club-girls2__cards article:nth-child(3) {
    left: 1013px;
}

.club-page-v2 .club-girls2__cards h3 {
    left: 119px;
    right: auto;
    top: 682px;
    bottom: auto;
    width: 331px;
    height: 48px;
    font-family: "Anticva", "Cormorant", serif;
    font-size: 40px;
    line-height: 48px;
    color: transparent;
    background: var(--title);
    -webkit-background-clip: text;
    background-clip: text;
}

.club-page-v2 .club-girls2__cards article:first-child h3 {
    left: 149px;
    width: 272px;
}

.club-page-v2 .club-girls2__next {
    position: absolute;
    left: 1245px;
    top: 836px;
    width: 120px;
    height: 120px;
    border-radius: 900px;
    background: rgba(131, 112, 83, 0.3);
    backdrop-filter: blur(10px);
    cursor: pointer;
}

.club-page-v2 .club-girls2__next::before {
    content: "";
    position: absolute;
    left: 54px;
    top: 51px;
    width: 14px;
    height: 14px;
    border-top: 1px solid #ffe1c8;
    border-right: 1px solid #ffe1c8;
    transform: rotate(45deg);
}

.club-page-v2 .club-menu2 {
    height: 1144px;
    padding: 0;
}

.club-page-v2 .club-menu2 .club-section-head {
    position: absolute;
    left: 32px;
    top: 0;
    height: 424px;
}

.club-page-v2 .club-menu2 .club-section-head p {
    width: 606px;
    max-width: 606px;
    height: 84px;
}

.club-page-v2 .club-menu2__grid {
    position: absolute;
    left: 32px;
    top: 504px;
    width: 1376px;
    height: 620px;
    margin: 0;
    display: flex;
    gap: 8px;
}

.club-page-v2 .club-menu2__grid article {
    width: 684px;
    height: 620px;
}

.club-page-v2 .club-menu2__grid img {
    width: 652px;
    height: 588px;
    margin: 16px;
    object-fit: cover;
}

.club-page-v2 .club-shows2 {
    height: 1316px;
    padding: 0;
}

.club-page-v2 .club-shows2 .club-section-head {
    position: absolute;
    left: 32px;
    top: 0;
}

.club-page-v2 .club-shows2 .club-section-head p {
    width: 614px;
    max-width: 614px;
    height: 56px;
}

.club-page-v2 .club-shows2__grid {
    position: absolute;
    left: 32px;
    top: 476px;
    width: 1376px;
    height: 680px;
    margin: 0;
    display: flex;
    gap: 7px;
}

.club-page-v2 .club-shows2__grid article {
    width: 454px;
    height: 680px;
}

.club-page-v2 .club-shows2__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.club-page-v2 .club-contacts2 {
    height: 1226px;
    padding: 0;
}

.club-page-v2 .club-contacts2 .club-section-head {
    width: 1440px;
    height: 396px;
}

.club-page-v2 .club-contacts2 .club-section-head .club-star-line {
    width: 1376px;
}

.club-page-v2 .club-contacts2__map {
    width: 1440px;
    height: 590px;
    margin: 80px 0 0;
}

.club-page-v2 .club-contacts2__map > img:first-child {
    object-fit: cover;
    filter: none;
}

.club-page-v2 .club-contacts2__map::after {
    display: none;
}

.club-page-v2 .club-contacts2__logo {
    width: 105px;
    height: 48px;
}

.club-page-v2 .club-contacts2__card {
    right: 194px;
    top: 45px;
    width: 388px;
    height: 500px;
    padding: 259px 32px 0;
    background: #010101;
    border-radius: 12px;
}

.club-page-v2 .club-contacts2__card::before {
    top: 92px;
    width: 100px;
    height: 56px;
    background-image: var(--figma-contact-key);
}

.club-page-v2 .club-contacts2__card p,
.club-page-v2 .club-contacts2__card a {
    font-size: 16px;
    line-height: 24px;
    color: #fdcaa9;
}

.club-page-v2 .club-contacts2__card span {
    color: rgba(253, 202, 169, 0.5);
}

.club-page-v2 .club-footer2 {
    width: min(100%, 1440px);
    height: 1298px;
    padding: 0;
}

.club-page-v2 .club-footer2 > .club-star-line {
    width: 1376px;
    height: 190px;
}

.club-page-v2 .club-footer2__content {
    width: 1376px;
    height: 376px;
    margin: 28px auto 28px;
}

.club-page-v2 .club-footer2__col {
    top: 0;
}

.club-page-v2 .club-footer2__col:nth-child(1) {
    left: 87px;
    width: 279px;
}

.club-page-v2 .club-footer2__col:nth-child(2) {
    left: 499px;
    width: 378px;
    transform: none;
}

.club-page-v2 .club-footer2__social {
    right: auto;
    left: 1042px;
    width: 216px;
}

.club-page-v2 .club-footer2__subscribe {
    width: 1440px;
    height: 476px;
}

.club-page-v2 .club-footer2__subscribe img {
    filter: none;
    opacity: 1;
}

.club-page-v2 .club-footer2__wordmark {
    width: 1440px;
    height: 200px;
    margin: 0 auto;
    gap: 0;
    font-family: "Cormorant", "Anticva", serif;
    font-size: 196px;
    font-weight: 600;
    line-height: 200px;
    letter-spacing: 0;
}

@media (max-width: 760px) {
    .club-page-v2 .site-header {
        width: 375px;
        height: 72px;
        min-height: 72px;
        padding: 0 12px;
        grid-template-columns: 84px 1fr 64px;
        gap: 8px;
    }

    .club-page-v2 .site-header .header-place,
    .club-page-v2 .site-header .header-phones {
        display: none;
    }

    .club-page-v2 .site-header .brand {
        width: 88px;
    }

    .club-page-v2 .site-header .header-actions {
        width: 64px;
        overflow: hidden;
    }

    .club-page-v2 .club-main-v2 {
        width: 375px;
        height: auto;
    }

    .club-page-v2 .club-hero2,
    .club-page-v2 .club-offers2,
    .club-page-v2 .club-booking2,
    .club-page-v2 .club-girls2,
    .club-page-v2 .club-menu2,
    .club-page-v2 .club-shows2,
    .club-page-v2 .club-contacts2 {
        width: 375px;
        height: auto;
        min-height: 0;
        padding: 0 12px 96px;
    }

    .club-page-v2 .club-hero2 {
        height: 620px;
        padding-top: 72px;
    }

    .club-page-v2 .club-hero2 h1 {
        width: 351px;
        height: auto;
        font-size: 54px;
        line-height: 58px;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: 58px;
    }

    .club-page-v2 .club-hero2__keyhole {
        width: 58px;
        height: 98px;
        flex-basis: 58px;
        margin: -8px -4px -40px;
    }

    .club-page-v2 .club-hero2__keyhole::before {
        left: 5px;
        top: 5px;
        width: 48px;
        height: 88px;
    }

    .club-page-v2 .club-section-head,
    .club-page-v2 .club-offers2 .club-section-head,
    .club-page-v2 .club-menu2 .club-section-head,
    .club-page-v2 .club-contacts2 .club-section-head {
        position: relative;
        left: auto;
        top: auto;
        width: 351px;
        height: auto;
        gap: 20px;
    }

    .club-page-v2 .club-section-head .club-star-line,
    .club-page-v2 .club-footer2 > .club-star-line {
        width: 351px;
        height: 96px;
        flex-basis: 96px;
        background-size: 695px 96px;
    }

    .club-page-v2 .club-section-head h2 {
        width: 351px;
        font-size: 54px;
        line-height: 58px;
    }

    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-offers2 .club-section-head p,
    .club-page-v2 .club-menu2 .club-section-head p,
    .club-page-v2 .club-shows2 .club-section-head p,
    .club-page-v2 .club-girls2 .club-section-head p,
    .club-page-v2 .club-contacts2 .club-section-head p {
        width: 351px;
        max-width: 351px;
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .club-page-v2 .club-offers2__grid,
    .club-page-v2 .club-menu2__grid,
    .club-page-v2 .club-shows2__grid,
    .club-page-v2 .club-girls2__cards {
        position: relative;
        left: auto;
        top: auto;
        width: 351px;
        height: auto;
        margin-top: 56px;
    }

    .club-page-v2 .club-offers2__note {
        position: relative;
        left: auto;
        top: auto;
        width: 351px;
        height: auto;
        margin: 20px auto 0;
    }

    .club-page-v2 .club-booking2__map,
    .club-page-v2 .club-booking2__form,
    .club-page-v2 .club-girls2 .club-section-head,
    .club-page-v2 .club-menu2 .club-section-head,
    .club-page-v2 .club-shows2 .club-section-head {
        position: relative;
        left: auto;
        top: auto;
    }

    .club-page-v2 .club-booking2 {
        display: flex;
        flex-direction: column;
        gap: 56px;
    }

    .club-page-v2 .club-booking2 > .club-star-line {
        display: none;
    }

    .club-page-v2 .club-booking2__map {
        width: 351px;
        height: 430px;
        transform-origin: top left;
        overflow: hidden;
    }

    .club-page-v2 .club-booking2__form,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-booking2__fields,
    .club-page-v2 .club-booking2__input--wide {
        width: 351px;
    }

    .club-page-v2 .club-booking2__row {
        flex-direction: column;
    }

    .club-page-v2 .club-booking2__input {
        width: 351px;
    }

    .club-page-v2 .club-girls2__cards article {
        position: relative;
        left: auto !important;
        width: 351px;
        height: 520px;
        margin-bottom: 16px;
    }

    .club-page-v2 .club-girls2__next {
        display: none;
    }

    .club-page-v2 .club-menu2__grid,
    .club-page-v2 .club-shows2__grid {
        flex-direction: column;
    }

    .club-page-v2 .club-menu2__grid article,
    .club-page-v2 .club-shows2__grid article {
        width: 351px;
    }

    .club-page-v2 .club-menu2__grid img {
        width: 327px;
    }

    .club-page-v2 .club-contacts2__map {
        width: 375px;
        margin-left: -12px;
    }
}

/* Club page typography/rhythm aligned with index.html. */
@media (min-width: 761px) {
    .club-page-v2 .club-main-v2 {
        height: auto;
    }

    .club-page-v2 .club-hero2 {
        height: 817px;
    }

    .club-page-v2 .club-hero2 h1 {
        height: 400px;
        font-family: "Cormorant", "Anticva", serif;
        font-size: 184px;
        font-weight: 600;
        line-height: 200px;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: 200px;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: 200px;
        gap: 24px;
    }

    .club-page-v2 .club-hero2 p,
    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-footer2__subscribe p {
        color: #ffe0c9;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

    .club-page-v2 .club-section-head,
    .club-page-v2 .club-offers2 .club-section-head,
    .club-page-v2 .club-menu2 .club-section-head,
    .club-page-v2 .club-shows2 .club-section-head,
    .club-page-v2 .club-girls2 .club-section-head,
    .club-page-v2 .club-contacts2 .club-section-head {
        height: 396px;
        gap: 32px;
    }

    .club-page-v2 .club-section-head h2 {
        width: 1376px;
        min-height: 86px;
        height: auto;
        font-size: 82px;
        line-height: 86px;
        letter-spacing: 0;
    }

    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-offers2 .club-section-head p,
    .club-page-v2 .club-menu2 .club-section-head p,
    .club-page-v2 .club-shows2 .club-section-head p,
    .club-page-v2 .club-girls2 .club-section-head p,
    .club-page-v2 .club-contacts2 .club-section-head p {
        width: 614px;
        max-width: 614px;
        height: auto;
        min-height: 28px;
        margin: 0;
    }

    .club-page-v2 .club-offers2__grid {
        margin-top: 80px;
    }

    .club-page-v2 .club-offers2__note {
        top: 1168px;
    }

    .club-page-v2 .club-menu2__grid {
        top: 476px;
    }

    .club-page-v2 .club-offer-card h3,
    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-menu2__grid h3,
    .club-page-v2 .club-shows2__grid h3 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: 0;
    }

    .club-page-v2 .club-offer-card ul,
    .club-page-v2 .club-contacts2__card p,
    .club-page-v2 .club-contacts2__card a {
        font-size: 16px;
        line-height: 24px;
    }

    .club-page-v2 .club-offer-card__price s,
    .club-page-v2 .club-shows2__grid span,
    .club-page-v2 .club-booking2__input input,
    .club-page-v2 .club-booking2__agree {
        font-size: 16px;
        line-height: 24px;
    }

    .club-page-v2 .club-offer-card__price strong {
        font-size: 25px;
        line-height: 32px;
        letter-spacing: -0.02em;
    }

    .club-page-v2 .club-booking2__form h2 {
        height: auto;
        margin-bottom: 24px;
        font-size: 82px;
        line-height: 86px;
        letter-spacing: 0;
    }

    .club-page-v2 .club-booking2__form .pill-button,
    .club-page-v2 .club-menu2__grid .pill-button {
        width: 260px;
        height: 80px;
        min-height: 80px;
        padding: 28px 40px;
        font-size: 16px;
        line-height: 24px;
    }

    .club-page-v2 .club-offer-card .pill-button {
        width: 119px;
        height: 48px;
        min-height: 48px;
        padding: 12px 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .club-page-v2 .club-footer2__subscribe h2 {
        font-size: 82px;
        line-height: 86px;
        letter-spacing: 0;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-section-head h2,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-footer2__subscribe h2 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
    }

    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-footer2__subscribe p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
    }

    .club-page-v2 .club-offer-card h3,
    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-menu2__grid h3,
    .club-page-v2 .club-shows2__grid h3 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
    }

    .club-page-v2 .club-offer-card ul,
    .club-page-v2 .club-contacts2__card p,
    .club-page-v2 .club-contacts2__card a,
    .club-page-v2 .club-booking2__input input,
    .club-page-v2 .club-booking2__agree {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Final override: keep club hero typography in the same style as index, but at the club page scale. */
@media (min-width: 761px) {
    .club-page-v2 .club-hero2 {
        height: 1060px !important;
        padding-top: 126px !important;
    }

    .club-page-v2 .club-hero2 h1 {
        height: auto !important;
        min-height: 0 !important;
        max-width: 1220px !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: clamp(96px, 8.05vw, 116px) !important;
        font-weight: 600 !important;
        line-height: 0.9 !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: auto !important;
        line-height: 0.9 !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: auto !important;
        gap: 24px !important;
    }

    .club-page-v2 .club-hero2__keyhole {
        display: inline-block !important;
        width: 112px !important;
        height: 144px !important;
        flex: 0 0 112px !important;
        margin: 0 4px -24px !important;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-hero2 {
        height: 760px !important;
        padding: 116px 12px 0 !important;
    }

    .club-page-v2 .club-hero2 h1 {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        font-family: "Cormorant", "Anticva", serif !important;
        font-size: clamp(52px, 15vw, 64px) !important;
        font-weight: 600 !important;
        line-height: 0.92 !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        height: auto !important;
        line-height: 0.92 !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        height: auto !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 2px !important;
    }

    .club-page-v2 .club-hero2__keyhole {
        display: inline-block !important;
        width: 48px !important;
        height: 62px !important;
        margin: 4px auto 0 !important;
    }

    .club-page-v2 .club-hero2__keyhole::before {
        width: 48px !important;
        height: 62px !important;
    }
}

/* Final override: sync the club page content scale with index.html. */
@media (min-width: 761px) {
    .club-page-v2 .club-main-v2 {
        height: auto !important;
        overflow: hidden !important;
    }

    .club-page-v2 .club-hero2 {
        height: 817px !important;
        padding: 126px 32px 0 !important;
    }

    .club-page-v2 .club-offers2,
    .club-page-v2 .club-booking2,
    .club-page-v2 .club-girls2,
    .club-page-v2 .club-menu2,
    .club-page-v2 .club-shows2,
    .club-page-v2 .club-contacts2 {
        position: relative !important;
        width: min(100%, 1440px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 112px 32px !important;
        display: block !important;
    }

    .club-page-v2 .club-section-head,
    .club-page-v2 .club-offers2 .club-section-head,
    .club-page-v2 .club-girls2 .club-section-head,
    .club-page-v2 .club-menu2 .club-section-head,
    .club-page-v2 .club-shows2 .club-section-head,
    .club-page-v2 .club-contacts2 .club-section-head {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 54px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 18px !important;
        text-align: center !important;
    }

    .club-page-v2 .club-section-head .club-star-line,
    .club-page-v2 .club-footer2 > .club-star-line,
    .club-page-v2 .club-booking2 > .club-star-line {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 1376px !important;
        max-width: calc(100vw - 64px) !important;
        height: 120px !important;
        flex: 0 0 120px !important;
        margin: 0 auto 10px !important;
        background: var(--figma-lines-star) center / 1376px 190px no-repeat !important;
    }

    .club-page-v2 .club-section-head h2,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-footer2__subscribe h2 {
        width: 100% !important;
        max-width: 760px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-size: 58px !important;
        font-weight: 400 !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-offers2 .club-section-head p,
    .club-page-v2 .club-girls2 .club-section-head p,
    .club-page-v2 .club-menu2 .club-section-head p,
    .club-page-v2 .club-shows2 .club-section-head p,
    .club-page-v2 .club-contacts2 .club-section-head p,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-footer2__subscribe p {
        width: min(100%, 560px) !important;
        max-width: 560px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: #ffe0c9 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .club-page-v2 .club-offers2__grid,
    .club-page-v2 .club-girls2__cards,
    .club-page-v2 .club-menu2__grid,
    .club-page-v2 .club-shows2__grid {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 1376px !important;
        max-width: calc(100vw - 64px) !important;
        height: auto !important;
        margin: 0 auto !important;
        gap: 8px !important;
    }

    .club-page-v2 .club-offers2__grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .club-page-v2 .club-offer-card {
        width: auto !important;
        height: 640px !important;
        min-height: 640px !important;
        padding: 66px 31.5px 104px !important;
        border-radius: 12px !important;
    }

    .club-page-v2 .club-offer-card h3,
    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-menu2__grid h3,
    .club-page-v2 .club-shows2__grid h3 {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-size: 40px !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .club-page-v2 .club-offer-card h3 {
        margin-bottom: 16px !important;
    }

    .club-page-v2 .club-offer-card ul,
    .club-page-v2 .club-contacts2__card p,
    .club-page-v2 .club-contacts2__card a,
    .club-page-v2 .club-booking2__input input,
    .club-page-v2 .club-booking2__agree {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .club-page-v2 .club-offer-card .pill-button {
        width: 119px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .club-page-v2 .club-offers2__note {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        margin: 24px auto 0 !important;
    }

    .club-page-v2 .club-booking2 {
        display: grid !important;
        grid-template-columns: 660px minmax(0, 684px) !important;
        column-gap: 32px !important;
        row-gap: 54px !important;
        align-items: start !important;
    }

    .club-page-v2 .club-booking2 > .club-star-line {
        grid-column: 1 / -1 !important;
        margin-bottom: 0 !important;
    }

    .club-page-v2 .club-booking2__map,
    .club-page-v2 .club-booking2__form {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    .club-page-v2 .club-booking2__map {
        width: 660px !important;
        height: 750px !important;
    }

    .club-page-v2 .club-booking2__form,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-booking2__fields,
    .club-page-v2 .club-booking2__input--wide {
        width: 684px !important;
        max-width: 684px !important;
    }

    .club-page-v2 .club-booking2__form h2 {
        margin-bottom: 24px !important;
    }

    .club-page-v2 .club-booking2__form > p {
        margin-bottom: 48px !important;
    }

    .club-page-v2 .club-booking2__form .pill-button,
    .club-page-v2 .club-menu2__grid .pill-button {
        width: 260px !important;
        height: 80px !important;
        min-height: 80px !important;
        padding: 28px 40px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .club-page-v2 .club-girls2__cards {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .club-page-v2 .club-girls2__cards article,
    .club-page-v2 .club-girls2__cards article:nth-child(1),
    .club-page-v2 .club-girls2__cards article:nth-child(2),
    .club-page-v2 .club-girls2__cards article:nth-child(3) {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: 620px !important;
    }

    .club-page-v2 .club-girls2__cards article::before {
        left: 16px !important;
        top: 16px !important;
        width: calc(100% - 32px) !important;
        height: 520px !important;
    }

    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-girls2__cards article:first-child h3 {
        position: absolute !important;
        left: 28px !important;
        right: 28px !important;
        top: auto !important;
        bottom: 36px !important;
        width: auto !important;
        text-align: center !important;
    }

    .club-page-v2 .club-girls2__next {
        display: none !important;
    }

    .club-page-v2 .club-menu2__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .club-page-v2 .club-menu2__grid article {
        width: auto !important;
        height: 620px !important;
    }

    .club-page-v2 .club-menu2__grid img {
        width: calc(100% - 32px) !important;
        height: calc(100% - 32px) !important;
        margin: 16px !important;
    }

    .club-page-v2 .club-shows2__grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .club-page-v2 .club-shows2__grid article {
        width: auto !important;
        height: 680px !important;
    }

    .club-page-v2 .club-contacts2__map {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% + 64px) !important;
        height: 590px !important;
        margin: 0 -32px !important;
    }

    .club-page-v2 .club-contacts2__card {
        right: 147px !important;
        top: 45px !important;
        width: 388px !important;
        height: 500px !important;
        padding: 259px 32px 0 !important;
        border-radius: 12px !important;
    }

    .club-page-v2 .club-footer2__col p,
    .club-page-v2 .club-footer2__col span,
    .club-page-v2 .club-footer2__col a,
    .club-page-v2 .club-footer2__legal {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .club-page-v2 .club-footer2__col:nth-child(2) a {
        font-size: 25px !important;
        line-height: 32px !important;
    }

    .club-page-v2 .club-footer2__social > div {
        width: 216px !important;
        height: 120px !important;
    }

    .club-page-v2 .club-footer2__social a {
        width: 120px !important;
        height: 120px !important;
        margin-right: -24px !important;
    }

    .club-page-v2 .club-footer2__subscribe {
        width: 1440px !important;
        max-width: 100vw !important;
        height: 476px !important;
    }

    .club-page-v2 .club-footer2__subscribe h2 {
        font-size: 60px !important;
        line-height: 68px !important;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-main-v2,
    .club-page-v2 .club-footer2 {
        width: min(100%, 375px) !important;
        max-width: 375px !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

    .club-page-v2 .club-hero2 {
        height: 746px !important;
        padding: 96px 12px 0 !important;
    }

    .club-page-v2 .club-offers2,
    .club-page-v2 .club-booking2,
    .club-page-v2 .club-girls2,
    .club-page-v2 .club-menu2,
    .club-page-v2 .club-shows2,
    .club-page-v2 .club-contacts2 {
        width: 375px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 12px 80px !important;
        display: block !important;
    }

    .club-page-v2 .club-section-head,
    .club-page-v2 .club-offers2 .club-section-head,
    .club-page-v2 .club-girls2 .club-section-head,
    .club-page-v2 .club-menu2 .club-section-head,
    .club-page-v2 .club-shows2 .club-section-head,
    .club-page-v2 .club-contacts2 .club-section-head {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 32px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
    }

    .club-page-v2 .club-section-head .club-star-line,
    .club-page-v2 .club-footer2 > .club-star-line {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 87px !important;
        flex: 0 0 87px !important;
        margin: 0 auto !important;
        background: var(--figma-lines-star) center / 695px 96px no-repeat !important;
    }

    .club-page-v2 .club-section-head h2,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-footer2__subscribe h2 {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        margin: 0 !important;
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    .club-page-v2 .club-section-head p,
    .club-page-v2 .club-offers2 .club-section-head p,
    .club-page-v2 .club-girls2 .club-section-head p,
    .club-page-v2 .club-menu2 .club-section-head p,
    .club-page-v2 .club-shows2 .club-section-head p,
    .club-page-v2 .club-contacts2 .club-section-head p,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-footer2__subscribe p {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    .club-page-v2 .club-offers2__grid,
    .club-page-v2 .club-girls2__cards,
    .club-page-v2 .club-menu2__grid,
    .club-page-v2 .club-shows2__grid {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .club-page-v2 .club-offer-card {
        width: 351px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 56px 24px 32px !important;
        border-radius: 8px !important;
    }

    .club-page-v2 .club-offer-card h3,
    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-menu2__grid h3,
    .club-page-v2 .club-shows2__grid h3 {
        font-size: 25px !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
    }

    .club-page-v2 .club-offer-card ul {
        width: 100% !important;
        min-height: 0 !important;
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .club-page-v2 .club-offer-card__price {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        margin: 28px auto 20px !important;
        align-items: center !important;
        text-align: center !important;
    }

    .club-page-v2 .club-offers2__note {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 351px !important;
        height: auto !important;
        margin: 20px auto 0 !important;
    }

    .club-page-v2 .club-booking2 {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
    }

    .club-page-v2 .club-booking2 > .club-star-line {
        display: none !important;
    }

    .club-page-v2 .club-booking2__map,
    .club-page-v2 .club-booking2__form {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    .club-page-v2 .club-booking2__map {
        width: 351px !important;
        height: 430px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

    .club-page-v2 .club-booking2__form,
    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-booking2__form > p,
    .club-page-v2 .club-booking2__fields,
    .club-page-v2 .club-booking2__input,
    .club-page-v2 .club-booking2__input--wide {
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
    }

    .club-page-v2 .club-booking2__form h2,
    .club-page-v2 .club-booking2__form > p {
        margin-bottom: 24px !important;
    }

    .club-page-v2 .club-booking2__row {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .club-page-v2 .club-booking2__form .pill-button,
    .club-page-v2 .club-menu2__grid .pill-button,
    .club-page-v2 .club-offer-card .pill-button {
        height: 48px !important;
        min-height: 48px !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .club-page-v2 .club-girls2__cards article,
    .club-page-v2 .club-girls2__cards article:nth-child(1),
    .club-page-v2 .club-girls2__cards article:nth-child(2),
    .club-page-v2 .club-girls2__cards article:nth-child(3) {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 351px !important;
        height: 391px !important;
        margin: 0 !important;
        border-radius: 8px !important;
    }

    .club-page-v2 .club-girls2__cards article::before {
        left: 12px !important;
        top: 12px !important;
        width: 327px !important;
        height: 315px !important;
    }

    .club-page-v2 .club-girls2__cards h3,
    .club-page-v2 .club-girls2__cards article:first-child h3 {
        position: absolute !important;
        left: 24px !important;
        right: 24px !important;
        top: auto !important;
        bottom: 24px !important;
        width: auto !important;
        text-align: center !important;
    }

    .club-page-v2 .club-menu2__grid article,
    .club-page-v2 .club-shows2__grid article {
        width: 351px !important;
        height: 391px !important;
        border-radius: 8px !important;
    }

    .club-page-v2 .club-menu2__grid img {
        width: 327px !important;
        height: 367px !important;
        margin: 12px !important;
    }

    .club-page-v2 .club-shows2__grid img {
        width: 100% !important;
        height: 100% !important;
    }

    .club-page-v2 .club-contacts2__map {
        width: 375px !important;
        height: 590px !important;
        margin: 0 0 0 -12px !important;
    }

    .club-page-v2 .club-contacts2__card {
        left: 12px !important;
        right: auto !important;
        top: 45px !important;
        width: 351px !important;
        height: 500px !important;
    }

    .club-page-v2 .club-footer2__subscribe h2 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
}

/* Final override: center the club hero keyhole exactly like Figma node 12784:561. */
@media (min-width: 761px) {
    .club-page-v2 .club-hero2__content {
        width: min(100%, 1376px) !important;
        margin: 0 auto !important;
    }

    .club-page-v2 .club-hero2 h1 {
        position: relative !important;
        width: 1376px !important;
        max-width: calc(100vw - 64px) !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .club-page-v2 .club-hero2 h1 > span {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 193.939px minmax(0, 1fr) !important;
        column-gap: 30px !important;
        align-items: start !important;
        justify-items: stretch !important;
        width: 100% !important;
        min-height: 170px !important;
        height: auto !important;
    }

    .club-page-v2 .club-hero2 h1 b {
        display: block !important;
        min-width: 0 !important;
        font: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child b:first-child {
        justify-self: end !important;
        text-align: right !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child b:last-child {
        justify-self: start !important;
        text-align: left !important;
    }

    .club-page-v2 .club-hero2__keyhole {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 193.939px !important;
        height: 329px !important;
        flex: none !important;
        justify-self: center !important;
        align-self: start !important;
        margin: -20px 0 -139px !important;
        transform: none !important;
        background: var(--figma-hero-key-outline) center / contain no-repeat !important;
        filter: drop-shadow(0 20px 72px rgba(156, 6, 18, 0.5)) !important;
    }

    .club-page-v2 .club-hero2__keyhole::before {
        left: 16px !important;
        top: 16px !important;
        width: 162px !important;
        height: 297px !important;
        transform: none !important;
        background: var(--figma-hero-key-fill) center / contain no-repeat !important;
        -webkit-mask: none !important;
        mask: none !important;
    }

    .club-page-v2 .club-hero2__keyhole::after {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .club-page-v2 .club-hero2 h1 > span:last-child {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr) !important;
        column-gap: 8px !important;
        align-items: start !important;
        justify-items: stretch !important;
        width: 100% !important;
        min-height: 98px !important;
    }

    .club-page-v2 .club-hero2 h1 b {
        display: block !important;
        min-width: 0 !important;
        font: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child b:first-child {
        justify-self: end !important;
        text-align: right !important;
    }

    .club-page-v2 .club-hero2 h1 > span:last-child b:last-child {
        justify-self: start !important;
        text-align: left !important;
    }

    .club-page-v2 .club-hero2__keyhole {
        display: inline-block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 58px !important;
        height: 98px !important;
        margin: -8px 0 -40px !important;
        justify-self: center !important;
        transform: none !important;
        background: var(--figma-hero-key-outline) center / contain no-repeat !important;
    }

    .club-page-v2 .club-hero2__keyhole::before {
        left: 5px !important;
        top: 5px !important;
        width: 48px !important;
        height: 88px !important;
        transform: none !important;
        background: var(--figma-hero-key-fill) center / contain no-repeat !important;
        -webkit-mask: none !important;
        mask: none !important;
    }
}

/* Final index menu placement: keep the Figma menu block centered in the viewport. */
.menu-panel {
    box-sizing: border-box !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: clamp(132px, 15vh, 190px) 32px clamp(88px, 12vh, 150px) !important;
}

.menu-panel.is-open {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.menu-panel nav {
    margin: 0 auto !important;
    transform: translateY(18px);
}

@media (max-width: 760px) {
    .menu-panel {
        padding: 112px 12px 56px !important;
    }

    .menu-panel.is-open {
        align-items: flex-start !important;
    }

    .menu-panel nav {
        transform: none;
    }
}

/* Final clean state for index: hidden access layers must not cover visible sections. */
body[data-node-id="12725:1271"] .acts-access,
body[data-node-id="12725:1271"] .contacts-access {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-node-id="12725:1271"] .acts .act-grid,
body[data-node-id="12725:1271"] .acts.is-locked .act-grid,
body[data-node-id="12725:1271"] .acts.is-unlocked .act-grid,
body[data-node-id="12725:1271"] .contacts .map-block,
body[data-node-id="12725:1271"] .contacts.is-locked .map-block,
body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
}

body[data-node-id="12725:1271"] .contacts .map-block,
body[data-node-id="12725:1271"] .contacts.is-locked .map-block,
body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block {
    display: block !important;
}

@media (min-width: 1181px) {
    body[data-node-id="12725:1271"] .acts {
        height: 1306px !important;
        min-height: 0 !important;
        margin-bottom: 160px !important;
        padding-bottom: 0 !important;
    }

    body[data-node-id="12725:1271"] .contacts {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 120px !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
}

/* Normalized PDF menu background on index.html. */
.menu-viewer-card {
    isolation: isolate !important;
    background:
        radial-gradient(ellipse 520px 300px at 6% 0%, rgba(112, 12, 15, 0.22), transparent 70%),
        radial-gradient(ellipse 560px 320px at 100% 8%, rgba(112, 12, 15, 0.18), transparent 72%),
        #010101 !important;
}

.menu-viewer-card::before {
    z-index: 0 !important;
    opacity: 0.18 !important;
    background: url("assets/live/noise-figma.png") center top / 1024px 1024px repeat !important;
    mix-blend-mode: screen;
}

.menu-viewer-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(1, 1, 1, 0.18), transparent 22%, transparent 72%, rgba(1, 1, 1, 0.34)),
        radial-gradient(ellipse 520px 300px at 86% 38%, rgba(96, 8, 10, 0.22), transparent 76%);
}

.menu-viewer-card > * {
    position: relative;
    z-index: 1;
}

/* Figma lead modal: node 12805:1072. */
.modal[data-modal] {
    z-index: 2147483647 !important;
}

.modal[data-modal] .modal-backdrop {
    background: rgba(43, 38, 36, 0.6) !important;
    backdrop-filter: blur(35px) !important;
}

.modal[data-modal] .modal-card {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 716px !important;
    height: 820px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #010101 !important;
    transform: translate(-50%, -50%) !important;
    isolation: isolate !important;
}

.modal[data-modal] .modal-card::before {
    content: "";
    position: absolute;
    left: -689px;
    top: 0;
    z-index: 0;
    width: 1440px;
    height: 24477px;
    pointer-events: none;
    opacity: 0.35;
    background: url("assets/live/noise-figma.png") left top / 1024px 1024px repeat;
    background-blend-mode: normal;
    mix-blend-mode: normal;
}

.modal[data-modal] .modal-card > * {
    position: absolute !important;
    z-index: 1;
}

.modal[data-modal] .modal-card .panel-close {
    left: calc(50% - 105px / 2 + 0.5px) !important;
    top: 32px !important;
    right: auto !important;
    width: 105px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffe0c9 !important;
    font-family: "Pragmatica Extended", "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: center !important;
    text-transform: none !important;
}

.modal[data-modal] .modal-card .panel-close::before {
    content: "";
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 11L25 25M25 11L11 25' stroke='%23FFE0C9' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center / 36px 36px no-repeat;
}

.modal[data-modal] .modal-card h2 {
    left: 32px !important;
    top: 148px !important;
    width: 652px !important;
    height: 172px !important;
    margin: 0 !important;
    font-family: "Anticva", "Cormorant", serif !important;
    font-weight: 400 !important;
    font-size: 82px !important;
    line-height: 86px !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    background: linear-gradient(180deg, #ffeada 0%, #ffd5b9 55.29%, #fea57f 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.modal[data-modal] .modal-card > p:not(.form-status) {
    left: 82px !important;
    top: 352px !important;
    width: 552px !important;
    height: 84px !important;
    margin: 0 !important;
    color: #ffe0c9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.modal[data-modal] .modal-card label:not(.form-check) {
    left: 32px !important;
    width: 652px !important;
    height: 48px !important;
    margin: 0 !important;
    display: block !important;
}

.modal[data-modal] .modal-card label:not(.form-check):nth-of-type(1) {
    top: 484px !important;
}

.modal[data-modal] .modal-card label:not(.form-check):nth-of-type(2) {
    top: 556px !important;
}

.modal[data-modal] .modal-card label:not(.form-check) span {
    display: none !important;
}

.modal[data-modal] .modal-card input:not([type="checkbox"]),
.modal[data-modal] .modal-card textarea {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    outline: none !important;
    background: #151515 !important;
    color: #ffe0c9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.modal[data-modal] .modal-card input::placeholder,
.modal[data-modal] .modal-card textarea::placeholder {
    color: #635d59 !important;
    opacity: 1 !important;
}

.modal[data-modal] .modal-card input::-webkit-contacts-auto-fill-button,
.modal[data-modal] .modal-card input::-webkit-credentials-auto-fill-button {
    visibility: hidden !important;
    display: none !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
}

.modal[data-modal] .modal-card .form-check {
    left: 137px !important;
    top: 636px !important;
    width: 442px !important;
    height: 24px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #f0efeb !important;
    font-family: "Pragmatica Extended", "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.modal[data-modal] .modal-card .form-check input {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.7L4.3 7L11 1' stroke='%23F0EFEB' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 8px no-repeat,
        linear-gradient(#eb0b14, #eb0b14) center / 20px 20px no-repeat !important;
    flex: 0 0 24px !important;
}

.modal[data-modal] .modal-card .form-check input:not(:checked) {
    background:
        linear-gradient(transparent, transparent) center / 20px 20px no-repeat !important;
    box-shadow: inset 0 0 0 1px #635d59;
}

.modal[data-modal] .modal-card .form-check span {
    width: 408px !important;
    height: 18px !important;
    color: #f0efeb !important;
}

.modal[data-modal] .modal-card .submit-button {
    left: 231px !important;
    top: 708px !important;
    width: 255px !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 11px 24px 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 900px !important;
    background: linear-gradient(180deg, #ffd7b8 0%, #f0a16b 100%) !important;
    color: #450101 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.modal[data-modal] .modal-card .form-status {
    left: 32px !important;
    bottom: 12px !important;
    width: 652px !important;
    min-height: 18px !important;
    margin: 0 !important;
    color: #ffe0c9 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center !important;
}

@media (max-width: 760px) {
    .modal[data-modal] .modal-card {
        width: min(351px, calc(100vw - 24px)) !important;
        height: min(676px, calc(100dvh - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
    }

    .modal[data-modal] .modal-card::before {
        left: -545px;
        opacity: 0.32;
    }

    .modal[data-modal] .modal-card .panel-close {
        top: 20px !important;
    }

    .modal[data-modal] .modal-card h2 {
        left: 24px !important;
        top: 88px !important;
        width: calc(100% - 48px) !important;
        height: auto !important;
        font-size: 48px !important;
        line-height: 50px !important;
    }

    .modal[data-modal] .modal-card > p:not(.form-status) {
        left: 24px !important;
        top: 216px !important;
        width: calc(100% - 48px) !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .modal[data-modal] .modal-card label:not(.form-check) {
        left: 24px !important;
        width: calc(100% - 48px) !important;
    }

    .modal[data-modal] .modal-card label:not(.form-check):nth-of-type(1) {
        top: 356px !important;
    }

    .modal[data-modal] .modal-card label:not(.form-check):nth-of-type(2) {
        top: 428px !important;
    }

    .modal[data-modal] .modal-card .form-check {
        left: 24px !important;
        top: 508px !important;
        width: calc(100% - 48px) !important;
        height: auto !important;
        align-items: flex-start !important;
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .modal[data-modal] .modal-card .form-check span {
        width: auto !important;
        height: auto !important;
    }

    .modal[data-modal] .modal-card .submit-button {
        left: 24px !important;
        top: 574px !important;
        width: calc(100% - 48px) !important;
        height: 64px !important;
        min-height: 64px !important;
    }

    .modal[data-modal] .modal-card .form-status {
        left: 24px !important;
        width: calc(100% - 48px) !important;
    }
}

/* Final index contacts alignment: node 12816:673 uses the same 1376px centered heading grid as index sections. */
@media (min-width: 1181px) {
    body[data-node-id="12725:1271"] .contacts > .section-heading {
        width: 1376px !important;
        max-width: 1376px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 80px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading .star {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading h2 {
        width: 1376px !important;
        max-width: 1376px !important;
        margin: 0 !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading p:not(.eyebrow) {
        width: 522px !important;
        max-width: 522px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block {
        position: relative !important;
        width: 1376px !important;
        height: 590px !important;
        min-height: 590px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block::before {
        content: none !important;
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block > img:first-child {
        width: 100% !important;
        height: 100% !important;
        min-height: 590px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        opacity: 0.84 !important;
        filter: grayscale(0.8) contrast(1.12) brightness(0.88) !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo {
        position: absolute !important;
        left: calc(50% - 58px) !important;
        top: 180px !important;
        z-index: 3 !important;
        width: 116px !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
        object-fit: contain !important;
        opacity: 1 !important;
        filter: none !important;
        pointer-events: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card {
        left: auto !important;
        right: 48px !important;
        top: auto !important;
        bottom: 48px !important;
    }
}

@media (max-width: 1180px) {
    body[data-node-id="12725:1271"] .contacts .map-block::before {
        content: none !important;
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo {
        position: absolute !important;
        left: calc(50% - 52.5px) !important;
        top: 166px !important;
        z-index: 3 !important;
        width: 105px !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
        object-fit: contain !important;
        opacity: 1 !important;
        filter: none !important;
        pointer-events: none !important;
    }
}

/* 404 page: Figma node 12784:783 */
body[data-node-id="12784:783"] {
    min-height: 100vh;
    background: #010101;
    color: #ffe0c9;
}

body[data-node-id="12784:783"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background:
        url("assets/live/noise-figma.png") center top / 1440px auto repeat,
        #010101;
    pointer-events: none;
}

body[data-node-id="12784:783"]::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 58%, rgba(111, 16, 10, 0.54) 0, rgba(111, 16, 10, 0.16) 20%, rgba(111, 16, 10, 0) 48%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.36) 50%, rgba(40, 4, 4, 0.58) 100%);
    pointer-events: none;
}

.not-found-page {
    position: relative;
    width: min(100%, 1440px);
    min-height: calc(100vh - 96px);
    margin: 0 auto;
    padding: 0 32px 108px;
    overflow: hidden;
}

.not-found-page::before,
.not-found-page::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.not-found-page::before {
    right: -240px;
    top: 140px;
    width: 640px;
    height: 640px;
    background: radial-gradient(circle, rgba(150, 24, 14, 0.42) 0, rgba(150, 24, 14, 0.13) 35%, rgba(150, 24, 14, 0) 70%);
    filter: blur(22px);
}

.not-found-page::after {
    left: calc(50% - 1px);
    top: 188px;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 225, 200, 0.2), rgba(255, 225, 200, 0.03));
    opacity: 0.55;
}

.not-found-hero {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1376px;
    min-height: calc(100vh - 96px);
    margin: 0 auto;
    padding: 44px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.not-found-divider {
    width: 1376px;
    max-width: 100%;
    height: 191px;
    margin: 0 auto 10px;
    display: block;
    background: url("assets/live/section-divider.svg") center top / contain no-repeat;
}

.not-found-code,
.not-found-hero h1 {
    margin: 0;
    font-family: "Anticva", "Cormorant", Georgia, serif;
    font-weight: 400;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: transparent;
    background: linear-gradient(180deg, #ffe1c8 0%, #ffcda7 55.29%, #f6965f 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.not-found-code {
    font-size: clamp(132px, 16.7vw, 240px);
    line-height: 0.78;
}

.not-found-hero h1 {
    margin-top: 18px;
    font-size: clamp(56px, 5.7vw, 82px);
    line-height: 1.05;
}

.not-found-text {
    width: min(100%, 522px);
    margin: 32px auto 0;
    color: #fdcaa9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}

.not-found-actions {
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.not-found-button {
    width: 255px;
    height: 80px;
    min-height: 80px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.not-found-link {
    width: 255px;
    height: 80px;
    border: 1px solid rgba(255, 204, 167, 0.82);
    border-radius: 900px;
    background: rgba(0, 0, 0, 0.28);
    color: #ffe0c9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.not-found-link:hover,
.not-found-link:focus-visible {
    background: rgba(255, 225, 200, 0.08);
    border-color: #ffe0c9;
    transform: translateY(-1px);
}

@media (max-width: 1180px) {
    .not-found-page {
        min-height: calc(100vh - 82px);
        padding: 0 20px 88px;
    }

    .not-found-hero {
        min-height: calc(100vh - 82px);
        padding-top: 28px;
    }

    .not-found-divider {
        width: 720px;
        height: 112px;
    }
}

@media (max-width: 760px) {
    body[data-node-id="12784:783"]::before {
        background-size: 760px auto;
    }

    body[data-node-id="12784:783"]::after {
        background:
            radial-gradient(circle at 50% 54%, rgba(111, 16, 10, 0.44) 0, rgba(111, 16, 10, 0.15) 28%, rgba(111, 16, 10, 0) 62%),
            linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(18, 3, 3, 0.52) 100%);
    }

    .not-found-page {
        width: 100%;
        min-height: calc(100dvh - 74px);
        padding: 0 12px 56px;
    }

    .not-found-page::after {
        top: 108px;
    }

    .not-found-hero {
        min-height: calc(100dvh - 74px);
        padding-top: 18px;
    }

    .not-found-divider {
        width: 351px;
        height: 88px;
        margin-bottom: 18px;
        background-size: 620px auto;
    }

    .not-found-code {
        font-size: 132px;
        line-height: 0.82;
    }

    .not-found-hero h1 {
        margin-top: 18px;
        font-size: 48px;
        line-height: 50px;
    }

    .not-found-text {
        width: 327px;
        margin-top: 24px;
        font-size: 14px;
        line-height: 22px;
    }

    .not-found-actions {
        width: min(100%, 327px);
        margin-top: 36px;
        flex-direction: column;
        gap: 12px;
    }

    .not-found-button,
    .not-found-link {
        width: 100%;
        height: 64px;
        min-height: 64px;
        font-size: 15px;
    }
}

/* Final mobile interaction and spacing fixes. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .menu-section .cocktail-stage,
    body[data-node-id="12725:1271"] .rules-stage,
    body[data-node-id="12725:1271"] .rules-grid {
        touch-action: pan-y !important;
        user-select: none !important;
    }

    body[data-node-id="12725:1271"] .menu-section .cocktail-card {
        cursor: grab !important;
    }

    body[data-node-id="12725:1271"] .menu-section .cocktail-card:active {
        cursor: grabbing !important;
    }

    body[data-node-id="12725:1271"] .events {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 82px !important;
        padding-bottom: 82px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid {
        margin-bottom: 0 !important;
    }

    body[data-node-id="12725:1271"] .gift {
        padding-top: 82px !important;
    }
}

/* Final mobile section rhythm: remove empty fixed-height gaps between lower blocks. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        height: auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 72px !important;
        padding-bottom: 72px !important;
        display: block !important;
    }

    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs {
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .gift {
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 32px !important;
        padding: 0 !important;
    }

    body[data-node-id="12725:1271"] .events .section-heading .pill-button {
        position: static !important;
        width: 228px !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 16px auto 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .service-words {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 40px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-content: center !important;
        justify-content: center !important;
        gap: 20px 24px !important;
    }

    body[data-node-id="12725:1271"] .event-offer {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 327px !important;
        max-width: calc(100vw - 48px) !important;
        height: auto !important;
        margin: 0 auto 32px !important;
    }

    body[data-node-id="12725:1271"] .event-grid {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100vw !important;
        height: 380px !important;
        min-height: 380px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 24px !important;
        display: flex !important;
        gap: 12px !important;
    }

    body[data-node-id="12725:1271"] .gift .section-heading {
        margin-bottom: 32px !important;
    }

    body[data-node-id="12725:1271"] .gift-layout {
        margin-bottom: 40px !important;
    }
}

/* Final mobile contacts map fix: keep the map image and Scrooge marker separated. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .contacts.is-unlocked,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 72px !important;
        padding-bottom: 72px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block {
        position: relative !important;
        width: 375px !important;
        max-width: 100vw !important;
        height: 590px !important;
        min-height: 590px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #010101 !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block > img:first-child {
        position: absolute !important;
        inset: 0 !important;
        width: 375px !important;
        max-width: none !important;
        height: 590px !important;
        min-height: 590px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        opacity: 0.84 !important;
        filter: grayscale(0.8) contrast(1.12) brightness(0.88) !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block__logo,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block__logo {
        position: absolute !important;
        left: calc(50% - 46px) !important;
        top: 284px !important;
        z-index: 5 !important;
        width: 92px !important;
        max-width: 92px !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
        object-fit: contain !important;
        opacity: 1 !important;
        filter: none !important;
        pointer-events: none !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .contact-card {
        position: absolute !important;
        left: 12px !important;
        right: auto !important;
        top: 44px !important;
        bottom: auto !important;
        z-index: 4 !important;
        width: 351px !important;
        max-width: calc(100vw - 24px) !important;
        height: 500px !important;
        min-height: 500px !important;
        overflow: hidden !important;
    }
}

/* Final mobile QA fixes from browser review: hero fit, centered rules, compact arrows, contacts stack. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"],
    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100% !important;
        max-width: 100vw !important;
    }

    body[data-node-id="12725:1271"] .hero {
        width: 100% !important;
        max-width: 100vw !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        top: 150px !important;
        left: 50% !important;
        right: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        font-size: clamp(54px, 15.2vw, 58px) !important;
        line-height: 0.98 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        top: 254px !important;
        left: calc(50% + 54px) !important;
        width: 104px !important;
        height: 104px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        top: 292px !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button {
        top: 542px !important;
    }

    body[data-node-id="12725:1271"] .atmo-link {
        top: 626px !important;
    }

    body[data-node-id="12725:1271"] .hero-arrow {
        top: 684px !important;
    }

    body[data-node-id="12725:1271"] .rules-stage {
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        height: 588px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .rules-grid {
        left: 12px !important;
        width: 1683px !important;
        transform: translateX(calc(var(--rules-offset, 1) * -339px)) !important;
    }

    body[data-node-id="12725:1271"] .rules-grid article {
        width: 327px !important;
        height: 436px !important;
        min-height: 436px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider,
    body[data-node-id="12725:1271"] .job-slider {
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        height: 86px !important;
        min-height: 86px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider {
        top: 488px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider__buttons,
    body[data-node-id="12725:1271"] .job-slider__buttons {
        gap: 0 !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow,
    body[data-node-id="12725:1271"] .job-arrow {
        width: 86px !important;
        height: 86px !important;
        min-width: 86px !important;
        min-height: 86px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow--next,
    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-left: -10px !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow svg,
    body[data-node-id="12725:1271"] .job-arrow svg {
        width: 20px !important;
        height: 20px !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .contacts .section-heading {
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        margin-bottom: 32px !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block {
        position: relative !important;
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block::before,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block::before {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block > img:first-child {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 351px !important;
        height: 420px !important;
        min-height: 420px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        opacity: 0.82 !important;
        filter: grayscale(0.8) contrast(1.12) brightness(0.84) !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block__logo,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block__logo {
        position: absolute !important;
        left: 50% !important;
        top: 184px !important;
        z-index: 3 !important;
        width: 96px !important;
        max-width: 96px !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
        object-fit: contain !important;
        opacity: 1 !important;
        filter: none !important;
        transform: translateX(-50%) !important;
        pointer-events: none !important;
    }

    body[data-node-id="12725:1271"] .contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .contact-card {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 351px !important;
        height: 500px !important;
        min-height: 500px !important;
        margin: 0 auto !important;
        flex: 0 0 auto !important;
        overflow: hidden !important;
        background: #010101 !important;
    }

    body[data-node-id="12725:1271"] .contact-card .contact-key {
        top: 92px !important;
    }

    body[data-node-id="12725:1271"] .contact-card p,
    body[data-node-id="12725:1271"] .contact-card a {
        position: absolute !important;
        left: 50% !important;
        width: min(303px, calc(100% - 32px)) !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contact-card p {
        top: 214px !important;
    }

    body[data-node-id="12725:1271"] .contact-card a {
        top: 366px !important;
    }
}

/* Final mobile centering for the first cards block after the hero. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts {
        width: 100% !important;
        max-width: 100vw !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading {
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .acts .act-grid,
    body[data-node-id="12725:1271"] .acts.is-unlocked .act-grid,
    body[data-node-id="12725:1271"] .acts.is-locked .act-grid {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: 351px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
        align-items: start !important;
        gap: 8px !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .act-card {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 351px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        justify-self: center !important;
        transform: none !important;
    }
}

/* Unified mobile scale for index.html: same rhythm as club.html. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --mobile-page-gutter: 12px;
        --mobile-card-width: min(420px, calc(100vw - (var(--mobile-page-gutter) * 2)));
        --mobile-section-space: 72px;
        --mobile-h1-size: clamp(52px, 15vw, 62px);
        --mobile-h2-size: clamp(38px, 11.2vw, 52px);
        --mobile-h3-size: clamp(30px, 8.8vw, 40px);
        --mobile-body-size: 16px;
        --mobile-body-line: 24px;
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100% !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        padding: var(--mobile-section-space) var(--mobile-page-gutter) !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel,
    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        gap: 16px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        font-size: var(--mobile-h1-size) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        font-size: var(--mobile-h2-size) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        overflow-wrap: normal !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p {
        width: 100% !important;
        max-width: 100% !important;
        font-size: var(--mobile-body-size) !important;
        line-height: var(--mobile-body-line) !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-grid,
    body[data-node-id="12725:1271"] .about-cards,
    body[data-node-id="12725:1271"] .interior-figma-rows,
    body[data-node-id="12725:1271"] .gift-layout,
    body[data-node-id="12725:1271"] .gift-features,
    body[data-node-id="12725:1271"] .map-block {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .act-card,
    body[data-node-id="12725:1271"] .about-card,
    body[data-node-id="12725:1271"] .interior-tile,
    body[data-node-id="12725:1271"] .poster-card,
    body[data-node-id="12725:1271"] .event-card,
    body[data-node-id="12725:1271"] .gift-feature,
    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .contact-card {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .act-card h3,
    body[data-node-id="12725:1271"] .about-card h3,
    body[data-node-id="12725:1271"] .interior-copy h3,
    body[data-node-id="12725:1271"] .poster-card h3,
    body[data-node-id="12725:1271"] .event-card h3,
    body[data-node-id="12725:1271"] .gift-copy h3,
    body[data-node-id="12725:1271"] .rules-card h3,
    body[data-node-id="12725:1271"] .job-card h3 {
        font-size: var(--mobile-h3-size) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }

    body[data-node-id="12725:1271"] .act-card span,
    body[data-node-id="12725:1271"] .act-card p,
    body[data-node-id="12725:1271"] .about-card span,
    body[data-node-id="12725:1271"] .interior-copy p,
    body[data-node-id="12725:1271"] .poster-card p,
    body[data-node-id="12725:1271"] .event-card p,
    body[data-node-id="12725:1271"] .gift-copy p,
    body[data-node-id="12725:1271"] .rules-card p,
    body[data-node-id="12725:1271"] .job-card p,
    body[data-node-id="12725:1271"] .contact-card p,
    body[data-node-id="12725:1271"] .contact-card a {
        font-size: var(--mobile-body-size) !important;
        line-height: var(--mobile-body-line) !important;
    }

    body[data-node-id="12725:1271"] .pill-button,
    body[data-node-id="12725:1271"] .outline-button,
    body[data-node-id="12725:1271"] .poster-card button,
    body[data-node-id="12725:1271"] .event-card button,
    body[data-node-id="12725:1271"] .job-card button {
        min-height: 56px !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .star {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
    }
}

/* Final footer crop: remove empty space after the Scrooge wordmark on index.html. */
body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
    margin-bottom: 0 !important;
}

body[data-node-id="12725:1271"]::after {
    height: 100% !important;
    min-height: 100% !important;
    bottom: 0 !important;
}

@media (min-width: 761px) {
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        flex-shrink: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        height: 200px !important;
        flex-basis: 200px !important;
        line-height: 200px !important;
    }
}

@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-wordmark {
        margin-bottom: 0 !important;
    }
}

/* Final mobile centerline pass for index.html. */
@media (max-width: 760px) {
    html,
    body[data-node-id="12725:1271"] {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        background: #010101 !important;
    }

    body[data-node-id="12725:1271"] {
        --mobile-page-gutter: 12px;
        --mobile-card-width: min(420px, calc(100vw - 24px));
        --mobile-center: 50vw;
    }

    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .site-header {
        left: 0 !important;
        right: 0 !important;
    }

    body[data-node-id="12725:1271"] .hero {
        position: relative !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 746px !important;
        min-height: 746px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        left: 50% !important;
        right: auto !important;
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin: 0 !important;
        font-size: clamp(52px, 14.8vw, 58px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        left: 50% !important;
        right: auto !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        left: calc(50% + 54px) !important;
        right: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button,
    body[data-node-id="12725:1271"] .atmo-link,
    body[data-node-id="12725:1271"] .hero-arrow {
        left: 50% !important;
        right: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .star,
    body[data-node-id="12725:1271"] .section-heading .star,
    body[data-node-id="12725:1271"] .footer-star {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .star::before,
    body[data-node-id="12725:1271"] .section-heading .star::before,
    body[data-node-id="12725:1271"] .footer-star::before {
        left: 0 !important;
        width: 100% !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .star::after,
    body[data-node-id="12725:1271"] .section-heading .star::after,
    body[data-node-id="12725:1271"] .footer-star::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel,
    body[data-node-id="12725:1271"] .acts .section-heading,
    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .acts,
    body[data-node-id="12725:1271"] .intro-show,
    body[data-node-id="12725:1271"] .interior,
    body[data-node-id="12725:1271"] .menu-section,
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: var(--mobile-page-gutter) !important;
        padding-left: var(--mobile-page-gutter) !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .acts .act-grid,
    body[data-node-id="12725:1271"] .acts.is-unlocked .act-grid,
    body[data-node-id="12725:1271"] .acts.is-locked .act-grid {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        justify-items: center !important;
    }

    body[data-node-id="12725:1271"] .act-card {
        width: 100% !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        justify-self: center !important;
    }
}

/* Winning mobile job-card layout. Keep this at the end of the stylesheet. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .interior-figma-rows {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .interior-tile__image {
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .jobs {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .job-grid {
        --job-mobile-card: min(338px, calc(100vw - 56px));
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 max(28px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(28px, calc((100vw - var(--job-mobile-card)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        position: relative !important;
        width: var(--job-mobile-card) !important;
        max-width: var(--job-mobile-card) !important;
        height: 548px !important;
        min-height: 548px !important;
        flex: 0 0 var(--job-mobile-card) !important;
        margin: 0 !important;
        padding: 24px 24px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .job-card::before {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
    }

    body[data-node-id="12725:1271"] .job-card > span,
    body[data-node-id="12725:1271"] .job-card strong,
    body[data-node-id="12725:1271"] .job-card p,
    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card .pill-button {
        position: relative !important;
        inset: auto !important;
        z-index: 1 !important;
    }

    body[data-node-id="12725:1271"] .job-card > span {
        margin: 0 0 10px !important;
        color: #817165 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 58px !important;
        font-size: clamp(39px, 11.1vw, 48px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .job-card p {
        width: 100% !important;
        margin: 0 0 8px !important;
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) !important;
        column-gap: 8px !important;
        color: #ffe0c9 !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .job-card p b {
        width: auto !important;
        color: #817165 !important;
        font-weight: 400 !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        width: 100% !important;
        height: auto !important;
        margin: 34px 0 16px !important;
        font-size: clamp(30px, 8.8vw, 37px) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
    }

    body[data-node-id="12725:1271"] .job-card .pill-button {
        width: min(218px, 100%) !important;
        height: 58px !important;
        min-height: 58px !important;
        margin-top: auto !important;
        padding: 14px 26px !important;
        align-self: flex-start !important;
        font-size: 22px !important;
        line-height: 26px !important;
    }

    body[data-node-id="12725:1271"] .job-slider {
        width: var(--mobile-card-width) !important;
        max-width: var(--mobile-card-width) !important;
        height: 96px !important;
        margin-top: 22px !important;
        gap: 18px !important;
    }

    body[data-node-id="12725:1271"] .job-slider__buttons {
        width: 168px !important;
        height: 96px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow {
        width: 96px !important;
        height: 96px !important;
        margin-right: -24px !important;
    }

    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }
}

/* Absolute final mobile event cards: roomy cards and CTA below title. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .event-grid {
        --event-mobile-card: min(351px, calc(100vw - 40px));
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 548px !important;
        min-height: 548px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(20px, calc((100vw - var(--event-mobile-card)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .event-card {
        position: relative !important;
        width: var(--event-mobile-card) !important;
        max-width: var(--event-mobile-card) !important;
        height: 548px !important;
        min-height: 548px !important;
        flex: 0 0 var(--event-mobile-card) !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .event-card img {
        position: absolute !important;
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .event-card p {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: 34px !important;
        width: min(160px, calc(100% - 48px)) !important;
        margin: 0 !important;
        color: #8d8178 !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card p strong {
        display: block !important;
        margin-top: 8px !important;
        color: #ffe0c9 !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .event-card h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(2) h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) h3 {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 108px !important;
        width: calc(100% - 44px) !important;
        max-width: calc(100% - 44px) !important;
        height: auto !important;
        margin: 0 !important;
        color: #ffe0c9 !important;
        font-size: clamp(31px, 8.4vw, 38px) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card .pill-button,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) .pill-button {
        position: absolute !important;
        z-index: 4 !important;
        left: 50% !important;
        top: auto !important;
        bottom: 28px !important;
        width: min(250px, calc(100% - 64px)) !important;
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 16px 28px !important;
        font-size: 20px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }
}

/* EOF Figma mobile checkpoint. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --figma-content: min(351px, calc(100vw - 24px));
        --figma-title: 32px;
        --figma-title-line: 40px;
        --figma-body: 14px;
        --figma-body-line: 24px;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
    }

    body[data-node-id="12725:1271"] main,
    body[data-node-id="12725:1271"] .site-header,
    body[data-node-id="12725:1271"] .section-dark,
    body[data-node-id="12725:1271"] .section-pad,
    body[data-node-id="12725:1271"] .site-footer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .site-header {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 12px !important;
        background: #000 !important;
    }

    body[data-node-id="12725:1271"] .header-place,
    body[data-node-id="12725:1271"] .header-phones,
    body[data-node-id="12725:1271"] .header-actions {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .brand {
        position: absolute !important;
        left: 12px !important;
        top: 18px !important;
        width: 79px !important;
        height: 36px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger {
        position: absolute !important;
        right: 12px !important;
        top: 12px !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg {
        width: 48px !important;
        height: 48px !important;
    }

    body[data-node-id="12725:1271"] .nav-trigger svg path:nth-child(n + 2) {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero {
        height: 674px !important;
        min-height: 674px !important;
        padding: 0 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .hero-copy {
        position: relative !important;
        inset: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: 100% !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .hero .eyebrow {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .hero h1 {
        position: absolute !important;
        left: 50% !important;
        top: 102px !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 !important;
        font-size: clamp(50px, 15.4vw, 58px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-media {
        position: absolute !important;
        left: 50% !important;
        top: 242px !important;
        width: 140px !important;
        height: 240px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .video-link {
        left: calc(50% + 72px) !important;
        top: 214px !important;
        width: 120px !important;
        height: 120px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    body[data-node-id="12725:1271"] .hero .pill-button {
        left: 50% !important;
        top: 510px !important;
        width: min(260px, calc(100vw - 64px)) !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 18px 24px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .atmo-link {
        left: 50% !important;
        top: 606px !important;
        width: var(--figma-content) !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .hero-arrow {
        left: 50% !important;
        top: 650px !important;
        width: 28px !important;
        height: 42px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .acts,
    body[data-node-id="12725:1271"] .intro-show,
    body[data-node-id="12725:1271"] .interior,
    body[data-node-id="12725:1271"] .menu-section,
    body[data-node-id="12725:1271"] .poster-section,
    body[data-node-id="12725:1271"] .events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules,
    body[data-node-id="12725:1271"] .jobs,
    body[data-node-id="12725:1271"] .contacts {
        height: auto !important;
        min-height: 0 !important;
        padding: 64px 12px !important;
    }

    body[data-node-id="12725:1271"] .section-heading,
    body[data-node-id="12725:1271"] .text-panel,
    body[data-node-id="12725:1271"] .acts .section-heading,
    body[data-node-id="12725:1271"] .events .section-heading,
    body[data-node-id="12725:1271"] .gift .section-heading,
    body[data-node-id="12725:1271"] .rules .section-heading,
    body[data-node-id="12725:1271"] .jobs .section-heading,
    body[data-node-id="12725:1271"] .contacts .section-heading {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto 32px !important;
        padding: 0 !important;
        gap: 16px !important;
        text-align: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .section-heading .star,
    body[data-node-id="12725:1271"] .star,
    body[data-node-id="12725:1271"] .footer-star {
        width: var(--figma-content) !important;
        height: 87px !important;
        margin: 0 auto !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--figma-title) !important;
        line-height: var(--figma-title-line) !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p,
    body[data-node-id="12725:1271"] .section-heading .eyebrow {
        font-size: var(--figma-body) !important;
        line-height: var(--figma-body-line) !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .act-grid,
    body[data-node-id="12725:1271"] .about-cards,
    body[data-node-id="12725:1271"] .interior-figma-rows,
    body[data-node-id="12725:1271"] .gift-layout,
    body[data-node-id="12725:1271"] .gift-features {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .act-card,
    body[data-node-id="12725:1271"] .about-card,
    body[data-node-id="12725:1271"] .interior-tile,
    body[data-node-id="12725:1271"] .poster-card,
    body[data-node-id="12725:1271"] .gift-feature {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        margin: 0 auto !important;
        flex: none !important;
        border-radius: 8px !important;
    }

    body[data-node-id="12725:1271"] .act-card {
        height: 391px !important;
        min-height: 391px !important;
    }

    body[data-node-id="12725:1271"] .act-card img,
    body[data-node-id="12725:1271"] .interior-tile__image {
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .interior-row {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .interior-tile {
        height: 500px !important;
        min-height: 500px !important;
        padding: 12px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid,
    body[data-node-id="12725:1271"] .rules-grid,
    body[data-node-id="12725:1271"] .job-grid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        padding-left: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        padding-right: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body[data-node-id="12725:1271"] .event-card,
    body[data-node-id="12725:1271"] .rules-card,
    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        flex: 0 0 var(--figma-content) !important;
        margin: 0 !important;
        scroll-snap-align: center !important;
    }
}

/* Final mobile Figma pass for home page nodes 12725:1271 / 12725:1610 / 12726:1237 / 12739:868. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] {
        --figma-content: min(351px, calc(100vw - 24px));
        --figma-card-gap: 8px;
        --figma-title: 32px;
        --figma-title-line: 40px;
        --figma-body: 14px;
        --figma-body-line: 24px;
        background: #000 !important;
    }

    body[data-node-id="12725:1271"] .section-heading h2,
    body[data-node-id="12725:1271"] .text-panel h2 {
        font-size: var(--figma-title) !important;
        line-height: var(--figma-title-line) !important;
        letter-spacing: -0.02em !important;
    }

    body[data-node-id="12725:1271"] .section-heading p,
    body[data-node-id="12725:1271"] .text-panel p {
        font-size: var(--figma-body) !important;
        line-height: var(--figma-body-line) !important;
    }

    body[data-node-id="12725:1271"] .poster-grid,
    body[data-node-id="12725:1271"] .events .event-grid,
    body[data-node-id="12725:1271"] .rules-grid,
    body[data-node-id="12725:1271"] .job-grid {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding-right: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        padding-left: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--figma-card-gap) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: max(12px, calc((100vw - var(--figma-content)) / 2)) !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .poster-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .event-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .rules-grid::-webkit-scrollbar,
    body[data-node-id="12725:1271"] .job-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .poster-card,
    body[data-node-id="12725:1271"] .event-card,
    body[data-node-id="12725:1271"] .rules-card,
    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        flex: 0 0 var(--figma-content) !important;
        margin: 0 !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .poster-grid {
        height: 570px !important;
        min-height: 570px !important;
    }

    body[data-node-id="12725:1271"] .poster-card {
        height: 570px !important;
        min-height: 570px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    body[data-node-id="12725:1271"] .poster-image {
        width: 100% !important;
        height: 470px !important;
        min-height: 470px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .poster-image img {
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        margin: 12px !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 8px !important;
    }

    body[data-node-id="12725:1271"] .poster-footer {
        height: 100px !important;
        min-height: 100px !important;
        padding: 12px 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .poster-footer .pill-button {
        width: 176px !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 14px 22px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .events .event-grid {
        --event-mobile-card: var(--figma-content);
        height: 580px !important;
        min-height: 580px !important;
    }

    body[data-node-id="12725:1271"] .event-card {
        height: 580px !important;
        min-height: 580px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .event-card img {
        left: 50% !important;
        top: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 900px 900px 0 0 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .event-card p {
        top: 34px !important;
        width: min(180px, calc(100% - 48px)) !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .event-card h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(2) h3,
    body[data-node-id="12725:1271"] .event-card:nth-child(3) h3 {
        bottom: 118px !important;
        width: calc(100% - 44px) !important;
        max-width: calc(100% - 44px) !important;
        font-size: clamp(30px, 8.8vw, 38px) !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .event-card .pill-button {
        bottom: 30px !important;
        width: min(250px, calc(100% - 64px)) !important;
        height: 62px !important;
        min-height: 62px !important;
        font-size: 20px !important;
        line-height: 24px !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .rules-stage {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .rules-grid {
        height: 464px !important;
        min-height: 464px !important;
    }

    body[data-node-id="12725:1271"] .rules-card {
        height: 464px !important;
        min-height: 464px !important;
        padding: 28px 24px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .rules-card h3 {
        max-width: 100% !important;
        font-size: clamp(38px, 10.4vw, 48px) !important;
        line-height: 1 !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body[data-node-id="12725:1271"] .rules-card p {
        max-width: 100% !important;
        font-size: 16px !important;
        line-height: 24px !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] .rules-photo img {
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        margin: 12px !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 8px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider,
    body[data-node-id="12725:1271"] .job-slider {
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: 88px !important;
        margin: 20px auto 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    body[data-node-id="12725:1271"] .rules-slider__buttons,
    body[data-node-id="12725:1271"] .job-slider__buttons {
        width: 150px !important;
        height: 88px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow,
    body[data-node-id="12725:1271"] .job-arrow {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        margin: 0 -13px 0 0 !important;
    }

    body[data-node-id="12725:1271"] .rules-arrow--next,
    body[data-node-id="12725:1271"] .job-arrow--next {
        margin-right: 0 !important;
    }

    body[data-node-id="12725:1271"] .job-grid {
        --job-mobile-card: var(--figma-content);
        height: 548px !important;
        min-height: 548px !important;
    }

    body[data-node-id="12725:1271"] .job-card,
    body[data-node-id="12725:1271"] .job-card:nth-child(even) {
        height: 548px !important;
        min-height: 548px !important;
        padding: 24px 24px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .job-card strong {
        width: 100% !important;
        margin: 0 0 56px !important;
        font-size: clamp(40px, 12vw, 52px) !important;
        line-height: 0.98 !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .job-card p {
        width: 100% !important;
        margin: 0 0 8px !important;
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) !important;
        gap: 8px !important;
        font-size: 19px !important;
        line-height: 24px !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .job-card h3,
    body[data-node-id="12725:1271"] .job-card:nth-child(3) h3 {
        width: 100% !important;
        margin: 34px 0 14px !important;
        font-size: clamp(29px, 8.6vw, 37px) !important;
        line-height: 1.02 !important;
        text-align: left !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body[data-node-id="12725:1271"] .job-card .pill-button {
        width: 218px !important;
        height: 58px !important;
        min-height: 58px !important;
        margin-top: auto !important;
        padding: 14px 24px !important;
        align-self: flex-start !important;
        font-size: 22px !important;
        line-height: 26px !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .contacts {
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: var(--figma-content) !important;
        max-width: var(--figma-content) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        overflow: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block > img:first-child {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: 420px !important;
        min-height: 420px !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        opacity: 0.72 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block__logo,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block__logo {
        position: absolute !important;
        z-index: 3 !important;
        left: 50% !important;
        top: 258px !important;
        width: 104px !important;
        height: auto !important;
        margin: 0 !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .contact-card {
        position: relative !important;
        z-index: 2 !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 420px !important;
        margin: 0 !important;
        padding: 74px 24px 46px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 34px !important;
        background: #000 !important;
        border-radius: 0 0 8px 8px !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .contact-card .contact-key {
        position: absolute !important;
        left: 50% !important;
        top: 28px !important;
        transform: translateX(-50%) !important;
    }

    body[data-node-id="12725:1271"] .contact-card p,
    body[data-node-id="12725:1271"] .contact-card a {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
        font-size: 18px !important;
        line-height: 28px !important;
    }

    body[data-node-id="12725:1271"] .contact-card span {
        color: #8d8178 !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }

    body[data-node-id="12725:1271"] .contact-card em,
    body[data-node-id="12725:1271"] .contact-card a strong {
        color: #ffe0c9 !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 30px !important;
        text-align: center !important;
    }
}

/* Final home hero responsive override: desktop original, mobile video background. */
.react-page-shell[data-page="home"] .hero-bg-video {
    display: none;
}

@media (max-width: 760px) {
    .react-page-shell[data-page="home"] .hero {
        --hero-cta-top: clamp(380px, 58vh, 500px);
        min-height: 100vh !important;
        padding: 0 16px !important;
        background: #010101 !important;
        isolation: isolate !important;
    }

    .react-page-shell[data-page="home"] .hero-bg-video {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        display: block !important;
        object-fit: cover;
        object-position: center center;
        opacity: 0.86;
        filter: saturate(1.04) contrast(1.08);
    }

    .react-page-shell[data-page="home"] .hero::before {
        z-index: 1 !important;
        background:
            linear-gradient(180deg, rgba(1, 1, 1, 0.44) 0%, rgba(1, 1, 1, 0.16) 42%, #010101 100%),
            linear-gradient(90deg, rgba(1, 1, 1, 0.62) 0%, rgba(1, 1, 1, 0.08) 48%, rgba(1, 1, 1, 0.62) 100%) !important;
    }

    .react-page-shell[data-page="home"] .hero::after {
        display: none !important;
    }

    .react-page-shell[data-page="home"] .hero-copy {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        pointer-events: none !important;
    }

    .react-page-shell[data-page="home"] .hero .eyebrow,
    .react-page-shell[data-page="home"] .hero h1,
    .react-page-shell[data-page="home"] .hero .video-link,
    .react-page-shell[data-page="home"] .hero-media {
        display: none !important;
    }

    .react-page-shell[data-page="home"] .hero .pill-button {
        top: var(--hero-cta-top) !important;
        left: 50% !important;
        z-index: 3 !important;
        width: min(238px, calc(100% - 64px)) !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 22px !important;
        transform: translateX(-50%) !important;
        pointer-events: auto !important;
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .react-page-shell[data-page="home"] .atmo-link {
        top: calc(var(--hero-cta-top) + 82px) !important;
        left: 50% !important;
        z-index: 3 !important;
        width: min(220px, calc(100% - 40px)) !important;
        transform: translateX(-50%) !important;
        pointer-events: auto !important;
        font-size: 12px !important;
        line-height: 18px !important;
        text-align: center !important;
    }

    .react-page-shell[data-page="home"] .hero-arrow {
        top: calc(var(--hero-cta-top) + 124px) !important;
        left: 50% !important;
        z-index: 3 !important;
        width: 1px !important;
        height: 38px !important;
        background: var(--text) !important;
        transform: translateX(-50%) !important;
        pointer-events: auto !important;
    }

    .react-page-shell[data-page="home"] .hero-arrow::before,
    .react-page-shell[data-page="home"] .hero-arrow::after {
        content: "" !important;
        position: absolute !important;
        bottom: 1px !important;
        width: 13px !important;
        height: 1px !important;
        background: var(--text) !important;
    }

    .react-page-shell[data-page="home"] .hero-arrow::before {
        right: 0 !important;
        transform: rotate(42deg) !important;
        transform-origin: right center !important;
    }

    .react-page-shell[data-page="home"] .hero-arrow::after {
        left: 0 !important;
        transform: rotate(-42deg) !important;
        transform-origin: left center !important;
    }
}

/* Final booking modal: adapted from Figma node 12816:1257. */
.modal.booking-modal[data-modal] {
    z-index: 2147483647 !important;
    padding: 32px !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal.booking-modal[data-modal].is-open {
    display: flex !important;
}

.modal.booking-modal[data-modal] .modal-backdrop {
    background: rgba(1, 1, 1, 0.72) !important;
    backdrop-filter: blur(28px) !important;
}

.booking-modal-card {
    position: relative !important;
    z-index: 2 !important;
    width: min(1180px, calc(100vw - 64px)) !important;
    max-height: min(860px, calc(100dvh - 64px)) !important;
    display: grid !important;
    grid-template-columns: minmax(430px, 0.95fr) minmax(420px, 1fr) !important;
    gap: 24px 32px !important;
    overflow: hidden !important;
    padding: 32px !important;
    border: 1px dashed rgba(131, 112, 83, 0.82) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(90deg, rgba(1, 1, 1, 0.92), rgba(1, 1, 1, 0.98)),
        url("assets/live/noise-figma.png") left top / 1024px 1024px repeat,
        #010101 !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.62) !important;
    color: #ffe0c9 !important;
}

.booking-modal-close {
    top: 20px !important;
    right: 20px !important;
    z-index: 5 !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(255, 225, 200, 0.42) !important;
    background: rgba(1, 1, 1, 0.72) !important;
    color: #ffe0c9 !important;
}

.booking-modal-plan {
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px dashed rgba(131, 112, 83, 0.82) !important;
    border-radius: 12px !important;
    background: rgba(1, 1, 1, 0.28) !important;
}

.booking-modal-plan img {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100dvh - 230px) !important;
    display: block !important;
    object-fit: contain !important;
}

.booking-modal-form {
    min-width: 0 !important;
    max-height: calc(100dvh - 128px) !important;
    overflow: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 18px !important;
    padding: 0 0 12px !important;
}

.booking-modal-copy {
    grid-column: 1 / -1 !important;
    display: grid !important;
    justify-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 0 48px !important;
    text-align: center !important;
}

.booking-modal-copy h2 {
    margin: 0 !important;
    font-family: "Anticva", "Cormorant", serif !important;
    font-size: clamp(44px, 5vw, 60px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, #ffe1c8 0%, #ffcda7 55.288%, #f6965f 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.booking-modal-copy p {
    max-width: 680px !important;
    margin: 0 !important;
    color: #fdcaa9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-align: center !important;
    text-transform: none !important;
}

.booking-modal-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.booking-field {
    position: relative !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.booking-field--wide {
    grid-column: 1 / -1 !important;
}

.booking-field span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.booking-field input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    outline: 0 !important;
    background: #151515 !important;
    color: #ffe0c9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    box-shadow: none !important;
}

.booking-field--icon input {
    padding-right: 48px !important;
}

.booking-field input::placeholder {
    color: #817165 !important;
    opacity: 1 !important;
}

.booking-field--icon::after {
    content: "" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateY(-50%) !important;
    opacity: 0.95 !important;
    pointer-events: none !important;
    background-color: #ffe1c8 !important;
    -webkit-mask: var(--booking-icon) center / 24px 24px no-repeat !important;
    mask: var(--booking-icon) center / 24px 24px no-repeat !important;
}

.booking-field--guests {
    --booking-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='3.5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5 21c.8-4.4 3.1-6.5 7-6.5s6.2 2.1 7 6.5' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.booking-field--time {
    --booking-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 7.5V12l3.5 2' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.booking-field--date {
    --booking-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='2' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 3.5v4M16 3.5v4M4 10h16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.booking-modal-form .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #fdcaa9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.booking-modal-form .form-check input {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    appearance: none !important;
    border: 0 !important;
    border-radius: 4px !important;
    background:
        url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.7L4.3 7L11 1' stroke='%23F0EFEB' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 8px no-repeat,
        #880e0e !important;
}

.booking-modal-form .form-check input:not(:checked) {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #817165 !important;
}

.booking-modal-form .submit-button {
    width: auto !important;
    min-width: 178px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 28px !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 900px !important;
    background: linear-gradient(180deg, #ffe1c8 0%, #f6965f 100%) !important;
    color: #010101 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    cursor: pointer !important;
}

.booking-modal-form .form-status {
    min-height: 18px !important;
    margin: -8px 0 0 !important;
    color: #ffe0c9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

@media (max-width: 980px) {
    .modal.booking-modal[data-modal] {
        padding: 16px !important;
    }

    .booking-modal-card {
        width: min(720px, calc(100vw - 32px)) !important;
        max-height: calc(100dvh - 32px) !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        overflow: auto !important;
    }

    .booking-modal-plan {
        max-height: 430px !important;
    }

    .booking-modal-plan img {
        max-height: 430px !important;
    }

    .booking-modal-form {
        max-height: none !important;
        overflow: visible !important;
        justify-content: flex-start !important;
        padding: 0 0 12px !important;
    }
}

@media (max-width: 760px) {
    .modal.booking-modal[data-modal] {
        padding: 0 !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }

    .booking-modal-card {
        width: 100vw !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 56px 16px 24px !important;
        gap: 18px !important;
        border-width: 0 !important;
        border-radius: 0 !important;
    }

    .booking-modal-close {
        top: 12px !important;
        right: 12px !important;
        min-height: 34px !important;
        padding: 7px 12px !important;
        font-size: 11px !important;
    }

    .booking-modal-plan {
        width: 100% !important;
        max-height: 42dvh !important;
        min-height: 280px !important;
        border-radius: 8px !important;
    }

    .booking-modal-plan img {
        max-height: 42dvh !important;
    }

    .booking-modal-copy {
        gap: 12px !important;
    }

    .booking-modal-copy h2 {
        font-size: 34px !important;
        line-height: 38px !important;
    }

    .booking-modal-copy p {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .booking-modal-fields {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .booking-field input {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .booking-modal-form {
        gap: 16px !important;
    }

    .booking-modal-form .form-check {
        align-items: flex-start !important;
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .booking-modal-form .form-check input {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
    }

    .booking-modal-form .submit-button {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 24px !important;
        font-size: 15px !important;
    }
}

/* Final mobile booking modal: larger Figma floor scheme and compact form. */
@media (max-width: 760px) {
    .booking-modal-card {
        padding: 46px 12px 16px !important;
        gap: 8px !important;
    }

    .booking-modal-plan {
        width: 100% !important;
        height: clamp(340px, 51dvh, 440px) !important;
        min-height: clamp(340px, 51dvh, 440px) !important;
        max-height: clamp(340px, 51dvh, 440px) !important;
        border-radius: 8px !important;
    }

    .booking-modal-plan img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .booking-modal-form {
        gap: 8px !important;
        padding-bottom: 0 !important;
    }

    .booking-modal-copy {
        gap: 5px !important;
        margin-top: 12px !important;
        padding: 0 28px !important;
    }

    .booking-modal-copy h2 {
        font-size: 25px !important;
        line-height: 29px !important;
    }

    .booking-modal-copy p {
        max-width: 320px !important;
        font-size: 9px !important;
        line-height: 12px !important;
    }

    .booking-modal-fields {
        gap: 6px !important;
    }

    .booking-field input {
        height: 36px !important;
        min-height: 36px !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .booking-field--icon input {
        padding-right: 36px !important;
    }

    .booking-field--icon::after {
        right: 10px !important;
        width: 18px !important;
        height: 18px !important;
        -webkit-mask-size: 18px 18px !important;
        mask-size: 18px 18px !important;
    }

    .booking-modal-form .form-check {
        gap: 7px !important;
        font-size: 9.5px !important;
        line-height: 13px !important;
    }

    .booking-modal-form .form-check input {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
    }

    .booking-modal-form .submit-button {
        width: auto !important;
        min-width: 150px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .booking-modal-form .form-status {
        min-height: 0 !important;
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 14px !important;
    }
}

/* Final booking seat picker: clickable Figma floor scheme. */
.booking-modal-plan {
    position: relative !important;
}

.booking-plan-stage {
    position: relative !important;
    width: min(100%, calc((100dvh - 230px) * 0.88016)) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 661 / 751 !important;
}

.booking-plan-stage > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}

.booking-plan-hotspots {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
}

.booking-plan-seat {
    position: absolute !important;
    left: var(--seat-x) !important;
    top: var(--seat-y) !important;
    width: var(--seat-w) !important;
    height: var(--seat-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: rgba(136, 14, 14, 0) !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.booking-plan-seat:hover,
.booking-plan-seat:focus-visible,
.booking-plan-seat.is-selected {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.booking-plan-seat--one {
    --seat-x: 26.95%;
    --seat-y: 62.32%;
    --seat-w: 11.55%;
    --seat-h: 8.68%;
}

.booking-plan-seat--two {
    --seat-x: 7.41%;
    --seat-y: 62.32%;
    --seat-w: 11.38%;
    --seat-h: 8.68%;
}

.booking-plan-seat--three {
    --seat-x: 7.41%;
    --seat-y: 49.8%;
    --seat-w: 6.22%;
    --seat-h: 11.85%;
}

.booking-plan-seat--four {
    --seat-x: 7.41%;
    --seat-y: 37.15%;
    --seat-w: 6.22%;
    --seat-h: 11.85%;
}

.booking-plan-seat--five {
    --seat-x: 7.41%;
    --seat-y: 24.5%;
    --seat-w: 6.22%;
    --seat-h: 11.85%;
}

.booking-plan-seat--six {
    --seat-x: 20.88%;
    --seat-y: 17.71%;
    --seat-w: 15.77%;
    --seat-h: 4.66%;
}

.booking-plan-seat--seven {
    --seat-x: 41.45%;
    --seat-y: 17.71%;
    --seat-w: 15.61%;
    --seat-h: 4.66%;
}

.booking-plan-seat--eight {
    --seat-x: 62.03%;
    --seat-y: 32.36%;
    --seat-w: 10.91%;
    --seat-h: 19.97%;
}

.booking-plan-seat--nine {
    --seat-x: 19.68%;
    --seat-y: 80.96%;
    --seat-w: 18.19%;
    --seat-h: 14.11%;
}

.booking-plan-seat--ten {
    --seat-x: 32.38%;
    --seat-y: 4.13%;
    --seat-w: 6.07%;
    --seat-h: 9.85%;
}

.booking-plan-seat--eleven {
    --seat-x: 75.79%;
    --seat-y: 32.36%;
    --seat-w: 14.25%;
    --seat-h: 27.16%;
}

.booking-plan-tooltip {
    position: absolute !important;
    left: var(--booking-seat-card-left, 60%) !important;
    top: var(--booking-seat-card-top, 42%) !important;
    z-index: 3 !important;
    min-width: 132px !important;
    max-width: 190px !important;
    padding: 12px 14px !important;
    display: grid !important;
    gap: 6px !important;
    border: 1px solid rgba(131, 112, 83, 0.75) !important;
    border-radius: 8px !important;
    background: #151515 !important;
    color: #ffe0c9 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45) !important;
    transform: none !important;
    pointer-events: none !important;
}

.booking-plan-tooltip[data-side="left"] {
    transform: none !important;
}

.booking-plan-tooltip span {
    color: rgba(255, 224, 201, 0.58) !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.booking-plan-tooltip strong {
    color: #ffe0c9 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}

.booking-plan-tooltip small {
    color: #817165 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 15px !important;
}

.booking-seat-choice {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(131, 112, 83, 0.55) !important;
    border-radius: 8px !important;
    background: rgba(21, 21, 21, 0.84) !important;
    color: #ffe0c9 !important;
}

.booking-seat-choice span {
    color: #817165 !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.booking-seat-choice strong,
.booking-seat-choice em {
    min-width: 0 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

.booking-seat-choice strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.booking-seat-choice em {
    color: #fdcaa9 !important;
}

@media (max-width: 760px) {
    .booking-plan-stage {
        width: min(100%, calc((clamp(340px, 51dvh, 440px) - 2px) * 0.88016)) !important;
        height: min(100%, clamp(338px, 51dvh, 438px)) !important;
    }

    .booking-plan-seat {
        border-radius: 4px !important;
    }

    .booking-plan-tooltip {
        min-width: 104px !important;
        max-width: 132px !important;
        padding: 8px 9px !important;
        gap: 3px !important;
        border-radius: 7px !important;
    }

    .booking-plan-tooltip span {
        font-size: 9px !important;
        line-height: 12px !important;
    }

    .booking-plan-tooltip strong {
        font-size: 13px !important;
        line-height: 17px !important;
    }

    .booking-plan-tooltip small {
        font-size: 8px !important;
        line-height: 11px !important;
    }

    .booking-seat-choice {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        gap: 6px !important;
        padding: 5px 7px !important;
        border-radius: 6px !important;
    }

    .booking-seat-choice span {
        font-size: 9px !important;
        line-height: 12px !important;
    }

    .booking-seat-choice strong,
    .booking-seat-choice em {
        font-size: 10px !important;
        line-height: 13px !important;
    }

    .booking-modal-copy h2 {
        font-size: 23px !important;
        line-height: 26px !important;
    }

    .booking-modal-copy p {
        max-width: 320px !important;
        font-size: 8.5px !important;
        line-height: 11.5px !important;
    }

    .booking-field input {
        height: 34px !important;
        min-height: 34px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .booking-modal-form .submit-button {
        width: auto !important;
        min-width: 148px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
}

/* Final mobile header phone placement. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .site-header .header-phones {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        z-index: 3 !important;
        display: flex !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translate(-50%, -50%) !important;
    }

    body[data-node-id="12725:1271"] .site-header .header-phone {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .site-header .header-phone:last-child {
        display: inline-flex !important;
        width: auto !important;
        min-width: 128px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 13px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 224, 201, 0.68) !important;
        border-radius: 999px !important;
        background: rgba(255, 224, 201, 0.08) !important;
        color: #ffe0c9 !important;
        font-size: 11px !important;
        line-height: 14px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}

/* Final mobile hero title: keep the desktop "КЛУБ SCROOGE" headline on video. */
@media (max-width: 760px) {
    .react-page-shell[data-page="home"] .hero h1 {
        position: absolute !important;
        left: clamp(30px, 9.5vw, 58px) !important;
        top: clamp(156px, 30vh, 236px) !important;
        right: auto !important;
        z-index: 3 !important;
        display: flex !important;
        width: min(300px, calc(100vw - 88px)) !important;
        max-width: 300px !important;
        margin: 0 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        transform: none !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        pointer-events: none !important;
    }

    .react-page-shell[data-page="home"] .hero h1 > span {
        display: block !important;
        width: 100% !important;
        color: transparent !important;
        background: inherit !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
    }

    .react-page-shell[data-page="home"] .hero h1 > span:first-child {
        font-size: clamp(29px, 8.6vw, 36px) !important;
        line-height: 0.9 !important;
    }

    .react-page-shell[data-page="home"] .hero h1 > span:last-child {
        font-size: clamp(44px, 13.1vw, 54px) !important;
        line-height: 0.9 !important;
    }
}

.acts-kicker,
.acts-actions {
    display: none;
}

/* Final mobile next block: editorial SCROOGE intro after the video hero. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts {
        position: relative !important;
        width: 100% !important;
        max-width: 100vw !important;
        min-height: 0 !important;
        padding: 0 0 48px !important;
        overflow: hidden !important;
        background: #050505 !important;
        border-top: 0 !important;
    }

    body[data-node-id="12725:1271"] .acts::before {
        display: none !important;
        content: none !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 118px max(24px, calc((100vw - 351px) / 2)) 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        grid-auto-flow: row !important;
        gap: 28px !important;
        align-items: start !important;
        justify-items: start !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading .star {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts .acts-kicker {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 0 42px !important;
        padding: 0 !important;
        align-items: center !important;
        gap: 22px !important;
        color: rgba(231, 231, 231, 0.72) !important;
        font-family: "Pragmatica Extended", "Inter", sans-serif !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        letter-spacing: 0.46em !important;
        text-align: left !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .acts-kicker span {
        width: 7px !important;
        height: 7px !important;
        flex: 0 0 7px !important;
        display: block !important;
        background: rgba(231, 231, 231, 0.72) !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading h2 {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #e7e4e2 !important;
        background: none !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: clamp(26px, 7.6vw, 34px) !important;
        font-weight: 400 !important;
        line-height: 1.34 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: none !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading > p:not(.acts-kicker) {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: rgba(231, 228, 226, 0.86) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.48 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: none !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts-actions {
        position: relative !important;
        z-index: 2 !important;
        width: min(351px, calc(100vw - 48px)) !important;
        margin: 44px auto 0 !important;
        display: grid !important;
        grid-template-columns: auto 72px !important;
        align-items: center !important;
        justify-content: start !important;
        column-gap: 20px !important;
        row-gap: 54px !important;
    }

    body[data-node-id="12725:1271"] .acts-more {
        min-height: 72px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 20px !important;
        color: #f7f2ee !important;
        font-family: "Pragmatica Extended", "Inter", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .acts-more span {
        width: 72px !important;
        height: 72px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(231, 231, 231, 0.3) !important;
        border-radius: 50% !important;
    }

    body[data-node-id="12725:1271"] .acts-more span::before {
        content: "↗" !important;
        color: #f2a04a !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 26px !important;
        line-height: 1 !important;
    }

    body[data-node-id="12725:1271"] .acts-play {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        width: 78px !important;
        height: 78px !important;
        min-height: 78px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(231, 231, 231, 0.3) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.02) !important;
        cursor: pointer !important;
    }

    body[data-node-id="12725:1271"] .acts-play span {
        width: 0 !important;
        height: 0 !important;
        margin-left: 4px !important;
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important;
        border-left: 15px solid #f7f2ee !important;
    }

    body[data-node-id="12725:1271"] .acts .act-grid,
    body[data-node-id="12725:1271"] .acts.is-unlocked .act-grid,
    body[data-node-id="12725:1271"] .acts.is-locked .act-grid {
        position: relative !important;
        z-index: 2 !important;
        left: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 148px !important;
        min-height: 148px !important;
        margin: 58px 0 0 calc(50% - 50vw) !important;
        padding: 0 0 0 max(0px, calc((100vw - 351px) / 2)) !important;
        display: flex !important;
        grid-template-columns: none !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .act-grid::-webkit-scrollbar {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts .act-card {
        position: relative !important;
        width: min(58vw, 224px) !important;
        max-width: 224px !important;
        height: 148px !important;
        min-height: 148px !important;
        max-height: 148px !important;
        flex: 0 0 min(58vw, 224px) !important;
        margin: 0 !important;
        display: block !important;
        aspect-ratio: auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        scroll-snap-align: start !important;
        overflow: hidden !important;
        background: #0b0b0b !important;
    }

    body[data-node-id="12725:1271"] .acts .act-card img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .act-card::after {
        background: linear-gradient(180deg, rgba(1, 1, 1, 0.02), rgba(1, 1, 1, 0.18)) !important;
    }

    body[data-node-id="12725:1271"] .acts .act-card__content {
        display: none !important;
    }
}

/* Final mobile cleanup after the SCROOGE intro block. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts .acts-play,
    body[data-node-id="12725:1271"] .acts .act-grid,
    body[data-node-id="12725:1271"] .acts #acts-content,
    body[data-node-id="12725:1271"] #club,
    body[data-node-id="12725:1271"] #interior,
    body[data-node-id="12725:1271"] #menu,
    body[data-node-id="12725:1271"] #theatre,
    body[data-node-id="12725:1271"] #events,
    body[data-node-id="12725:1271"] .gift,
    body[data-node-id="12725:1271"] .rules {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts {
        padding-bottom: 84px !important;
    }

    body[data-node-id="12725:1271"] .acts-actions {
        width: min(351px, calc(100vw - 48px)) !important;
        min-height: 72px !important;
        margin-top: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 20px !important;
    }
}

/* Mobile typography for the SCROOGE intro text. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts .acts-kicker {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading {
        align-items: center !important;
        text-align: center !important;
    }

    body[data-node-id="12725:1271"] #acts-title {
        width: min(351px, calc(100vw - 48px)) !important;
        max-width: min(351px, calc(100vw - 48px)) !important;
        margin: 0 auto 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: none !important;
        background: none !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        transform: none !important;
        white-space: normal !important;
    }

    body[data-node-id="12725:1271"] .acts-title-brand {
        display: block !important;
        width: 100% !important;
        color: transparent !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-size: clamp(44px, 14vw, 60px) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 0.92 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .acts-title-separator {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts-title-copy,
    body[data-node-id="12725:1271"] .acts .section-heading > p:not(.acts-kicker) {
        display: block !important;
        max-width: min(351px, calc(100vw - 48px)) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: none !important;
    }

    body[data-node-id="12725:1271"] .acts .section-heading > p:not(.acts-kicker) {
        margin-top: 0 !important;
    }
}

/* Hide the mobile "Подробнее" action under the SCROOGE intro. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts .acts-actions,
    body[data-node-id="12725:1271"] .acts .acts-more {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .acts {
        padding-bottom: 72px !important;
    }
}

/* Final mobile contacts rebuild: map first, readable contact info second. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .contacts {
        min-height: 0 !important;
        padding: 72px 0 76px !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading {
        width: min(351px, calc(100vw - 48px)) !important;
        max-width: min(351px, calc(100vw - 48px)) !important;
        margin: 0 auto 28px !important;
        padding: 0 !important;
        align-items: stretch !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading .eyebrow {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading .star {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: transparent !important;
        background: var(--title) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-size: clamp(38px, 11.4vw, 46px) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 0.96 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] .contacts > .section-heading p:not(.eyebrow) {
        max-width: 100% !important;
        margin: 12px 0 0 !important;
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: min(351px, calc(100vw - 48px)) !important;
        max-width: min(351px, calc(100vw - 48px)) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block::before,
    body[data-node-id="12725:1271"] .contacts .map-block::after {
        display: none !important;
        content: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .map-block > img:first-child,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .map-block > img:first-child {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 240px !important;
        min-height: 240px !important;
        margin: 0 !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 8px !important;
        opacity: 0.9 !important;
        filter: saturate(0.85) contrast(1.04) brightness(0.9) !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .map-block__logo,
    body[data-node-id="12725:1271"] .contacts .contact-key {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card,
    body[data-node-id="12725:1271"] .contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] .contacts:not(.is-locked) .contact-card {
        position: relative !important;
        z-index: 2 !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 22px 18px 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        background: rgba(2, 2, 2, 0.96) !important;
        border: 1px dashed rgba(253, 202, 169, 0.46) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card::before,
    body[data-node-id="12725:1271"] .contacts .contact-card::after {
        display: none !important;
        content: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card p,
    body[data-node-id="12725:1271"] .contacts .contact-card a {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card a {
        padding-top: 18px !important;
        border-top: 1px solid rgba(253, 202, 169, 0.2) !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card p small {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card span {
        color: rgba(253, 202, 169, 0.58) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 16px !important;
        letter-spacing: 0.08em !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card em,
    body[data-node-id="12725:1271"] .contacts .contact-card a strong {
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 26px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
}

/* Highest-specificity mobile contact fix: clear legacy absolute coordinates. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] #contacts .map-block__logo,
    body[data-node-id="12725:1271"] #contacts .contact-key {
        position: static !important;
        inset: auto !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        opacity: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] #contacts .map-block,
    body[data-node-id="12725:1271"] #contacts.is-unlocked .map-block,
    body[data-node-id="12725:1271"] #contacts:not(.is-locked) .map-block {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card,
    body[data-node-id="12725:1271"] #contacts.is-unlocked .contact-card,
    body[data-node-id="12725:1271"] #contacts:not(.is-locked) .contact-card {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card p,
    body[data-node-id="12725:1271"] #contacts .contact-card a,
    body[data-node-id="12725:1271"] #contacts .contact-card small,
    body[data-node-id="12725:1271"] #contacts .contact-card em,
    body[data-node-id="12725:1271"] #contacts .contact-card a strong {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card p,
    body[data-node-id="12725:1271"] #contacts .contact-card a {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card a {
        padding: 18px 0 0 !important;
    }
}

/* Final mobile SCROOGE intro alignment. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] #acts .section-heading {
        width: min(351px, calc(100vw - 48px)) !important;
        max-width: min(351px, calc(100vw - 48px)) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        align-items: stretch !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] #acts-title {
        width: 100% !important;
        max-width: 100% !important;
        align-items: stretch !important;
        gap: 18px !important;
        text-align: left !important;
    }

    body[data-node-id="12725:1271"] #acts .acts-title-brand {
        width: 100% !important;
        max-width: 100% !important;
        align-self: stretch !important;
        font-size: clamp(38px, 11.4vw, 46px) !important;
        line-height: 0.96 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    body[data-node-id="12725:1271"] #acts .acts-title-copy,
    body[data-node-id="12725:1271"] #acts .section-heading > p:not(.acts-kicker) {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: none !important;
    }
}

/* Final mobile contacts map treatment: match the muted desktop filter. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] #contacts .map-block > img:first-child,
    body[data-node-id="12725:1271"] #contacts.is-unlocked .map-block > img:first-child,
    body[data-node-id="12725:1271"] #contacts:not(.is-locked) .map-block > img:first-child {
        opacity: 0.84 !important;
        filter: grayscale(0.8) contrast(1.12) brightness(0.88) !important;
    }
}

/* Final mobile contact card typography: bring the info block back into the brand style. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] #contacts .contact-card {
        gap: 20px !important;
        padding: 24px 18px 26px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card p,
    body[data-node-id="12725:1271"] #contacts .contact-card a {
        gap: 9px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card a {
        padding-top: 20px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card span {
        color: rgba(253, 202, 169, 0.56) !important;
        font-family: "Inter", Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 14px !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card em,
    body[data-node-id="12725:1271"] #contacts .contact-card a strong {
        color: var(--Text-Tx_body, #FDCAA9) !important;
        font-family: "Anticva", "Cormorant", serif !important;
        font-size: clamp(22px, 6.1vw, 25px) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1.14 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
}

body[data-node-id="12725:1271"] .acts {
    margin-bottom: 0 !important;
}

/* Final SCROOGE photo gallery after the intro block. */
.scrooge-gallery {
    position: relative;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding: 0 0 clamp(72px, 8vw, 128px);
    overflow: hidden;
    background: #010101;
}

.scrooge-gallery__grid {
    width: min(100vw, 1440px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: clamp(74px, 7vw, 126px);
    grid-auto-flow: dense;
    gap: 14px;
}

.scrooge-gallery__item {
    position: relative;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: #060606;
}

.scrooge-gallery__item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(1.04) contrast(1.04);
}

.scrooge-gallery__item--hero {
    grid-column: span 5;
    grid-row: span 7;
}

.scrooge-gallery__item--wide {
    grid-column: span 4;
    grid-row: span 3;
}

.scrooge-gallery__item--tall {
    grid-column: span 3;
    grid-row: span 5;
}

.scrooge-gallery__item--small {
    grid-column: span 3;
    grid-row: span 2;
}

@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .acts {
        padding-bottom: 24px !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery {
        padding: 0 0 64px !important;
        background: #010101 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__grid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-auto-rows: clamp(54px, 17vw, 72px) !important;
        gap: 8px !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item {
        min-height: 0 !important;
        border-radius: 0 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item--hero {
        grid-column: span 3 !important;
        grid-row: span 6 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item--wide {
        grid-column: span 3 !important;
        grid-row: span 3 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item--tall {
        grid-column: span 2 !important;
        grid-row: span 4 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item--small {
        grid-column: span 3 !important;
        grid-row: span 2 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item:nth-child(6),
    body[data-node-id="12725:1271"] .scrooge-gallery__item:nth-child(11),
    body[data-node-id="12725:1271"] .scrooge-gallery__item:nth-child(12) {
        grid-column: span 2 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item:nth-child(10) {
        grid-column: span 6 !important;
        grid-row: span 3 !important;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item {
        cursor: pointer;
    }

    body[data-node-id="12725:1271"] .scrooge-gallery__item:focus-visible {
        outline: 2px solid rgba(255, 224, 201, 0.72);
        outline-offset: 2px;
    }
}

.gallery-lightbox {
    z-index: 80;
}

.gallery-lightbox__stage {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 72px 56px 88px;
    box-sizing: border-box;
    touch-action: pan-y;
}

.gallery-lightbox__figure {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(100%, 720px);
    max-height: calc(100vh - 160px);
    margin: 0;
}

.gallery-lightbox__image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 220px);
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.gallery-lightbox__caption {
    margin-top: 14px;
    max-width: 100%;
    color: rgba(255, 224, 201, 0.82);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-align: center;
}

.gallery-lightbox__counter {
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    margin: 0;
    color: rgba(255, 224, 201, 0.72);
    font-family: "Pragmatica Extended", "Inter", sans-serif;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.gallery-lightbox__close {
    top: 18px;
    right: 18px;
    z-index: 3;
}

.gallery-lightbox__nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 0;
    border-radius: 999px;
    background: rgba(131, 112, 83, 0.34);
    cursor: pointer;
}

.gallery-lightbox__nav::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    border-top: 2px solid #ffe0c9;
    border-right: 2px solid #ffe0c9;
}

.gallery-lightbox__nav--prev {
    left: 12px;
}

.gallery-lightbox__nav--prev::before {
    transform: rotate(-135deg) translateX(2px);
}

.gallery-lightbox__nav--next {
    right: 12px;
}

.gallery-lightbox__nav--next::before {
    transform: rotate(45deg) translateX(-2px);
}

@media (min-width: 761px) {
    .gallery-lightbox {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .gallery-lightbox__stage {
        padding: 64px 18px 80px;
    }

    .gallery-lightbox__nav {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }

    .gallery-lightbox__nav--prev {
        left: 8px;
    }

    .gallery-lightbox__nav--next {
        right: 8px;
    }

    .gallery-lightbox__image {
        max-height: calc(100vh - 180px);
    }
}

/* Jobs section removed site-wide. */
body[data-node-id="12725:1271"] .jobs {
    display: none !important;
}

/* Mobile-only intro/gallery and compact mobile footer/contact polish. */
@media (min-width: 761px) {
    body[data-node-id="12725:1271"] #acts,
    body[data-node-id="12725:1271"] .scrooge-gallery {
        display: none !important;
    }
}

@media (max-width: 760px) {
    body[data-node-id="12725:1271"] #contacts .contact-card {
        gap: 16px !important;
        padding: 20px 18px 22px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card p,
    body[data-node-id="12725:1271"] #contacts .contact-card a {
        gap: 7px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card a {
        padding-top: 16px !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card span {
        font-size: 10px !important;
        line-height: 13px !important;
        letter-spacing: 0.12em !important;
    }

    body[data-node-id="12725:1271"] #contacts .contact-card em,
    body[data-node-id="12725:1271"] #contacts .contact-card a strong {
        font-size: clamp(16px, 4.8vw, 19px) !important;
        line-height: 1.25 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-contacts,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] nav.footer-column {
        display: none !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content {
        gap: 28px !important;
    }
}

/* Mobile footer cleanup: remove divider star, WhatsApp and excess blank space. */
@media (max-width: 760px) {
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] {
        height: auto !important;
        min-height: 0 !important;
        gap: 24px !important;
        padding-top: 24px !important;
        padding-bottom: 28px !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] > .star,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] > .footer-star {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        opacity: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-content {
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 18px !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social {
        width: 351px !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 20px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social__links {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 28px !important;
        margin: 0 auto !important;
        flex: 0 0 auto !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-yandex-badge {
        position: static !important;
        width: 150px !important;
        height: 50px !important;
        min-height: 0 !important;
        margin: 20px auto 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        flex: 0 0 auto !important;
        border-radius: 10px;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-yandex-badge iframe {
        display: block !important;
        width: 150px !important;
        height: 50px !important;
        border: 0 !important;
        border-radius: 10px;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="Telegram"],
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="VK"] {
        width: 88px !important;
        height: 88px !important;
        flex: 0 0 88px !important;
        margin: 0 !important;
        display: grid !important;
        place-items: center !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="VK"]::before,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="Telegram"]::before {
        content: none !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="Telegram"] svg {
        position: relative !important;
        z-index: 2 !important;
        width: 26px !important;
        height: 26px !important;
        display: block !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="VK"] svg {
        position: relative !important;
        z-index: 2 !important;
        width: 28px !important;
        height: 28px !important;
        display: block !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="Telegram"]::after,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="VK"]::after {
        background-size: 88px 88px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-legal {
        width: 351px !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-legal > * {
        width: 351px !important;
        font-size: 15px !important;
        line-height: 22px !important;
    }

    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .subscribe {
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        margin-top: 0 !important;
    }
}

/* Yandex rating badge and VK icon in footer social block. */
.footer-social__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: auto;
    margin: 0 auto;
}

.footer-social__links a {
    margin: 0 !important;
}

.footer-yandex-badge {
    width: 150px;
    height: 50px;
    margin: 20px auto 0;
    overflow: hidden;
    border-radius: 10px;
}

.footer-yandex-badge iframe {
    display: block;
    width: 150px;
    height: 50px;
    border: 0;
    border-radius: 10px;
}

.footer-social a[aria-label="VK"]::before,
.footer-social a[aria-label="Telegram"]::before {
    content: none !important;
}

.site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="Telegram"] svg {
    position: relative;
    z-index: 2;
    width: 26px;
    height: 26px;
    display: block;
}

.site-footer[data-node-id="12739:1136"] .footer-social a[aria-label="VK"] svg {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px;
    display: block;
}

@media (min-width: 761px) {
    .site-footer[data-node-id="12739:1136"] .footer-yandex-badge {
        width: 150px;
        margin-top: 20px;
    }
}

@media (max-width: 760px) {
    .footer-yandex-badge {
        width: 150px;
        height: 50px;
        margin: 20px auto 0;
    }

    .footer-social__links a,
    .site-footer[data-node-id="12739:1136"] .footer-social__links a,
    body[data-node-id="12725:1271"] .site-footer[data-node-id="12739:1136"] .footer-social__links a {
        margin: 0 !important;
    }

    .footer-social__links a:nth-child(2)::before,
    .footer-social a:nth-child(2)::before {
        content: none !important;
        background: none !important;
    }
}

/* Desktop contacts fix: stack phone and Telegram links, remove excess section height. */
@media (min-width: 1181px) {
    body[data-node-id="12725:1271"] .contacts > .section-heading {
        height: auto !important;
        min-height: 0 !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        height: auto !important;
        min-height: 500px !important;
        padding: 132px 34px 40px !important;
        box-sizing: border-box !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card .contact-key {
        position: absolute !important;
        left: calc(50% - 46.5px) !important;
        top: 147px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body[data-node-id="12725:1271"] .contacts .contact-card p,
    body[data-node-id="12725:1271"] .contacts .contact-card a {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 324px !important;
        max-width: 324px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
    }
}

/* Site navigation menu hidden site-wide (home, 404, club nav-trigger). */
.nav-trigger,
aside.menu-panel[data-menu],
.not-found-link[data-open-menu] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}