/* One simple artwork comparison directly on the hero background. */
.comparison-simple{padding:0;width:100%;max-width:560px;margin-inline:auto}
.comparison-simple .comparison{aspect-ratio:1.08;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate}
.comparison-simple .comparison-image{padding:14px 14px 46px;object-fit:contain;object-position:center;pointer-events:none}
.comparison-simple .before-layer{background:transparent}
.comparison-simple .compare-label{top:auto;bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:12px;font-weight:600;line-height:24px;pointer-events:none}
.comparison-simple .label-before{left:25%;right:auto;transform:translateX(-50%);color:#78899c}
.comparison-simple .label-after{right:25%;left:auto;transform:translateX(50%);color:var(--blue)}
.comparison-simple .compare-divider{top:12px;height:calc(100% - 60px);width:1px;background:#8abff0;z-index:3}
.comparison-simple .compare-divider .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:34px;height:34px;padding:8px;background:white;color:var(--blue);border:1px solid #bfdaf3;border-radius:50%;box-shadow:0 3px 10px #17528715}
.comparison-simple .comparison input{top:0;left:0;right:0;bottom:36px;height:calc(100% - 36px);z-index:4}
.comparison-simple .comparison:focus-within{outline:0}
.comparison-simple .comparison:focus-within .compare-divider .icon{outline:3px solid #94caff;outline-offset:3px}
.comparison-simple .compare-hint{text-align:center;font-size:10px;color:#8b9bad;margin-top:11px;line-height:1.6}
@media(max-width:900px){.comparison-simple .comparison{aspect-ratio:.94}.comparison-simple .comparison-image{padding-inline:4px}}
@media(max-width:650px){.comparison-simple{max-width:420px}.comparison-simple .comparison{aspect-ratio:1.12}.comparison-simple .comparison-image{padding:8px 12px 40px}.comparison-simple .compare-divider{top:6px;height:calc(100% - 48px)}.comparison-simple .compare-divider .icon{width:32px;height:32px;padding:7px}.comparison-simple .compare-label{font-size:11px}.comparison-simple .compare-hint{margin-top:7px;font-size:10px}}

/* Mobile visitors see the artwork comparison before the offer text. */
@media(max-width:767px){.hero-grid{grid-template-columns:1fr;gap:24px;padding-block:18px 38px}.hero-work{order:-1;max-width:420px}.hero-copy{width:100%;max-width:600px;margin-inline:auto}.hero-benefits{grid-template-columns:1.2fr 1fr}.hero-benefits li:nth-child(n+3){display:flex}.comparison-simple .comparison{aspect-ratio:1.12}.comparison-simple .comparison-image{padding:8px 12px 40px}.comparison-simple .compare-divider{top:6px;height:calc(100% - 48px)}}