.comparison-hero.brand-hero{background:linear-gradient(115deg,#0b1623,#08111c 65%);min-height:0;display:block}
.comparison-hero .hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:50px;row-gap:0;align-items:center;padding-block:65px 72px}
.comparison-hero .hero-copy{display:contents;max-width:none}
.comparison-hero .hero-copy>.eyebrow{grid-column:1;grid-row:1}
.comparison-hero .hero-story{grid-column:1;grid-row:2;min-width:0}
.comparison-hero .hero-actions{grid-column:1;grid-row:3}
.comparison-hero .location{grid-column:1;grid-row:4}
.comparison-hero .photo-comparison{grid-column:2;grid-row:2;position:relative;align-self:center}
.comparison-hero .comparison-caption{position:absolute;top:100%;left:0;right:0}
.comparison-hero h1{font-size:clamp(54px,5.4vw,80px);letter-spacing:.1px}
.comparison-hero .hero-description{font-size:13px;max-width:430px}
.comparison-hero .intro{font-size:23px}
.photo-comparison{margin:0;min-width:0;--comparison-position:50%}
.comparison-stage{position:relative;aspect-ratio:var(--comparison-aspect,4/3);border:1px solid #d1b77d50;border-radius:6px;overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;background:#0d1928}
.comparison-stage>img,.comparison-before,.comparison-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.comparison-before{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.comparison-pending{display:grid;place-content:center start;text-align:left;gap:10px;position:absolute;inset:0;background:linear-gradient(130deg,#16283b,#0b1726);padding:28px}
.comparison-pending strong{font:400 30px/1.2 var(--serif);color:#dfc995;max-width:180px}
.comparison-pending span{font:400 11px/1.6 var(--sans);color:#c1beb6;max-width:170px}
.comparison-label{position:absolute;top:16px;padding:7px 10px;background:#08111cda;border:1px solid #d1b77d50;color:#f2efe7;font:500 9px/1.4 var(--sans);letter-spacing:1.4px;border-radius:3px;pointer-events:none}
.comparison-label-before{left:16px}.comparison-label-after{right:16px}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:#dfc995;transform:translateX(-50%);box-shadow:0 0 12px #0005;pointer-events:none}
.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d1b77d;color:#08111c;border:1px solid #f2e3be;box-shadow:0 5px 22px #0005}
.comparison-handle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.comparison-stage:focus-within{outline:2px solid #dfc995;outline-offset:4px}
.comparison-stage:focus-within .comparison-handle{box-shadow:0 0 0 4px #08111c,0 0 0 6px #dfc995}
.comparison-range,.comparison-help{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.comparison-caption{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:18px;color:#c1beb6;font:400 11px/1.6 var(--sans)}
.comparison-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.comparison-actions button{background:transparent;color:#d1b77d;border:1px solid #d1b77d40;border-radius:3px;min-height:44px;min-width:65px;padding:8px 12px;font:400 11px/1.4 var(--sans);cursor:pointer;transition:background 300ms ease,color 300ms ease}
.comparison-actions button:hover{background:#d1b77d12;color:#dfc995}
.comparison-review-note{margin:12px 0 0;color:#d1b77d;font:400 11px/1.6 var(--sans)}
@media(max-width:1000px){.comparison-hero .hero-inner{column-gap:32px}.comparison-hero h1{font-size:62px}.comparison-caption{flex-wrap:wrap}.comparison-pending strong{font-size:26px}}
@media(max-width:760px){.comparison-hero .hero-inner{grid-template-columns:1fr;gap:34px;padding-block:43px 48px}.comparison-hero h1{font-size:60px}.comparison-hero .hero-description{font-size:14px;max-width:500px}.comparison-hero .location{margin-top:26px}.comparison-caption{gap:10px;font-size:12px}.comparison-pending{padding:20px}.comparison-pending strong{font-size:24px}.comparison-label{top:12px;font-size:8px;padding:6px 8px}.comparison-label-before{left:12px}.comparison-label-after{right:12px}.comparison-handle{width:48px;height:48px}}
@media(max-width:380px){.comparison-hero h1{font-size:54px}.comparison-pending strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.comparison-actions button{transition:none}}
@media(max-width:760px){.comparison-hero .hero-copy{display:block}.comparison-hero .photo-comparison{grid-column:auto;grid-row:auto}.comparison-hero .comparison-caption{position:static}}