/* Factory 2.19.53: opt-in presentation layer. Classic settings leave existing packs intact. */
.mml-demo.mml-visual--ambience-nightlife{--demo-soft:#f4effb;--demo-radius-card:24px;--demo-radius-button:999px;--demo-heading-font:system-ui,sans-serif;--demo-card-shadow:0 16px 40px #231c3812;--demo-hero-overlay:linear-gradient(90deg,rgba(20,9,38,.88),rgba(20,9,38,.12));--demo-eyebrow-letter-spacing:.2em}
.mml-demo.mml-visual--ambience-elegance{--demo-soft:#faf7f0;--demo-heading-font:Georgia,"Times New Roman",serif;--demo-radius-card:6px;--demo-radius-button:4px;--demo-card-shadow:0 14px 32px #302d280d;--demo-hero-overlay:linear-gradient(90deg,rgba(30,25,17,.78),rgba(30,25,17,.1));--demo-eyebrow-letter-spacing:.22em}
.mml-demo.mml-visual--ambience-nature{--demo-soft:#edf5ee;--demo-heading-font:Georgia,serif;--demo-radius-card:28px;--demo-radius-button:999px;--demo-card-shadow:0 12px 30px #173e3310;--demo-hero-overlay:linear-gradient(90deg,rgba(12,43,32,.8),rgba(12,43,32,.08))}
.mml-demo.mml-visual--ambience-contemporary{--demo-soft:#f0f8fa;--demo-heading-font:system-ui,sans-serif;--demo-radius-card:20px;--demo-radius-button:12px;--demo-card-shadow:0 14px 32px #18384310;--demo-hero-overlay:linear-gradient(90deg,rgba(12,38,50,.8),rgba(12,38,50,.1))}
.mml-demo:not(.mml-visual--ambience-classic) :is(.mml-demo__room-card,.mml-demo__team-card,.mml-demo__event-card){border-radius:var(--demo-radius-card);box-shadow:var(--demo-card-shadow)}
.mml-demo.mml-visual--hero-glass .mml-demo__hero-info-panel{display:block;padding:clamp(16px,3vw,34px);border:1px solid #ffffff66;border-radius:24px;background:rgba(8,24,35,.54);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px #0003;max-width:760px}
@media(min-width:901px){
.mml-demo.mml-visual--hero-split .mml-demo__hero:not(.mml-demo__hero--awaiting){background-color:var(--demo-navy);background-size:58% 100%;background-position:right center;background-repeat:no-repeat}
.mml-demo.mml-visual--hero-split .mml-demo__hero:before{background:linear-gradient(90deg,var(--demo-navy) 0%,var(--demo-navy) 42%,transparent 60%);opacity:1}
.mml-demo.mml-visual--hero-split .mml-demo__hero-slides{left:42%;width:58%}
.mml-demo.mml-visual--hero-split .mml-demo__hero-content{width:42%;inset:0 auto 0 0;padding:clamp(20px,4vw,48px);display:flex;justify-content:center;background:var(--demo-navy)}
.mml-demo.mml-visual--hero-split .mml-demo__hero-content h1{font-size:clamp(30px,4vw,64px);overflow-wrap:anywhere}
.mml-demo.mml-visual--hero-split .mml-demo__hero-content .mml-demo__hero-actions{position:static;flex-wrap:wrap}
.mml-demo.mml-visual--hero-split .mml-demo__hero--banner-disabled:not(.mml-demo__hero--slideshow) .mml-demo__hero-content{width:100%;background:transparent}
}
/* Photo choices intentionally crop card media; opening a photo still shows the original. */
.mml-demo.mml-visual--cards-photo .mml-demo__room-card{overflow:hidden;border-radius:var(--demo-radius-card)}
.mml-demo.mml-visual--cards-photo .mml-demo__room-card :is(.mml-demo__room-photo,img.mml-demo__room-photo){height:clamp(220px,27vw,360px)}
.mml-demo.mml-visual--cards-photo .mml-demo__room-photo img{height:100%;object-fit:cover!important}
.mml-demo.mml-visual--cards-photo .mml-demo__room-video{min-height:260px;object-fit:cover}
/* Photo-first immersive cards: information must never obscure the product. */
.mml-demo.mml-visual--cards-immersive .mml-demo__room-card.mml-visual-has-media{display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0;background:#10232d}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media>:is(.mml-demo__room-photo,img){display:block;flex:none;width:100%;height:auto!important;min-height:0;aspect-ratio:4/3;margin:0;padding:0;object-fit:contain!important;border-radius:0;background:#f6f5f1}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media .mml-demo__room-photo img{display:block;width:100%;height:100%;object-fit:contain!important;background:#f6f5f1}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media .mml-demo__room-content{position:relative;flex:1;width:100%;padding:22px;background:#10232d;border-top:2px solid var(--demo-accent);color:white}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media .mml-demo__room-content :is(h3,p,small,strong){color:white!important}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media .mml-demo__room-amenities span{background:#edf5f7;color:#173843!important;border:1px solid #c8dde4;font-weight:600}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principles{display:grid;grid-template-columns:1fr;gap:32px}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo figure{margin:0;width:100%;height:100%;min-height:300px}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo figure :is(img,video){width:100%;height:100%;object-fit:cover}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle-body{padding:clamp(22px,4vw,50px);align-self:center}
.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo:nth-child(even) figure{order:2}
.mml-demo.mml-visual--navigation-compact .mml-demo__header{height:auto;min-height:64px;padding:8px clamp(16px,4vw,64px);gap:14px}
.mml-demo.mml-visual--navigation-compact .mml-demo__header nav{gap:14px}
.mml-demo.mml-visual--navigation-glass .mml-demo__header{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s}
@media(min-width:901px){.mml-demo.mml-visual--navigation-glass.mml-demo--home:not(.mml-visual-scrolled) .mml-demo__header{background:color-mix(in srgb,var(--demo-soft) 65%,transparent);box-shadow:none}}
.mml-demo.mml-visual--featured-spotlight .mml-demo__event-card:not(.mml-demo__event-card--detail)>.mml-demo__event-photo{height:300px}
.mml-demo.mml-visual--featured-spotlight .mml-demo__team-card .mml-demo__team-media{margin:0;aspect-ratio:4/5;overflow:hidden}
.mml-demo.mml-visual--featured-spotlight .mml-demo__team-photo{height:100%;width:100%}
.mml-demo.mml-visual--featured-spotlight .mml-demo__team-photo img{width:100%;height:100%;object-fit:cover!important}
.mml-demo.mml-visual--featured-spotlight :is(.mml-demo__team-card,.mml-demo__event-card){border-radius:24px;box-shadow:0 18px 40px #17384318}
@media(max-width:700px){.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo{grid-template-columns:1fr}.mml-demo.mml-visual--sections-editorial .mml-demo__about-principle--with-photo:nth-child(even) figure{order:0}.mml-demo.mml-visual--hero-glass .mml-demo__hero-info-panel{display:block;padding:12px;border-radius:14px}.mml-demo.mml-visual--navigation-compact .mml-demo__header nav{gap:8px}}
@media(prefers-reduced-motion:no-preference){
.mml-demo.mml-visual--motion-subtle .mml-visual-reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.mml-demo.mml-visual--motion-subtle .mml-visual-reveal.is-visible,.mml-demo.mml-visual--motion-subtle .mml-visual-reveal:focus-within{opacity:1;transform:none}
@media(hover:hover){.mml-demo.mml-visual--motion-subtle :is(.mml-demo__room-photo,.mml-demo__event-photo){overflow:hidden}.mml-demo.mml-visual--motion-subtle :is(.mml-demo__room-photo,.mml-demo__event-photo) img{transition:transform .35s ease}.mml-demo.mml-visual--motion-subtle :is(.mml-demo__room-photo,.mml-demo__event-photo):hover img{transform:scale(1.035)}}
}
@media(prefers-reduced-motion:reduce){.mml-demo{scroll-behavior:auto}.mml-demo .mml-visual-reveal{opacity:1;transform:none;transition:none}.mml-demo.mml-visual--navigation-glass .mml-demo__header{transition:none}}

/* Keep video controls unobstructed: the immersive presentation is applied to photo cards only. */
.mml-demo.mml-visual--cards-photo .mml-demo__room-card>img{height:clamp(220px,27vw,360px);object-fit:cover!important}
.mml-demo.mml-visual--cards-immersive .mml-visual-has-media .mml-demo__room-content :is(dt,dd){color:#fff}
@media(max-width:900px){
.mml-demo:is(.mml-visual--hero-split,.mml-visual--hero-glass) .mml-demo__hero{aspect-ratio:auto!important;min-height:280px!important;height:auto!important}
.mml-demo:is(.mml-visual--hero-split,.mml-visual--hero-glass) .mml-demo__hero-content{position:relative!important;inset:auto!important;width:100%;padding:24px 20px 78px!important}
.mml-demo:is(.mml-visual--hero-split,.mml-visual--hero-glass) .mml-demo__hero-content h1{font-size:clamp(28px,7vw,42px);line-height:1.1;margin:12px 0 20px;overflow-wrap:anywhere}
.mml-demo:is(.mml-visual--hero-split,.mml-visual--hero-glass) .mml-demo__hero-actions{position:static!important;flex-wrap:wrap}
}

/* Signature: media stays independent from the information panel and the Location slideshow. */
.mml-demo.mml-visual--hero-signature .mml-demo__hero{min-height:560px!important;aspect-ratio:auto!important;height:auto!important;isolation:isolate}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-content{position:relative!important;inset:auto!important;width:100%;padding:clamp(70px,9vw,130px) clamp(24px,7vw,110px) 100px!important;display:flex;align-items:flex-start;justify-content:center}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-info-panel{display:block;width:min(760px,100%);padding:clamp(22px,3vw,40px);border-radius:24px;background:rgba(5,20,29,.72);border:1px solid #ffffff45;box-shadow:0 20px 60px #0003;color:#fff}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-content h1{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:12px 0 22px;overflow-wrap:anywhere}
.mml-demo.mml-visual--hero-signature .mml-signature__business{font-size:16px;font-weight:800;letter-spacing:.05em}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-content .mml-signature__intro{font-size:clamp(16px,1.6vw,21px);line-height:1.6;letter-spacing:normal;text-transform:none;margin:0 0 24px;max-width:60ch;color:#fff;font-weight:400}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-actions{position:static!important;display:flex;flex-wrap:wrap;gap:12px}
.mml-demo.mml-visual--hero-signature .mml-demo__hero--banner-disabled:not(.mml-demo__hero--slideshow){min-height:0!important;padding:0!important}
.mml-discovery{background:var(--demo-soft)}.mml-discovery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.mml-discovery__card{min-width:0;overflow:hidden;border-radius:var(--demo-radius-card);background:#fff;border:1px solid var(--demo-card-border);box-shadow:var(--demo-card-shadow);display:flex;flex-direction:column}
.mml-discovery__photo,.mml-discovery__video,.mml-discovery__placeholder{display:block;width:100%;aspect-ratio:4/3;margin:0;padding:0;border:0;background:var(--demo-soft)}
.mml-discovery__photo{cursor:zoom-in}.mml-discovery__photo img{display:block;width:100%;height:100%;object-fit:contain}.mml-discovery__video{object-fit:contain}
.mml-discovery__placeholder{background:linear-gradient(135deg,var(--demo-soft),color-mix(in srgb,var(--demo-accent) 18%,white))}
.mml-discovery__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px;color:var(--demo-navy)}.mml-discovery__body h3{margin:0;font-size:clamp(22px,2vw,30px);overflow-wrap:anywhere}.mml-discovery__body p{margin:0}.mml-discovery__description{line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mml-discovery__body .mml-demo__button{margin-top:auto;align-self:flex-start}.mml-discovery__price del{opacity:.7}
.mml-demo:is(.mml-visual--gallery-editorial,.mml-visual--gallery-portraits) .mml-demo__gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(140px,15vw,220px);grid-auto-flow:dense;gap:14px}
.mml-demo:is(.mml-visual--gallery-editorial,.mml-visual--gallery-portraits) .mml-demo__gallery-item{position:relative;min-width:0;grid-column:span 1;grid-row:span 1;border-radius:16px}
.mml-demo.mml-visual--gallery-editorial .mml-demo__gallery-item:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
.mml-demo.mml-visual--gallery-editorial .mml-demo__gallery-item:nth-child(6n+4){grid-column:span 2}
.mml-demo.mml-visual--gallery-portraits .mml-demo__gallery-item[data-orientation="portrait"],.mml-demo.mml-visual--gallery-portraits .mml-demo__gallery-item:nth-child(5n+1){grid-row:span 2}
.mml-demo.mml-visual--gallery-portraits .mml-demo__gallery-item[data-orientation="landscape"]{grid-column:span 2}
.mml-editorial-gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 12px;background:linear-gradient(transparent,#071b29d9);color:#fff;text-align:left;font-size:14px;line-height:1.4;pointer-events:none}
@media(max-width:900px){.mml-discovery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mml-demo.mml-visual--hero-signature .mml-demo__hero{min-height:0!important}.mml-demo.mml-visual--hero-signature .mml-demo__hero-content{padding:40px 20px 80px!important}}
@media(max-width:600px){.mml-discovery__grid{grid-template-columns:1fr}.mml-demo:is(.mml-visual--gallery-editorial,.mml-visual--gallery-portraits) .mml-demo__gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px;gap:8px}.mml-demo.mml-visual--gallery-editorial .mml-demo__gallery-item:nth-child(6n+1){grid-row:span 1}.mml-demo.mml-visual--hero-signature .mml-demo__hero-info-panel{padding:20px;border-radius:16px}.mml-demo.mml-visual--hero-signature .mml-demo__hero-content h1{font-size:clamp(30px,8vw,42px)}}
.mml-demo.mml-visual--hero-signature .mml-demo__hero-slide :is(img,video){object-fit:var(--demo-hero-mobile-fit,cover)!important;object-position:center var(--demo-hero-position,center)}