/* Daniel Cohen preview — fills its card, no crop of the ads, RTL. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--dc-cream);font-family:var(--dc-body);overflow:hidden}
.stage{position:relative;width:100%;height:100vh;min-height:320px}
.slides,.slide{position:absolute;inset:0}
.slide{opacity:0;transition:opacity .45s ease}
.slide.is-active{opacity:1}
.duo{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}
.panel{display:grid;place-items:center;overflow:hidden}
.panel-video{background:var(--dc-linen)}
.panel-video video{width:100%;height:100%;object-fit:cover}
.panel-logo{background:var(--dc-cream);border-inline-start:1px solid var(--dc-line)}
.logo-stack{display:grid;justify-items:center;gap:clamp(12px,3vh,26px);padding:clamp(16px,4vw,40px)}
.pl-lockup{width:clamp(120px,16vw,230px);height:auto}
.pl-sub{font-size:clamp(9px,1vw,12px);letter-spacing:.3em;color:var(--dc-taupe)}
.duo.ads{background:var(--dc-linen);gap:clamp(10px,2vw,26px);padding:clamp(10px,2.4vw,30px);align-items:center;justify-items:center}
.duo.ads img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--dc-line);box-shadow:0 18px 44px rgba(43,37,35,.16)}
.nav{position:absolute;top:50%;translate:0 -50%;z-index:5;display:grid;place-items:center;width:54px;height:54px;
  border:1px solid var(--dc-line);background:rgba(250,247,242,.92);cursor:pointer;border-radius:50%}
.nav svg{width:20px;height:20px;fill:none;stroke:var(--dc-ink);stroke-width:1.8}
.nav-prev{inset-inline-start:14px}
.nav-next{inset-inline-end:14px}
.nav:hover{background:var(--dc-cream)}
.nav:focus-visible{outline:2px solid var(--dc-ink);outline-offset:2px}
.dots{position:absolute;bottom:14px;inset-inline:0;display:flex;justify-content:center;gap:8px;z-index:5}
.dots button{appearance:none;border:0;background:none;padding:14px 6px;cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center}
.dots i{width:9px;height:9px;border-radius:50%;background:var(--dc-stone);display:block;transition:background .25s}
.dots button[aria-selected="true"] i{background:var(--dc-ink)}
.dots button:focus-visible{outline:2px solid var(--dc-ink);outline-offset:-4px;border-radius:8px}
.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media (max-width:640px){
  .duo{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .panel-logo{border-inline-start:0;border-block-start:1px solid var(--dc-line)}
  .duo.ads{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
}
@media (prefers-reduced-motion:reduce){
  .slide{transition:none}
}