/* HOME SECTION 01 | Booking bar + approved hero. All selectors are locally scoped. */
.mi-s1{--mi-ivory:#FAF7F1;--mi-maroon:#89273B;--mi-deep:#372B27;--mi-gold:#B18B4A;--mi-blue:#514A44;--mi-green:#285B46;--mi-border:#DED2C3;width:100%;font-family:var(--font-body,Inter,Arial,sans-serif);color:#372B27}
.mi-s1,.mi-s1 *{box-sizing:border-box}
.mi-s1__symbols{position:absolute;width:0;height:0;overflow:hidden}
.mi-s1__button{display:inline-flex;gap:12px;justify-content:center;align-items:center;text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:7px;font:600 clamp(12px,1.04vw,15px)/1.15 var(--font-body,Inter,Arial,sans-serif);padding:clamp(8px,.8vw,11px) clamp(12px,1.1vw,17px);cursor:pointer;transition:background-color .2s,color .2s,transform .2s;min-width:0}
.mi-s1__button:hover{transform:translateY(-1px)}
.mi-s1__button:focus-visible{outline:3px solid var(--mi-gold);outline-offset:3px}
.mi-s1__button svg{width:1.12em;height:1.12em;flex:none}
.mi-s1__button--primary{background:#89273B;color:white;border-color:#89273B}
.mi-s1__button--primary:hover{background:#6E1D2F}
.mi-s1__button--whatsapp{color:var(--mi-green);border-color:var(--mi-green);background:#FAF7F1}
.mi-s1__button--whatsapp:hover{background:#ECF4EF}
/* Slim booking enquiry bar. */
.mi-s1 .mi-book{background:#F1E8DB;border-bottom:1px solid #DED2C3;padding:5px max(12px,calc((100% - 1570px)/2))}
.mi-s1 .mi-book__form{display:grid;grid-template-columns:1.13fr 1.13fr .76fr .76fr 1.12fr 1.1fr;align-items:stretch;min-height:52px;padding:3px;background:#FFFFFF;border:1px solid #DED2C3;border-radius:8px}
.mi-s1 .mi-book__field{display:flex;gap:8px;align-items:center;min-width:0;padding:3px 9px;border-right:1px solid #DED2C3;cursor:pointer}
.mi-s1 .mi-book__field--disabled{opacity:.46;cursor:default}
.mi-s1 .mi-book__icon{width:23px;height:23px;flex:none;color:#372B27}
.mi-s1 .mi-book__input-wrap{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mi-s1 .mi-book__label{font-size:11px;line-height:1.25;font-weight:700;color:#372B27}
.mi-s1 .mi-book select,.mi-s1 .mi-book input{display:block;max-width:100%;width:100%;min-width:0;min-height:23px;height:23px;padding:1px 3px;border:0;border-radius:2px;font:500 12px/1.25 var(--font-body,Inter,Arial,sans-serif);color:#514A44;background:transparent;cursor:pointer}
.mi-s1 .mi-book select:focus-visible,.mi-s1 .mi-book input:focus-visible{outline:2px solid #B18B4A;outline-offset:1px}
.mi-s1 .mi-book__submit{min-height:42px;align-self:stretch;margin-left:5px;font-size:clamp(12px,1vw,15px);padding:8px 12px;white-space:nowrap}
.mi-s1 .mi-book__status{margin:4px 2px 0;color:#89273B;font-size:12px;font-weight:600}
/* One photographic panorama. All text, CTA buttons, highlights and icons remain actual HTML. */
.mi-s1 .mi-hero{position:relative;background:var(--mi-ivory)}
.mi-s1 .mi-hero__stage{position:relative;isolation:isolate;overflow:hidden;width:100%;height:31.49vw;min-height:310px;max-height:520px;border-bottom:1px solid #B18B4A;background:#FAF7F1}
.mi-s1 .mi-hero__photo{position:absolute;z-index:0;top:0;right:0;width:60.175%;height:100%;object-fit:cover;object-position:center center;display:block}
.mi-s1 .mi-hero__fade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#FAF7F1 0%,#FAF7F1 30%,rgba(250,247,241,.98) 33%,rgba(250,247,241,.9) 36%,rgba(250,247,241,.5) 42%,transparent 49%)}
.mi-s1 .mi-hero__leaves{position:absolute;z-index:2;top:0;left:0;width:clamp(40px,4.38vw,95px);height:100%;object-fit:fill;pointer-events:none;opacity:.72}
.mi-s1 .mi-hero__content{position:absolute;z-index:3;left:clamp(24px,4.2vw,74px);top:0;bottom:16.3%;width:40.5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 0;background:var(--mi-ivory)}
.mi-s1 .mi-hero__eyebrow{margin:0 0 clamp(5px,.65vw,10px);font:700 clamp(10px,.86vw,13px)/1.2 var(--font-body,Inter,Arial,sans-serif);text-transform:uppercase;letter-spacing:.12em;color:#89273B}
.mi-s1 .mi-hero__content h1{margin:0 0 clamp(7px,.85vw,12px);color:var(--mi-deep);font-family:var(--font-display,'Cormorant Garamond',Georgia,serif);font-size:clamp(42px,5.05vw,78px);font-weight:700;letter-spacing:-.05em;line-height:.98}
.mi-s1 .mi-hero__intro{max-width:770px;margin:0 0 clamp(10px,1vw,16px);color:#514A44;font:400 clamp(13px,1.2vw,17px)/1.36 var(--font-body,Inter,Arial,sans-serif)}
.mi-s1 .mi-hero__actions{display:flex;flex-wrap:nowrap;gap:clamp(6px,.8vw,18px)}
.mi-s1 .mi-hero__actions .mi-s1__button{font-size:clamp(12px,1.05vw,15px)}
/* The diagonal-ended highlight strip ends where the reception photo continues. */
.mi-s1 .mi-hero__highlights{position:absolute;z-index:4;left:0;bottom:0;width:68.5%;height:16.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:3px 5% 3px 2.2%;background:#FAF7F1;border-top:1px solid #B18B4A;clip-path:polygon(0 0,93.7% 0,100% 100%,0 100%)}
.mi-s1 .mi-hero__highlight{display:flex;align-items:center;gap:clamp(5px,.8vw,17px);min-width:0;min-height:50%;padding:2px clamp(3px,.65vw,12px);border-right:1px solid #DED2C3}
.mi-s1 .mi-hero__highlight:last-child{border-right:0}
.mi-s1 .mi-hero__highlight>svg{width:clamp(24px,2.2vw,34px);height:clamp(24px,2.2vw,34px);flex:none;color:#372B27}
.mi-s1 .mi-hero__highlight span{min-width:0}
.mi-s1 .mi-hero__highlight strong,.mi-s1 .mi-hero__highlight small{display:block;white-space:nowrap}
.mi-s1 .mi-hero__highlight strong{color:#372B27;font-size:clamp(10px,.97vw,14px);line-height:1.18;font-weight:800;letter-spacing:-.02em}
.mi-s1 .mi-hero__highlight small{margin-top:2px;font-size:clamp(9px,.82vw,12px);font-weight:400;line-height:1.2;color:#514A44}
.mi-s1 .mi-hero__mobile-photos{display:none}
@media (min-width:791px) and (max-width:1150px){
 .mi-s1 .mi-hero__content{left:4.3%;width:41%}
 .mi-s1 .mi-hero__content h1{font-size:clamp(39px,4.85vw,54px)}
 .mi-s1 .mi-hero__intro{font-size:clamp(12px,1.25vw,14px)}
 .mi-s1 .mi-hero__highlight{gap:6px;padding:2px 5px}
 .mi-s1 .mi-hero__highlight strong{font-size:clamp(10px,.96vw,12px)}
 .mi-s1 .mi-hero__highlight small{font-size:clamp(9px,.86vw,11px)}
 .mi-s1 .mi-book__field{padding:3px 5px;gap:4px}
 .mi-s1 .mi-book__icon{width:20px;height:20px}
 .mi-s1 .mi-book__form{grid-template-columns:1.1fr 1.1fr .8fr .72fr 1.1fr 1fr}
 .mi-s1 .mi-book__label{font-size:10px}
 .mi-s1 .mi-book select,.mi-s1 .mi-book input{font-size:11px}
}
@media (max-width:790px){
 .mi-s1 .mi-book{padding:6px 10px}
 .mi-s1 .mi-book__form{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:0}
 .mi-s1 .mi-book__field{min-height:46px;border-bottom:1px solid #DED2C3}
 .mi-s1 .mi-book__field:nth-of-type(even){border-right:0}
 .mi-s1 .mi-book__type{grid-column:span 2;border-right:0}
 .mi-s1 .mi-book__submit{grid-column:1/-1;min-height:42px;margin:4px 0 0}
 .mi-s1 .mi-hero__stage{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}
 .mi-s1 .mi-hero__photo{display:none}
 .mi-s1 .mi-hero__fade{display:none}
 .mi-s1 .mi-hero__leaves{height:290px;width:44px;object-fit:fill}
 .mi-s1 .mi-hero__content{position:relative;top:auto;left:auto;bottom:auto;width:100%;max-width:none;padding:20px 20px 18px 42px;order:1;display:block;background:#FAF7F1}
 .mi-s1 .mi-hero__eyebrow{font-size:10px;letter-spacing:.10em;margin-bottom:8px}
 .mi-s1 .mi-hero__content h1{font-size:clamp(39px,8.5vw,62px);line-height:.95;margin-bottom:10px}
 .mi-s1 .mi-hero__intro{font-size:clamp(13px,2.4vw,17px);line-height:1.4;max-width:600px;margin-bottom:16px}
 .mi-s1 .mi-hero__actions{gap:8px;flex-wrap:wrap}
 .mi-s1 .mi-hero__actions .mi-s1__button{font-size:12px;padding:10px 13px}
 .mi-s1 .mi-hero__mobile-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(180px,40vw,285px);order:2;gap:3px;background:#DED2C3;border-top:1px solid #B18B4A;border-bottom:1px solid #B18B4A}
 .mi-s1 .mi-hero__mobile-photos img{display:block;width:100%;height:100%;object-fit:cover}
 .mi-s1 .mi-hero__mobile-photos img:first-child{object-position:50% 35%}
 .mi-s1 .mi-hero__mobile-photos img:last-child{object-position:63% 28%}
 .mi-s1 .mi-hero__highlights{position:relative;order:3;left:auto;bottom:auto;width:100%;height:auto;clip-path:none;border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 12px}
 .mi-s1 .mi-hero__highlight{min-height:52px;gap:8px;padding:8px 7px;border-bottom:1px solid #DED2C3}
 .mi-s1 .mi-hero__highlight:nth-child(even){border-right:0}
 .mi-s1 .mi-hero__highlight>svg{width:29px;height:29px}
 .mi-s1 .mi-hero__highlight strong{font-size:13px}
 .mi-s1 .mi-hero__highlight small{font-size:11px}
}
@media (max-width:420px){
 .mi-s1 .mi-book__field{gap:5px;padding:4px 6px}
 .mi-s1 .mi-book__icon{width:18px;height:18px}
 .mi-s1 .mi-book select,.mi-s1 .mi-book input{font-size:11px}
 .mi-s1 .mi-hero__content{padding-left:34px;padding-right:13px}
 .mi-s1 .mi-hero__content h1{font-size:clamp(37px,10.3vw,44px)}
 .mi-s1 .mi-hero__actions .mi-s1__button{font-size:11px;padding:9px 10px}
 .mi-s1 .mi-hero__highlight{gap:7px;padding:9px 3px}
 .mi-s1 .mi-hero__highlight>svg{width:25px;height:25px}
 .mi-s1 .mi-hero__highlight strong{font-size:11px}
 .mi-s1 .mi-hero__highlight small{font-size:10px}
}

