.scene-comparison {--scene-bg:#345f4d;--scene-text:#fff;background:var(--scene-bg);color:var(--scene-text);min-width:0;scroll-margin-top:56px}
.scene-comparison--fishing {--scene-bg:#1b6071}
.scene-comparison--golf {--scene-bg:#3a6b59}
.scene-comparison--snow {--scene-bg:#bfe8ef;--scene-text:#102f3d}
.scene-comparison--driving {--scene-bg:#243c4b}
.scene-comparison--everyday {--scene-bg:#4b5d4d}
.scene-comparison--collection {display:grid;grid-template-columns:44% 56%;padding:64px max(24px,calc((100% - 1280px)/2));align-items:center}
.scene-comparison-copy {padding:30px 44px;text-align:center}
.scene-comparison-copy>p:first-child {font-size:11px;letter-spacing:.16em;margin:0 0 18px}
.scene-comparison-copy h2 {font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:0;margin:0 0 22px;font-weight:700}
.scene-comparison-copy>p:last-child {font-size:16px;line-height:1.7;margin:0}
.scene-comparison figure {min-width:0;margin:0}
.scene-comparison-frame {position:relative;aspect-ratio:8/5;overflow:hidden;background:#1b2930}
.scene-comparison-frame video {display:block;width:100%;height:100%;object-fit:cover}
.scene-comparison-badge {position:absolute;top:12px;left:12px;background:#0009;padding:5px 8px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.08em;pointer-events:none}
.scene-comparison-divider {position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;pointer-events:none}
.scene-comparison-label {position:absolute;bottom:23px;width:50%;text-align:center;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 5px #000;pointer-events:none}
.scene-comparison-label--without {left:0}
.scene-comparison-label--with {right:0}
.scene-comparison-toggle {position:absolute;bottom:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;background:#0008;color:#fff;border:0;border-radius:50%;font-size:19px;cursor:pointer}
.scene-comparison-toggle:focus-visible {outline:2px solid #fff;outline-offset:3px}
.scene-comparison-toggle:disabled {opacity:.5;cursor:default}
.scene-comparison figcaption {padding:14px 18px;font-size:11px;line-height:1.6;text-align:center;color:inherit}
.scene-comparison [data-scene-status]:not(:empty) {display:block;margin-top:8px}
.scene-comparison--compact {align-self:center;width:100%;background:transparent}
.scene-comparison-photo-layer {position:absolute;inset:0;overflow:hidden;pointer-events:none}
.scene-comparison-photo-layer--without {clip-path:inset(0 50% 0 0)}
.scene-comparison-photo-layer--with {clip-path:inset(0 0 0 50%)}
.scene-comparison-photo-layer img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%;animation:scene-photo-drift 9s ease-in-out infinite alternate;animation-play-state:paused}
.scene-comparison-photo-layer--with img {filter:brightness(.85) contrast(1.1) saturate(1.08)}
.scene-comparison-photo-playing .scene-comparison-photo-layer img {animation-play-state:running}
@keyframes scene-photo-drift {from {transform:scale(1)} to {transform:scale(1.04)}}
@media(max-width:760px) {.scene-comparison--collection {display:block;padding:0}.scene-comparison-copy {padding:42px 24px}.scene-comparison-copy h2 {font-size:32px}.scene-comparison-copy>p:last-child {font-size:15px}.scene-comparison-frame {width:100%}.scene-comparison figcaption {padding:14px 24px}.scene-comparison-badge {top:10px;left:10px}}