/* MONDA's image-led portfolio, shared across the local site. */
body.luxury-site{
 --paper:#191919;--paper-deep:#222222;--ink:#F5F2ED;--muted:#BCB7B1;
 --line:#3B3936;--dark:#101010;--brand:#EF7945;--brand-deep:var(--brand);
 --copper:var(--brand);--on-brand:#181411;--dark-muted:#BCB7B1;
 background:var(--paper);color:var(--ink)
}
html:has(.luxury-site){scroll-padding-top:110px;background:#191919}
.luxury-site .shell{width:calc(100% - 80px);max-width:1600px}
.luxury-site .site-header{position:fixed;inset:10px 10px auto;z-index:60;background:rgba(15,15,15,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#FAF8F5}
.luxury-site .header-inner{width:calc(100% - 52px);max-width:none;min-height:70px;border:0;gap:30px}
.luxury-site .wordmark{font-size:29px;letter-spacing:.13em;color:var(--brand)}
.luxury-site .wordmark span{font-size:7px;letter-spacing:.2em;color:#D1CCC6;margin-top:7px}
.luxury-site .primary-nav{font-size:12px;gap:34px}
.luxury-site .primary-nav a{white-space:nowrap}
.luxury-site .primary-nav a:after{background:var(--brand)}
.luxury-site .header-cta{font-size:11px;gap:14px;border:1px solid rgba(255,255,255,.26);border-radius:30px;padding:11px 18px;white-space:nowrap}
.luxury-site .header-cta span{font-size:18px;color:var(--brand)}
.luxury-site .header-cta:hover{border-color:var(--brand);background:rgba(239,121,69,.12)}
.luxury-site .skip-link{background:var(--brand);color:#141414}
.luxury-site .section-space{padding-block:90px}
.luxury-site .section-heading{margin-bottom:32px;align-items:center}
.luxury-site .section-heading h2{font-size:clamp(28px,3vw,46px);margin:0;line-height:1.5;font-weight:400;letter-spacing:-.02em}
.luxury-site h1 em,.luxury-site h2 em{color:var(--brand);font-style:normal}
.luxury-site a:focus-visible,.luxury-site button:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.luxury-site .site-footer{background:#101010;border-top:1px solid var(--line);padding-top:38px}
.luxury-site .footer-main{gap:32px;padding-bottom:32px}
.luxury-site .footer-wordmark{font-size:clamp(40px,6vw,80px);letter-spacing:.12em;color:var(--brand)}
.home-page.luxury-site .mp-hero-title h1,.home-page.luxury-site .mp-about-name h2{color:var(--brand)}
.luxury-site .footer-main p{font-size:11px;color:var(--muted)}
.luxury-site .footer-contact,.luxury-site .footer-bottom{border-color:var(--line);color:var(--muted)}
.luxury-site .footer-contact address{font-style:normal}
.luxury-site .back-top{color:var(--muted)}
.luxury-site .project-closing{padding-block:55px;border-top:1px solid var(--line)}
.luxury-site .project-closing h2{font-size:32px;margin:0}
.luxury-site .project-closing .round-link{width:auto;height:auto;padding:15px 27px;border-radius:32px;background:var(--brand);border:0;color:var(--on-brand);gap:25px}
.luxury-site .project-closing .round-link br{display:none}
.luxury-site .project-closing .round-link:hover{background:var(--brand)}
.luxury-site .project-closing .eyebrow{display:none}

/* Khaitan retains its working tours while adopting the same visual system. */
.kh-hero{height:100svh;min-height:650px;max-height:1080px;position:relative;background:#111;isolation:isolate}
.kh-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}
.kh-hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 40%,rgba(0,0,0,.75))}
.kh-hero-content{position:absolute;bottom:65px;right:40px;left:40px;z-index:1;color:#fff}
.kh-hero-content>p{font-size:13px;margin-bottom:14px;color:#DAD5CF}
.kh-hero-content h1{font-size:clamp(44px,7vw,98px);font-weight:400;line-height:1.25;margin-bottom:27px}
.kh-hero-content nav{display:flex;gap:12px;flex-wrap:wrap}
.kh-hero-content nav a{padding:13px 24px;border:1px solid rgba(255,255,255,.5);border-radius:30px;font-size:12px}
.kh-hero-content nav a:first-child{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.luxury-site .experience-section,.luxury-site .design-section{background:#202020}
.luxury-site .experience-tabs>button{border-radius:24px;border-color:#5C5550;color:var(--ink)}
.luxury-site .experience-tabs>button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.luxury-site .experience-tabs>button:not([aria-selected=true]):hover{background:#35302C}
.luxury-site .experience-frame{border-radius:20px;overflow:hidden}
.luxury-site .design-tabs>button{color:var(--muted)}
.luxury-site .design-tabs>button[aria-selected=true]{color:var(--ink);border-color:var(--brand)}
.luxury-site .design-tabs>button>span{background:#37322E;color:var(--ink)}
.luxury-site .design-tabs>button[aria-selected=true]>span{background:var(--brand);color:var(--on-brand)}
.luxury-site .design-image-button,.luxury-site .gallery-button{border-radius:20px;background:#121212}
.luxury-site .design-expand{color:var(--ink);border-color:var(--line)}
.luxury-site .project-gallery{gap:30px;grid-template-columns:1fr 1fr}
.luxury-site .gallery-item-offset,.luxury-site .gallery-item-last{padding-top:0}
.luxury-site .gallery-button,.luxury-site .gallery-item-wide .gallery-button{aspect-ratio:4/3}

@media(max-width:1000px){.luxury-site .header-inner{gap:20px}.luxury-site .primary-nav{gap:20px}.luxury-site .shell{width:calc(100% - 48px)}}
@media(max-width:760px){
 html:has(.luxury-site){scroll-padding-top:98px}
 .luxury-site .shell{width:calc(100% - 32px)}
 .luxury-site .site-header{inset:8px 8px auto;border-radius:16px}
 .luxury-site .header-inner{width:calc(100% - 30px);min-height:64px;gap:16px}
 .luxury-site .wordmark{font-size:24px}.luxury-site .wordmark span{font-size:6px}
 .luxury-site .header-cta{padding:8px 11px;font-size:10px;gap:8px}
 .luxury-site .header-cta span{font-size:17px}
 .luxury-site .menu-toggle{width:22px;min-width:22px;height:36px;padding:6px 0}
 .luxury-site .menu-toggle span{width:22px;background:#fff}
 .luxury-site .primary-nav{top:73px;left:0;right:0;padding:20px 24px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(18,18,18,.98);font-size:14px;gap:13px}
 .luxury-site .section-space{padding-block:56px}
 .luxury-site .section-heading h2{font-size:29px}
 .luxury-site .footer-main{gap:20px}.luxury-site .footer-wordmark{font-size:40px}
 .luxury-site .project-closing{padding-block:38px;gap:20px}.luxury-site .project-closing h2{font-size:27px}
 .luxury-site .project-closing .round-link{font-size:12px;padding:13px 19px}
 .kh-hero{min-height:600px;max-height:900px}
 .kh-hero-content{right:20px;left:20px;bottom:42px}
 .kh-hero-content h1{font-size:48px}.kh-hero-content>p{font-size:11px}
 .kh-hero-content nav a{font-size:11px;padding:12px 19px}
 .luxury-site .project-gallery{grid-template-columns:1fr;gap:25px}
}
@media(prefers-reduced-motion:reduce){html:has(.luxury-site){scroll-behavior:auto}}

/* Keep glyphs dark on the authentic orange hover fills. */
.luxury-site .pt-stage .pnlm-hotspot-base.pnlm-scene:hover:after,.luxury-site .dm-image-link:hover>span{color:var(--on-brand)}

/* map link on the office address (KIPCO Tower) */
.luxury-site address .map-link{color:inherit;transition:color .2s}.luxury-site address .map-link:hover,.luxury-site address .map-link:focus-visible{color:var(--brand)}.luxury-site address .map-link span{font-family:Arial,sans-serif}

/* MONDA media protection (owner request 15/11/2026) — keep. No dragging, selecting or iOS long-press saving of media. */
img,video,picture,canvas,.dm-image-link,.mp-card-image,.pnlm-container{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.home-page .mp-email{font-family:Arial,sans-serif;font-size:clamp(17px,1.6vw,24px);line-height:1.5}.home-page .mp-email:hover{color:var(--brand)}