/* Previously hero trailer popup — play button overlay + modal player */
.news-hero.ht-tappable{ position:relative; cursor:pointer; }.news-hero.ht-tappable > picture,
.news-hero.ht-tappable > img{ display:block; }.ht-play{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  height:100%;
  background:linear-gradient(to top, rgba(var(--desert-shadow-rgb), .45), rgba(var(--desert-shadow-rgb), 0) 45%);
  border:0;
  padding:0;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}.ht-play svg{ width:76px; height:76px; filter:drop-shadow(0 4px 14px rgba(var(--desert-shadow-rgb), .5)); transition:transform .18s ease; }.ht-play:hover svg, .ht-play:focus-visible svg{ transform:scale(1.08); }.ht-play-bg{ fill:rgba(var(--desert-accent-rgb), .92); }.ht-play-icon{ fill:var(--desert-ink); }.ht-play-label{
  color:var(--desert-ink);
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(var(--desert-shadow-rgb), .6);
}.news-hero.ht-tappable:focus-visible{ outline:3px solid var(--brand-red-deep); outline-offset:3px; }/* ---- modal ---- */
body.ht-lock{ overflow:hidden; }.ht-scrim{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(var(--desert-card-rgb), .88);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  animation:htFade .22s ease;
}@keyframes htFade{from{ opacity:0; }to{ opacity:1; } }.ht-box{
  position:relative;
  width:100%;
  max-width:960px;
  animation:htPop .26s ease;
}@keyframes htPop{from{ opacity:0; transform:scale(.96) translateY(8px); }to{ opacity:1; transform:none; } }.ht-frame{
  position:relative;
  width:100%;
  padding-top:56.25%; /* 16:9 */
  background:var(--surface-black);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(var(--desert-shadow-rgb), .6);
}.ht-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}.ht-close{
  position:absolute;
  top:-46px;
  right:0;
  width:40px;
  height:40px;
  border-radius:50%;
  border:0;
  background:rgba(var(--desert-card-rgb), .14);
  color:var(--desert-ink);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}.ht-close:hover, .ht-close:focus-visible{ background:rgba(var(--desert-card-rgb), .28); }@media (max-width:480px){.ht-scrim{ padding:10px; align-items:flex-start; padding-top:64px; }.ht-play svg{ width:64px; height:64px; }.ht-close{ top:-48px; right:2px; }
}