/* Stable desktop compositing, with the same burgundy surface and opacity. */
.mp2-header.is-scrolled,.mp2-inner-page .mp2-header,.mp2-footer,.mp2-contact-bar{backdrop-filter:none;-webkit-backdrop-filter:none}
.mp2-header.is-scrolled,.mp2-inner-page .mp2-header,.mp2-contact-bar{--mp6-glass:rgba(56,16,18,.995)}
.mp2-hero{isolation:isolate}
.mp2-menu[open]{animation:mp113-menu-in .38s var(--mp2-ease) backwards}
.mp2-menu[open].is-closing{animation:mp113-menu-out .32s ease both}
.mp2-menu[open] .mp2-menu-list>li{animation-duration:.55s;animation-fill-mode:backwards}
.mp2-menu[open] .mp2-menu-aside{animation-duration:.65s;animation-fill-mode:backwards}
@keyframes mp113-menu-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes mp113-menu-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}
/* Release image clipping after entry, rather than retaining large masked layers. */
.mp2-motion-ready [data-mp2-reveal="image"].mp2-reveal-done,
.mp2-motion-ready [data-mp2-reveal="room"].mp2-reveal-done .mp2-room-visual,
.mp2-motion-ready .mp5-hero-image.mp2-reveal-done{clip-path:none}
@media(hover:hover) and (pointer:fine){
 html{scrollbar-gutter:stable}
 .mp2-scroll-locked{overflow:hidden}
 .mp2-scroll-locked body{position:static;inset:auto;width:auto;overflow:visible}
}
/* Tactile feedback is cleared on movement, cancellation and release, never on hover. */
.mp2-theme :is(a[href],button).mp113-pressed{opacity:.8}
.mp5-page-nav a.mp113-pressed:not([aria-current=page]){color:var(--mp2-wine)}
.mp5-page-nav a.mp113-pressed:not([aria-current=page])::before{transform:translateX(-50%) scaleX(1)}
/* One row height follows the longest label, at every text size and in both languages. */
.mp5-price-panel dl{display:grid;grid-auto-rows:1fr}
.mp5-price-row{min-width:0;padding-block:22px}
.mp5-price-row dt{font-size:22px;line-height:1.35}
.mp5-price-row dd{font-size:25px;line-height:1.35}
@media(max-width:700px){
 .mp5-price-row{padding-block:19px;gap:16px}
 .mp5-price-row dt{font-size:15px}
 .mp5-price-row dd{font-size:17px}
}
@media(max-width:380px){
 .mp5-price-row{gap:12px}
 .mp5-price-row dt{font-size:14px}
 .mp5-price-row dd{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.mp2-menu[open],.mp2-menu[open].is-closing{animation:none!important}}