.sgd-duo{position:relative;margin:0 auto;padding:0 max(24px,5vw);overflow:hidden}
.sgd-duo__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;outline-offset:4px}
.sgd-duo__panel{position:relative;aspect-ratio:12/11;overflow:hidden;background:#dedede;color:#fff}
.sgd-duo__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--duo-x) var(--duo-y)}
.sgd-duo__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 58%);pointer-events:none}
.sgd-duo__content{position:absolute;left:clamp(22px,3vw,48px);right:22px;bottom:clamp(30px,3vw,48px)}
.sgd-duo__content h2{font:500 clamp(28px,3vw,44px)/1.08 Helvetica,Arial,sans-serif;letter-spacing:-.03em;color:#fff;margin:0 0 18px}
.sgd-duo__content p{font-size:16px;color:#fff;margin:0 0 18px}
.sgd-duo__content a{display:inline-flex;min-height:48px;padding:12px 24px;align-items:center;justify-content:center;background:#fff;color:#111;text-decoration:none;font-size:14px;font-weight:400}
.sgd-duo__content a:hover{background:#ededed}.sgd-duo :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.sgd-duo__controls{display:none}.sgd-duo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:699px){.sgd-duo{padding:0}.sgd-duo__track{display:flex;gap:12px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.sgd-duo__track::-webkit-scrollbar{display:none}.sgd-duo__panel{flex:0 0 86%;aspect-ratio:12/11;scroll-snap-align:start}.sgd-duo__content{left:22px;bottom:32px;right:22px}.sgd-duo__content h2{font-size:32px}.sgd-duo__controls{position:absolute;right:calc(14% + 10px);bottom:12px;display:flex;z-index:2}.sgd-duo__controls button{width:44px;height:44px;border:0;background:transparent;color:#fff;display:grid;place-items:center;filter:drop-shadow(0 1px 2px #000)}.sgd-duo__controls button:disabled{opacity:.35}.sgd-duo__controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}}
@media(prefers-reduced-motion:reduce){.sgd-duo__track{scroll-behavior:auto!important}}
.sgd-duo__picture,.sgd-duo__video{position:absolute;inset:0;width:100%;height:100%}
.sgd-duo__video{display:none;object-fit:cover;object-position:var(--duo-x) var(--duo-y)}
.sgd-duo__video.is-playing{display:block}
.sgd-duo__playback{position:absolute;z-index:3;top:12px;right:12px;width:44px;height:44px;background:rgba(0,0,0,.35);border:0;color:#fff;font-size:18px;cursor:pointer}
.sgd-duo__playback[hidden],.sgd-duo__playback [hidden]{display:none!important}
@media(max-width:699px){.sgd-duo__image,.sgd-duo__video{object-position:var(--duo-mx) var(--duo-my)}}