.starlight-comparison{margin:5rem auto 2rem;padding:clamp(2rem,4vw,5rem);background:#0c0e10;color:#f4f3ef;max-width:100rem}
.starlight-comparison__intro{max-width:70rem;margin:0 auto 2.8rem;text-align:center}
.starlight-comparison__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:1.1rem;margin:0 0 1.2rem;color:#c4c2bc}
.starlight-comparison h2{font-size:clamp(2.6rem,3vw,4rem);line-height:1.2;color:inherit;margin:0 0 1.4rem}
.starlight-comparison__intro>p:last-child{font-size:1.5rem;line-height:1.65;color:#c4c7cb;margin:0}
.starlight-comparison__frame{position:relative;display:block;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:.8rem;background:#222}
.starlight-comparison__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.starlight-comparison__after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.starlight-comparison__label{position:absolute;top:2rem;padding:.8rem 1.2rem;background:rgba(10,12,14,.8);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;border-radius:.4rem;pointer-events:none}
.starlight-comparison__label--after{left:2rem}
.starlight-comparison__label--before{right:2rem}
.starlight-comparison__divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}
.starlight-comparison__handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5.6rem;height:5.6rem;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(12,14,16,.65);color:#fff;font-family:Arial,sans-serif;font-size:2rem}
.starlight-comparison__range{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y;z-index:2}
.starlight-comparison__frame:focus-within{outline:2px solid #fff;outline-offset:5px}
.starlight-comparison__caption{margin:1.4rem 0 0;font-size:1.2rem;color:#aeb2b8;line-height:1.6}
@media(max-width:749px){.starlight-comparison{margin-top:3rem;padding:2rem 1.4rem}.starlight-comparison__frame{aspect-ratio:4/5}.starlight-comparison__label{top:1.2rem;font-size:1rem;padding:.6rem 1rem}.starlight-comparison__label--after{left:1.2rem}.starlight-comparison__label--before{right:1.2rem}.starlight-comparison__handle{width:4.8rem;height:4.8rem}}