@charset "UTF-8";
/* Homepage photo comparison, 18 October 2026. Scoped to the new section. */
.photo-story{max-width:1320px;margin:auto;padding:76px 5vw;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:4vw;align-items:center;border-bottom:1px solid var(--line)}
.photo-story-copy,.photo-story-figure{min-width:0}
.photo-story h2{font-size:clamp(2rem,3.25vw,3.2rem)}
.photo-story-copy>p:not(.eyebrow):not(.payment-note){color:var(--muted);font-size:.94rem;margin-top:22px}
.photo-story-copy .button{margin-top:26px;font-size:.84rem;gap:20px}
.photo-story-image{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft)}
.photo-story-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.photo-story figcaption{margin-top:12px;font-size:.72rem;color:var(--muted);line-height:1.6}
.photo-story figcaption a{display:inline-block;border-bottom:1px solid var(--brown);font-weight:700;color:var(--brown);padding-bottom:2px;margin-bottom:8px}
.photo-story figcaption span{display:block}
@media(min-width:1500px){.photo-story{padding-left:30px;padding-right:30px}}
@media(max-width:900px){.photo-story{grid-template-columns:1fr;gap:30px}.photo-story-copy{max-width:650px}.photo-story-figure{width:100%;max-width:760px;margin:auto}.photo-story h2{font-size:clamp(2rem,5vw,3rem)}}
@media(max-width:760px){.photo-story{padding:46px 5vw}.photo-story-copy>p:not(.eyebrow):not(.payment-note){font-size:.87rem;margin-top:18px}.photo-story-copy .button{max-width:100%;font-size:.8rem;padding:16px 18px}.photo-story figcaption{font-size:.7rem}}