/* 3D-look stills with optional camera motion, not video or a 3D engine. */
.cd-image.cd-cinematic{position:relative;overflow:hidden;border-radius:18px;background:#172b30;isolation:isolate}
.cd-cinematic .cd-hero{border-radius:0}
.cd-cinematic.is-moving .cd-hero{animation:cd-camera 9s ease-in-out infinite alternate;transform-origin:50% 48%}
.cd-cinematic.is-paused .cd-hero{animation-play-state:paused}
.cd-cinema-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#172b30;color:#f2e9d6;font-size:11px;line-height:1.5}
.cd-cinema-controls button{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #96adaf;border-radius:9px;background:#233b40;color:#fff;font-size:12px;font-weight:650;cursor:pointer}
.cd-cinema-controls button:focus-visible{outline:3px solid #00d4ed;outline-offset:2px}
.cd-cinema-controls span{max-width:65%}
@keyframes cd-camera{from{transform:scale(1)}to{transform:scale(1.065) translate(-.5%,.3%)}}
@media(prefers-reduced-motion:reduce){.cd-cinematic.is-moving .cd-hero{animation:none}}