/* European Salvage v7.20.55 — embedded broadcast, responsive large media panel.
   Scoped to .es-media-* to avoid changing request/MAYDAY layouts. */
.media-section .es-media-feature {
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:1140px;
  margin:clamp(20px,3vw,36px) auto 0;
  border:1px solid #d5e4e2;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(4,47,60,.08);
}
.media-section .es-media-stage {
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  min-height:0;
  background:#052d3a;
  overflow:hidden;
}
.media-section .es-media-stage iframe {
  position:absolute;
  display:block;
  inset:0;
  border:0;
  width:100%;
  height:100%;
}
.media-section .es-media-play {
  appearance:none;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  border:0;
  background:#052d3a;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.media-section .es-media-play img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.media-section .es-media-play-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 100%);
}
.media-section .es-media-play-icon {
  position:relative;
  display:grid;
  place-items:center;
  width:clamp(58px,8vw,90px);
  height:clamp(58px,8vw,90px);
  border-radius:26px;
  background:#b42429;
  color:white;
  font-size:clamp(22px,3vw,34px);
  box-shadow:0 8px 35px rgba(0,0,0,.35);
  transition:transform .18s ease, background .18s ease;
}
.media-section .es-media-play:hover .es-media-play-icon,
.media-section .es-media-play:focus-visible .es-media-play-icon{transform:scale(1.07);background:#cf252b}
.media-section .es-media-play-label {
  position:absolute;
  bottom:clamp(10px,2vw,25px);
  left:15px;
  right:15px;
  color:#fff;
  font-size:clamp(13px,1.6vw,17px);
  font-weight:750;
  line-height:1.35;
  text-shadow:0 2px 5px rgba(0,0,0,.5);
}
.media-section .es-media-stop {
  position:absolute;
  z-index:3;
  top:12px;
  right:12px;
  background:rgba(6,38,46,.88);
  border:1px solid rgba(255,255,255,.6);
  border-radius:9px;
  color:white;
  font-size:14px;
  font-weight:700;
  padding:9px 13px;
  cursor:pointer;
}
.media-section .es-media-stop:hover{background:#052d3a}
.media-section .es-media-stop[hidden]{display:none!important}
.media-section .es-media-info{
  box-sizing:border-box;
  padding:clamp(18px,3vw,32px) clamp(18px,3.6vw,38px);
  max-width:100%;
  overflow-wrap:anywhere;
}
.media-section .es-media-info .eyebrow {margin:0 0 12px;line-height:1.45}
.media-section .es-media-info h3 {
  font-size:clamp(22px,2.3vw,34px)!important;
  line-height:1.23!important;
  font-weight:700;
  margin:0 0 12px;
  max-width:950px;
  letter-spacing:-.02em;
  overflow-wrap:break-word;
}
.media-section .es-media-explainer {
  font-size:clamp(14px,1.3vw,17px);
  line-height:1.55;
  color:#4f666a;
  margin:0 0 10px;
}
.media-section .es-media-external {
  display:inline-flex;
  align-items:center;
  color:#07536a;
  font-weight:650;
  font-size:clamp(13px,1.2vw,16px);
  line-height:1.5;
  text-underline-offset:3px;
  padding:5px 0;
  overflow-wrap:anywhere;
}
.media-section .es-media-external:hover{text-decoration:underline}
@media(max-width:760px){
  .media-section .es-media-feature {width:100%;max-width:none;border-radius:14px;margin-top:18px}
  .media-section .es-media-info{padding:18px}
  .media-section .es-media-info h3{font-size:clamp(21px,5.5vw,28px)!important;line-height:1.23!important}
  .media-section .es-media-stop{top:7px;right:7px;padding:7px 9px;font-size:12px}
  .media-section .es-media-play-icon{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.media-section .es-media-play-icon{transition:none}}
