/* Homepage-only placement of the approved stationary AlphaVan pair. */
.alpha-comparison-card {position:relative;min-width:0;align-self:start}
html.public-theme .site-body .alpha-comparison {--split:50%;position:relative;aspect-ratio:4 / 3;min-height:0;overflow:hidden;isolation:isolate;touch-action:pan-y;user-select:none;cursor:ew-resize;background:var(--pv-glass)}
html.public-theme .site-body .alpha-comparison .alpha-comparison__image {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;transform:scale(1.28);filter:none;transition:none}
.alpha-comparison__layer {position:absolute;inset:0;pointer-events:none}
.alpha-comparison__camping {clip-path:inset(0 0 0 var(--split))}
.alpha-comparison__divider {position:absolute;z-index:3;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#ff8200;pointer-events:none;box-shadow:0 0 10px #0004}
.alpha-comparison__grip {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:9px;width:48px;height:48px;border:2px solid #ff8200;border-radius:50%;background:#171716e8;box-shadow:0 3px 18px #0005;color:#ff8200}
.alpha-comparison__grip span {font:22px/1 Arial,sans-serif}
.alpha-comparison:focus-within .alpha-comparison__grip {outline:3px solid #ff8200;outline-offset:4px}
.alpha-comparison__range {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;touch-action:pan-y}
.alpha-comparison__instructions {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.alpha-comparison__caption {position:relative;display:block;width:100%;min-height:72px;margin-top:8px;padding:12px 48px 12px 8px;border:0;background:transparent;box-shadow:none;text-decoration:none;color:var(--pv-text)}
.alpha-comparison__caption strong {display:block;margin-bottom:4px;color:var(--pv-accent);font-family:var(--display);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}
.alpha-comparison__caption span {display:block;color:var(--pv-text)}
.alpha-comparison__caption:hover :is(strong,span,b) {color:#ff7919}
.alpha-comparison__caption:focus-visible {outline:2px solid #ff7919;outline-offset:4px}
@media(forced-colors:active) {.alpha-comparison__divider,.alpha-comparison__grip {forced-color-adjust:none}}

html.public-theme .site-body .alpha-comparison-card .alpha-comparison__logo {position:absolute;z-index:4;top:0;left:12px;transform:translateY(-50%);display:flex;align-items:center;width:min(70%,244px);height:auto;min-height:44px;padding:0;border:0;background:transparent;overflow:visible;cursor:pointer}
.alpha-comparison__logo svg {display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:filter .2s ease,transform .2s ease}
.alpha-comparison__logo:hover svg {transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(255,121,25,.6))}
.alpha-comparison__logo:focus-visible {outline:2px solid #ff7919;outline-offset:4px}
.alpha-comparison__arrow {position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:2rem;font-weight:400;line-height:1;color:#ff7919}
@media(prefers-reduced-motion:reduce) {.alpha-comparison__logo svg {transition:none}}

/* Matching homepage frames retain current photographs until their approved pairs arrive. */
html.public-theme .site-body .home-van-photo {position:relative;aspect-ratio:4 / 3;min-height:0;overflow:hidden;background:var(--pv-glass)}
html.public-theme .site-body .home-van-photo > img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none;transition:none}

/* Keep the EchoVan pair aligned while shifting its framing left by 15% of the box. */
html.public-theme .site-body .alpha-comparison[data-van-comparison="echovan"] .alpha-comparison__image {transform:translateX(-15%) scale(1.28)}

/* Center the longer OmegaVan using the same fixed-layer framing. */
html.public-theme .site-body .alpha-comparison[data-van-comparison="omegavan"] .alpha-comparison__image {transform:translateX(-15%) scale(1.28)}
