@import "../components/stories.css";
@import "../components/memory-gallery.css";
@import "../components/story-video.css";
@import "../components/story-gallery-lightbox.css";
@import "../components/story-photo-stack.css";
@import "../components/story-entrance.css";

/*
 * Fusion Resort Stories framework only.
 * This file is loaded by the page-slug stylesheet loader and all component
 * selectors also require this page's unique Stories group.
 * Image selection breakpoints: mobile <768px, desktop 768–1439px,
 * large desktop >=1440px (adjust the <picture> media value with this rule).
 */

body:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
    --mona-fusion-story-height: 100vh;
    overflow-x: clip;
}

@supports (height: 100dvh) {
    body:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
        --mona-fusion-story-height: 100dvh;
    }
}

/* On phones, use the stable small viewport so browser chrome cannot resize
   the panel while the visitor scrolls or the address bar expands/collapses. */
@media (max-width: 767px) {
    body:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
        --mona-fusion-story-height: 100vh;
    }

    @supports (height: 100svh) {
        body:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
            --mona-fusion-story-height: 100svh;
        }
    }
}

/* The theme's fixed transparent header overlays the first panel. WordPress
   places logged-in content below its admin bar, so reserve that bar's height. */
body.admin-bar:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
    --mona-fusion-story-height: calc(100vh - 32px);
}

@supports (height: 100dvh) {
    body.admin-bar:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
        --mona-fusion-story-height: calc(100dvh - 32px);
    }
}

@media (max-width: 782px) {
    body.admin-bar:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
        --mona-fusion-story-height: calc(100vh - 46px);
    }

    @supports (height: 100svh) {
        body.admin-bar:has(.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]) {
            --mona-fusion-story-height: calc(100svh - 46px);
        }
    }
}

/* Remove WPBakery row/column gutters only around Fusion Story blocks. */
.hero-wrapper .vc_row:has(.mona-stories[data-stories-group="fusion-resort-landing"]) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.hero-wrapper .vc_column_container:has(.mona-stories[data-stories-group="fusion-resort-landing"]) > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

.hero-wrapper .wpb_raw_html:has(.mona-stories[data-stories-group="fusion-resort-landing"]) {
    margin-bottom: 0;
}

/* Break each panel out of the theme's centered content container. Every
   Story gets the same fixed viewport frame regardless of its content. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] {
    position: relative;
    left: 50%;
    box-sizing: border-box;
    width: 100vw;
    max-width: none;
    height: var(--mona-fusion-story-height);
    min-height: var(--mona-fusion-story-height);
    aspect-ratio: auto;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
    overflow: hidden;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] > .mona-stories__story {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: var(--mona-fusion-story-height);
    max-height: var(--mona-fusion-story-height);
    aspect-ratio: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/* Before shared JavaScript initializes, keep only the Hero in flow so the
   eight full-screen Raw HTML blocks do not briefly stack and shift the page. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"]:not(.is-enhanced):not([data-story-index="1"]) {
    display: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"] > .mona-stories__story {
    background: #eae6df;
}

/* Shared numbered placeholder styles used by the remaining temporary Stories. */
.mona-fusion-placeholder {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));
    pointer-events: none;
}

.mona-fusion-placeholder__label {
    margin: 0;
    color: rgba(42, 39, 35, .58);
    font-family: inherit;
    font-size: clamp(.8rem, 1.5vw, 1rem);
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
}

/* The picture is a true responsive image, not a CSS background. The browser
   fetches only the <source> matching the current viewport. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-hero-picture {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    overflow: hidden;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-hero-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="1"] .mona-fusion-hero-picture img {
    transform: scale(1);
    transform-origin: center;
    animation: mona-fusion-hero-zoom 3.5s linear both;
}

/* Intro Story: adapt the Couple Hero typography without using its global
   page IDs or changing the shared Stories component. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(46, 34, 22, .34), rgba(50, 37, 24, .44) 52%, rgba(39, 31, 23, .52));
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(10rem + env(safe-area-inset-top)) 5vw calc(7rem + env(safe-area-inset-bottom));
    color: #fff;
    text-align: center;
    pointer-events: none;
    animation: mona-fusion-intro-in 1s ease-out both;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__eyebrow {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, .3);
    font-size: 52px;
    font-weight: 500;
    letter-spacing: 12px;
    line-height: 1;
    text-transform: uppercase;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__title {
    max-width: 100%;
    margin: 0 0 28px;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    letter-spacing: 6px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__tagline {
    max-width: 700px;
    margin: 0 auto 34px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 1.5;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__cta {
    display: inline-flex;
    width: min(100%, 440px);
    min-height: 68px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 18px 28px;
    border: 1px solid rgba(255, 255, 255, .95);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    pointer-events: auto;
    transition: background-color .2s ease, color .2s ease;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__cta:hover,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__cta:focus-visible {
    background: #fff;
    color: #514333;
}

@media (max-width: 1024px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__eyebrow,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__title {
        font-size: 60px;
        letter-spacing: 4px;
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__content {
        padding: calc(8rem + env(safe-area-inset-top)) 1.25rem calc(5rem + env(safe-area-inset-bottom));
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__eyebrow,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__title {
        font-size: 42px;
        letter-spacing: 2px;
        line-height: 1.1;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__eyebrow {
        margin-bottom: 14px;
        font-size: clamp(20px, 5.8vw, 23px);
        letter-spacing: 2px;
        line-height: 1.2;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__title {
        margin-bottom: 20px;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__tagline {
        max-width: 90%;
        margin-bottom: 24px;
        font-size: 16px;
        letter-spacing: 2px;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__cta {
        width: min(100%, 360px);
        min-height: 58px;
        padding: 15px 18px;
        font-size: 14px;
        letter-spacing: 3px;
    }
}

@keyframes mona-fusion-intro-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-fusion-intro__content {
        animation: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="1"] .mona-fusion-hero-picture img {
        animation: none;
        transform: none;
    }
}

/* Story 08 — a quiet final decision point, isolated from the earlier Stories. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #f7f3ed;
    background-color: #282522;
    background-position: center;
    background-size: cover;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story::before,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story::after {
    position: absolute;
    z-index: 0;
    inset: -16px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story::before {
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: grayscale(1) blur(11px);
    transform: scale(1.04);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story::after {
    background: rgba(23, 21, 19, .68);
}

.mona-story-eight__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: min(100%, 74rem);
    height: 100%;
    margin: 0 auto;
    padding: clamp(10.5rem, 16vh, 13rem) clamp(2rem, 7vw, 6.5rem) clamp(2rem, 5vh, 4rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(229, 209, 176, .4) transparent;
}

.mona-story-eight__intro { margin: 0 auto clamp(1.5rem, 3vh, 2.25rem); text-align: center; }
.mona-story-eight__eyebrow {
    margin: 0 0 .85rem;
    color: #e5d1b0;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .22em;
    line-height: 1.45;
    text-transform: uppercase;
}
.mona-story-eight__heading {
    margin: 0 0 .75rem;
    color: #fff;
    font-size: clamp(2.5rem, 5.2vw, 4.65rem);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.05;
    text-wrap: balance;
}
.mona-story-eight__supporting {
    max-width: 38rem;
    margin: 0 auto;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(.98rem, 1.2vw, 1.12rem);
    letter-spacing: .01em;
    line-height: 1.65;
}
.mona-story-eight__booking {
    display: flex;
    box-sizing: border-box;
    width: min(100%, 43rem);
    min-height: 4.4rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 auto clamp(3.25rem, 7vh, 4.5rem);
    padding: 1rem 1.4rem;
    border: 1px solid rgba(237, 219, 188, .8);
    border-radius: 2px;
    background: rgba(229, 209, 176, .12);
    color: #fff !important;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    font-weight: 600;
    letter-spacing: .025em;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.mona-story-eight__booking:hover { border-color: #e5d1b0; background: rgba(229, 209, 176, .22); transform: translateY(-1px); }
.mona-story-eight__booking:focus-visible,
.mona-story-eight__text-action:focus-visible,
.mona-story-eight__dialog-close:focus-visible,
.mona-story-eight__channels a:focus-visible { outline: 2px solid #f0dfc1; outline-offset: 4px; }
.mona-story-eight__arrow { color: #e5d1b0; font-size: 1.35em; font-weight: 400; }
.mona-story-eight__alternatives { width: min(100%, 61rem); margin: 0 auto; }
.mona-story-eight__alternatives-heading {
    margin: 0 0 .9rem;
    color: #e5d1b0;
    font-size: .98rem;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.45;
    text-align: center;
    text-transform: uppercase;
}
.mona-story-eight__alternatives-heading.is-cta-attention-cue {
    --mona-cta-cue-lift: -4px;
    --mona-cta-cue-return: 1.5px;
    --mona-cta-cue-tilt: -.5deg;
    animation: mona-cta-attention-cue 760ms cubic-bezier(.22, .61, .36, 1) both;
}
@keyframes mona-cta-attention-cue {
    0%, 100% { transform: translateY(0) rotate(0); }
    38% { transform: translateY(var(--mona-cta-cue-lift, -3px)) rotate(var(--mona-cta-cue-tilt, -.35deg)); }
    72% { transform: translateY(var(--mona-cta-cue-return, 1px)) rotate(0); }
}
.mona-story-eight__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.1rem, 3vw, 2.5rem); }
.mona-story-eight__option { padding: .8rem 0 .9rem; border-top: 1px solid rgba(239, 226, 204, .22); }
.mona-story-eight__question { margin: 0 0 .35rem; color: rgba(255, 255, 255, .8); font-size: .91rem; line-height: 1.5; }
.mona-story-eight__text-action {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: .35rem;
    padding: .2rem 0;
    border: 0;
    background: transparent;
    color: #f0ddb9 !important;
    font: inherit;
    font-size: .96rem;
    font-weight: 650;
    letter-spacing: .075em;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.mona-story-eight__text-action:hover { color: #fff !important; }
.mona-story-eight__text-action:disabled { color: rgba(240, 221, 185, .92) !important; cursor: not-allowed; }
.mona-story-eight__ask { margin: 0; text-align: left; }
.mona-story-eight__ask .mona-story-eight__text-action { min-height: 44px; }

.mona-story-eight__dialog {
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    width: min(38rem, calc(100vw - 2rem));
    max-width: none;
    max-height: min(88vh, 52rem);
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid rgba(229, 209, 176, .42);
    border-radius: 3px;
    background: #282522;
    color: #f7f3ed;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
}
.mona-story-eight__dialog::backdrop { background: rgba(17, 15, 13, .78); backdrop-filter: blur(5px); }
.mona-story-eight__dialog-inner { position: relative; padding: clamp(1.6rem, 5vw, 3rem); }
.mona-story-eight__dialog-close {
    position: absolute;
    top: .7rem;
    right: .9rem;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .85);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}
.mona-story-eight__dialog-heading { margin: 0 0 1.2rem; color: #fff; font-size: clamp(1.7rem, 5vw, 2.35rem); font-weight: 500; letter-spacing: -.025em; }
.mona-story-eight__channels { display: grid; }
.mona-story-eight__channels > a,
.mona-story-eight__naver > a {
    display: flex;
    min-height: 58px;
    flex-direction: column;
    justify-content: center;
    gap: .12rem;
    padding: .65rem 0;
    border-top: 1px solid rgba(239, 226, 204, .18);
    color: #fff;
    text-decoration: none;
}
.mona-story-eight__channels > a:hover span,
.mona-story-eight__naver > a:hover span { color: #e5d1b0; }
.mona-story-eight__channels span { font-size: 1rem; font-weight: 600; }
.mona-story-eight__channels small { color: rgba(255, 255, 255, .68); font-size: .82rem; line-height: 1.45; }
.mona-story-eight__naver { margin-top: .7rem; padding-top: .45rem; border-top: 1px solid rgba(229, 209, 176, .42); }
.mona-story-eight__naver > p { margin: 0 0 .25rem; color: #e5d1b0; font-size: .66rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }

@media (max-height: 800px) and (min-width: 768px) {
    .mona-story-eight__content { justify-content: flex-start; padding-top: 10.5rem; padding-bottom: 1.5rem; }
    .mona-story-eight__intro { margin-bottom: 1.25rem; }
    .mona-story-eight__booking { min-height: 3.8rem; margin-bottom: 3rem; }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story { overflow-y: auto; overscroll-behavior: contain; }
    .mona-story-eight__content {
        justify-content: flex-start;
        width: 100%;
        height: auto;
        min-height: 100%;
        padding: calc(6.5rem + env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
        overflow: visible;
    }
    .mona-story-eight__intro { margin: 0 auto 1.45rem; }
    .mona-story-eight__eyebrow { margin-bottom: .7rem; font-size: .66rem; letter-spacing: .17em; }
    .mona-story-eight__heading { font-size: clamp(2.15rem, 9vw, 3.15rem); line-height: 1.06; }
    .mona-story-eight__supporting { max-width: 28rem; font-size: .94rem; line-height: 1.58; }
    .mona-story-eight__booking { min-height: 3.9rem; margin-bottom: clamp(2.5rem, 5vh, 3rem); padding: .85rem 1rem; font-size: .98rem; }
    .mona-story-eight__options { grid-template-columns: minmax(0, 1fr); gap: .15rem; }
    .mona-story-eight__option { padding: .68rem 0 .72rem; }
    .mona-story-eight__question, .mona-story-eight__text-action { font-size: .94rem; }
    .mona-story-eight__ask { margin-top: 0; }
    .mona-story-eight__dialog-inner { padding-top: 3.2rem; }
    .mona-story-eight__alternatives-heading.is-cta-attention-cue {
        --mona-cta-cue-lift: -6px;
        --mona-cta-cue-return: 2.5px;
        --mona-cta-cue-tilt: -1deg;
        animation-duration: 840ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mona-story-eight__booking { transition: none; }
    .mona-story-eight__alternatives-heading.is-cta-attention-cue { animation: none; }
}

/* Story 05 — location photo stack, scoped to this Fusion Resort page. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="5"] > .mona-story-five__story {
    position: relative;
    isolation: isolate;
    color: #f7f3ed;
    background-color: #302923;
    background-position: center;
    background-size: cover;
}

.hero-wrapper .mona-stories[data-story-index="5"].mona-story-five > .mona-story-five__story::before,
.hero-wrapper .mona-stories[data-story-index="5"].mona-story-five > .mona-story-five__story::after {
    position: absolute;
    z-index: 0;
    inset: -14px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-story-index="5"].mona-story-five > .mona-story-five__story::before {
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: grayscale(1) blur(10px);
    transform: scale(1.035);
}

.hero-wrapper .mona-stories[data-story-index="5"].mona-story-five > .mona-story-five__story::after {
    background: rgba(28, 24, 21, .46);
}

.hero-wrapper .mona-stories[data-story-index="5"].mona-story-five[aria-hidden="false"] > .mona-story-five__story::after {
    animation: mona-story-five-shade-in .7s ease-out both;
}

.mona-story-five .mona-story-photo-stack__layout {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr);
    align-items: center;
    gap: clamp(2rem, 4vw, 5rem);
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: clamp(10.5rem, 16vh, 13.5rem) clamp(2rem, 5vw, 6rem) clamp(2.5rem, 5vh, 4rem);
    box-sizing: border-box;
}

.mona-story-five [data-photo-stack] {
    --photo-stack-card-width: min(34vw, 29rem, 100%);
    --photo-stack-card-ratio: 4 / 5;
    min-width: 0;
}

.mona-story-five [data-photo-stack-control] {
    max-height: min(67vh, 42rem);
    box-sizing: border-box;
}

.mona-story-five__copy,
.mona-story-photo-stack__copy {
    max-width: 38rem;
    padding: 1rem 0;
}

.mona-story-photo-stack__heading {
    margin: 0 0 clamp(2.3rem, 5vh, 4rem);
    color: #fff;
    font-family: inherit;
    font-size: clamp(2.7rem, 5vw, 5.6rem);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.03;
}

.mona-story-photo-stack__location.is-changing {
    animation: mona-story-photo-copy-in 340ms ease both;
}

.mona-story-photo-stack__description.is-changing {
    animation: mona-story-photo-copy-in 380ms ease 70ms both;
}

.mona-story-photo-stack__active-copy {
    min-height: 9rem;
}

.mona-story-photo-stack__location {
    margin: 0 0 .9rem;
    color: #e5d1b0;
    font-family: inherit;
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.25;
}

.mona-story-photo-stack__description {
    max-width: 34rem;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-family: inherit;
    font-size: clamp(.98rem, 1.12vw, 1.12rem);
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.85;
}

@keyframes mona-story-photo-copy-in {
    from { opacity: .65; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes mona-story-five-shade-in {
    from { opacity: .68; }
    to { opacity: 1; }
}

.mona-story-five.is-photo-stack-entering .mona-story-photo-stack__card {
    animation: mona-story-five-photo-enter 680ms cubic-bezier(.2, .72, .18, 1) both;
    animation-delay: var(--stack-entrance-delay, 0ms);
}

.mona-story-five.is-photo-stack-entering .mona-story-photo-stack__heading {
    animation: mona-story-five-copy-enter 440ms ease .1s both;
}

.mona-story-five.is-photo-stack-entering [data-photo-stack-title] {
    animation: mona-story-five-copy-enter 430ms ease .22s both;
}

.mona-story-five.is-photo-stack-entering [data-photo-stack-description] {
    animation: mona-story-five-copy-enter 450ms ease .34s both;
}

@keyframes mona-story-five-photo-enter {
    from {
        opacity: 0;
        filter: blur(7px);
        transform: translate3d(0, 12px, 0) rotate(0deg);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translate3d(var(--stack-x), var(--stack-y), 0) rotate(var(--stack-rotation));
    }
}

@keyframes mona-story-five-copy-enter {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 1600px) {
    .mona-story-five .mona-story-photo-stack__layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(22rem, .9fr);
        gap: clamp(4rem, 6vw, 8rem);
        padding-right: clamp(5rem, 7vw, 9rem);
        padding-left: clamp(5rem, 7vw, 9rem);
    }

    .mona-story-five [data-photo-stack] {
        --photo-stack-card-width: min(42vw, 42rem, 100%);
    }

    .mona-story-five [data-photo-stack-control] {
        max-height: min(72vh, 49rem);
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="5"] > .mona-story-five__story {
        padding: 0;
    }

    .mona-story-five .mona-story-photo-stack__layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(.8rem, 2.4svh, 1.4rem);
        width: 100%;
        height: 100%;
        margin: 0;
        padding: calc(6.25rem + env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));
        box-sizing: border-box;
    }

    .mona-story-five [data-photo-stack] {
        --photo-stack-card-width: min(68vw, 19rem);
        --photo-stack-card-ratio: 4 / 5;
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
        min-height: 0;
    }

    .mona-story-five [data-photo-stack-control] {
        max-width: 100%;
        max-height: 100%;
    }

    .mona-story-five .mona-story-photo-stack__copy {
        display: flex;
        flex-direction: column;
        width: min(100%, 33rem);
        max-width: 33rem;
        padding: 0 .2rem;
        text-align: center;
    }

    .mona-story-five .mona-story-photo-stack__active-copy {
        order: 1;
    }

    .mona-story-five .mona-story-photo-stack__heading {
        order: 2;
        margin: clamp(.65rem, 1.6svh, .95rem) 0 0;
        font-size: clamp(1.75rem, 7vw, 2.45rem);
        letter-spacing: -.035em;
        line-height: 1.06;
    }

    .mona-story-five .mona-story-photo-stack__location {
        margin-bottom: .45rem;
        font-size: 1.15rem;
    }

    .mona-story-five .mona-story-photo-stack__description {
        font-size: clamp(.78rem, 3.4vw, .88rem);
        line-height: 1.42;
    }

    .mona-story-five .mona-story-photo-stack__active-copy {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-wrapper .mona-stories[data-story-index="5"].mona-story-five[aria-hidden="false"] > .mona-story-five__story::after {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mona-story-five.is-photo-stack-entering .mona-story-photo-stack__card,
    .mona-story-five.is-photo-stack-entering .mona-story-photo-stack__heading,
    .mona-story-five.is-photo-stack-entering [data-photo-stack-title],
    .mona-story-five.is-photo-stack-entering [data-photo-stack-description],
    .mona-story-photo-stack__location.is-changing,
    .mona-story-photo-stack__description.is-changing {
        animation: none;
    }
}

/* Story 06 — a quiet, interactive guide to session length. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #f7f3ed;
    background-color: #28231f;
    background-position: center;
    background-size: cover;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story::before,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story::after {
    position: absolute;
    z-index: 0;
    inset: -16px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story::before {
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: grayscale(1) blur(11px);
    transform: scale(1.04);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story::after {
    background: rgba(23, 20, 18, .58);
}

.mona-story-six__content {
    position: absolute;
    z-index: 1;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(100%, 91rem);
    margin: 0 auto;
    padding: clamp(10.5rem, 16vh, 13.5rem) clamp(2rem, 9vw, 9rem) clamp(3rem, 6vh, 5rem);
}

.mona-story-six__eyebrow {
    margin: 0 0 1.1rem;
    color: #e5d1b0;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .22em;
    line-height: 1.4;
    text-transform: uppercase;
}

.mona-story-six__heading {
    max-width: 58rem;
    margin: 0 0 1.1rem;
    color: #fff;
    font-family: inherit;
    font-size: clamp(2.7rem, 5.1vw, 5rem);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.04;
    text-wrap: balance;
}

.mona-story-six__intro {
    max-width: 48rem;
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: clamp(1rem, 1.25vw, 1.2rem);
    letter-spacing: .015em;
    line-height: 1.75;
}

.mona-story-six__selector {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(100%, 74rem);
    margin: clamp(2rem, 4.5vh, 3.5rem) 0 1.8rem;
    border-top: 1px solid rgba(239, 226, 204, .42);
}

.mona-story-six.is-story-six-entering.is-story-six-line-hidden .mona-story-six__selector {
    border-top-color: transparent;
}

.mona-story-six.is-story-six-entering.is-story-six-options-hidden .mona-story-six__option {
    opacity: 0;
    transform: translateY(8px);
}

.mona-story-six__option {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 5rem;
    align-items: flex-start;
    justify-content: center;
    padding: 1.1rem .75rem 1rem;
    border: 0;
    border-bottom: 1px solid rgba(239, 226, 204, .38);
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, .72);
    font: inherit;
    cursor: pointer;
    transition: color .22s ease, border-color .22s ease;
    -webkit-tap-highlight-color: transparent;
}

.mona-story-six__option::before {
    position: absolute;
    top: -4px;
    left: 50%;
    width: 9px;
    height: 9px;
    border: 1px solid rgba(239, 226, 204, .82);
    border-radius: 50%;
    background: #38312b;
    content: "";
    transform: translateX(-50%);
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.mona-story-six__option:hover,
.mona-story-six__option[aria-pressed="true"] {
    color: #fff;
}

.mona-story-six__option[aria-pressed="true"] {
    border-bottom-color: #e5d1b0;
}

.mona-story-six__option[aria-pressed="true"]::before {
    border-color: #e5d1b0;
    background: #e5d1b0;
    box-shadow: 0 0 0 4px rgba(229, 209, 176, .12);
}

.mona-story-six__option:focus-visible {
    z-index: 1;
    outline: 2px solid #e5d1b0;
    outline-offset: 3px;
}

.mona-story-six__minutes {
    font-size: clamp(1.4rem, 1.8vw, 1.9rem);
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.35;
    white-space: nowrap;
}

.mona-story-six__minutes span {
    color: #e5d1b0;
    font-size: .72em;
    font-weight: 400;
    letter-spacing: .08em;
}

.mona-story-six__detail {
    box-sizing: border-box;
    width: min(100%, 74rem);
    min-height: 15rem;
    padding: clamp(1rem, 1.8vw, 1.45rem);
    border-radius: 3px;
    background: rgba(18, 15, 13, .46);
}

.mona-story-six__detail[hidden] {
    display: none;
}

.mona-story-six__duration-title {
    max-width: 52rem;
    margin: 0 0 .65rem;
    color: #e5d1b0;
    font-family: inherit;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1.3;
}

.mona-story-six__duration-description {
    max-width: 52rem;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: clamp(.94rem, 1.08vw, 1.06rem);
    line-height: 1.75;
}

.mona-story-six__package {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 1rem;
    max-width: 42rem;
    margin: 1rem 0 0;
    padding: .8rem 0 0;
    border-top: 1px solid rgba(239, 226, 204, .24);
}

.mona-story-six__package-item {
    min-width: 0;
    margin: 0;
}

.mona-story-six__package-item + .mona-story-six__package-item {
    padding-left: 1rem;
    border-left: 1px solid rgba(239, 226, 204, .2);
}

.mona-story-six__package-item dt {
    margin: 0 0 .25rem;
    color: rgba(255, 255, 255, .62);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.mona-story-six__package-item dd {
    margin: 0;
    color: #f7f3ed;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1.4;
}

.mona-story-six__package-item--price dd {
    color: #e5d1b0;
    font-size: 1.35rem;
}

.mona-story-six__additional-fee {
    max-width: 42rem;
    margin: .8rem 0 0;
    padding-top: .65rem;
    border-top: 1px solid rgba(239, 226, 204, .16);
    color: rgba(255, 255, 255, .72);
    font-size: .82rem;
    letter-spacing: .015em;
    line-height: 1.45;
}

.mona-story-six__detail.is-changing {
    animation: mona-story-six-detail-in 300ms ease both;
}

.mona-story-six__closing {
    max-width: 48rem;
    margin: 1.15rem 0 0;
    color: rgba(255, 255, 255, .6);
    font-size: .9rem;
    letter-spacing: .01em;
    line-height: 1.65;
}

@keyframes mona-story-six-detail-in {
    from { opacity: .55; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-height: 900px) and (min-width: 768px) {
    .mona-story-six__content {
        padding-top: 10.5rem;
        padding-bottom: 2rem;
    }

    .mona-story-six__heading {
        font-size: clamp(2.4rem, 4.6vw, 4.2rem);
    }

    .mona-story-six__selector {
        margin-top: 1.5rem;
    }

    .mona-story-six__detail {
        min-height: 14rem;
    }

    .mona-story-six__content {
        justify-content: flex-start;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .mona-story-six__content {
        position: relative;
        inset: auto;
        justify-content: flex-start;
        width: 100%;
        min-height: 100%;
        padding: calc(6.5rem + env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
    }

    .mona-story-six__eyebrow {
        margin-bottom: .8rem;
        font-size: .68rem;
    }

    .mona-story-six__heading {
        max-width: 34rem;
        margin-bottom: .85rem;
        font-size: clamp(2rem, 8vw, 3.2rem);
        line-height: 1.06;
    }

    .mona-story-six__intro {
        font-size: .96rem;
        line-height: 1.6;
    }

    .mona-story-six__selector {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 1.8rem 0 1.25rem;
        border-top: 0;
        column-gap: .85rem;
        row-gap: .35rem;
    }

    .mona-story-six.is-story-six-entering.is-story-six-line-hidden .mona-story-six__option {
        border-top-color: transparent;
    }

    .mona-story-six__option {
        min-height: 4.5rem;
        align-items: center;
        justify-content: flex-start;
        padding: .65rem .7rem .75rem 1rem;
        border-top: 1px solid rgba(239, 226, 204, .25);
        text-align: left;
    }

    .mona-story-six__option::before {
        top: 50%;
        left: 0;
        width: 9px;
        height: 9px;
        transform: translateY(-50%);
    }

    .mona-story-six__minutes {
        font-size: 1.45rem;
    }

    .mona-story-six__detail {
        min-height: 17rem;
        padding: 1rem;
    }

    .mona-story-six__package {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: .75rem;
        row-gap: .65rem;
        margin-top: .8rem;
        padding-top: .7rem;
    }

    .mona-story-six__package-item--price {
        grid-column: 1 / -1;
        padding-bottom: .5rem;
        border-bottom: 1px solid rgba(239, 226, 204, .18);
    }

    .mona-story-six__package-item + .mona-story-six__package-item {
        padding-left: 0;
        border-left: 0;
    }

    .mona-story-six__package-item dt {
        font-size: .62rem;
        letter-spacing: .08em;
    }

    .mona-story-six__package-item dd {
        font-size: .98rem;
    }

    .mona-story-six__package-item--price dd {
        font-size: 1.25rem;
    }

    .mona-story-six__additional-fee {
        margin-top: .7rem;
        padding-top: .55rem;
        font-size: .78rem;
    }

    .mona-story-six__duration-title {
        margin-bottom: .5rem;
        font-size: 1.3rem;
    }

    .mona-story-six__duration-description {
        font-size: .9rem;
        line-height: 1.6;
    }

    .mona-story-six__closing {
        margin-top: 1rem;
        font-size: .82rem;
        line-height: 1.55;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mona-story-six__option,
    .mona-story-six__option::before {
        transition: none;
    }

    .mona-story-six__detail.is-changing {
        animation: none;
    }
}

/* Story 07 — quiet editorial reassurance before booking. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #f7f3ed;
    background-color: #282522;
    background-position: center;
    background-size: cover;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story::before,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story::after {
    position: absolute;
    z-index: 0;
    inset: -16px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story::before {
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: grayscale(1) blur(11px);
    transform: scale(1.04);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story::after {
    background: rgba(23, 21, 19, .68);
}

.mona-story-seven__content {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: min(100%, 96rem);
    height: 100%;
    margin: 0 auto;
    padding: clamp(10.5rem, 16vh, 13rem) clamp(2rem, 7vw, 7rem) clamp(2rem, 5vh, 4rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(229, 209, 176, .4) transparent;
}

.mona-story-seven__intro-block {
    max-width: 66rem;
    margin: 0 0 clamp(1.8rem, 3.8vh, 3rem);
}

.mona-story-seven__eyebrow {
    margin: 0 0 1rem;
    color: #e5d1b0;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .22em;
    line-height: 1.45;
    text-transform: uppercase;
}

.mona-story-seven__heading {
    max-width: 64rem;
    margin: 0 0 .9rem;
    color: #fff;
    font-family: inherit;
    font-size: clamp(2.7rem, 5vw, 4.8rem);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.04;
    text-wrap: balance;
}

.mona-story-seven__intro {
    max-width: 48rem;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(1rem, 1.2vw, 1.16rem);
    letter-spacing: .01em;
    line-height: 1.65;
}

.mona-story-seven__panel {
    width: 100%;
    max-width: 88rem;
    padding: clamp(1.2rem, 2.1vw, 2rem) clamp(1.25rem, 2.5vw, 2.35rem);
    border-radius: 4px;
    background: rgba(18, 15, 13, .46);
}

.mona-story-seven__sections { width: 100%; }

.mona-story-seven__section {
    display: grid;
    grid-template-columns: minmax(8.5rem, .58fr) minmax(16rem, 1.05fr) minmax(0, 1.65fr);
    align-items: baseline;
    column-gap: clamp(1.25rem, 3vw, 3.25rem);
    padding: clamp(1.1rem, 2.1vh, 1.55rem) 0;
    border-top: 1px solid rgba(239, 226, 204, .24);
}

.mona-story-seven__section:last-child {
    border-bottom: 1px solid rgba(239, 226, 204, .24);
}

.mona-story-seven__label {
    margin: .16rem 0 0;
    color: #e5d1b0;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.5;
}

.mona-story-seven__section-heading {
    margin: 0;
    color: #fff;
    font-family: inherit;
    font-size: clamp(1.15rem, 1.55vw, 1.55rem);
    font-weight: 500;
    letter-spacing: -.015em;
    line-height: 1.3;
    text-wrap: balance;
}

.mona-story-seven__body {
    max-width: 51rem;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(.9rem, 1vw, 1rem);
    letter-spacing: .01em;
    line-height: 1.7;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mona-story-seven__panel {
        padding: 1.15rem 1.4rem;
    }

    .mona-story-seven__section {
        grid-template-columns: minmax(7.5rem, .45fr) minmax(0, 1fr);
        row-gap: .45rem;
    }

    .mona-story-seven__label {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .mona-story-seven__section-heading,
    .mona-story-seven__body {
        grid-column: 2;
    }
}

@media (max-height: 800px) and (min-width: 768px) {
    .mona-story-seven__content {
        justify-content: flex-start;
        padding-top: 10.5rem;
        padding-bottom: 2rem;
    }

    .mona-story-seven__intro-block {
        margin-bottom: 1.4rem;
    }

    .mona-story-seven__section {
        padding-top: .85rem;
        padding-bottom: .85rem;
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .mona-story-seven__content {
        position: relative;
        inset: auto;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        min-height: 100%;
        padding: calc(6.5rem + env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
        overflow: visible;
    }

    .mona-story-seven__intro-block {
        margin-bottom: 1.45rem;
    }

    .mona-story-seven__panel {
        padding: 1rem clamp(1rem, 4vw, 1.4rem);
        border-radius: 3px;
    }

    .mona-story-seven__eyebrow {
        margin-bottom: .8rem;
        font-size: .66rem;
        letter-spacing: .17em;
    }

    .mona-story-seven__heading {
        margin-bottom: .75rem;
        font-size: clamp(2rem, 8vw, 3rem);
        line-height: 1.06;
    }

    .mona-story-seven__intro {
        font-size: .94rem;
        line-height: 1.55;
    }

    .mona-story-seven__section {
        grid-template-columns: minmax(0, 1fr);
        row-gap: .45rem;
        padding: 1rem 0;
    }

    .mona-story-seven__label {
        margin: 0;
        font-size: .62rem;
        letter-spacing: .14em;
    }

    .mona-story-seven__section-heading {
        font-size: 1.18rem;
        line-height: 1.28;
    }

    .mona-story-seven__body {
        font-size: .9rem;
        line-height: 1.58;
    }
}

/* Story 04 — babymoon film with a photo collage and an image-integrated title. */
.hero-wrapper .mona-story-four > .mona-story-four__story {
    isolation: isolate;
    background-color: #302923;
    background-position: center;
    background-size: cover;
}

.hero-wrapper .mona-story-four > .mona-story-four__story::before,
.hero-wrapper .mona-story-four > .mona-story-four__story::after {
    position: absolute;
    z-index: 0;
    inset: -14px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-story-four > .mona-story-four__story::before {
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.035);
}

.hero-wrapper .mona-story-four > .mona-story-four__story::after {
    background: rgba(28, 24, 21, .46);
}

.hero-wrapper .mona-story-four[aria-hidden="false"] > .mona-story-four__story::after {
    animation: mona-story-four-shade-in .7s ease-out both;
}

.hero-wrapper .mona-story-four__layout {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(min(41vh, 410px), .78fr) minmax(0, 1.7fr);
    align-items: center;
    gap: clamp(1.5rem, 3.5vw, 4rem);
    box-sizing: border-box;
    padding: clamp(9rem, 14vh, 11rem) clamp(2rem, 5vw, 6rem) clamp(3rem, 7vh, 5rem);
}

.hero-wrapper .mona-story-four__media {
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: min(calc(38.25vh + 5.25px), 410.25px);
    height: min(68vh, 720px);
    max-width: 100%;
    justify-self: center;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid rgba(250, 245, 232, .12);
    border-radius: 4px;
    background: rgba(47, 41, 35, .3);
    box-shadow: 0 18px 44px rgba(12, 10, 9, .18), 0 3px 12px rgba(12, 10, 9, .1);
}

@media (min-width: 768px) {
    .hero-wrapper .mona-stories[data-story-video].mona-story-four .mona-story-four__media {
        display: block;
        background: rgba(47, 41, 35, .30);
    }
}

.hero-wrapper .mona-story-four__media .mona-story-video__player {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
}

.hero-wrapper .mona-story-four__gallery {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: min(68vh, 720px);
    min-width: 0;
    min-height: 0;
    grid-template-columns: 1fr 1fr 1.12fr 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: clamp(6px, .8vw, 12px);
}

.hero-wrapper .mona-story-four__tile {
    position: relative;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: rgba(239, 227, 210, .12);
    box-shadow: 0 8px 24px rgba(12, 10, 9, .16);
    opacity: 0;
    transform: translateY(14px);
}

.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile {
    animation: mona-story-four-tile-in .62s ease-out both;
}

.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(2) { animation-delay: .06s; }
.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(3) { animation-delay: .12s; }
.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(4) { animation-delay: .18s; }
.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(5) { animation-delay: .24s; }
.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(6) { animation-delay: .3s; }
.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__tile:nth-child(7) { animation-delay: .36s; }

.hero-wrapper .mona-story-four__tile--one { grid-column: 1; grid-row: 1 / 4; }
.hero-wrapper .mona-story-four__tile--two { grid-column: 2; grid-row: 1; }
.hero-wrapper .mona-story-four__tile--three { grid-column: 2; grid-row: 2; }
.hero-wrapper .mona-story-four__tile--feature { grid-column: 3; grid-row: 1 / 4; }
.hero-wrapper .mona-story-four__tile--five { grid-column: 2; grid-row: 3; }
.hero-wrapper .mona-story-four__tile--six { grid-column: 4; grid-row: 1; }
.hero-wrapper .mona-story-four__tile--seven { grid-column: 4; grid-row: 2 / 4; }

.hero-wrapper .mona-story-four__image-button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.hero-wrapper .mona-story-four__image-button:focus-visible {
    position: relative;
    z-index: 2;
    outline: 2px solid #f6ead7;
    outline-offset: -3px;
}

.hero-wrapper .mona-story-four__image-button img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

@media (hover: hover) and (pointer: fine) {
    .hero-wrapper .mona-story-four__image-button:hover img {
        transform: scale(1.035);
    }
}

.hero-wrapper .mona-story-four__tile--feature .mona-story-four__image-button img {
    filter: blur(2.5px);
    transform: scale(1.035);
}

.hero-wrapper .mona-story-four__title-tile {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(.8rem, 2vw, 2rem);
    color: #fff;
    background: linear-gradient(145deg, rgba(49, 37, 30, .18), rgba(37, 31, 27, .32));
    text-align: center;
    pointer-events: none;
}

.hero-wrapper .mona-story-four__title-tile > span {
    color: #e7cfad;
    font-size: clamp(.58rem, .8vw, .8rem);
    font-weight: 600;
    letter-spacing: .24em;
    line-height: 1.5;
}

.hero-wrapper .mona-story-four__title-tile h2 {
    max-width: 9ch;
    margin: .8rem 0 0;
    color: #fff;
    font-size: clamp(1.5rem, 2.3vw, 2.6rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.04;
    text-wrap: balance;
}

.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__title-tile > span {
    animation: mona-story-four-copy-in .55s .24s ease-out both;
}

.hero-wrapper .mona-story-four[aria-hidden="false"] .mona-story-four__title-tile h2 {
    animation: mona-story-four-copy-in .62s .34s ease-out both;
}

@media (max-width: 767px) {
    .hero-wrapper .mona-story-four__layout {
        display: block;
        padding: 0;
    }

    .hero-wrapper .mona-stories[data-story-video].mona-story-four .mona-story-four__media {
        position: absolute;
        inset: 0;
        display: grid;
        width: 100%;
        height: 100%;
        max-width: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: var(--mona-story-video-backdrop, #26231f);
        box-shadow: none;
    }

    .hero-wrapper .mona-stories[data-story-video].mona-story-four .mona-story-four__media .mona-story-video__player {
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        object-fit: contain;
    }

    .hero-wrapper .mona-story-four__gallery {
        display: none;
    }
}

@keyframes mona-story-four-shade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mona-story-four-tile-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes mona-story-four-copy-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-wrapper .mona-story-four > .mona-story-four__story::after,
    .hero-wrapper .mona-story-four__tile,
    .hero-wrapper .mona-story-four__title-tile > span,
    .hero-wrapper .mona-story-four__title-tile h2,
    .hero-wrapper .mona-story-four__image-button img {
        animation: none;
        transition: none;
    }

    .hero-wrapper .mona-story-four__tile {
        opacity: 1;
        transform: none;
    }
}

@keyframes mona-fusion-hero-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.04); }
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-stories__topbar {
    position: absolute;
    z-index: 10;
    /* Mobile: bring the progress closer to the logo row while leaving room
       between the header controls and the 44px progress hit area. */
    top: calc(5rem + env(safe-area-inset-top));
    right: max(1.25rem, env(safe-area-inset-right));
    left: max(1.25rem, env(safe-area-inset-left));
    margin: 0;
    pointer-events: auto;
}

@media (min-width: 768px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-stories__topbar {
        /* Desktop position retains the approved 42px lift. */
        top: calc(10rem + env(safe-area-inset-top) - 42px);
    }
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"] .mona-stories__progress-button {
    pointer-events: auto;
    touch-action: manipulation;
}


/* Story 02 — polaroid gallery, scoped to the Fusion Resort landing page. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] > .mona-stories__story {
    background: transparent;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-hero-picture img {
    animation: mona-fusion-hero-zoom 3.5s linear both;
    animation-delay: -2000ms;
}

/* Story 03 — Fusion-specific background and editorial layout. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story {
    background: #26231f;
    background-size: cover;
    background-position: center;
    isolation: isolate;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story::before,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story::after {
    position: absolute;
    inset: -14px;
    content: "";
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story::before {
    z-index: 0;
    background: inherit;
    background-position: center;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.035);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story::after {
    z-index: 0;
    background: rgba(28, 24, 21, .48);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"][aria-hidden="false"] > .mona-stories__story::after {
    animation: mona-fusion-bts-shade-in .7s ease-out both;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-fusion-bts__layout {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(20rem, .88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 7rem);
    box-sizing: border-box;
    padding: clamp(10rem, 17vh, 13rem) clamp(3rem, 9vw, 10rem) clamp(4rem, 8vh, 7rem);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__media {
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: min(41.625vh, 100%);
    height: auto;
    justify-self: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    padding: 5px;
    border: 1px solid rgba(250, 245, 232, .10);
    border-bottom-color: rgba(250, 245, 232, .20);
    border-radius: 4px;
    background: rgba(47, 41, 35, .30);
    box-shadow: 0 18px 44px rgba(12, 10, 9, .18), 0 3px 12px rgba(12, 10, 9, .1);
}

@media (min-width: 768px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__player {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 16;
        object-fit: contain;
    }
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__copy {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    max-width: 34rem;
    color: #fff;
    justify-self: center;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .22);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__eyebrow {
    color: #e7cfad;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__title {
    margin: 1.2rem 0 1.25rem;
    color: #fff;
    font-size: clamp(2.5rem, 4.2vw, 4.8rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.04;
    text-wrap: balance;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__description {
    max-width: 29rem;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    line-height: 1.75;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-fusion-bts__seo {
    max-width: 34rem;
    margin: 1.1rem 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(.83rem, .95vw, .96rem);
    line-height: 1.72;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__contact {
    margin-top: 1.15rem;
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story {
        background: #26231f;
        background-size: cover;
        background-position: center;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-fusion-bts__layout {
        display: block;
        padding: 0;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__media {
        position: absolute;
        inset: 0;
        display: grid;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: var(--mona-story-video-backdrop, #26231f);
        box-shadow: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__copy {
        position: absolute;
        z-index: 2;
        right: max(1.4rem, env(safe-area-inset-right));
        bottom: max(1.4rem, env(safe-area-inset-bottom));
        left: max(1.4rem, env(safe-area-inset-left));
        max-width: 36rem;
        color: #fff;
        pointer-events: auto;
        text-shadow: 0 1px 18px rgba(0, 0, 0, .26);
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-fusion-bts__layout::after {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        left: 0;
        height: 43%;
        background: linear-gradient(0deg, rgba(20, 18, 16, .72), rgba(20, 18, 16, .42) 48%, transparent);
        content: "";
        pointer-events: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__eyebrow {
        font-size: .66rem;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__title {
        margin: .35rem 0 .45rem;
        color: #fff;
        font-size: clamp(1.65rem, 6.8vw, 2.1rem);
        line-height: 1.05;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__description,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-fusion-bts__seo {
        display: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] .mona-story-video__contact {
        margin-top: .5rem;
        padding: .65rem .9rem;
        font-size: .82rem;
    }
}

@keyframes mona-fusion-bts-shade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="3"] > .mona-stories__story::after {
        animation: none;
    }
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(46, 34, 22, .43), rgba(50, 37, 24, .50) 48%, rgba(39, 31, 23, .58));
    content: "";
    opacity: 0;
    animation: mona-fusion-memory-shade-in 1.6s ease-out both;
    pointer-events: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__header {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 3;
    top: clamp(9.5rem, 15vh, 13rem);
    right: 1.5rem;
    left: 1.5rem;
    margin: 0 auto;
    padding: 0 1rem;
    color: #fff;
    text-align: center;
    pointer-events: none;
    animation: mona-fusion-memory-content-in 1.25s .12s ease-out both;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__eyebrow {
    margin: 0 0 1rem;
    color: #d5c1a8;
    font-size: clamp(.75rem, 1.1vw, 1rem);
    font-weight: 600;
    letter-spacing: .36em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__title {
    margin: 0;
    color: #fff;
    font-size: clamp(2.5rem, 5.2vw, 5rem);
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: .98;
    text-wrap: balance;
    text-shadow: 0 2px 22px rgba(0, 0, 0, .18);
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport {
    position: absolute;
    z-index: 2;
    inset: 35% 0 0;
    overflow: visible;
    clip-path: inset(-18% -4vw 0);
    touch-action: pan-y;
    animation: mona-fusion-memory-content-in 1.35s .18s ease-out both;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport img {
    -webkit-user-drag: none;
    user-drag: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__track {
    display: flex;
    width: max-content;
    height: 100%;
    animation: none;
    will-change: transform;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__set {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    padding: 1.5rem clamp(1rem, 3vw, 3rem) 3rem;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid.mona-fusion-memory__polaroid {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    --mona-fusion-card-base: clamp(12rem, min(21vw, 32vh), 20rem);
    --mona-fusion-card-ratio: 1;
    --mona-fusion-card-width: calc(var(--mona-fusion-card-base) * var(--mona-fusion-card-ratio));
    flex: 0 0 var(--mona-fusion-card-width);
    width: var(--mona-fusion-card-width);
    height: auto;
    margin: 0 clamp(-1.5rem, -1vw, -.75rem) 0 0;
    padding: 0;
    overflow: visible;
    border-radius: 3px;
    background: #fcfbf8;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22), 0 24px 50px rgba(0, 0, 0, .16);
    transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(var(--mona-fusion-polaroid-tilt, 0deg)) scale(var(--mona-fusion-depth-scale, 1));
    transition: transform .12s linear, box-shadow .35s ease, filter .35s ease;
    will-change: transform;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n + 1) {
    --mona-fusion-polaroid-tilt: -3deg;
    --mona-fusion-arc-y: 40px;
    --mona-fusion-card-ratio: .76;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n + 2) {
    --mona-fusion-polaroid-tilt: 2deg;
    --mona-fusion-arc-y: 28px;
    --mona-fusion-card-ratio: .84;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n) {
    --mona-fusion-polaroid-tilt: -1deg;
    --mona-fusion-arc-y: 18px;
    --mona-fusion-card-ratio: .91;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(4),
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(8) {
    --mona-fusion-arc-y: 8px;
    --mona-fusion-card-ratio: .98;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(5),
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(7) {
    --mona-fusion-arc-y: 0px;
    --mona-fusion-card-ratio: 1.05;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6) {
    --mona-fusion-polaroid-tilt: 0deg;
    --mona-fusion-arc-y: -10px;
    --mona-fusion-card-ratio: 1.12;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .polaroid-inner {
    position: relative;
    --mona-fusion-paper-inset: clamp(.45rem, .8vw, .75rem);
    --mona-fusion-paper-tail: clamp(3.4rem, 5vw, 4.5rem);
    padding: var(--mona-fusion-paper-inset);
    padding-bottom: var(--mona-fusion-paper-tail);
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 3px;
    background: #fcfbf8;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .polaroid-inner img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid figcaption {
    display: flex;
    position: relative;
    isolation: isolate;
    width: 100%;
    box-sizing: border-box;
    min-height: 3.5rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: .55rem .6rem 0;
    background: transparent;
    text-align: left;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid figcaption::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: calc(0px - var(--mona-fusion-paper-inset));
    bottom: calc(0px - var(--mona-fusion-paper-tail));
    left: calc(0px - var(--mona-fusion-paper-inset));
    pointer-events: none;
    background:
        radial-gradient(ellipse at 12% 95%, rgba(170, 130, 75, .09), transparent 36%),
        radial-gradient(ellipse at 88% 80%, rgba(190, 156, 104, .07), transparent 32%),
        linear-gradient(to bottom, transparent 10%, rgba(218, 201, 163, .035) 100%);
}

/* Six subtle paper-aging patterns rotate through each repeated gallery set. */
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n + 1) figcaption::before {
    background:
        radial-gradient(ellipse at 10% 100%, rgba(164, 125, 72, .10), transparent 42%),
        radial-gradient(ellipse at 84% 82%, rgba(190, 156, 104, .055), transparent 34%),
        linear-gradient(to bottom, transparent 14%, rgba(218, 201, 163, .035));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n + 2) figcaption::before {
    background:
        radial-gradient(ellipse at 90% 88%, rgba(164, 125, 72, .09), transparent 38%),
        radial-gradient(ellipse at 30% 100%, rgba(190, 156, 104, .06), transparent 46%),
        linear-gradient(to bottom, transparent 12%, rgba(218, 201, 163, .03));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n + 3) figcaption::before {
    background:
        radial-gradient(ellipse at 48% 105%, rgba(164, 125, 72, .085), transparent 48%),
        radial-gradient(ellipse at 4% 72%, rgba(190, 156, 104, .05), transparent 32%),
        linear-gradient(to bottom, transparent 16%, rgba(218, 201, 163, .035));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n + 4) figcaption::before {
    background:
        radial-gradient(ellipse at 2% 76%, rgba(164, 125, 72, .075), transparent 34%),
        radial-gradient(ellipse at 96% 100%, rgba(190, 156, 104, .075), transparent 40%),
        linear-gradient(to bottom, transparent 12%, rgba(218, 201, 163, .03));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n + 5) figcaption::before {
    background:
        radial-gradient(ellipse at 72% 105%, rgba(164, 125, 72, .10), transparent 43%),
        radial-gradient(ellipse at 18% 78%, rgba(190, 156, 104, .05), transparent 30%),
        linear-gradient(to bottom, transparent 15%, rgba(218, 201, 163, .035));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6n) figcaption::before {
    background:
        radial-gradient(ellipse at 24% 83%, rgba(164, 125, 72, .065), transparent 33%),
        radial-gradient(ellipse at 94% 100%, rgba(190, 156, 104, .085), transparent 42%),
        linear-gradient(to bottom, transparent 10%, rgba(218, 201, 163, .03));
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .memory-note,
.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .memory-place {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    color: #56534f;
    font-family: "Shadows Into Light", cursive;
    font-size: clamp(.9rem, 1.15vw, 1.15rem);
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.28;
}

.hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .memory-place {
    margin-top: .25rem;
    color: #6d6964;
}

@media (hover: hover) and (pointer: fine) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport:hover .mona-fusion-memory__polaroid:not(:hover) {
        filter: brightness(.72) blur(1px);
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:hover {
        z-index: 20;
        filter: none;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 30px 60px rgba(0, 0, 0, .2);
        transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(0deg) scale(1.3);
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport:has(.mona-fusion-memory__polaroid:hover) {
        z-index: 4;
        clip-path: inset(-24% -5vw 0);
    }
}

/* Slightly smaller cards on laptops; larger cards on very wide desktops. */
@media (min-width: 768px) and (max-width: 1919px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid.mona-fusion-memory__polaroid {
        --mona-fusion-card-base: clamp(11rem, min(19vw, 30vh), 18rem);
    }
}

@media (min-width: 2200px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid.mona-fusion-memory__polaroid {
        --mona-fusion-card-base: clamp(20rem, min(18vw, 38vh), 27rem);
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__header {
        top: calc(8.5rem + env(safe-area-inset-top));
        right: 1rem;
        left: 1rem;
        padding: 0 .5rem;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__eyebrow {
        margin-bottom: .65rem;
        font-size: .7rem;
        letter-spacing: .28em;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__title {
        font-size: clamp(2rem, 8.2vw, 2.7rem);
        line-height: 1;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport {
        /* Let the moving photo layer cross the headline slightly. The shared
         * progress bar remains above both layers at z-index: 10. */
        z-index: 4;
        inset: 28% 0 0;
        clip-path: inset(-12% -1rem 0);
        touch-action: pan-y;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__track {
        width: max-content;
        height: 100%;
        flex-direction: row;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__set {
        flex-direction: row;
        align-items: flex-start;
        gap: 0;
        padding: .5rem 1.25rem 1rem;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid.mona-fusion-memory__polaroid {
        flex: 0 0 auto;
        --mona-fusion-card-base: min(78vw, 20rem);
        --mona-fusion-card-ratio: 1;
        --mona-fusion-card-width: calc(var(--mona-fusion-card-base) * var(--mona-fusion-card-ratio));
        width: var(--mona-fusion-card-width);
        max-width: 20rem;
        margin-right: -.8rem;
        margin-left: 0;
        transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(var(--mona-fusion-polaroid-tilt, 0deg)) scale(var(--mona-fusion-depth-scale, 1));
        transition-duration: .08s;
        transition-timing-function: ease-out;
    }

    /* During touch swipes, the gallery controller updates card depth every
     * animation frame. Disable CSS transform interpolation so the per-frame
     * positions are not repeatedly retargeted by a second animation system. */
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport.is-gallery-swipe-active .mona-fusion-memory__polaroid {
        transition: none !important;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n + 1) {
        --mona-fusion-polaroid-tilt: -4deg;
        --mona-fusion-arc-y: 24px;
        --mona-fusion-card-ratio: .76;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n + 2) {
        --mona-fusion-polaroid-tilt: 3deg;
        --mona-fusion-arc-y: 16px;
        --mona-fusion-card-ratio: .84;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(3n) {
        --mona-fusion-polaroid-tilt: -2deg;
        --mona-fusion-arc-y: 10px;
        --mona-fusion-card-ratio: .91;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(4),
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(8) {
        --mona-fusion-arc-y: 4px;
        --mona-fusion-card-ratio: .98;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(5),
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(7) {
        --mona-fusion-arc-y: 0px;
        --mona-fusion-card-ratio: 1.05;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:nth-child(6) {
        --mona-fusion-polaroid-tilt: 0deg;
        --mona-fusion-arc-y: -6px;
        --mona-fusion-card-ratio: 1.12;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid.is-gallery-press-zoom {
        z-index: 30;
        opacity: 1;
        transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(0deg) scale(1.34);
        transition-duration: .24s;
        transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport.is-gallery-swipe-active .mona-fusion-memory__polaroid.is-gallery-press-zoom {
        transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(var(--mona-fusion-polaroid-tilt, 0deg)) scale(var(--mona-fusion-depth-scale, 1));
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport:has(.mona-fusion-memory__polaroid:active) {
        z-index: 4;
        clip-path: inset(-12% -1rem 0);
    }
}

@media (min-width: 768px) and (max-height: 800px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__header {
        top: 8.75rem;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__title {
        font-size: clamp(2.4rem, 4vw, 3.5rem);
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport {
        inset: 40% 0 0;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__set {
        padding-top: .5rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) and (hover: none) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__polaroid:active {
        z-index: 30;
        transform: translateY(var(--mona-fusion-depth-y, var(--mona-fusion-arc-y, 0px))) rotate(0deg) scale(1.26);
    }
}

@media (max-height: 700px) and (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport {
        top: 35%;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-polaroid.mona-fusion-memory__polaroid {
        --mona-fusion-card-base: min(70vw, 18rem);
        --mona-fusion-card-width: calc(var(--mona-fusion-card-base) * var(--mona-fusion-card-ratio, 1));
        width: var(--mona-fusion-card-width);
        max-width: 18rem;
    }
}

@keyframes mona-fusion-memory-shade-in {
    to { opacity: 1; }
}

@keyframes mona-fusion-memory-content-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-hero-picture img,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__track {
        animation: none;
        transform: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory::after {
        opacity: 1;
        animation: none;
    }

    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__header,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="2"] .mona-fusion-memory__viewport {
        opacity: 1;
        animation: none;
    }
}

/* Let scrolling continue from the Story content to the question form and FAQs. */
@media (min-width: 768px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"] .mona-story-six__content,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"] .mona-story-seven__content,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"] .mona-story-eight__content {
        overscroll-behavior-y: auto;
    }
}

@media (max-width: 767px) {
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="6"].mona-story-six > .mona-story-six__story,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="7"].mona-story-seven > .mona-story-seven__story,
    .hero-wrapper .mona-stories[data-stories-group="fusion-resort-landing"][data-story-index="8"].mona-story-eight > .mona-story-eight__story {
        overscroll-behavior-y: auto;
    }
}