.cozy-motion {max-width:1080px;background:#fff;color:rgb(var(--color-foreground));font-family:var(--font-body-family)}
.cozy-motion__heading {text-align:center;margin:0 0 24px}
.cozy-motion__heading h2 {font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:28px;line-height:1.2;margin:0}
.cozy-motion__heading p {font-size:15px;line-height:1.6;margin:10px 0 0}
.cozy-motion__track {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:920px;margin:auto}
.cozy-motion__card {min-width:0}
.cozy-motion__player {position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#f4f4f4;border:1px solid rgba(var(--color-foreground),.1)}
.cozy-motion__player video {display:block;width:100%;height:100%;object-fit:cover}
.cozy-motion__toggle {position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer;padding:0;margin:0;appearance:none;box-shadow:none}
.cozy-motion__toggle:focus-visible {outline:3px solid var(--cozy-motion-accent,#C9232C);outline-offset:-4px}
.cozy-motion__paused-indicator {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:3px solid #fff;border-radius:50%;background:var(--cozy-motion-accent,#C9232C);color:#fff;box-shadow:0 3px 14px #0002;pointer-events:none}
.cozy-motion__paused-indicator svg {width:28px;height:28px;margin-left:3px}
.cozy-motion [hidden] {display:none!important}
.cozy-motion__caption {font-size:15px;line-height:1.5;margin:12px 0 0;text-align:center}
.cozy-motion__error {font-size:13px;color:var(--cozy-motion-accent,#C9232C);margin:10px 0 0}
.cozy-motion__hint {display:none}
@media(max-width:749px) {
  .cozy-motion__heading h2 {font-size:24px}
  .cozy-motion__heading {margin-bottom:20px}
  .cozy-motion__track {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 8px;overscroll-behavior-x:contain}
  .cozy-motion__track::-webkit-scrollbar {display:none}
  .cozy-motion__card {flex:0 0 80%;scroll-snap-align:start}
  .cozy-motion__hint {display:block;font-size:12px;text-align:center;margin:12px 0 0;color:rgba(var(--color-foreground),.7)}
}