/* "Why we built it": one still of the Entrance Hall beside the text (Akram 2026-11-02: one slide, no other images, no scroll effect) */
.ph1{background:var(--room-story,#14110E);padding-block:clamp(6rem,10vw,12rem)}
.ph1__grid{display:grid;gap:clamp(3rem,5vw,7rem);align-items:center}
.ph1__pic{margin:0}
.ph1__pic img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;box-shadow:0 2.4rem 6rem rgb(5 4 3 / .55),inset 0 0 0 1px var(--line,#3A3229)}
.ph1__pic figcaption{margin-top:1.2rem;font:500 1.15rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-low,#9C917E)}
.ph1__text .h2-sent{margin:1.2rem 0 3.2rem;color:var(--tx-hi,#EFE6D3);max-width:18ch}
.ph1__pillars{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ph1__pillars li{padding:1.8rem 0;border-top:1px solid var(--line,#3A3229)}
.ph1__pillars li:last-child{border-bottom:1px solid var(--line,#3A3229)}
.ph1__pillars h3{margin:0 0 .6rem;font:500 clamp(1.8rem,1.6vw,2.2rem)/1.1 var(--serif);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-hi,#EFE6D3)}
.ph1__pillars p{margin:0;font:400 clamp(1.5rem,1.15vw,1.7rem)/1.55 var(--sans);color:var(--tx-mid,#C2B6A0);max-width:44ch}
@media (min-width:900px){.ph1__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
/* tidy: the whole section reads in one screen on short laptops */
.ph1{padding-block:clamp(4rem,7vh,9rem)}
.ph1__text .h2-sent{font-size:clamp(2.8rem,2.9vw,4.6rem);line-height:1.12;margin:1rem 0 2.2rem;max-width:20ch}
.ph1__pillars li{padding:1.3rem 0}
.ph1__pic img{max-height:72vh}