/* Brighter white surfaces and lighter photographic overlays. */
:root{--white:#fff;--ivory:#fcfcfb;--line:#e4e8ea;color-scheme:light;background:#fff}
body,.site-header,footer,.ivory,.filters,.detail-panel,#home-developments{background:#fff}
.hero .hero-shade,.hero.motion-ready .hero-shade{background:linear-gradient(90deg,#07152466,#07152416 65%,transparent)}
.hero-copy{text-shadow:0 2px 18px #10202d50}
.development-scene .scene-shade{background:linear-gradient(180deg,transparent 20%,#0918200a 45%,#09182040 100%)}
.development-index .site-header{position:relative;background:#fff;color:var(--ink)}
.development-index .brand img{content:normal;background:transparent}
.development-index .menu-trigger{border-color:var(--line)}
.development-index .menu-trigger:hover,.development-index .site-menu[open] .menu-trigger{background:#f7f9fa}
.development-scene .home-project-caption{text-shadow:0 2px 15px #0009;max-width:680px}
.development-scene .home-project-caption h2,.development-scene .home-project-caption h3{font-size:clamp(34px,4.8vw,64px);letter-spacing:.08em;text-transform:uppercase}
.development-scene .home-project-caption .scene-developer{font-size:14px;letter-spacing:.25em;margin:24px 0 0;font-weight:500}
.development-scene .home-project-caption .scene-location{margin-top:14px}
.development-scene .home-project-caption .scene-project-logo{display:block;width:auto;height:auto;max-width:min(340px,70vw);max-height:190px;object-fit:contain;margin:auto;background:transparent;filter:brightness(0) invert(1) drop-shadow(0 2px 8px #0005);padding:0}
.scene-discover{background:#ffffffed;color:#172c3f;border-color:#ffffffa0;text-shadow:none;backdrop-filter:blur(6px)}
.scene-discover:hover{background:#fff;color:#172c3f;border-color:#fff}
.social-icons svg{transform:scale(.65);transform-origin:center}
@media(max-width:700px){
 .development-scene .home-project-caption h2,.development-scene .home-project-caption h3{font-size:clamp(28px,8vw,44px)}
 .development-scene .home-project-caption .scene-project-logo{max-width:65vw;max-height:150px}
 .development-scene .home-project-caption .scene-developer{font-size:13px;margin-top:20px}
 .hero .hero-copy{text-shadow:none}
}

/* Keep the hero copy on the film at mobile widths, as on desktop. */
@media(max-width:600px){
 .hero{display:flex;align-items:center;aspect-ratio:1;min-height:440px;overflow:hidden;isolation:isolate}
 .hero .hero-media{position:absolute;inset:0;aspect-ratio:auto;z-index:-1;isolation:isolate}
 .hero .hero-copy{position:relative;z-index:1;color:#fff;padding-block:24px;text-shadow:0 2px 15px #07152480}
 .hero .hero-copy h1,.hero .hero-copy p:not(.eyebrow),.hero .hero-copy .hero-tagline{color:#fff}
 .hero .hero-copy .actions{margin-top:20px;gap:10px}
 .hero .hero-copy .button{background:#fff;color:#102c48;border-color:#fff}
 .hero .hero-copy .button.outline{background:#102c4830;color:#fff;border-color:#fff}
 .hero .hero-caption{top:auto;bottom:10px}
 .hero .hero-shade,.hero.motion-ready .hero-shade{background:linear-gradient(90deg,#07152480,#07152420)}
}
