/* Three authored changes of scale. The approved hero and shared chrome are untouched. */
:root { --cinema-rule:#465158; --cinema-muted:#c5cdcf; --cinema-link:#f2a488; --cinema-space:clamp(48px,7vw,104px); }
.home-editorial .project-stage { background:var(--ink); color:var(--paper); padding-block:var(--cinema-space); }
.home-editorial .project-stage .home-feature { border:0; padding-block:0; }
.home-editorial .project-stage .home-kicker { color:var(--cinema-muted); }
.home-editorial .project-stage h2 { font-size:clamp(52px,8vw,112px); letter-spacing:-.04em; margin-bottom:48px; }
.home-editorial .project-stage .home-feature-grid { gap:clamp(28px,5vw,72px); align-items:center; }
.home-editorial .project-stage .home-photo img { aspect-ratio:2048/1301; object-fit:cover; }
.home-editorial .project-stage .home-facts { padding:0; }
.home-editorial .project-stage .home-facts dl div { border-color:var(--cinema-rule); padding-block:18px; }
.home-editorial .project-stage .home-facts dt,.home-editorial .project-stage figcaption { color:var(--cinema-muted); }
.home-editorial .project-stage .home-scope dd { font-size:18px; }
.home-editorial .project-stage .home-link { color:var(--cinema-link); }
.home-editorial .home-services { background:var(--paper); color:var(--ink); padding-block:64px; }
.home-editorial .home-service-grid article { border-color:var(--site-rule); }
.home-editorial .home-service-grid p { color:var(--site-muted); }
.home-editorial .home-service-grid h3 a:hover,.home-editorial .home-service-grid h3 a:focus-visible { color:var(--site-accent-text); }
.home-editorial .home-further { border-top:1px solid var(--site-rule); }
.home-editorial .home-support-grid .home-photo img { aspect-ratio:3/2; object-fit:cover; }
.inner-content .project-entry .project-main img,.inner-content #timber-square summary img { aspect-ratio:3/2; object-fit:cover; object-position:50% 50%; }
.inner-content [id="2-aldermanbury-square"] .project-main img { object-position:55% 50%; }

/* A real service-library photograph becomes the pause within the service directory. */
.inner-content .material-stage { background:var(--ink); color:var(--paper); margin-block:32px; }
.inner-content .material-stage .service-block { border:0; padding-block:var(--cinema-space); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:6%; align-items:center; }
.inner-content .material-stage h2 { font-size:clamp(46px,5.6vw,80px); line-height:1.02; letter-spacing:-.04em; max-width:11ch; }
.inner-content .material-stage .photo { max-width:800px; }
.inner-content .material-stage .photo .image-frame { background:var(--ink); }
.inner-content .material-stage .photo img { aspect-ratio:1; object-fit:contain; }
.inner-content .material-stage .photo figcaption,.inner-content .material-stage .directory-return { color:var(--cinema-muted); }
.inner-content .material-stage .link-arrow { color:var(--cinema-link); }
.inner-content .material-stage p { font-size:17px; }
.inner-content .material-stage li { color:var(--cinema-muted); }
.inner-content .material-stage li:before { color:var(--cinema-link); }
.material-stage a:focus-visible,.project-stage a:focus-visible { outline-color:var(--cinema-link); }

/* One expansive lead record; the rest of the collection stays compact. */
.inner-content .cinematic-collection > .project-entry:first-child { grid-column:1/-1; width:100%; max-width:none; border:0; background:var(--ink); color:var(--paper); padding:40px; }
.inner-content .cinematic-collection > .project-entry:first-child summary { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); grid-template-rows:auto auto auto 1fr; column-gap:48px; padding:0; }
.inner-content .cinematic-collection > .project-entry:first-child .image-frame { grid-column:1; grid-row:1/5; }
.inner-content .cinematic-collection > .project-entry:first-child summary .meta { grid-column:2; margin:12px 0 20px; color:var(--cinema-muted); }
.inner-content .cinematic-collection > .project-entry:first-child .summary-line { grid-column:2; align-items:start; }
.inner-content .cinematic-collection > .project-entry:first-child h2 { font-size:clamp(40px,5vw,72px); line-height:1.02; }
.inner-content .cinematic-collection > .project-entry:first-child .project-scope { grid-column:2; margin-top:28px; font-size:18px; }
.inner-content .cinematic-collection > .project-entry:first-child .disclosure-label { grid-column:2; align-self:end; margin-block:36px 12px; color:var(--cinema-link); }
.inner-content .cinematic-collection > .project-entry:first-child .project-body { border-color:var(--cinema-rule); margin-top:32px; max-width:760px; }
.inner-content .cinematic-collection > .project-entry:first-child .project-facts { border-color:var(--cinema-rule); }
.inner-content #timber-square .project-body > .project-facts:first-child { border-top:0; padding-top:0; }
.inner-content .cinematic-collection > .project-entry:first-child dt { color:var(--cinema-muted); }
.inner-content .cinematic-collection > .project-entry:first-child a { color:var(--cinema-link); }
.inner-content .cinematic-collection > .project-entry:first-child :focus-visible { outline-color:var(--cinema-link); }
@media(prefers-reduced-motion:no-preference) {
 /* One first-visit photographic settling movement; no loop or text animation. */
 .inner-content .material-stage .photo.revealing img { animation:material-settle 1200ms var(--ease-out) both; }
 @keyframes material-settle { from { transform:scale(1.025); opacity:.85; } to { transform:scale(1); opacity:1; } }
}
/* Supplied service photography retains its landscape composition at every breakpoint. */
.inner-content .service-block .photo.service-image img { aspect-ratio:4/3; object-fit:cover; }
@media(max-width:1000px) {
 .inner-content .cinematic-collection > .project-entry:first-child { padding:28px; }
 .inner-content .cinematic-collection > .project-entry:first-child summary { column-gap:28px; }
 .inner-content .cinematic-collection > .project-entry:first-child .project-scope { font-size:16px; }
}
@media(max-width:760px) {
 .home-editorial .project-stage h2 { font-size:clamp(48px,12vw,72px); margin-bottom:28px; }
 .home-editorial .project-stage .home-feature-grid { gap:28px; }
 .home-editorial .project-stage .home-facts dl div { padding-block:12px; }
 .home-editorial .project-stage .home-scope dd { font-size:16px; }
 .home-editorial .home-services { padding-block:32px 20px; }
 .inner-content .material-stage .service-block { grid-template-columns:1fr; gap:32px; }
 .inner-content .material-stage .service-description { display:contents; }
 .inner-content .material-stage h2 { font-size:clamp(44px,12vw,64px); max-width:12ch; }
 .inner-content .material-stage .service-description h2 { grid-column:1; grid-row:1; margin:0; }
 .inner-content .material-stage .service-description > p { grid-column:1; grid-row:3; margin:0; }
 .inner-content .material-stage .service-description > ul { grid-column:1; grid-row:4; margin:0; }
 .inner-content .material-stage .related-links { grid-column:1; grid-row:5; }
 .inner-content .material-stage .photo { grid-column:1; grid-row:2; max-width:800px; }
 .inner-content .cinematic-collection > .project-entry:first-child { padding:20px; }
 .inner-content .cinematic-collection > .project-entry:first-child summary { display:block; }
 .inner-content .cinematic-collection > .project-entry:first-child summary .meta { margin-top:24px; }
 .inner-content .cinematic-collection > .project-entry:first-child h2 { font-size:clamp(36px,10vw,48px); }
 .inner-content .cinematic-collection > .project-entry:first-child .project-scope { margin-top:20px; }
 .inner-content .cinematic-collection > .project-entry:first-child .disclosure-label { margin-block:24px 4px; }
}