/* 1.10.0 · Photographic invitation, warm editorial panels and room gallery. */
body.ms-modern{--ms-pine:#103b49;--ms-deep-pine:#103b49;--ms-bronze:#756253;--ms-chalk:#f6f2e9;--ms-sand:#e0caa2}


/* A photographic diptych with a fine white circle, using the editable stay banner. */
body.ms-modern.ms-modern .ms-stay-banner{min-height:clamp(650px,51vw,830px);align-items:center}
body.ms-modern.ms-modern .ms-stay-banner-wash{background:linear-gradient(90deg,transparent 0%,transparent 61%,#554638 61%,#554638 100%)}
body.ms-modern.ms-modern .ms-stay-banner-picture img{object-position:center;filter:blur(8px);transform:scale(1.035)}
body.ms-modern.ms-modern .ms-stay-banner-orbit{position:absolute;z-index:2;left:34%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;width:clamp(260px,26vw,400px);aspect-ratio:1;border:1px solid #ffffffcc;border-radius:50%;color:#fff;text-align:center;text-shadow:0 2px 25px #082b2499}
body.ms-modern.ms-modern .ms-stay-banner-orbit span{font:400 9px/1.5 Arial,sans-serif;letter-spacing:.28em}
body.ms-modern.ms-modern .ms-stay-banner-orbit strong{font:300 clamp(28px,3.5vw,50px)/1.1 Arial,sans-serif;letter-spacing:.12em}
body.ms-modern.ms-modern .ms-stay-banner-inner{width:100%;max-width:none;padding:100px clamp(30px,4vw,65px) 100px 66%;text-align:left;justify-content:flex-start}
body.ms-modern.ms-modern .ms-stay-banner-copy{width:100%;max-width:570px}
body.ms-modern.ms-modern .ms-stay-banner-copy h2{font-size:clamp(34px,3.2vw,53px);font-weight:350;line-height:1.13}
body.ms-modern.ms-modern .ms-stay-banner-description{margin:0 0 34px;max-width:460px;font-size:16px}
body.ms-modern.ms-modern .ms-stay-banner-lines{opacity:.28}

/* Simple outlined buttons, kept outside booking form controls. */
body.ms-modern.ms-modern .ms-site .ms-experience-copy .ms-button,
body.ms-modern.ms-modern .ms-site .ms-stay-banner-link{position:relative;isolation:isolate;background:transparent!important;color:#f6f2e9!important;border:1px solid #e0caa2!important;border-radius:0;box-shadow:none;min-height:53px;padding:15px 27px;margin-inline:0;letter-spacing:.13em;font-size:10px;font-weight:500;line-height:1.6;white-space:normal;max-width:100%;text-align:center}
body.ms-modern.ms-modern .ms-site .ms-experience-copy .ms-button:hover,
body.ms-modern.ms-modern .ms-site .ms-stay-banner-link:hover{background:#f6f2e914!important;color:#fff!important}
body.ms-modern.ms-modern .ms-site .ms-experience-copy .ms-button:focus-visible{outline:2px solid #f6f2e9;outline-offset:7px}

/* Warm stone editorial panel; all copy and photography still come from the panel. */
body.ms-modern.ms-home .ms-experience{background:#ece6da;padding-block:clamp(75px,8vw,125px);overflow:hidden}
body.ms-modern.ms-home .ms-experience:before,body.ms-modern.ms-home .ms-experience:after{content:none}
body.ms-modern.ms-home .ms-experience-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:0;background:#756253;max-width:1280px;box-shadow:none}
body.ms-modern.ms-home .ms-experience-visual{padding:0;max-width:none;min-height:600px;position:relative;overflow:hidden}
body.ms-modern.ms-home .ms-experience-visual:before{content:none}
body.ms-modern.ms-home .ms-experience-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.ms-modern.ms-home .ms-experience-copy{padding:clamp(35px,4.5vw,75px);color:#fff8ed;align-self:center}
body.ms-modern.ms-home .ms-experience-copy .ms-editorial-word{display:none}
body.ms-modern.ms-home .ms-experience-copy .ms-eyebrow{color:#efdab4;font-size:10px;letter-spacing:.2em}
body.ms-modern.ms-home .ms-experience-copy h2{color:#f2dec0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.4vw,51px);font-weight:400;line-height:1.13;letter-spacing:-.025em;text-transform:none;max-width:520px;text-wrap:balance}
body.ms-modern.ms-home .ms-experience-copy>p:not(.ms-eyebrow){color:#fff8ed;font-size:16px;line-height:1.8;max-width:none;margin:24px 0}
body.ms-modern.ms-home .ms-experience-copy .ms-experience-loc{color:#ead7b9;font-size:11px;letter-spacing:.08em;margin-top:0}
body.ms-modern.ms-home .ms-experience-facts{margin:26px 0 35px;border:0}
body.ms-modern.ms-home .ms-experience-facts li{padding:15px 0;border-color:#e0caa24d}
body.ms-modern.ms-home .ms-experience-facts :is(strong,li div>span){color:#fff8ed}
body.ms-modern.ms-home .ms-experience-fact-icon{color:#efdab4}


/* Keep the approved accommodation page and its brown invitation. */
body.ms-modern .ms-about-story{background:transparent;border:0;border-radius:0;padding:35px 0;margin-bottom:45px}
body.ms-modern .ms-about-page .ms-about-reserve{background:#756253;color:#fff8ed;border:0;border-radius:0;padding:clamp(30px,4vw,60px)}
body.ms-modern .ms-about-page .ms-about-reserve h2{color:#fff8ed}
body.ms-modern .ms-about-page .ms-about-reserve>.ms-button{background:transparent;color:#fff8ed!important;border:1px solid #e0caa2;border-radius:0}
body.ms-modern .ms-about-rooms:before{background:#e8e2d7;border-radius:0}
body.ms-modern .ms-about-rooms .ms-about-room{padding:0;border:0;border-radius:0;background:#f7f3eb;box-shadow:none}
body.ms-modern .ms-about-rooms .ms-about-room>img{border-radius:0}
body.ms-modern .ms-about-room-copy{padding:28px 23px}
body.ms-modern .ms-about-room-copy h3{color:#604f42;font-weight:400}
body.ms-modern .ms-about-gallery-photo{padding:0;border:0;border-radius:0!important;box-shadow:none;background:transparent}
body.ms-modern .ms-about-gallery-photo:before{content:none}
body.ms-modern .ms-about-gallery-photo img{border-radius:0}
body.ms-modern .ms-about-photos-grid{gap:25px}

@media(max-width:1100px){
 body.ms-modern.ms-modern .ms-stay-banner-orbit{left:30%;width:260px}
 body.ms-modern.ms-modern .ms-stay-banner-wash{background:linear-gradient(90deg,transparent 58%,#554638 58%)}
 body.ms-modern.ms-modern .ms-stay-banner-inner{padding:90px 30px 90px 62%}
 body.ms-modern.ms-home .ms-experience-copy{padding:40px 30px}
}
@media(max-width:760px){
 body.ms-modern.ms-modern .ms-stay-banner{min-height:790px;align-items:end}
 body.ms-modern.ms-modern .ms-stay-banner-wash{top:350px;background:#554638}
 body.ms-modern.ms-modern .ms-stay-banner-picture img{object-position:58% center}
 body.ms-modern.ms-modern .ms-stay-banner-orbit{left:50%;top:180px;width:235px;gap:18px}
 body.ms-modern.ms-modern .ms-stay-banner-orbit strong{font-size:30px}
 body.ms-modern.ms-modern .ms-stay-banner-inner{padding:390px 30px 60px;text-align:center;justify-content:center}
 body.ms-modern.ms-modern .ms-stay-banner-copy h2{font-size:40px}
 body.ms-modern.ms-modern .ms-stay-banner-description{margin:0 auto 30px;font-size:15px}
 body.ms-modern.ms-home .ms-experience-grid{grid-template-columns:1fr;gap:0;width:calc(100% - 40px)}
 body.ms-modern.ms-home .ms-experience-visual{min-height:390px;max-width:none}
 body.ms-modern.ms-home .ms-experience-copy{padding:40px 28px 45px}
 body.ms-modern.ms-home .ms-experience-copy h2{font-size:36px}
 body.ms-modern .ms-about-rooms .ms-about-room{flex:0 0 100%;width:100%;max-width:100%;padding:0}
 body.ms-modern .ms-about-rooms .ms-about-room-copy{padding:26px 22px}
}
@media(max-width:480px){
 body.ms-modern .ms-about-photos-grid{gap:15px}
}
@media(prefers-reduced-motion:reduce){
}

/* Only the room gallery changes colour; its original layout and controls remain. */
body.ms-modern .ms-room-gallery-section{background:#756253;border-color:#f2dec066;color:#f2dec0}
body.ms-modern .ms-room-gallery-section :is(h2,.ms-eyebrow,.ms-gallery-lede,[data-photo-position]){color:#f2dec0}
body.ms-modern .ms-room-gallery-section .ms-gallery-ornament{color:#f2dec0}
body.ms-modern .ms-room-gallery-section .ms-room-photo-card{background:#756253}
body.ms-modern .ms-room-gallery-section .ms-gallery-photo-number{background:#756253;border-color:#f2dec0;color:#f2dec0}
body.ms-modern .ms-room-gallery-section .ms-gallery-controls>button{background:#f2dec0;border-color:#f2dec0;color:#756253}
body.ms-modern .ms-room-gallery-section .ms-gallery-controls>button:hover{background:#756253;color:#f2dec0}
body.ms-modern .ms-room-gallery-section .ms-gallery-auto{background:#756253;color:#f2dec0;border-color:#f2dec0}
body.ms-modern .ms-room-gallery-section .ms-gallery-auto:hover{background:#f2dec0;color:#756253}
body.ms-modern .ms-room-gallery-section .ms-room-photo-dots button:before{background:#f2dec0;opacity:.45}
body.ms-modern .ms-room-gallery-section .ms-room-photo-dots button[aria-current=true]:before{background:#f2dec0;opacity:1}
body.ms-modern .ms-room-gallery-section :is(button,.ms-room-photo-track,.ms-room-photo-card):focus-visible{outline-color:#f2dec0}
