/* Architectural header, scoped to the homepage. The JPG is shown in full.
   #2e3726 matches its existing background; the original image is unmodified. */
.immersive-home .nav-wrap{padding-top:0;--header-olive:#2e3726}
.immersive-home .nav{isolation:isolate;height:128px;padding:8px clamp(28px,4.5vw,76px);background:transparent;--fold-start:calc(clamp(28px,4.5vw,76px) + 252px);--fold-depth:44px}
/* One continuous silhouette: deep logo bay, rising diagonal, shallow nav bar.
   Only the background is clipped, keeping links and dropdown fully accessible. */
.immersive-home .nav::before{content:'';position:absolute;z-index:-1;inset:0;background:var(--header-olive);border-radius:0;pointer-events:none}
.immersive-home .nav > a:first-child{position:static;display:flex;align-items:center;flex:0 0 234px;width:234px;height:auto;overflow:visible}
.immersive-home .nav .logo-img{position:static;display:block;width:234px;height:auto;max-width:100%;object-fit:contain;transform:none}
.immersive-home .homepage-header-wordmark{display:flex;flex-direction:column;align-items:center;width:144px;gap:8px;line-height:1}
.immersive-home .homepage-header-wordmark .logo-mark{font:400 42px/1 'Marcellus',serif;letter-spacing:.16em;color:#fff;white-space:nowrap}
.immersive-home .homepage-header-wordmark .logo-sub{display:block;width:100%;text-align:center;font:400 9.9px/1 'Marcellus',serif;letter-spacing:.8em;color:#D9B475;-webkit-text-stroke:.3px currentColor;white-space:nowrap}
.immersive-home .nav-links{color:#e9e1d1}
.immersive-home .nav-links a:hover{color:#D9B475;border-color:#D9B475}
.immersive-home .nav-links .nav-cta{color:#f2eee4;border-color:#d9cba366}
.immersive-home .nav-links .nav-cta:hover{color:#fffaf0;background:#ffffff0a;border-color:#D9B475}
.immersive-home .amos-footer__links a:hover{color:#D9B475;border-bottom-color:#D9B475}
.immersive-home .nav-toggle span{background:#e9e1d1}
.estate-hero{height:calc(100svh - 128px);min-height:0;margin-top:0}
.estate-hero__photo{object-position:50% 49%}
.estate-hero::after{background:linear-gradient(to top,rgba(16,26,14,.72),rgba(16,26,14,.34) 23%,rgba(16,26,14,.08) 44%,transparent 62%)}
.estate-hero h1{text-shadow:0 3px 18px rgba(16,26,14,.68),0 1px 4px rgba(16,26,14,.86)}
@media(min-width:901px) and (max-width:1100px){.estate-hero__photo{object-position:43% 46%}}
@media(max-width:900px){
 .immersive-home .nav-wrap{padding-top:0}
 .immersive-home .nav{height:104px;padding:8px 24px;--fold-start:234px;--fold-depth:34px}
 .immersive-home .nav::before{border-radius:0}
 .immersive-home .estate-hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
 .immersive-home .nav > a:first-child{flex-basis:189px;width:189px;height:auto}
 .immersive-home .nav .logo-img{width:189px;height:auto}
 .immersive-home .homepage-header-wordmark{width:130px;gap:7px}
 .immersive-home .homepage-header-wordmark .logo-mark{font-size:38px}
 .immersive-home .nav-links{background:var(--header-olive);color:#e9e1d1;box-shadow:none;border-radius:0 0 14px 14px}
 .immersive-home .nav-links a{border-bottom-color:#e9e1d126}
 .estate-hero{height:calc(100svh - 104px);min-height:0}
 .estate-hero__photo{object-position:35% 46%}
}
@media(max-width:480px){
 .immersive-home .nav{padding:8px 16px;--fold-start:177px;--fold-depth:30px;height:100px}
 .immersive-home .nav > a:first-child{flex-basis:177px;width:177px}
 .immersive-home .nav .logo-img{width:177px;height:auto}
 .estate-hero{height:calc(100svh - 100px);min-height:0}
 .estate-hero__photo{object-position:29% 44%}
}

/* Full-viewport hero: the navigation floats over the photograph instead of
   taking a separate band above it. Keep every hero element inside one screen. */
.immersive-home .nav-wrap{
  position:relative;
  height:100svh;
  min-height:0;
  overflow:hidden;
  background:#182116;
}
.immersive-home .nav{
  position:absolute;
  z-index:10;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:128px;
  background:rgba(18,27,17,.24);
  border-bottom:1px solid rgba(242,238,228,.18);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
}
.immersive-home .nav::before{display:none}
.estate-hero{
  height:100%;
  min-height:0;
  max-height:none;
  margin:0;
}
.estate-hero__photo{object-position:50% 50%}
.estate-hero__information{bottom:0}

/* Match the space around the Way We Work panel to the Life in Dubai Hills
   section; the panel's own beige treatment remains unchanged. */
.immersive-home .about{background:#D8CEB7}

@media(max-width:900px){
 .immersive-home .nav{
   height:104px;
   background:rgba(18,27,17,.28);
   border-bottom-color:rgba(242,238,228,.16);
 }
 .immersive-home .nav-links{background:var(--header-olive);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .immersive-home .nav-toggle span{background:#f2eee4}
 .estate-hero{height:100%;min-height:0}
 .estate-hero__photo{object-position:35% 50%}
}

@media(max-width:480px){
 .immersive-home .nav{height:100px;background:rgba(18,27,17,.3)}
 .estate-hero{height:100%;min-height:0}
 .estate-hero__photo{object-position:29% 50%}
}

/* Restore the darker AMOS nav treatment, with a restrained tonal gradient. */
.immersive-home .nav{
  background:linear-gradient(112deg,#2e3726 0%,#293321 54%,#1c2519 100%);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.immersive-home .nav-links{
  font-family:'Marcellus',serif;
  font-size:19.2px;
}
@media(max-width:900px){
 .immersive-home .nav-links{font-size:18px}
}

/* Refined hero audience row: quiet label, fine champagne outlines, and
   transparent pills that keep the existing information-row geometry. */
.estate-hero__information .estate-note__services{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  color:rgba(242,238,228,.78);
}
.estate-hero__information .estate-note__services .estate-note__label{
  flex:0 0 auto;
  color:#d9cba3;
  opacity:1;
  font-size:11px;
  letter-spacing:.16em;
  line-height:1;
  white-space:nowrap;
}
.estate-hero__information .estate-note__services .estate-note__label b{
  font-size:13px;
  font-weight:400;
  letter-spacing:0;
}
.estate-hero__information .estate-note__services a{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border:1px solid rgba(217,203,163,.42);
  border-radius:999px;
  background:transparent;
  color:rgba(242,238,228,.78);
  font-size:11px;
  line-height:1.1;
  letter-spacing:.08em;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease;
}
.estate-hero__information .estate-note__services a:hover{
  border-color:rgba(217,180,117,.72);
  background:rgba(217,180,117,.1);
  color:#f2eee4;
}
@media(max-width:1100px){
 .estate-hero__information .estate-note__services{gap:7px 9px}
 .estate-hero__information .estate-note__services a{padding:6px 11px;font-size:9px}
}
@media(max-width:900px){
 .estate-hero__information .estate-note__services{gap:9px 8px}
 .estate-hero__information .estate-note__services .estate-note__label{font-size:9px}
 .estate-hero__information .estate-note__services a{padding:6px 10px;font-size:9px}
}
@media(max-width:480px){
 .estate-hero__information .estate-note__services{gap:8px 6px}
 .estate-hero__information .estate-note__services .estate-note__label{font-size:8px;letter-spacing:.12em}
 .estate-hero__information .estate-note__services a{padding:6px 9px;font-size:8px}
}

.immersive-home .estate-hero{z-index:1}

/* Reversible large-desktop experiment: give the photograph more vertical presence. */
@media(min-width:1600px){.estate-hero{height:calc(100svh - 20px);max-height:none}}

/* Approved homepage-reference.png: large title and integrated information row. */
.estate-hero__content{bottom:clamp(146px,9.2vw,172px);align-items:flex-end}
.estate-hero h1{max-width:none;font-size:clamp(39px,5.4vw,93px);line-height:.92;letter-spacing:-.045em;white-space:nowrap}
.estate-hero__intro{flex:0 1 340px;padding-bottom:0}
.estate-hero__statement{font-family:'Marcellus',serif;font-size:clamp(22px,1.45vw,24px);font-weight:400;line-height:1.4;margin-bottom:16px;text-shadow:0 2px 12px rgba(16,26,14,.7),0 1px 3px rgba(16,26,14,.82)}
.estate-hero__description{max-width:340px;font-size:clamp(16px,calc(1vw + 2px),20px);line-height:1.65}
.estate-hero__information{position:absolute;left:clamp(28px,4.5vw,76px);right:clamp(28px,4.5vw,76px);bottom:0;min-height:112px;display:flex;align-items:center;gap:clamp(24px,3.5vw,64px);border-top:1px solid rgba(233,225,209,.48);color:#d9b475}
.estate-hero__information .estate-note__services{flex:1;gap:clamp(10px,1.15vw,21px);align-items:center;font-size:clamp(11px,.9vw,16px);letter-spacing:0}
.estate-hero__information .estate-note__services span{color:inherit;opacity:.7}
.estate-hero__information .estate-note__credentials{flex:none;display:flex;gap:0;align-items:center}
.estate-hero__information .estate-note__credentials p{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 clamp(22px,1.9vw,34px);font-size:clamp(8px,.65vw,11px);line-height:1.3;letter-spacing:.11em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#d9cba3}
.estate-hero__information .estate-note__credentials p:first-child{border-right:1px solid #d9cba344}
.estate-hero__information .estate-note__credentials strong{font-family:'Marcellus',serif;font-size:clamp(29px,2.25vw,40px);font-weight:400;line-height:1;letter-spacing:-.04em;color:#d9b475}
@media(min-width:901px){
 .immersive-home .nav-wrap{padding-left:0;padding-right:0;--home-content-gutter:max(clamp(28px,4.5vw,76px),calc((100% - 1600px) / 2))}
 .immersive-home .nav{max-width:none;padding-left:var(--home-content-gutter);padding-right:var(--home-content-gutter)}
 .estate-hero{width:100%;max-width:none;margin-left:0;margin-right:0}
 .estate-hero__content,.estate-hero__information{left:var(--home-content-gutter);right:var(--home-content-gutter)}
}
@media(min-width:901px) and (max-width:1100px){
 .estate-hero h1{font-size:clamp(53px,5.4vw,75px)}
 .estate-hero__intro{flex-basis:270px}
 .estate-hero__information{gap:18px}
 .estate-hero__information .estate-note__services{gap:9px;font-size:11px}
 .estate-hero__information .estate-note__credentials p{padding:0 16px;font-size:8px}
}
@media(max-width:900px){
 .estate-hero h1{font-size:clamp(45px,5.4vw,63px)}
 .estate-hero__content{bottom:188px}
 .estate-hero__intro{max-width:360px;margin-top:24px}
 .estate-hero__statement{font-size:21px;margin-bottom:8px}
 .estate-hero__description{font-size:16px}
 .estate-hero__information{min-height:155px;display:grid;grid-template-columns:1fr;gap:18px 20px;padding:20px 0}
 .estate-hero__information .estate-note__services{grid-column:1 / -1;gap:13px;font-size:12px}
 .estate-hero__information .estate-note__credentials{justify-content:flex-start}
 .estate-hero__information .estate-note__credentials p{padding:0 22px;font-size:9px}
 .estate-hero__information .estate-note__credentials p:first-child{padding-left:0}
 .estate-hero__information .estate-note__credentials strong{font-size:30px}
}
@media(max-width:480px){
 .estate-hero h1{font-size:clamp(29px,6.8vw,39px)}
 .estate-hero__content{bottom:192px}
 .estate-hero__statement{font-size:19px}
 .estate-hero__description{font-size:14px}
 .estate-hero__information{left:24px;right:24px;gap:18px 8px;min-height:160px}
 .estate-hero__information .estate-note__services{gap:7px;font-size:10px}
 .estate-hero__information .estate-note__credentials p{padding:0 12px;font-size:7px;letter-spacing:.06em;gap:7px}
 .estate-hero__information .estate-note__credentials strong{font-size:26px}
}

/* Final hero refinements: keep these after the legacy responsive rules so the
   requested typography and audience-row treatment remain consistent. */
.estate-hero::after{background:linear-gradient(to top,rgba(16,26,14,.72),rgba(16,26,14,.34) 23%,rgba(16,26,14,.08) 44%,transparent 62%)}
.estate-hero__statement{font-family:'Marcellus',serif;font-size:clamp(22px,1.45vw,24px);font-weight:400;line-height:1.4;margin-bottom:16px;text-shadow:0 2px 12px rgba(16,26,14,.7),0 1px 3px rgba(16,26,14,.82)}
.estate-hero__information .estate-note__services{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  color:rgba(242,238,228,.78);
}
@media(max-width:900px){
 .estate-hero__information .estate-note__services{justify-content:flex-end;text-align:right}
}
.estate-hero__information .estate-note__services .estate-note__label{
  flex:0 0 auto;
  color:#d9b475;
  font-size:11px;
  letter-spacing:.16em;
  line-height:1;
  white-space:nowrap;
}
.estate-hero__information .estate-note__services .estate-note__label b{font-size:13px;font-weight:400;letter-spacing:0;color:#d9cba3}
.estate-hero__information .estate-note__services a{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border:1px solid rgba(217,203,163,.42);
  border-radius:999px;
  background:transparent;
  color:rgba(242,238,228,.78);
  font-size:11px;
  line-height:1.1;
  letter-spacing:.08em;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease;
}
.estate-hero__information .estate-note__services a:hover{border-color:rgba(217,180,117,.72);background:rgba(217,180,117,.1);color:#f2eee4}
@media(max-width:1100px){
 .estate-hero__information .estate-note__services{gap:7px 9px}
 .estate-hero__information .estate-note__services a{padding:7px 13px;font-size:10px}
}
@media(max-width:900px){
 .estate-hero__statement{font-size:22px;margin-bottom:12px}
 .estate-hero__information .estate-note__services{gap:9px 8px}
 .estate-hero__information .estate-note__services .estate-note__label{font-size:10px}
 .estate-hero__information .estate-note__services a{padding:7px 12px;font-size:10px}
}
@media(max-width:480px){
 .estate-hero__statement{font-size:22px;margin-bottom:12px}
 .estate-hero__information .estate-note__services{gap:8px 6px}
 .estate-hero__information .estate-note__services .estate-note__label{font-size:9px;letter-spacing:.12em}
 .estate-hero__information .estate-note__services a{padding:7px 10px;font-size:9px}
}