#mm-quiet{background:#F5F1E9;color:#29332F;color-scheme:light;font:14px/1.6 'DM Sans',Arial,sans-serif}
#mm-quiet *{box-sizing:border-box}
#mm-quiet h1,#mm-quiet h2,#mm-quiet p,#mm-quiet span{color:inherit!important;opacity:1!important;-webkit-text-fill-color:currentColor}
#mm-quiet [hidden]{display:none!important}
#mm-quiet #mm-door{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}
#mm-quiet .welcome{padding:55px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
#mm-quiet h1{font:400 clamp(36px,5.5vw,56px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 18px}
#mm-quiet .place{font-size:11px;letter-spacing:1.6px;margin:0}
#mm-quiet .invitation{font:400 24px/1.4 'Cormorant Garamond',Georgia,serif;margin:65px 0 32px}
#mm-quiet button{font:400 13px 'DM Sans',Arial,sans-serif;background:transparent;border:0;border-bottom:1px solid #BAA27A;color:#29332F;padding:12px 2px;min-height:44px}
#mm-quiet #mm-enter span{margin-left:20px}
#mm-quiet img{display:block;width:100%;height:auto;align-self:center}
#mm-quiet #mm-residence{padding:24px 32px 40px;min-height:420px}
#mm-quiet #mm-residence .place{margin-top:0}
#mm-quiet .residence-heading{text-align:center;padding:32px 0 22px}
#mm-quiet #mm-residence .dining-photo{width:100%;height:auto;max-height:none;object-fit:contain}
#mm-quiet .residence-intro{display:block;padding:28px 8px;color:#29332F;text-align:center}
#mm-quiet .terrace-section{padding:30px 0 20px;color:#29332F}
#mm-quiet .terrace-heading{text-align:center;padding:12px 0 22px}
#mm-quiet #mm-residence .terrace-photo{width:100%;height:auto;max-height:none;object-fit:contain}
#mm-quiet #mm-residence .terrace-caption{max-width:none;text-align:center;font-size:13px;margin:16px 8px 22px}
#mm-quiet .residence-intro p:first-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.5;margin:0}
#mm-quiet .residence-intro p:last-child{font-size:22px;line-height:1.6;margin:0 auto;max-width:580px}
#mm-quiet details{border-top:1px solid #CECFC2;padding:16px 8px;color:#29332F;font-size:13px}
#mm-quiet summary{list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#mm-quiet summary::-webkit-details-marker{display:none}
#mm-quiet details[open] summary span{display:none}
#mm-quiet h2{font:400 42px/1.15 'Cormorant Garamond',Georgia,serif;margin:20px 0}
#mm-quiet #mm-residence p{max-width:460px}
#mm-quiet .note{font-size:12px;margin-top:40px}
@media(max-width:540px){#mm-quiet #mm-door{grid-template-columns:1fr}#mm-quiet .welcome{padding:38px 20px}#mm-quiet .invitation{margin:30px 0 18px}#mm-quiet img{width:100%;max-height:460px;object-fit:cover;object-position:center 55%}#mm-quiet #mm-residence{padding:18px}#mm-quiet .residence-intro{grid-template-columns:1fr;gap:16px}}

body{margin:0;background:#F5F1E9}#mm-quiet{font-size:16px;min-height:100vh}#mm-quiet .place{font-size:12px}#mm-quiet #mm-door{min-height:100vh}#mm-quiet #mm-door>img{height:100vh;object-fit:cover}#mm-quiet .welcome{padding:60px 36px}#mm-quiet h1{font-size:clamp(46px,5.5vw,84px)}#mm-quiet .invitation{font-size:30px}#mm-quiet a{color:#29332F;text-decoration:none;font-size:14px;display:inline-block;padding:12px 2px;border-bottom:1px solid #BAA27A;min-height:20px}#mm-quiet a:hover{border-color:#29332F}#mm-quiet a:focus-visible,summary:focus-visible{outline:2px solid #29332F;outline-offset:6px}#mm-quiet #mm-residence{max-width:1120px;margin:auto;padding:32px 40px 60px}#mm-quiet .residence-heading .place,#mm-quiet .terrace-heading .place{max-width:none}#mm-quiet .residence-intro{padding:44px 8px}#mm-quiet .residence-intro p:last-child{max-width:650px;font-size:26px}#mm-quiet #mm-residence .terrace-caption{font-size:16px;max-width:none}#mm-quiet details{font-size:16px}#mm-quiet details p{line-height:1.8}summary{cursor:pointer}@media(max-width:640px){#mm-quiet #mm-door{grid-template-columns:1fr;min-height:0}#mm-quiet .welcome{min-height:52vh;padding:40px 22px}#mm-quiet #mm-door>img{height:auto;max-height:none}#mm-quiet #mm-residence{padding:22px 18px 40px}#mm-quiet .residence-intro p:last-child{font-size:24px}#mm-quiet #mm-residence img{max-height:none;object-fit:contain}}
#mm-quiet .next-room{text-align:center;padding:38px 0 48px}#mm-quiet .next-room .place{max-width:none;margin-bottom:12px}#mm-quiet .bedroom-nav{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}#mm-quiet .residence-heading h1{font-size:clamp(40px,5vw,64px);margin:22px 0 12px}

#mm-quiet .brand-logo{width:min(100%,440px);margin:0 0 18px;line-height:0}#mm-quiet .brand-logo img{width:100%;height:auto;max-height:none;object-fit:contain}#mm-quiet .welcome{padding:36px}#mm-quiet .invitation{margin:38px 0 24px}@media(max-width:640px){#mm-quiet .brand-logo{width:min(78vw,310px)}#mm-quiet .welcome{padding:24px 22px 34px}#mm-quiet .invitation{margin:26px 0 18px}}

#mm-quiet #mm-enter{margin-top:32px}

#mm-quiet .brand-logo{position:relative;top:-24px}@media(max-width:640px){#mm-quiet .brand-logo{top:-16px}}

#mm-quiet .brand-logo{aspect-ratio:1;flex-shrink:0}
#mm-quiet .logo-symbol,#mm-quiet .logo-name{position:absolute;left:0;width:100%;overflow:hidden;display:block}
#mm-quiet .logo-symbol{top:5%;height:52%}
#mm-quiet .logo-name{top:76%;height:11%}
#mm-quiet .brand-logo .logo-symbol img,#mm-quiet .brand-logo .logo-name img{position:absolute;left:0;width:100%;height:auto;max-height:none}
#mm-quiet .brand-logo .logo-symbol img{top:-33.65%}
#mm-quiet .brand-logo .logo-name img{top:-690.9%}
#mm-quiet .logo-rule{position:absolute;top:66.5%;left:39.5%;width:21%;height:2px;background:#BAA27A}

#mm-quiet .logo-upright,#mm-quiet .logo-reflection{position:absolute;left:0;width:100%;overflow:hidden;display:block}
#mm-quiet .logo-upright{top:0;height:53%}
#mm-quiet .logo-reflection{top:53%;height:47%;filter:url(#water-ripple)}
#mm-quiet .brand-logo .logo-upright img{top:-63.49%}
#mm-quiet .brand-logo .logo-reflection img{top:-184.36%}
@media(prefers-reduced-motion:reduce){#mm-quiet .logo-reflection{filter:none}}

#mm-quiet .logo-reflection{animation:reflection-sway 8s ease-in-out infinite;transform-origin:center top}
@keyframes reflection-sway{0%,100%{transform:translateX(-2px) skewX(-1.4deg)}50%{transform:translateX(2px) skewX(1.4deg)}}
@media(prefers-reduced-motion:reduce){#mm-quiet .logo-reflection{animation:none;transform:none;filter:none}}

#mm-quiet .logo-reflection{animation:none;transform:none;filter:url(#water-ripple)}@media(prefers-reduced-motion:reduce){#mm-quiet .logo-reflection{filter:none}}

#mm-quiet .brand-logo .logo-reflection img{animation:gentle-reflection-rise 5s ease-in-out infinite;transform-origin:center center}
@keyframes gentle-reflection-rise{0%,100%{transform:translateY(1.5px)}50%{transform:translateY(-1.5px)}}
@media(prefers-reduced-motion:reduce){#mm-quiet .brand-logo .logo-reflection img{animation:none;transform:none}}

#mm-quiet .site-nav{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid #CECFC2}
#mm-quiet .site-nav a{font-size:14px;padding:10px 0;border-bottom:1px solid transparent}
#mm-quiet .site-nav a[aria-current="page"]{border-bottom-color:#BAA27A;font-weight:500}
#mm-quiet .site-nav a:hover{border-bottom-color:#29332F}
@media(max-width:540px){#mm-quiet .site-nav{gap:8px 20px}}

#mm-quiet .gallery-stage{display:flex;align-items:center;justify-content:center;background:#eeeae2;overflow:hidden}
#mm-quiet #mm-residence .gallery-stage .dining-photo{width:100%;height:100%;object-fit:contain;max-height:none}
#mm-quiet .gallery-strip{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 10px;scrollbar-width:thin;scrollbar-color:#BAA27A #e8e3d9}
#mm-quiet .gallery-strip .gallery-thumb{flex:0 0 140px;padding:3px;border:2px solid transparent;min-height:0;line-height:0}
#mm-quiet .gallery-strip .gallery-thumb[aria-current=true]{border-color:#29332F}
#mm-quiet .gallery-strip .gallery-thumb:hover{border-color:#BAA27A}
#mm-quiet #mm-residence .gallery-thumb img{width:140px;height:94px;object-fit:cover;max-height:none}
#mm-quiet .gallery-status{font-size:13px;max-width:none!important;margin:8px 0 0}
@media(max-width:540px){#mm-quiet .gallery-strip .gallery-thumb{flex-basis:108px}#mm-quiet #mm-residence .gallery-thumb img{width:108px;height:76px}}

#mm-quiet #mm-residence .gallery-stage .terrace-photo{width:100%;height:100%;object-fit:contain;max-height:none}

#mm-quiet .sport-section { margin-top: 64px; }
#mm-quiet .sport-section .terrace-caption { margin: 0 auto 28px; }
#mm-quiet .sport-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 24px; }
#mm-quiet .sport-photos figure { margin: 0; }
#mm-quiet .sport-photos img { display: block; width: 100%; height: auto; }

#mm-quiet .sport-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#mm-quiet .sport-photos figure:first-child { grid-column: 1 / -1; }
@media (max-width: 640px) { #mm-quiet .sport-photos { grid-template-columns: 1fr; } }

#mm-quiet .brand-logo { container-type: inline-size; }
#mm-quiet .logo-name.logo-name-caps { height: 13%; display: flex; align-items: baseline; justify-content: center; gap: 0.22em; overflow: visible; color: #29332F; font: 500 10cqw/1.1 'Cormorant Garamond', Georgia, serif; letter-spacing: 0.015em; white-space: nowrap; }
#mm-quiet .logo-name-caps .name-word { display: inline-flex; align-items: baseline; }
#mm-quiet .logo-name-caps .name-small { font-size: 0.74em; letter-spacing: 0.025em; }

#mm-quiet .terrace-intro p:first-child, #mm-quiet .terrace-intro p:last-child { font: 400 26px/1.6 'Cormorant Garamond', Georgia, serif; max-width: 650px; margin: 0 auto; }
#mm-quiet .terrace-intro p + p { margin-top: 26px; }
@media (max-width: 640px) { #mm-quiet .terrace-intro p:first-child, #mm-quiet .terrace-intro p:last-child { font-size: 24px; } }

#mm-quiet .bedroom-intro p:first-child, #mm-quiet .bedroom-intro p:last-child { font: 400 26px/1.6 'Cormorant Garamond', Georgia, serif; max-width: 650px; margin: 0 auto; }
#mm-quiet .bedroom-intro p + p { margin-top: 26px; }
@media (max-width: 640px) { #mm-quiet .bedroom-intro p:first-child, #mm-quiet .bedroom-intro p:last-child { font-size: 24px; } }

/* Shared description width across the site. */
#mm-quiet #mm-residence .residence-intro p { max-width: 850px; margin-left: auto; margin-right: auto; }

#mm-quiet #mm-residence .residence-heading .place { max-width: none; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }

#mm-quiet .welcome .place, #mm-quiet #mm-residence .residence-heading .place, #mm-quiet #mm-residence .terrace-heading .place { max-width: none; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }

#mm-quiet .loft-section { margin-top: 20px; }
#mm-quiet .loft-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#mm-quiet .loft-photos figure { margin: 0; }
#mm-quiet .loft-photos img { display: block; width: 100%; height: auto; }
@media (max-width: 640px) { #mm-quiet .loft-photos { grid-template-columns: 1fr; } }

/* Gentle fallback for iOS browsers when SVG displacement does not repaint. */
@supports (-webkit-touch-callout: none) {
 @media (prefers-reduced-motion: no-preference) {
  #mm-quiet .logo-reflection { filter: none; animation: reflection-sway 8s ease-in-out infinite; }
 }
}

#mm-quiet #mm-residence .page-logo { position: relative; display: block; width: 180px; height: 98px; margin: 0 auto 24px; padding: 0; border: none; overflow: hidden; }
#mm-quiet #mm-residence .page-logo img { position: absolute; left: 0; top: -31px; width: 180px; height: 180px; max-height: none; object-fit: contain; animation: none; filter: none; }

#mm-quiet .welcome .booking-link{margin-top:22px;font-size:14px;padding:10px 2px;border-bottom:1px solid #BAA27A}