:root{--bg:#080808;--gold:#c6a566;--cream:#f4eee3;--muted:#b6afa4;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.header{position:fixed;z-index:10;inset:0 0 auto;background:linear-gradient(#080808d9,transparent);transition:.25s}.header.scrolled{background:#080808ed;backdrop-filter:blur(12px);border-bottom:1px solid #c6a56633}.nav{min-height:132px;display:flex;align-items:center;justify-content:space-between}.brand{height:132px;width:190px;display:flex;align-items:center}.brand img{height:132px;width:auto;max-width:190px;object-fit:contain}.links{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.links a:hover,.active{color:var(--gold)}.outline{border:1px solid var(--gold);padding:11px 16px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:100vh;display:flex;align-items:flex-end;position:relative;background:linear-gradient(90deg,#000e,#0008 45%,#0003),linear-gradient(0deg,#0008,transparent 45%),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center 42%/cover no-repeat}.hero .content{padding:225px 0 95px;position:relative}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.3em;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.03em;margin:0}h1{font-size:clamp(55px,8vw,108px);max-width:900px;margin:20px 0}h2{font-size:clamp(40px,5vw,66px)}.gold{color:var(--gold)}.lead{max-width:620px;color:#ddd5c8;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid var(--gold);padding:13px 18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:.25s}.btn.primary{background:var(--gold);color:#080808}.btn:hover{transform:translateY(-2px)}.section{padding:105px 0}.cream{background:#f4eee3;color:#15130f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px}.copy{color:#756e64}.darkcopy{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;margin-top:60px}.card{min-height:420px;padding:40px;display:flex;align-items:flex-end;position:relative;overflow:hidden;border:1px solid #c6a56622}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,#0001),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover;transition:.7s}.card:nth-child(2):before{background-position:70% center;filter:saturate(.75)}.card:hover:before{transform:scale(1.035)}.card>div{position:relative}.card p{color:#d0c9bd;max-width:440px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#0002;margin-top:50px}.service{background:#faf7f0;padding:28px;min-height:190px;transition:.3s}.service:hover{transform:translateY(-4px)}.service h3{font-size:24px;margin:18px 0 8px}.service p{font-size:13px;color:#756e64}.num{color:#9a783c;font-size:11px}.banner{min-height:500px;display:flex;align-items:center;background:linear-gradient(90deg,#000d,#0004),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover}.banner p{max-width:580px;color:#ddd5c8}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#c6a56633;margin-top:50px}.step{padding:25px;background:#10100f;min-height:170px}.step strong{font:28px Georgia;color:var(--gold)}.step h3{font-size:21px;margin:15px 0 8px}.step p{font-size:12px;color:#aaa398}.pagehero{padding:240px 0 95px;background:linear-gradient(90deg,#000e,#0006),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover}.cta{padding:95px 0;background:linear-gradient(135deg,#b8904d,#dec78f);color:#090807}footer{padding:50px 0 25px;background:#050505;color:#aaa398;font-size:11px}.foot{display:flex;justify-content:space-between;gap:30px}.foot img{height:100px;width:auto}.reveal{opacity:0;transform:translateY(16px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:850px){.container{width:calc(100% - 30px)}.nav{min-height:92px}.brand,.brand img{height:92px}.links{display:none;position:absolute;top:105px;left:15px;right:15px;background:#090909;padding:22px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.hero{background:linear-gradient(90deg,#000d,#0004),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover}.hero .content{padding-top:175px}.grid2,.cards{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.pagehero{padding-top:180px}}@media(max-width:520px){h1{font-size:52px}.services,.process{grid-template-columns:1fr}.foot{display:block}.foot img{margin-bottom:20px}}

/* ===== World-Class V3: clean hero composition ===== */
.hero{
  background:#070707;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(4,4,4,.88) 27%,rgba(4,4,4,.45) 48%,rgba(4,4,4,.08) 78%,rgba(4,4,4,.30) 100%),
    url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover no-repeat;
  z-index:0;
}
.hero .content{
  z-index:2;
  max-width:820px;
}
.hero h1{
  font-size:clamp(52px,7.4vw,102px);
  max-width:820px;
  text-wrap:balance;
}
.hero .lead{
  max-width:560px;
}
.hero .eyebrow{
  position:relative;
}
.hero .content:after{
  content:"01";
  position:absolute;
  left:calc(100% + 120px);
  top:54%;
  color:rgba(198,165,102,.42);
  font:400 150px/1 Georgia,serif;
  pointer-events:none;
}
.banner{
  background:
    linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35)),
    url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center 57%/cover no-repeat;
}
.card:before{
  background:
    linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),
    url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover;
}
@media(max-width:850px){
 .hero:before{
   background:
     linear-gradient(90deg,rgba(4,4,4,.88),rgba(4,4,4,.35)),
     url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover no-repeat;
 }
 .hero .content:after{display:none}
}

/* ===== V4 photographic art direction ===== */
.pagehero{
  background:
    linear-gradient(90deg,rgba(4,4,4,.92) 0%,rgba(4,4,4,.64) 45%,rgba(4,4,4,.25) 100%),
    url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover no-repeat;
}
.banner{
  background:
    linear-gradient(90deg,rgba(4,4,4,.86),rgba(4,4,4,.32)),
    url("https://images.pexels.com/photos/10902474/pexels-photo-10902474.jpeg?cs=srgb&dl=pexels-christian-konopatzki-1923628-10902474.jpg&fm=jpg") center/cover no-repeat;
}
.card:nth-child(1):before{
  background:
    linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.08)),
    url("https://images.pexels.com/photos/35380759/pexels-photo-35380759.jpeg?cs=srgb&dl=pexels-zakariahanif-35380759.jpg&fm=jpg") center/cover;
}
.card:nth-child(2):before{
  background:
    linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.08)),
    url("https://images.pexels.com/photos/10902474/pexels-photo-10902474.jpeg?cs=srgb&dl=pexels-christian-konopatzki-1923628-10902474.jpg&fm=jpg") center/cover;
}
.services .service:nth-child(1){border-top:1px solid #c6a56655}
.services .service:nth-child(2){border-top:1px solid #c6a56655}
.services .service:nth-child(3){border-top:1px solid #c6a56655}
.services .service:nth-child(4){border-top:1px solid #c6a56655}

/* ===== Mobile / responsive stability pass ===== */
html,body{max-width:100%;overflow-x:hidden}
body.menu-open{overflow:hidden}
.menu{position:relative;z-index:101;cursor:pointer;line-height:1;padding:12px}
.header{z-index:100}
@media(max-width:850px){
  .container{width:calc(100% - 32px)}
  .nav{min-height:82px;height:82px}
  .brand{height:82px;width:auto;max-width:145px}
  .brand img{height:82px;width:auto;max-width:145px}
  .menu{display:grid;place-items:center;width:48px;height:48px;font-size:0}
  .menu::before{content:'☰';font-size:27px;line-height:1}
  .menu[aria-expanded="true"]::before{content:'×';font-size:34px;font-weight:300}
  .links{
    display:flex;
    position:fixed;
    z-index:99;
    top:82px;
    left:0;
    right:0;
    bottom:0;
    width:auto;
    min-height:calc(100svh - 82px);
    margin:0;
    padding:42px 32px 36px;
    background:rgba(8,8,8,.985);
    border-top:1px solid rgba(198,165,102,.22);
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
  }
  .links.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:none;
  }
  .links a{
    width:100%;
    padding:16px 0;
    font-size:12px;
    letter-spacing:.22em;
  }
  .links .outline{
    width:auto;
    margin-top:18px;
    padding:15px 20px;
  }
  .hero{
    min-height:100svh;
    align-items:flex-end;
  }
  .hero .content{
    width:100%;
    padding:150px 0 58px;
  }
  .hero h1{
    font-size:clamp(45px,13vw,60px);
    line-height:1.02;
    max-width:100%;
  }
  .hero .lead{font-size:15px;line-height:1.55;max-width:100%}
  .actions{gap:10px;margin-top:24px}
  .btn{padding:13px 15px}
  .section{padding:76px 0}
  .grid2{gap:36px}
  .cards{margin-top:42px;gap:16px}
  .card{min-height:390px;padding:28px}
  .card h2{font-size:clamp(36px,10vw,52px)}
  .services,.process{margin-top:36px}
  .service{min-height:0;padding:26px}
  .process{grid-template-columns:1fr}
  .step{min-height:0;padding:24px}
  .banner{min-height:430px;padding:76px 0}
  .pagehero{padding:160px 0 72px;min-height:0}
  .foot{gap:24px}
}
@media(max-width:520px){
  .container{width:calc(100% - 28px)}
  .brand,.brand img{height:76px;max-width:132px}
  .nav{height:76px;min-height:76px}
  .menu{width:44px;height:44px}
  .links{top:76px;min-height:calc(100svh - 76px);padding:34px 28px 28px}
  .hero .content{padding-top:132px;padding-bottom:50px}
  h2{font-size:clamp(38px,11vw,54px)}
  .hero h1{font-size:clamp(43px,12.5vw,54px)}
  .lead{font-size:14px}
  .actions{display:grid;grid-template-columns:1fr;width:100%}
  .btn{text-align:center;width:100%}
  .card{min-height:350px;padding:24px}
  .card h2{font-size:40px}
  .banner{min-height:390px}
}
@media(max-width:360px){
  .brand,.brand img{max-width:118px;height:70px}
  .nav{height:70px;min-height:70px}
  .links{top:70px;min-height:calc(100svh - 70px);padding:28px 24px}
  .hero .content{padding-top:118px}
  .hero h1{font-size:42px}
  .hero .lead{font-size:13px}
  .links a{padding:14px 0}
}
@media(orientation:landscape) and (max-width:850px){
  .hero{min-height:620px}
  .hero .content{padding-top:125px;padding-bottom:45px}
  .links{padding-top:26px}
}




/* ===== FINAL REAL PHOTOGRAPHY + GAP + IMAGE CLARITY FIX ===== */
.hero, .pagehero, .banner { background-color:#080808; }
/* Real Pexels photography: Dubai skyline at sunset (free to use) */
.hero { background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24)),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg"); background-position:center 48%; background-size:cover; background-repeat:no-repeat; }
.pagehero { background-image:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.24)),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg"); background-position:center 50%; background-size:cover; background-repeat:no-repeat; }
.banner { background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.20)),url("https://images.pexels.com/photos/36202142/pexels-photo-36202142.jpeg?cs=srgb&dl=pexels-rasul70-36202142.jpg&fm=jpg"); background-position:center 55%; background-size:cover; background-repeat:no-repeat; }
/* Real event photography */
.card:nth-child(1):before { background-image:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08)),url("https://images.pexels.com/photos/35380759/pexels-photo-35380759.jpeg?cs=srgb&dl=pexels-zakariahanif-35380759.jpg&fm=jpg"); background-position:center; background-size:cover; }
.card:nth-child(2):before { background-image:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08)),url("https://images.pexels.com/photos/37148620/pexels-photo-37148620.jpeg?cs=srgb&dl=pexels-asi-si-1613023633-37148620.jpg&fm=jpg"); background-position:center; background-size:cover; }
@media(max-width:850px){
  .hero{min-height:100svh;background-position:58% center;background-image:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.28)),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg")}
  .pagehero{background-position:58% center}
  .banner{background-position:55% center}
}
/* Root cause-safe feature image components. */
.uae-place{min-height:360px;position:relative;display:flex;align-items:flex-end;padding:40px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.10)),url("https://images.pexels.com/photos/34787060/pexels-photo-34787060.jpeg?cs=srgb&dl=pexels-nithindaison-34787060.jpg&fm=jpg") center/cover no-repeat}
.photo-feature{min-height:430px;position:relative;display:flex;align-items:flex-end;padding:40px;overflow:hidden}
/* Real, high-resolution Pexels event image */
.event-photo{background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.04)),url("https://images.pexels.com/photos/35380759/pexels-photo-35380759.jpeg?cs=srgb&dl=pexels-zakariahanif-35380759.jpg&fm=jpg") center 52%/cover no-repeat}
/* Real, high-resolution Pexels Dubai pool image; lighter overlay preserves photographic detail. */
.hospitality-photo{background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.06)),url("https://images.pexels.com/photos/10902474/pexels-photo-10902474.jpeg?cs=srgb&dl=pexels-christian-konopatzki-1923628-10902474.jpg&fm=jpg") center 56%/cover no-repeat; filter:none}
@media(max-width:850px){.uae-place{min-height:360px;padding:32px}.photo-feature{min-height:430px;padding:32px}.hospitality-photo{background-position:center 54%}}
@media(max-width:520px){.uae-place{min-height:300px;padding:28px}.photo-feature{min-height:320px;padding:28px}.hospitality-photo{min-height:340px;background-position:center 52%}}

/* ===== CSP-safe inline-style replacements ===== */
.section--flush-top{padding-top:0}
.feature-heading{color:#fff;max-width:680px}
.feature-heading--wide{color:#fff;max-width:720px}