.hero-photo-frame{border-radius:24px}
.hero-photo-frame img{aspect-ratio:4/3;object-fit:contain}
.apartment-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.apartment-example{min-width:0}
.example-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:14px}
.example-heading h3{font-size:22px}
.example-index{font-size:12px;color:var(--teal)}
.apartment-example .comparison{aspect-ratio:1;background:#e9e3d8}
.apartment-example .comparison img{width:100%;height:100%;aspect-ratio:1;object-fit:contain}
.apartment-example .comparison-controls{gap:8px}
.apartment-example .compare-button{flex:1;min-width:0;padding-inline:10px;font-size:13px}
.apartment-example figcaption{font-size:14px;margin-top:14px;max-width:none}
.gallery-note{font-size:13px;line-height:1.6;margin-top:32px;max-width:760px}
.gallery-action{display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap;margin-top:24px}
.gallery-action>span{font-size:13px;color:var(--muted)}
@media(max-width:650px){.apartment-gallery{grid-template-columns:1fr;gap:32px}.example-heading h3{font-size:22px}.apartment-example figcaption{font-size:14px}.gallery-action{justify-content:center}.gallery-action .button{width:100%}.hero-photo-frame{border-radius:16px}}

.hero-comparison .comparison{aspect-ratio:4/3;margin-right:0;isolation:isolate}
.hero-comparison .comparison img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain}
.hero-comparison .comparison-controls{gap:8px}
.hero-comparison .compare-button{flex:1;min-width:0;padding-inline:10px;font-size:13px}
.hero-comparison figcaption{display:block;max-width:none;margin-top:12px;padding-top:0;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:600px){.hero-comparison figcaption{font-size:12px}.hero-comparison .comparison-label{font-size:11px}}