.cs-index{max-width:1200px;margin:0 auto;padding:0 24px 56px;color:#212445}.cs-intro{max-width:780px;margin-bottom:40px}.cs-intro>span,.cs-copy>span{text-transform:uppercase;letter-spacing:.08em;font-size:13px}.cs-intro h1{font-size:clamp(40px,6vw,64px);margin:12px 0 20px}.cs-index p{font-size:18px;line-height:1.6}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-card{border:1px solid #d9dbe3;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.cs-image{display:block;background:#212445;padding:24px;height:340px}.cs-image img{display:block;width:100%;height:100%;object-fit:contain}.cs-copy{padding:28px;flex:1}.cs-copy h2{font-size:30px;margin:12px 0 18px}.cs-copy a{color:inherit;font-size:inherit}.cs-copy h2 a{text-decoration:none}.cs-read{font-weight:600;text-underline-offset:5px}.cs-enquire{background:#e0ebd0;border-radius:24px;margin-top:40px;padding:32px}.cs-enquire a{display:inline-block;color:#212445;font-size:17px;margin:8px 24px 0 0;font-weight:600}.cs-index a:focus-visible{outline:3px solid #468334;outline-offset:5px}@media(max-width:700px){.cs-index{padding:0 16px 40px}.cs-grid{grid-template-columns:1fr}.cs-image{height:280px}.cs-copy{padding:24px}}

.cs-image:has(img[src$="72-broadwick-street-office-entrance.jpg"]){padding:0;}
.cs-image img[src$="72-broadwick-street-office-entrance.jpg"]{object-fit:cover;object-position:center 32%;}

.cs-image:has(img[src$="hurlingham-court-entrance.jpg"]){padding:0;}
.cs-image img[src$="hurlingham-court-entrance.jpg"]{object-fit:cover;object-position:center 55%;}

/* Lead with the installed equipment, alongside the building it serves. */
.cs-image { position:relative; height:390px; display:grid; grid-template-columns:44% 56%; gap:0; padding:0; overflow:hidden; }
.cs-image > img { grid-column:2; width:100%; height:100%; min-width:0; object-fit:cover; }
.cs-panel { position:relative; grid-column:1; grid-row:1; display:block; width:100%; height:100%; overflow:hidden; background:#e8e6e0; border-right:4px solid #fff; }
.cs-panel-photo { display:block; position:absolute; inset:0; overflow:hidden; }
.cs-panel img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; }
.cs-panel-broadwick img { object-position:65% 75%; transform:translateY(-20px) scale(1.05); filter:brightness(1.05) contrast(1.08); transform-origin:65% 45%; }
.cs-panel-hurlingham img { object-position:32% 75%; transform:translateY(-32px) scale(1.7); filter:brightness(1.08) contrast(1.08); transform-origin:25% 80%; }
@media(max-width:700px) {
 .cs-image { height:340px; grid-template-columns:44% 56%; }
}
@media(max-width:420px) {
 .cs-image { height:280px; }
}

.cs-image > img[src$="hurlingham-court-entrance.jpg"] {object-position:center 65%;filter:brightness(1.06) contrast(1.04) saturate(1.04);}