/* Collón Cura uses the same teaser player as the Expeditions page. */
#expedition-film {
  --exp-forest-deep:#0c241e;
  --exp-gold:#eab933;
  background:#fff;
  padding:76px 0 78px;
}
#expedition-film .exp-section-heading { max-width:760px; margin:0 auto 42px; text-align:center; }
#expedition-film .exp-section-heading h2 { font-size:clamp(48px,4.7vw,70px); text-wrap:balance; }
#expedition-film .exp-section-heading > p:last-child { max-width:680px; margin:0 auto; }
#expedition-film .exp-film-link { margin:25px 0 0; text-align:center; }
#expedition-film .exp-film-link a { display:inline-flex; align-items:center; min-height:44px; color:var(--waters-forest); font:20px/1.3 "Bebas Neue",sans-serif; letter-spacing:.045em; text-decoration:underline; text-underline-offset:4px; }
#expedition-film .exp-film-link a:hover { color:#826514; }
#expedition-film .exp-film-frame {
  aspect-ratio: 16 / 9;
  background: var(--exp-forest-deep);
  border-radius: 6px;
  box-shadow: 0 30px 80px rgba(20, 40, 33, .22);
  overflow: hidden;
  position: relative;
}

#expedition-film .exp-film-poster,
#expedition-film .exp-film-poster img {
  display: block;
  height: 100%;
  width: 100%;
}

#expedition-film .exp-film-poster img {
  object-fit: cover;
  transition: transform 1s cubic-bezier(.2, .8, .2, 1);
}

#expedition-film .exp-teaser-video {
  border: 0;
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transition: opacity .55s ease;
  width: 100%;
  z-index: 1;
}

#expedition-film .exp-film-frame.is-teaser-playing .exp-teaser-video {
  opacity: 1;
}

#expedition-film .exp-film-frame:hover .exp-film-poster img {
  transform: scale(1.025);
}

#expedition-film .exp-film-shade {
  background: linear-gradient(0deg, rgba(5, 18, 15, .7) 0%, rgba(5, 18, 15, .08) 65%);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

#expedition-film .exp-video-trigger {
  align-items: center;
  background: transparent;
  border: 0;
  bottom: 46px;
  color: #fff;
  display: flex;
  gap: 18px;
  left: 50px;
  padding: 0;
  position: absolute;
  text-align: left;
  z-index: 3;
}

#expedition-film .exp-video-trigger:hover,
#expedition-film .exp-video-trigger:focus {
  color: #fff;
  outline: 0;
}

#expedition-film .exp-video-trigger:focus-visible .exp-play-icon {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

#expedition-film .exp-play-icon {
  align-items: center;
  background: var(--exp-gold);
  border-radius: 50%;
  color: var(--exp-forest-deep);
  display: inline-flex;
  font-size: 22px;
  height: 66px;
  justify-content: center;
  padding-left: 4px;
  transition: transform .25s ease, background-color .25s ease;
  width: 66px;
}

#expedition-film .exp-video-trigger:hover .exp-play-icon {
  background: #f3c851;
  transform: scale(1.07);
}

#expedition-film .exp-video-trigger small,
#expedition-film .exp-video-trigger strong {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

#expedition-film .exp-video-trigger small {
  font-size: 27px;
  letter-spacing: .06em;
  line-height: 1;
}

#expedition-film .exp-video-trigger strong {
  color: rgba(255, 255, 255, .74);
  font-size: 15px;
  letter-spacing: .12em;
  margin-top: 6px;
}

#expedition-film .exp-film-frame iframe {
  border: 0;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}

#expedition-film .exp-film-frame.is-playing {
  background: #fff;
}

#expedition-film .exp-film-frame.is-playing .exp-film-poster,
#expedition-film .exp-film-frame.is-playing .exp-teaser-video,
#expedition-film .exp-film-frame.is-playing .exp-film-shade,
#expedition-film .exp-film-frame.is-playing .exp-video-trigger {
  display: none;
}
@media (max-width:767px) {
  #expedition-film { padding:48px 0; }
  #expedition-film .container { padding-left:24px; padding-right:24px; }
  #expedition-film .exp-section-heading { margin-bottom:28px; }
  #expedition-film .exp-section-heading h2 { font-size:clamp(40px,10.5vw,52px); }
  #expedition-film .exp-film-frame { border-radius:3px; }
  #expedition-film .exp-video-trigger { bottom:20px; left:20px; right:12px; gap:14px; }
  #expedition-film .exp-play-icon { flex:0 0 52px; width:52px; height:52px; font-size:17px; }
  #expedition-film .exp-video-trigger small { font-size:21px; }
  #expedition-film .exp-video-trigger strong { font-size:12px; }
  #expedition-film .exp-film-link { margin-top:16px; }
}
@media (prefers-reduced-motion:reduce) {
  #expedition-film .exp-film-poster img, #expedition-film .exp-play-icon { transform:none; transition:none; }
}