/* One atmospheric field beneath the editorial surfaces; photography keeps its own pixels. */
body{isolation:isolate;background:#1a0f03}
body>main,body>.footer{position:relative;z-index:1}
.site-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint;isolation:isolate;background-color:#1e1206}
.site-atmosphere__crystal,.site-atmosphere__veil,.site-atmosphere__light{position:absolute;inset:-10% -8%;pointer-events:none;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}
.site-atmosphere__crystal{background:url(assets/crystal/azimute-crystal-universe.webp) 52% 48%/cover no-repeat;opacity:.68;transform:translate3d(0,0,0) scale(1.025)}
.site-atmosphere__veil{inset:-12%;background:linear-gradient(117deg,rgba(45,30,15,.62) 5%,transparent 38%,rgba(168,114,70,.24) 57%,rgba(30,18,6,.48) 86%);opacity:.52;transform:translate3d(0,0,0)}
.site-atmosphere__light{inset:-18%;background:linear-gradient(109deg,transparent 18%,rgba(223,184,142,0) 35%,rgba(247,223,191,.19) 48%,rgba(180,140,100,.075) 61%,transparent 77%);opacity:.45;transform:translate3d(0,0,0)}
.site-atmosphere.is-resting>div{will-change:auto}

/* Mineral paper is deliberately opaque enough to keep every small label readable. */
body>main>.project,body>main>.residences,body>main>.spaces{position:relative;isolation:isolate;background:rgba(247,223,191,.96);color:#1a0f03;--muted:#735942;--copper:#9a6e45;--line:rgba(74,42,14,0.16)}
body>main>.residences{background:rgba(247,223,191,.95)}
body>main>.spaces{background:rgba(247,223,191,.96)}
body>main>.project .project__description{color:#68503b}
body>main>.spaces .gallery__filters button{color:#735942}
body>main>.spaces .gallery__filters button[aria-pressed=true]{color:#1a0f03}
body>main>.outdoor{position:relative;isolation:isolate;background:rgba(38,22,8,.96);color:#f7dfbf;--muted:#cbb49c;--copper:#dfb88e}
body>.footer{isolation:isolate;background:rgba(21,13,2,.97);color:#f7dfbf}

/* Short tonal bridges sit in section padding, behind the copy, never over images. */
body>main>.project:before,body>main>.residences:before,body>main>.outdoor:before,body>main>.spaces:before,body>.footer:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:clamp(30px,4.2vw,62px);pointer-events:none}
body>main>.project:before{background:linear-gradient(180deg,rgba(165,135,99,.10),rgba(165,135,99,0))}
body>main>.residences:before{background:linear-gradient(180deg,rgba(154,129,98,.11),rgba(154,129,98,0))}
body>main>.outdoor:before{background:linear-gradient(180deg,rgba(188,158,121,.13),rgba(188,158,121,0))}
body>main>.spaces:before{background:linear-gradient(180deg,rgba(158,137,111,.09),rgba(158,137,111,0))}
body>.footer:before{height:clamp(28px,3.6vw,54px);background:linear-gradient(180deg,rgba(188,158,121,.12),rgba(188,158,121,0))}

@media(max-width:700px){
  .site-atmosphere__crystal{background-position:58% 50%}
  body>main>.project,body>main>.residences,body>main>.spaces{background-color:rgba(247,223,191,.97)}
  body>main>.outdoor{background-color:rgba(38,22,8,.97)}
  body>main>.project:before,body>main>.residences:before,body>main>.outdoor:before,body>main>.spaces:before,body>.footer:before{height:28px}
}
@media(prefers-reduced-motion:reduce){
  .site-atmosphere>div{transform:none!important;will-change:auto}
}
@media(prefers-contrast:more){
  body>main>.project,body>main>.residences,body>main>.spaces{background:#f7dfbf}
  body>main>.outdoor{background:#261608}
  body>.footer{background:#150d02}
  body>main>.project:before,body>main>.residences:before,body>main>.outdoor:before,body>main>.spaces:before,body>.footer:before{display:none}
}
@media print{.site-atmosphere{display:none}}