.home-reference:has([data-before-after-page]) .breadcrumbs{background:var(--hr-paper);border:0}.home-reference:has([data-before-after-page]) .breadcrumbs .container{width:min(1320px,100% - 96px);max-width:none;padding-inline:0}.home-reference:has([data-before-after-page]) .breadcrumbs ol{font-size:.75rem}.before-after-page{--gallery-gap:clamp(24px, 3vw, 48px)}.before-after-frame{width:min(1320px,100% - 96px);margin-inline:auto}.before-after-hero{padding:28px 0 44px}.before-after-hero__copy{grid-template-columns:1.15fr 1fr;align-items:end;gap:16px 8%;display:grid}.before-after-eyebrow{color:var(--hr-rust);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.75rem;font-weight:600}.before-after-hero h1{max-width:20ch;margin:0;font-size:clamp(2.5rem,4.1vw,3.7rem);line-height:1.12}.before-after-hero__lead{color:var(--hr-muted);margin:0 0 3px;font-size:1rem;line-height:1.75;max-width:56ch!important}.before-after-integrity{border-block:1px solid var(--hr-rule);background:var(--hr-light)}.before-after-integrity p{color:var(--hr-muted);align-items:center;gap:14px;margin:0;padding:17px 0;font-size:.875rem;display:flex}.before-after-integrity p:before{content:"✓";border:1px solid var(--hr-rule);width:25px;height:25px;color:var(--hr-rust);border-radius:50%;flex:none;place-items:center;display:grid}.before-after-proof{padding-block:48px 100px}.before-after-section-heading{margin-bottom:28px}.before-after-section-heading h2{max-width:26ch;margin:0;font-size:clamp(1.5rem,2.2vw,2.15rem)}.before-after-dominant,.before-after-card{min-width:0;position:relative}.before-after-index{color:var(--hr-rust);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:12px;font:600 .75rem/1.5 Home Sans,sans-serif;display:inline-block}.before-after-index:after{content:"";vertical-align:middle;border-top:1px solid var(--hr-rule);width:36px;margin-left:12px;display:inline-block}.before-after-page .comparison{gap:0}.before-after-page .comparison__stage{background:0 0;border:0;border-radius:0;align-items:start;gap:12px}.before-after-page .comparison__layer{background:0 0;flex-direction:column;gap:10px;display:flex;overflow:visible}.before-after-page .comparison__label{max-width:100%;color:var(--hr-muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-self:flex-start;padding:0;font-size:.75rem;font-weight:600;position:static}.before-after-page .comparison__label--after{color:var(--hr-rust)}.before-after-page .comparison__media{aspect-ratio:16/9;border:1px solid var(--hr-rule);background:var(--color-surface-strong);border-radius:8px;height:auto;min-height:0;overflow:hidden}.before-after-page .comparison__media img{object-fit:contain;filter:none}.before-after-page .comparison__caption{margin:0;padding-top:18px}.before-after-caption{color:var(--hr-muted);grid-template-columns:1fr 1fr;gap:10px 24px;font-size:.875rem;line-height:1.65;display:grid}.before-after-caption strong{color:var(--hr-ink);grid-column:1/-1;font:650 1.125rem/1.35 Home Manrope,sans-serif}.before-after-caption span{min-width:0;display:block}.before-after-dominant .before-after-caption{grid-template-columns:.65fr 1fr 1fr;gap:24px;font-size:.9375rem}.before-after-dominant .before-after-caption strong{grid-column:auto;font-size:1.6rem}.before-after-post-proof-action{border-bottom:1px solid var(--hr-rule);justify-content:flex-end;margin-top:28px;padding-bottom:40px;display:flex}.before-after-grid{gap:56px var(--gallery-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:48px;display:grid}.before-after-card{grid-column:span 6}.before-after-card:nth-child(5n+3){border:1px solid var(--hr-rule);background:var(--hr-light);border-radius:12px;grid-column:1/-1;margin-block:4px;padding:32px}.before-after-card:nth-child(5n+3) .comparison{grid-template-columns:minmax(0,2fr) minmax(15rem,.85fr);align-items:center;gap:36px}.before-after-card:nth-child(5n+3) .comparison__caption{padding:0}.before-after-card:nth-child(5n+3) .before-after-caption{grid-template-columns:1fr;gap:14px}.before-after-card:nth-child(5n+3) .before-after-caption strong{font-size:1.45rem}.before-after-info{border-top:1px solid var(--hr-rule);padding-block:64px}.before-after-info__grid{grid-template-columns:minmax(0,1.5fr) minmax(15rem,.65fr);align-items:center;gap:10%;display:grid}.before-after-info h2{max-width:27ch;margin:0 0 22px}.before-after-info p{color:var(--hr-muted);margin:0;max-width:66ch!important}.before-after-info--dark{background:var(--hr-ink);color:var(--hr-light);border-color:var(--hr-ink)}.before-after-info--dark p{color:#e3dbcf}.before-after-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.before-after-action-link{border:1px solid var(--hr-rule);text-align:center;border-radius:7px;justify-content:center;align-items:center;min-width:44px;min-height:50px;padding:13px 19px;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.before-after-action-link[data-variant=primary]{background:var(--hr-rust);color:var(--hr-light);border-color:var(--hr-rust)}.before-after-action-link[data-variant=secondary]{background:var(--hr-light);color:var(--hr-ink)}.before-after-action-link[data-variant=quiet]{text-underline-offset:.3em;text-decoration:underline;text-decoration-color:var(--hr-rust);border-color:#0000;padding-inline:0}.before-after-action-link:hover{border-color:var(--hr-rust);background:var(--color-accent-soft);color:var(--hr-ink)}.before-after-info--dark .before-after-action-link{color:var(--hr-light);background:0 0;border-color:#776e61}.before-after-info--dark .before-after-action-link:hover{background:#353932}.before-after-final{background:var(--hr-rust);color:var(--hr-light);padding-block:70px}.before-after-final__grid{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.8fr);align-items:center;gap:10%;display:grid}.before-after-final h2{max-width:22ch;margin:0 0 20px}.before-after-final p{margin:0;max-width:57ch!important}.before-after-final .before-after-action-link[data-variant=primary]{background:var(--hr-light);border-color:var(--hr-light);width:100%;color:var(--hr-rust-dark)}.before-after-final .before-after-action-link[data-variant=secondary]{width:100%;color:var(--hr-light);background:0 0;border-color:#d8b29a}.before-after-final .before-after-action-link[data-variant=quiet]{color:var(--hr-light);text-decoration-color:currentColor}.before-after-final .before-after-action-link:hover{background:var(--hr-rust-dark);color:var(--hr-light)}.before-after-final :focus-visible,.before-after-info--dark :focus-visible{outline-color:var(--hr-light)}@media (width<=1100px){.before-after-frame,.home-reference:has([data-before-after-page]) .breadcrumbs .container{width:calc(100% - 64px)}.before-after-hero__copy{gap:18px 6%}.before-after-card{grid-column:1/-1}.before-after-card:nth-child(5n+3) .comparison{grid-template-columns:1fr;gap:20px}.before-after-card:nth-child(5n+3) .before-after-caption{grid-template-columns:1fr 1fr}.before-after-info__grid,.before-after-final__grid{gap:40px}}@media (width<=760px){.before-after-frame,.home-reference:has([data-before-after-page]) .breadcrumbs .container{width:calc(100% - 40px)}.before-after-hero{padding:20px 0 32px}.before-after-hero__copy{grid-template-columns:1fr;gap:20px}.before-after-eyebrow{letter-spacing:.1em;font-size:.75rem}.before-after-hero h1{max-width:20ch;font-size:clamp(2rem,7.5vw,3rem)}.before-after-hero__lead{font-size:1rem}.before-after-proof{padding-block:34px 56px}.before-after-section-heading{margin-bottom:24px}.before-after-dominant .before-after-caption{grid-template-columns:1fr 1fr;gap:12px 20px;font-size:.875rem}.before-after-dominant .before-after-caption strong{grid-column:1/-1;font-size:1.4rem}.before-after-grid{gap:42px;margin-top:36px}.before-after-card:nth-child(5n+3){padding:20px}.before-after-post-proof-action{justify-content:flex-start;padding-bottom:32px}.before-after-info,.before-after-final{padding-block:44px}.before-after-info__grid,.before-after-final__grid{grid-template-columns:1fr;gap:28px}.before-after-final .before-after-actions{max-width:28rem}}@media (width<=1100px){.before-after-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=540px){.before-after-page .comparison__stage{grid-template-columns:1fr;gap:16px}.before-after-caption,.before-after-dominant .before-after-caption,.before-after-card:nth-child(5n+3) .before-after-caption{grid-template-columns:1fr;gap:10px}.before-after-card:nth-child(5n+3){border:0;border-top:1px solid var(--hr-rule);padding:0;background:0 0;border-radius:0;padding-top:26px}.before-after-card{border-top:1px solid var(--hr-rule);padding-top:26px}.before-after-grid{gap:30px;margin-top:4px}.before-after-post-proof-action{border-bottom:0}.before-after-info .before-after-action-link{width:100%}}@media (prefers-reduced-motion:reduce){.before-after-page *,.before-after-page :before,.before-after-page :after{scroll-behavior:auto!important;transition:none!important}}.before-after-page .comparison[data-enhanced=true] .comparison__stage{aspect-ratio:16/9;border:1px solid var(--hr-rule);isolation:isolate;border-radius:10px;gap:0;display:block;overflow:hidden}.before-after-page .comparison[data-enhanced=true] .comparison__layer{gap:0;display:block;overflow:visible}.before-after-page .comparison[data-enhanced=true] .comparison__media{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;min-height:0}.before-after-page .comparison[data-enhanced=true] .comparison__label{z-index:4;border:1px solid var(--hr-rule);background:var(--hr-light);color:var(--hr-ink);letter-spacing:.08em;pointer-events:none;border-radius:5px;padding:7px 10px;font-size:.6875rem;line-height:1.3;position:absolute;top:12px}.before-after-page .comparison[data-enhanced=true] .comparison__label--before{left:12px;right:auto}.before-after-page .comparison[data-enhanced=true] .comparison__label--after{color:var(--hr-rust-dark);left:auto;right:12px}.before-after-page .comparison__handle{border:1px solid var(--hr-rust);background:var(--hr-light);width:48px;height:48px;color:var(--hr-rust-dark);box-shadow:0 2px 12px #24272224}.before-after-page .comparison__handle svg{stroke-width:1.5px;width:24px;height:24px}.before-after-page .comparison[data-enhanced=true]:focus-within .comparison__handle{outline:3px solid var(--hr-light);outline-offset:3px;box-shadow:0 0 0 7px var(--hr-rust)}@media (width<=760px){.before-after-hero{padding-block:12px 24px}.before-after-hero__copy{gap:14px}.before-after-hero__lead{line-height:1.65}.before-after-integrity p{padding-block:12px;font-size:.8125rem}.before-after-proof{padding-top:24px}.before-after-section-heading{margin-bottom:16px}.before-after-index{margin-bottom:10px}}
