/* Feature F03 — Official Media Section */
.official-media{padding-block:clamp(2rem,4vw,3.5rem)}
.official-media__head{max-width:52rem}
.official-media__player{
  margin:1.25rem 0 1rem;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #d7e1ec;
  background:#0b1a2b;
  aspect-ratio:16/9;
  position:relative;
}
.official-media__skeleton{
  position:absolute;inset:0;
  display:grid;place-content:center;
  background:
    linear-gradient(180deg,rgba(6,20,38,.45),rgba(6,20,38,.78)),
    radial-gradient(circle at 30% 20%,rgba(204,10,47,.28),transparent 55%);
  color:#d7e1ec;font-size:13px;font-weight:600;
}
.official-media__skeleton[hidden]{display:none}
.official-media__facade{
  position:absolute;inset:0;
  display:grid;place-content:center;
  cursor:pointer;
  text-decoration:none;
  color:#fff;
}
.official-media__facade[hidden]{display:none}
.official-media__thumb{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;
}
.official-media__facade::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,20,38,.25),rgba(6,20,38,.72));
  z-index:1;
}
.official-media__play{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:999px;
  border:0;cursor:pointer;
  background:#cc092f;color:#fff;
  font:inherit;font-weight:700;font-size:15px;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.official-media__play:hover,
.official-media__play:focus-visible{
  background:#a80726;outline:2px solid #fff;outline-offset:3px;
}
.official-media__play-icon{
  width:22px;height:22px;border-radius:50%;
  background:#fff;color:#cc092f;
  display:grid;place-items:center;
  font-size:11px;line-height:1;
}
.official-media__fallback{
  position:absolute;left:16px;bottom:14px;z-index:3;
  color:#fff;font-size:13px;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
}
.official-media__fallback:hover,
.official-media__fallback:focus-visible{
  color:#ffd7de;
}
.official-media__frame-wrap{
  position:absolute;inset:0;width:100%;height:100%;
}
.official-media__frame-wrap[hidden]{display:none}
.official-media__frame-wrap iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
  display:block;
}
.official-media__note{
  margin:0 0 1rem;max-width:52rem;font-size:13px;line-height:1.55;color:#5f6b7a;
}
.official-media__actions{margin:0}
@media (max-width:767px){
  .official-media__actions{display:grid;gap:10px}
  .official-media__actions .button{width:100%;justify-content:center}
  .official-media__play{font-size:14px;padding:11px 16px}
}