.before-after-comparison{width:100%;padding:var(--space-8);background:white}.before-after-comparison-content{display:flex;flex-direction:column;gap:var(--space-10);align-items:center}.before-after-comparison-images{display:flex;align-items:center;justify-content:center;gap:var(--space-10);flex-wrap:nowrap}.before-after-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.before-after-label{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);color:var(--text-primary)}.before-after-image-grid{display:flex;gap:10px;align-items:center}.before-after-image-wrapper{position:relative;width:260px;height:564px;overflow:hidden;background:#f0f0f0}.before-after-image-wrapper.grayscale{filter:grayscale(100%)}.before-after-image{object-fit:cover}.before-after-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0}.before-after-arrow svg{width:28px;height:27px}.before-after-text{width:100%;max-width:800px}.before-after-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl)}.before-after-description,.before-after-title{font-family:var(--font-family-display);color:var(--text-primary);margin:0 0 var(--space-4) 0}.before-after-description{font-size:var(--font-size-lg);line-height:var(--line-height-loose)}.before-after-improvements{list-style:none;padding:0;margin:0}.before-after-improvement-item{font-family:var(--font-family-display);font-size:var(--font-size-lg);line-height:var(--line-height-loose);color:var(--text-primary);margin-bottom:var(--space-4);position:relative;padding-left:0}.before-after-improvement-item:before{content:none}@media (max-width:1200px){.before-after-comparison-images{gap:var(--space-6)}.before-after-image-wrapper{width:220px;height:476px}}@media (max-width:900px){.before-after-comparison{padding:var(--space-6)}.before-after-comparison-images{gap:var(--space-4)}.before-after-image-wrapper{width:140px;height:303px}.before-after-title{font-size:var(--font-size-2xl)}}@media (max-width:600px){.before-after-comparison{padding:var(--space-4)}.before-after-comparison-images{flex-direction:column;gap:var(--space-4)}.before-after-arrow{transform:rotate(90deg)}.before-after-image-wrapper{width:120px;height:260px}.before-after-label{font-size:var(--font-size-lg)}.before-after-title{font-size:var(--font-size-xl)}.before-after-description,.before-after-improvement-item{font-size:var(--font-size-base)}}