/* A gold editorial card, scoped to the News view. */
.news-panel {
  --news-gold:#f5d276;
  --news-paper:#fff5d9;
  --news-muted:#c8bd9e;
}
.news-panel .news-feature {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.4fr);
  gap:clamp(26px,4vw,62px);
  align-items:center;
  padding:clamp(22px,3.5vw,48px);
  border:1px solid #65532f;
  border-radius:20px;
  background:radial-gradient(ellipse at 8% 0,#af81251b,transparent 52%),linear-gradient(140deg,#ffffff04,transparent 55%),#15140f;
  box-shadow:inset 0 1px 0 #fff4c110,0 18px 50px #0002;
  color:var(--news-paper);
  overflow:hidden;
}
.news-panel .news-story,.news-panel .news-film {min-width:0}
.news-panel .news-meta {display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:10px;color:var(--news-muted)}
.news-panel .news-category {border:1px solid #8c743c;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:1.05px;text-transform:uppercase;color:var(--news-gold);background:#f5d2760b}
.news-panel .news-kicker {margin:30px 0 14px;font-size:8px;font-weight:650;letter-spacing:1.7px;color:var(--news-muted);line-height:1.7}
.news-panel .news-story h3 {font-family:var(--display);font-size:clamp(31px,3.5vw,52px);line-height:1.08;font-weight:750;letter-spacing:-1.9px;margin:0 0 20px}
.news-panel .news-story h3 em {font-style:normal;color:var(--news-gold)}
.news-panel .news-deck {font-size:15px;font-weight:600;line-height:1.5;margin:0 0 13px;max-width:26em}
.news-panel .news-body {font-size:12px;line-height:1.9;color:var(--news-muted);margin:0;max-width:40em}
.news-panel .news-film-specs {list-style:none;margin:22px 0 0;padding:0;display:flex;gap:7px 14px;flex-wrap:wrap;font-size:9px;font-weight:500;color:var(--news-muted)}
.news-panel .news-film-specs li+li::before {content:'·';margin-right:14px;color:var(--news-gold)}
.news-panel .news-actions {display:flex;flex-wrap:wrap;gap:15px 22px;align-items:center;margin-top:27px}
.news-panel .news-watch {background:linear-gradient(180deg,#fff5d526,transparent),var(--news-gold);border:1px solid var(--news-gold);color:#241c09;font-size:11px;gap:18px;padding:11px 15px;min-height:44px;border-radius:7px;box-shadow:inset 0 1px 0 #fff6}
.news-panel .news-watch:hover {background:#ffe3a0}
.news-panel .news-explore {font-size:11px;font-weight:600;color:var(--news-paper);padding:11px 0;display:inline-flex;align-items:center;gap:12px;min-height:44px}
.news-panel .news-explore:hover {color:var(--news-gold)}
.news-panel a:focus-visible,.news-panel button:focus-visible {outline-color:var(--news-gold)}
.news-panel .news-video {position:relative;width:100%;aspect-ratio:16/9;min-height:200px;background:#080806;border:1px solid #766139;border-radius:12px;overflow:hidden;box-shadow:0 20px 48px #0005}
.news-panel .news-poster {display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:left;background:#080806;color:var(--news-paper)}
.news-panel .news-poster::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0009);pointer-events:none}
.news-panel .news-poster img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.news-panel .news-poster:hover img {transform:scale(1.025)}
.news-panel .news-poster:focus-visible {outline-offset:-5px;outline-width:3px}
.news-panel .news-play-mark {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;background:#f5d276f0;color:#241c09;border:1px solid #ffe9ad;border-radius:50%;box-shadow:0 0 0 9px #f5d27615,0 8px 28px #0005;transition:background .2s,box-shadow .2s}
.news-panel .news-play-mark svg {width:26px;height:26px;fill:currentColor;stroke:none;transform:translateX(-2px)}
.news-panel .news-poster:hover .news-play-mark {background:#ffe3a0;box-shadow:0 0 0 13px #f5d27618,0 8px 28px #0005}
.news-panel .news-poster:disabled .news-play-mark {opacity:.55}
.news-panel .news-play-caption {position:absolute;bottom:19px;left:21px;right:21px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;letter-spacing:.2px;text-shadow:0 1px 6px #000}
.news-panel .news-play-caption b {font-size:10px;font-weight:500;border:1px solid #ffffff48;background:#0009;border-radius:4px;padding:2px 5px}
.news-panel .news-video iframe,.news-panel .news-video video {display:block;width:100%;height:100%;position:absolute;inset:0;border:0;min-height:200px}
.news-panel .news-video-note {font-size:10px;line-height:1.7;color:var(--news-muted);margin:13px 0 0}
@media(max-width:1000px) {
  .news-panel .news-feature {grid-template-columns:minmax(0,1fr);gap:29px}
  .news-panel .news-story h3 {font-size:clamp(34px,6vw,48px)}
  .news-panel .news-story h3 br {display:none}
  .news-panel .news-deck,.news-panel .news-body {max-width:56em}
  .news-panel .news-kicker {margin-top:23px}
}
@media(max-width:680px) {
  body.halloween.overhaul.worlds .hub-tabs #tab-updates {grid-column:1/-1}
  .news-panel .section-top {align-items:start}
  .news-panel .section-top .library-caption {max-width:130px;padding-top:17px;text-align:right;line-height:1.7}
  .news-panel .news-feature {padding:22px 17px;gap:25px;border-radius:14px}
  .news-panel .news-story h3 {font-size:35px;letter-spacing:-1.4px;line-height:1.12}
  .news-panel .news-story h3 br {display:initial}
  .news-panel .news-kicker {font-size:7px;letter-spacing:1.35px;margin-top:24px}
  .news-panel .news-deck {font-size:14px}
  .news-panel .news-body {font-size:12px;line-height:1.8}
  .news-panel .news-meta {font-size:9px;gap:10px}
  .news-panel .news-film-specs {gap:7px 11px;font-size:8px}
  .news-panel .news-film-specs li+li::before {margin-right:11px}
  .news-panel .news-actions {gap:8px 18px;margin-top:23px}
  .news-panel .news-play-mark {width:57px;height:57px}
  .news-panel .news-play-caption {bottom:14px;left:14px;right:14px;font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .news-panel .news-poster img,.news-panel .news-play-mark {transition:none}
  .news-panel .news-poster:hover img {transform:none}
}