/* /meet-collective-digital-media. The sections use the site's existing styles (pages2.css: the
   /about hero, .pg-story, .pg-stats, and the service pages' .pg-svc "Common questions" card).
   This file only adds the click-to-load video card (/video.js), its place in the hero, and the
   open/close transcript lines inside the card. */
.cdm-video{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--ink,#00283b);box-shadow:0 34px 70px rgba(0,40,59,.3)}
.cdm-video-play{position:absolute;inset:0;display:block;color:#fff}
.cdm-video img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cdm-video-play:hover img{transform:scale(1.03)}
.cdm-video-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--orange);box-shadow:0 10px 28px rgba(0,40,59,.35);transition:transform .2s}
.cdm-video-btn:after{content:'';position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--ink,#00283b)}
.cdm-video-play:hover .cdm-video-btn{transform:scale(1.08)}
.cdm-video-play:focus-visible{outline:4px solid var(--orange);outline-offset:-4px}
.cdm-video-time{position:absolute;right:14px;bottom:14px;background:rgba(0,40,59,.85);color:#fff;font:700 13px/1 Arial,Helvetica,sans-serif;padding:6px 10px;border-radius:999px}
.cdm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Video in the hero, where /about has its logo art */
.cdm-hero-video{position:relative;z-index:1;animation:cdmrise .9s .3s cubic-bezier(.2,.8,.2,1) both}
.cdm-hero-video p{color:#fff;font-size:15px;margin:18px 0 0}
.cdm-hero-video .text-link{color:#fff;font-weight:800;text-decoration-color:var(--orange)}

/* Transcript: one line per part, text opens under it */
.cdm-parts{padding:18px 44px}
.cdm-part{border-bottom:1px solid rgba(0,40,59,.12)}
.cdm-part:last-child{border-bottom:0}
.cdm-part>summary{display:flex;align-items:baseline;gap:16px;padding:18px 0;cursor:pointer;list-style:none;color:#00283b;font:700 18px/1.35 Arial,Helvetica,sans-serif}
.cdm-part>summary::-webkit-details-marker{display:none}
.cdm-part>summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.cdm-t{flex:0 0 44px;color:#a74700;font-size:15px}
.cdm-h{flex:1}
.cdm-plus{flex:0 0 auto;color:var(--orange);font-size:24px;line-height:1;transition:transform .2s}
.cdm-part[open] .cdm-plus{transform:rotate(45deg)}
.cdm-part-body{padding:0 0 20px 60px}
.cdm-part-body p{color:#35505e;font-size:17px;line-height:1.75;margin:0 0 12px}
.cdm-part-body .text-link{font-weight:800;font-size:15px}

@media(max-width:600px){
  .cdm-parts{padding:8px 22px}
  .cdm-part>summary{font-size:16px;gap:12px}
  .cdm-part-body{padding-left:0}
  .cdm-video{border-radius:16px}
  .cdm-video-btn{width:66px;height:66px;margin:-33px 0 0 -33px}
  .cdm-video-btn:after{left:26px;top:20px;border-width:13px 0 13px 21px}
}
@media(prefers-reduced-motion:reduce){.cdm-video img,.cdm-video-btn,.cdm-plus{transition:none}.cdm-hero-video{animation:none}}