/* Portrait 3:4 architectural sequence using REFINED project content. */
.development-scenes{display:grid;gap:28px;background:#fff}
.development-scene{position:relative;isolation:isolate;width:min(100%,660px);aspect-ratio:3/4;height:auto;min-height:0;max-height:none;margin-inline:auto;overflow:hidden;color:#fff;scroll-margin-top:0}
.development-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c17202b 0%,#06121c08 30%,#06121c26 60%,#06121c8c 100%);pointer-events:none}
.development-scene .home-project-caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:white;padding:0;max-width:850px;width:88%;text-shadow:0 2px 22px #0008}
.development-scene .scene-developer{font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:white;margin:0 0 18px}
.development-scene .home-project-caption h2,.development-scene .home-project-caption h3{font-family:SangBleu,Georgia,serif;font-weight:300;font-size:clamp(38px,5.5vw,78px);line-height:1.08;letter-spacing:.02em;max-width:none;margin:0;text-wrap:balance}
.development-scene .home-project-caption h2 a,.development-scene .home-project-caption h3 a{display:inline;color:inherit;text-decoration:none}
.development-scene .home-project-caption .scene-location{font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:.1em;color:#fff;margin:20px 0 0}
.scene-discover{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);min-width:240px;max-width:80%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:30px;padding:10px 26px;background:#101a22b8;border:1px solid #ffffff55;color:#fff;font-size:16px;text-align:center;backdrop-filter:blur(10px);transition:background .2s}
.scene-discover:hover{background:#101a22ed;border-color:#fff}
.scene-discover:focus-visible,.development-scene a:focus-visible{outline:2px solid white;outline-offset:5px}
#home-developments .home-image-panels{display:block;background:transparent}
.development-index .site-header{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#10202d80,#10202d25);color:white}
.development-index .brand img{content:url('/assets/refined-official-logo-ivory.svg');background:transparent}
.development-index .menu-trigger{border-color:#ffffff80}
.development-index .site-menu #navigation{color:var(--ink);background:var(--white)}
.development-index .menu-trigger:hover,.development-index .site-menu[open] .menu-trigger{background:#ffffff18}
.development-index .collection-index{border-block:1px solid var(--line);padding-block:40px}
.collection-index>p{font-size:15px;max-width:850px}
.collection-index details summary{min-height:48px;cursor:pointer;font-size:18px}
.collection-index nav{display:flex;flex-wrap:wrap;justify-content:flex-start;border:0;padding:20px 0;gap:10px 22px}
.collection-index nav a{font-size:15px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
@media(max-width:700px){.development-scene{min-height:0;max-height:none}.development-scene .home-project-caption{width:88%}.development-scene .home-project-caption h2,.development-scene .home-project-caption h3{font-size:clamp(34px,9vw,54px)}.development-scene .scene-developer,.development-scene .home-project-caption .scene-location{font-size:13px}.scene-discover{bottom:8%;min-width:210px;font-size:16px}.collection-index nav{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.scene-discover{transition:none}}

.scene-discover span{font-family:Arial,sans-serif}

#home-developments .home-image-panels{display:grid;gap:28px}