/* One atmospheric field beneath the editorial surfaces; photography keeps its own pixels. */
body{isolation:isolate;background:#202725}
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:#272d2b}
.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(37,50,50,.62) 5%,transparent 38%,rgba(134,103,74,.24) 57%,rgba(17,38,44,.48) 86%);opacity:.52;transform:translate3d(0,0,0)}
.site-atmosphere__light{inset:-18%;background:linear-gradient(109deg,transparent 18%,rgba(205,182,143,0) 35%,rgba(224,202,165,.19) 48%,rgba(145,175,177,.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(243,240,233,.93);color:#262825;--muted:#625e55;--copper:#79573f;--line:#534d432d}
body>main>.residences{background:rgba(243,240,233,.925)}
body>main>.spaces{background:rgba(243,240,233,.935)}
body>main>.project .project__description{color:#5e5b53}
body>main>.spaces .gallery__filters button{color:#615c53}
body>main>.spaces .gallery__filters button[aria-pressed=true]{color:#252723}
body>main>.outdoor{position:relative;isolation:isolate;background:rgba(48,41,35,.94);color:#f1e9df;--muted:#c4b49f;--copper:#d1baa2}
body>.footer{isolation:isolate;background:rgba(31,38,35,.955);color:#f1e9df}

/* 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(243,240,233,.95)}
  body>main>.outdoor{background-color:rgba(48,41,35,.95)}
  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:#f3f0e9}
  body>main>.outdoor{background:#302923}
  body>.footer{background:#1f2623}
  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}}