/* Scoped opening: inherited Ascons charcoal, gold and Manrope.
   Layers within the isolated stage: scenes 0, contrast scrim 1, copy 2. */
.development-hero.luxury-hero{height:calc(100svh - 78px);min-height:570px;max-height:1080px;display:flex;flex-direction:column;background:#171c1b}
.landing-stage{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden}
.landing-scenes{position:absolute;inset:0;background:#252c29}
.landing-scene{position:absolute;inset:0;object-fit:cover;object-position:50% 48%;opacity:0;transition:opacity .3s ease;pointer-events:none}
.landing-scene.is-active{opacity:1}
.landing-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(12,19,16,.94),rgba(12,19,16,.58) 29%,transparent 70%),linear-gradient(90deg,rgba(12,19,16,.27),transparent 65%);pointer-events:none}
.development-hero.luxury-hero .hero-copy{position:absolute;top:auto;bottom:42px;left:5%;width:90%;z-index:2;padding:0;display:grid;grid-template-columns:1fr auto;column-gap:40px;align-items:end}
.development-hero.luxury-hero h1{font-size:clamp(52px,6.3vw,92px);line-height:1.02;letter-spacing:-.055em;margin:0 0 19px;grid-column:1;font-weight:400}
.development-hero.luxury-hero .hero-intro{grid-column:1;font-size:14px;line-height:1.7;color:#ecefe9;max-width:560px}
.development-hero.luxury-hero .hero-action{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin:0 0 4px}
.development-hero .hero-action .btn{white-space:nowrap}
.development-hero .hero-explore{color:#f3efe5}
.landing-footer{padding:15px 5% 13px;display:flex;align-items:center;gap:28px;background:#171c1b}
.scene-choices{display:flex;gap:27px;flex:1;min-width:0}
.scene-choice{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 8px;display:flex;align-items:center;gap:12px;color:#bfc6c0;font-size:12px;white-space:nowrap;min-height:52px;transition:color .2s,border-color .2s}
.scene-choice img{width:68px;height:40px;object-fit:cover;opacity:.6;transition:opacity .2s}
.scene-choice[aria-pressed="true"]{border-bottom-color:var(--intro-gold);color:var(--intro-ivory)}
.scene-choice[aria-pressed="true"] img,.scene-choice:hover img{opacity:1}
.scene-choice:hover{color:var(--intro-ivory)}
.scene-choice:active{transform:translateY(1px)}
.scene-choice:focus-visible{outline:2px solid var(--intro-gold);outline-offset:4px}
.landing-caption{font-size:11px;color:#bdc6bd;max-width:130px;line-height:1.6}
.intro-pending .landing-footer{visibility:hidden}
@media(min-width:761px) and (max-width:1150px){.scene-choices{gap:20px}.scene-choice img{width:50px;height:34px}.scene-choice{gap:9px}.landing-caption{max-width:100px;font-size:10px}.landing-footer{gap:16px}.development-hero.luxury-hero .hero-copy{column-gap:24px}}
@media(max-width:760px){
 .development-hero.luxury-hero{height:auto;min-height:0;max-height:none;display:flex;padding:0}
 .landing-stage{flex:none;padding-top:58vw;overflow:visible}
 .landing-scenes{height:58vw;inset:0 0 auto}
 .landing-scene{object-position:center}
 .landing-scrim{height:58vw;background:linear-gradient(0deg,#171c1b,transparent 35%)}
 .development-hero.luxury-hero .hero-copy{position:relative;inset:auto;width:auto;padding:6px 6% 24px;display:block}
 .development-hero.luxury-hero h1{font-size:clamp(42px,10.2vw,68px);line-height:1.06;margin-bottom:14px}
 .development-hero.luxury-hero .hero-intro{font-size:12px;line-height:1.7}
 .development-hero.luxury-hero .hero-action{margin-top:20px;flex-direction:row;gap:19px;align-items:center;flex-wrap:wrap}
 .development-hero.luxury-hero .btn.orange{padding:14px 17px;font-size:12px}
 .development-hero .hero-explore{font-size:11px}
 .landing-footer{padding:0 6% 20px;display:block}
 .scene-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .scene-choice{display:flex;flex-direction:column;gap:7px;align-items:stretch;white-space:normal;font-size:10px;line-height:1.4;padding-bottom:8px}
 .scene-choice img{width:100%;height:auto;aspect-ratio:2}
 .landing-caption{max-width:none;font-size:10px;margin-top:10px}
}
@media(min-width:761px) and (max-height:720px){.development-hero.luxury-hero{min-height:480px}.development-hero.luxury-hero h1{font-size:58px}.development-hero.luxury-hero .hero-copy{bottom:28px}}
@media(prefers-reduced-motion:reduce){.landing-scene,.scene-choice,.scene-choice img{transition:none}}

/* Fixed placement keeps the header stable while its background changes. */
body>header{position:fixed;inset:0 0 auto;width:100%;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .25s ease,border-color .25s ease}
body>header.is-scrolled,body>header:has(#navigation.open){background:#171c1bf5;border-bottom-color:#3d433c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body>header nav a{color:#f3efe5}
body>header nav a:hover{color:var(--intro-gold)}
.header-top-marker{position:absolute;top:0;left:0;width:1px;height:2px;pointer-events:none}
.development-hero.luxury-hero{height:100svh}
.landing-stage:after{content:"";position:absolute;inset:0 0 auto;height:160px;background:linear-gradient(180deg,rgba(12,19,16,.7),transparent);pointer-events:none;z-index:1}
@media(max-width:760px){.development-hero.luxury-hero{height:auto}.landing-stage{padding-top:calc(58vw + 70px)}.landing-scenes,.landing-scrim{height:calc(58vw + 70px)}}
@media(prefers-reduced-motion:reduce){body>header{transition:none}}