/* ls-image-expand v2 — homepage expanding image. 2026-09-28. Per-image framing via --ls-expand-pos and --ls-expand-ratio (set inline on .ls-expand). Consolidate into ls-styles.css at the end of development. */
.ls-expand { position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: #fff; }
.ls-expand__media { position: relative; height: 100vh; height: 100svh; overflow: hidden; clip-path: inset(17% 5% 11% 5%); will-change: clip-path; }
.ls-expand__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--ls-expand-pos, center); }
.ls-expand.is-static .ls-expand__media { clip-path: none; height: auto; aspect-ratio: var(--ls-expand-ratio, 16 / 9); }
@media (max-width: 860px) { .ls-expand__media { height: auto; aspect-ratio: var(--ls-expand-ratio, 16 / 9); } }