.peel-results { background: #f5f1e9; padding-block: 40px; }
.peel-results-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 22px; }
.peel-results-head h2 { margin-bottom: 0; }
.peel-results-head p { max-width: 400px; margin: 0; color: #6b665e; line-height: 1.6; }
.peel-results-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.peel-results-grid figure { margin: 0; min-width: 0; }
.comparison-frame, .single-photo-frame { position: relative; aspect-ratio: 4 / 3; border: 1px solid #d9c9ba; border-radius: 12px; overflow: hidden; background: #e5d9cc; }
.comparison-frame { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.comparison-half { position: relative; min-width: 0; overflow: hidden; }
.comparison-half img { position: absolute; display: block; width: 200%; max-width: none; height: 100%; object-fit: cover; top: 0; }
.comparison-half.source-left img { left: 0; }
.comparison-half.source-right img { right: 0; }
.comparison-label { position: absolute; left: 12px; top: 12px; z-index: 1; border-radius: 5px; background: rgba(245,241,233,.94); color: #2b2926; padding: 6px 10px; font-size: 12px; font-weight: 600; line-height: 1; }
.single-photo-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
.service-hero figure { overflow: hidden; }
.service-hero img { height: auto; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid #d9c9ba; border-radius: 12px; }
.service-hero { padding-top: 40px; padding-bottom: 40px; gap: 32px; }
.service-guide { padding-block: 40px; }
@media(max-width:700px) { .peel-results { padding-block: 28px; }.peel-results-head { display: block; }.peel-results-head p { margin-top: 12px; }.peel-results-grid { grid-template-columns: 1fr; gap: 14px; }.service-hero { gap: 22px; }.comparison-label { left: 8px; top: 8px; font-size: 11px; }.service-hero img { aspect-ratio: 4 / 5; height: auto; } }