.clearups-hero{padding-bottom:clamp(4rem,8vw,7rem)}
.clearups-hero .display{font-size:clamp(5rem,14vw,13rem)}
.clearups-hero .display span{color:var(--green)}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-top:2rem}
.hero-bottom .lede{margin:0}
.interaction-hint{display:flex;align-items:center;gap:.7rem;white-space:nowrap;color:#fff;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.interaction-hint span{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:var(--green);font-size:1.3rem}
.gallery-intro{background:#fff}
.sample-notice{max-width:40rem;margin-top:1.5rem;padding:1rem 1.1rem;border-left:4px solid var(--green);background:var(--paper);font-size:.9rem}
.clearups-gallery{padding-top:2rem}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);margin-bottom:2rem}
.gallery-heading .eyebrow,.gallery-heading p{margin:0}
.gallery-heading>p:last-child{color:var(--muted);font-size:.85rem}
.clearups-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem)}
.clearup-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(17,20,17,.07)}
.clearup-card:nth-child(3n+1){grid-column:1/-1}
.compare{--position:0%;position:relative;aspect-ratio:3/2;overflow:hidden;background:#dfe4d8;isolation:isolate;user-select:none}
.compare-before,.compare-after{position:absolute;inset:0;margin:0}
.compare-after{clip-path:inset(0 calc(100% - var(--position)) 0 0);z-index:1;will-change:clip-path}
.compare img{width:100%;height:100%;object-fit:contain;background:var(--ink)}
.compare-label{position:absolute;top:1rem;z-index:3;padding:.45rem .7rem;border-radius:999px;background:rgba(17,20,17,.82);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.label-before{left:1rem}.label-after{right:1rem;background:var(--green);color:var(--ink)}
.compare-input{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.compare-input::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:100%;cursor:ew-resize}
.compare-input::-moz-range-thumb{width:48px;height:100%;border:0;background:transparent;cursor:ew-resize}
.compare-handle{position:absolute;z-index:4;top:0;bottom:0;left:clamp(24px,var(--position),calc(100% - 24px));width:3px;background:var(--green);transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(17,20,17,.25)}
.compare-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--ink);border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.3);font-weight:900;letter-spacing:-.15em;padding-right:.15em}
.compare-input:focus-visible+.compare-handle span{outline:4px solid #fff;box-shadow:0 0 0 7px var(--green-dark),0 8px 22px rgba(0,0,0,.35)}
.image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;background:repeating-linear-gradient(135deg,#dfe4d8,#dfe4d8 16px,#edf0e9 16px,#edf0e9 32px);color:var(--ink);font-weight:900}
.image-fallback[hidden]{display:none}
.card-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.5rem 1.6rem}
.card-main{max-width:48rem}
.card-copy h3{font:900 clamp(1.9rem,4vw,3.2rem)/.95 var(--display);text-transform:uppercase;margin:.75rem 0 0}
.card-description{max-width:43rem;margin:.8rem 0 0;color:var(--muted);font-size:.94rem;line-height:1.55}
.card-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;color:var(--muted);font-size:.76rem;font-weight:800;text-align:right}
.card-meta span:not(:last-child):after{content:" / ";color:var(--green-dark)}
.clearups-cta{padding:clamp(5rem,11vw,10rem) 0;overflow:hidden;position:relative}
.clearups-cta:after{content:"↔";position:absolute;right:-.04em;bottom:-.28em;font:900 30vw/1 var(--display);color:rgba(163,230,53,.06)}
.clearups-cta .wrap{position:relative;z-index:1}
.clearups-cta h2{font:900 clamp(4rem,11vw,10rem)/.82 var(--display);text-transform:uppercase;margin:0}
.clearups-cta p{font-size:1.2rem;color:#bcc4bc}
.clearups-cta .button-ghost{color:#fff}
@media(max-width:760px){.hero-bottom,.gallery-heading,.card-copy{align-items:flex-start;flex-direction:column}.interaction-hint{white-space:normal}.clearups-grid{grid-template-columns:1fr}.clearup-card:nth-child(3n+1){grid-column:auto}.card-copy{gap:.8rem}.card-meta{justify-content:flex-start;text-align:left}.compare{aspect-ratio:4/3}.compare-label{top:.65rem}.label-before{left:.65rem}.label-after{right:.65rem}}
@media(prefers-reduced-motion:reduce){.compare-after{will-change:auto}}