html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#0b0e12}.mb-lux-head{position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#080c12cc,transparent);border:0;padding:28px 5%;color:white}.mb-lux-head>a{font-size:20px;letter-spacing:.18em;text-decoration:none}.mb-lux-head nav{display:flex;gap:20px;align-items:center}.mb-lux-head a{color:#fff;text-decoration:none}.mb-lux-head a:hover{color:#e0c58b}.mb-cinema{min-height:760px;height:100svh;position:relative;display:flex;align-items:flex-end;padding:0 7% 10vh;isolation:isolate;overflow:hidden}.mb-panorama{position:absolute;inset:0;z-index:-2}.mb-panorama img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;animation:marbella-pan 20s ease-out both}.mb-cinema:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#03070d33 10%,#03070d05 35%,#05090eaf 80%,#0b0e12 100%)}.mb-cinema-copy{width:100%;max-width:1200px}.mb-cinema h1{font-size:clamp(70px,10vw,156px);letter-spacing:-.055em;line-height:1.02;margin:20px 0 38px;color:white;font-weight:400;text-shadow:0 2px 32px #0006}.mb-cinema h1 em{font-size:.51em;letter-spacing:-.02em;font-weight:400;color:#efd8ab}.mb-cinema .eyebrow{color:#fff;letter-spacing:.35em;font-size:12px}.mb-cinema .actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.mb-explore{color:white;text-decoration:none;border-bottom:1px solid #e0c58b;padding:16px 0}.mb-image-caption{position:absolute;right:24px;bottom:20px;font-size:10px;letter-spacing:.1em;color:#aaa}.mb-language-panel{background:#0b0e12;padding:16px;border-bottom:1px solid #ffffff18;font-size:13px}.mb-language-button{background:transparent;color:#e0c58b;padding:5px 12px;min-height:36px;border:1px solid #655739}.mb-language-button:hover{color:#0b0e12}.section{padding:100px 7%;max-width:1600px;margin:auto}.section h2{font-weight:400;font-size:clamp(38px,5vw,74px);letter-spacing:-.03em;line-height:1.12;max-width:950px}.mb-treatments .mb-grid{gap:0;border-top:1px solid #ffffff25}.mb-treatments article{padding:35px 25px;border:0;border-bottom:1px solid #ffffff25;transition:background .25s,transform .25s}.mb-treatments article:hover{background:#d8b9790b;transform:translateY(-3px)}.mb-treatments article:before{content:attr(data-treatment);font-size:12px;letter-spacing:.2em;color:#c0a476;margin-bottom:25px}.mb-treatments h3{font-size:27px}.mb-treatments article p{color:#b6b8bb}.mb-treatment-link{font-size:13px;text-underline-offset:5px}#experience{border-top:1px solid #ffffff20}#experience article{border:0;border-top:1px solid #8f7951;padding:28px 0;margin-right:20px}#enquire{background:linear-gradient(90deg,#0b0e12f5,#0b0e12bc),url('/marbella-night.webp') center/cover;max-width:none;padding-top:130px;padding-bottom:130px}.mb-footer{background:#080b0f}.mb-note{font-size:13px;background:#14171a;border-color:#8c7850}.mb-faq summary{color:#eee}.mb-faq p{color:#b9bdc2}@keyframes marbella-pan{from{transform:scale(1.09)}to{transform:scale(1)}}@media(max-width:800px){.mb-lux-head{padding:22px 6%;gap:16px}.mb-lux-head>a{font-size:16px}.mb-lux-head nav{font-size:12px;gap:12px}.mb-section-nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:14px}.mb-cinema{min-height:680px;padding:180px 6% 95px}.mb-cinema h1{font-size:clamp(64px,13vw,100px)}.mb-cinema h1 em{font-size:.48em}.mb-panorama img{object-position:56% center}.mb-cinema .actions{gap:16px}.mb-cinema .button{font-size:12px}.section{padding:65px 6%}.mb-treatments .mb-grid{grid-template-columns:1fr 1fr}.mb-treatments article{padding:26px 13px}.mb-treatments h3{font-size:23px}}@media(max-width:480px){.mb-treatments .mb-grid{grid-template-columns:1fr}.mb-cinema .actions{align-items:flex-start;flex-direction:column}.mb-cinema{min-height:720px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mb-panorama img{animation:none}.mb-treatments article{transition:none}}
.mb-lux-head nav{position:static;flex-direction:row;background:transparent;border-bottom:0;padding:0;max-height:none;overflow:visible}.mb-lux-head .mb-section-nav{padding-top:14px}@media(max-width:480px){.mb-lux-head{gap:12px}.mb-lux-head>nav:not(.mb-section-nav){font-size:11px;gap:8px}}

/* Marbella cinematic sequence */
.mb-reel{display:block;background:#0b0e12}.mb-reel .mb-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;will-change:transform,opacity;animation-duration:24s;animation-iteration-count:infinite;animation-timing-function:linear}
.mb-reel .mb-shot-wide{animation-name:mb-wide;transform-origin:50% 50%}.mb-reel .mb-shot-yachts{animation-name:mb-yachts;transform-origin:18% 75%}.mb-reel .mb-shot-shore{animation-name:mb-shore;transform-origin:85% 45%}
@keyframes mb-wide{0%{opacity:1;transform:scale(1.03)}27%{opacity:1;transform:scale(1.14)}36%,91%{opacity:0;transform:scale(1.16)}92%{opacity:0;transform:scale(1.02)}100%{opacity:1;transform:scale(1.03)}}
@keyframes mb-yachts{0%,25%{opacity:0;transform:scale(1.48)}34%{opacity:1}59%{opacity:1;transform:scale(1.29)}68%,100%{opacity:0;transform:scale(1.25)}}
@keyframes mb-shore{0%,58%{opacity:0;transform:scale(1.32)}67%{opacity:1}91%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.1)}}
.mb-motion-toggle{position:absolute;left:7%;bottom:22px;z-index:2;background:#080c12a8;color:#ead5ab;border:1px solid #c8ac7866;border-radius:30px;padding:10px 18px;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.mb-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}.mb-reel-paused .mb-shot{animation-play-state:paused}.mb-image-caption{max-width:44%;text-align:right}
@media(max-width:600px){.mb-reel .mb-shot-wide{object-position:42% center}.mb-reel .mb-shot-yachts{object-position:15% center;transform-origin:25% 65%}.mb-reel .mb-shot-shore{object-position:90% center;transform-origin:70% 45%}.mb-motion-toggle{left:6%}}
@media(prefers-reduced-motion:reduce){.mb-reel .mb-shot{animation:none}.mb-reel .mb-shot-wide{opacity:1;transform:none}.mb-reel .mb-shot-yachts,.mb-reel .mb-shot-shore{display:none}.mb-motion-toggle{display:none}}
/* Responsive Marbella layout, independent of the UK navigation. */
.mb-lux-head,.mb-cinema-copy,.mb-grid>*{min-width:0}
.mb-lux-head nav{display:flex;flex-wrap:wrap}
.mb-lux-head nav a{display:inline-flex;align-items:center;min-height:44px}
.mb-cinema-copy h1{overflow-wrap:normal}
.mb-cinema .actions a{text-align:center}
.mb-treatment-link{display:flex;align-items:center;min-height:48px}
.mb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){
 html{scroll-padding-top:20px}
 .mb-lux-head{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 6% 12px;gap:4px;background:linear-gradient(#080c12eb,#080c1270,transparent)}
 .mb-lux-head>a{font-size:16px;letter-spacing:.15em;line-height:1.4}
 .mb-lux-head nav{justify-content:flex-start;gap:4px 16px;font-size:13px;line-height:1.4}
 .mb-lux-head .mb-section-nav{order:3;justify-content:space-between;padding-top:2px;margin-top:0}
 .mb-lux-head>nav:not(.mb-section-nav){font-size:13px;gap:8px}
 .mb-cinema{height:auto;min-height:100svh;padding:190px 6% 100px;align-items:flex-end}
 .mb-cinema h1{font-size:clamp(48px,12vw,88px);margin:12px 0 26px;line-height:1.04;letter-spacing:-.045em}
 .mb-cinema h1 em{font-size:.57em;line-height:1.25;display:inline-block;margin-top:8px}
 .mb-cinema .eyebrow{font-size:10px;letter-spacing:.22em;margin-bottom:14px}
 .mb-cinema .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:380px}
 .mb-cinema .actions a{width:100%;min-height:48px;justify-content:center;font-size:14px;white-space:normal}
 .mb-cinema .mb-explore{padding:12px 0}
 .mb-cinema:after{background:linear-gradient(180deg,#03070d30 15%,#03070d00 30%,#05090eb8 70%,#0b0e12 100%)}
 .section{padding:56px 6%}
 .section h2{font-size:clamp(30px,8vw,48px);overflow-wrap:break-word}
 .mb-grid,.mb-treatments .mb-grid{grid-template-columns:minmax(0,1fr)}
 .mb-treatments article{padding:24px 0}
 .mb-treatments h3{font-size:25px}
 #experience article{margin-right:0}
 #enquire{padding:64px 6%}
 #enquire .button{width:100%;white-space:normal;text-align:center}
 .mb-language-panel{padding:14px 6%;gap:8px}
 .mb-language-button{min-height:44px}
 .mb-footer{padding:32px 6%}
 .mb-links{gap:12px 22px}.mb-links a{min-height:44px;display:inline-flex;align-items:center}
 .mb-image-caption{bottom:24px;right:6%;font-size:9px;line-height:1.4;max-width:42%}
}
@media(max-height:600px) and (orientation:landscape){.mb-cinema{min-height:650px}}