.ddt-media-hub{
  --ddt-bg:#0b1017;
  --ddt-bg2:#101722;
  --ddt-line:#26303d;
  --ddt-line2:#344151;
  --ddt-text:#f5f7fa;
  --ddt-muted:#a8b3c1;
  --ddt-red:#d71920;
  --ddt-red2:#8b0d13;
  width:100%;
  min-height:680px;
  height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid var(--ddt-line);
  border-radius:14px;
  overflow:hidden;
  color:var(--ddt-text);
  background:radial-gradient(circle at 96% 0,rgba(215,25,32,.10),transparent 34%),linear-gradient(155deg,#111924,#0a0f16 72%);
  box-shadow:0 16px 40px rgba(0,0,0,.20);
  font-family:inherit;
}
.ddt-media-hub *{box-sizing:border-box}
.ddt-media-head{
  min-height:104px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex:0 0 auto;border-bottom:1px solid var(--ddt-line);
}
.ddt-media-eyebrow{color:#9eb0c5;font-size:10px;line-height:1;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ddt-media-head h2{margin:11px 0 0!important;color:#fff!important;font-size:30px!important;line-height:1!important;font-weight:900!important}
.ddt-media-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--ddt-line2);border-radius:999px;background:rgba(255,255,255,.035);color:#d9e0e8;font-size:10px;font-weight:900;letter-spacing:.05em}
.ddt-media-dot{width:7px;height:7px;border-radius:50%;background:#778493}
.ddt-media-badge.is-live{border-color:rgba(215,25,32,.48);color:#fff;background:rgba(215,25,32,.10)}
.ddt-media-badge.is-live .ddt-media-dot{background:#ff3b42;box-shadow:0 0 0 4px rgba(215,25,32,.12),0 0 14px rgba(255,59,66,.5)}

.ddt-media-feature{
  position:relative;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(245px,.72fr);
  flex:1 1 auto;min-height:430px;color:inherit!important;text-decoration:none!important;background:#0b1017;
}
.ddt-media-visual{position:relative;min-height:430px;overflow:hidden;background:#05080c;border-right:1px solid var(--ddt-line)}
.ddt-media-visual img{width:100%!important;height:100%!important;min-height:430px;object-fit:cover!important;object-position:center!important;display:block;transition:transform .35s ease,filter .35s ease}
.ddt-media-feature:hover .ddt-media-visual img{transform:scale(1.018);filter:brightness(1.04)}
.ddt-media-livechip{position:absolute;z-index:4;left:18px;top:18px;padding:7px 9px;border-radius:7px;color:#fff;background:var(--ddt-red);font-size:9px;font-weight:1000;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.ddt-media-placeholder{min-height:430px;height:100%;display:grid;place-items:center;font-size:46px;font-weight:1000;letter-spacing:.1em;color:#fff;background:linear-gradient(145deg,#240b0e,#090d12)}

.ddt-media-copy{padding:32px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 100% 0,rgba(215,25,32,.06),transparent 38%),#0b1017}
.ddt-media-source{color:#ff666d;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ddt-media-copy h3,.ddt-media-empty h3{margin:10px 0 9px!important;color:#fff!important;font-size:24px!important;line-height:1.18!important;font-weight:900!important}
.ddt-media-copy p,.ddt-media-empty p{margin:0!important;color:var(--ddt-muted)!important;font-size:13px!important;line-height:1.55!important}
.ddt-media-cta{margin-top:23px;display:inline-flex;padding:10px 13px;border-radius:8px;color:#fff;background:linear-gradient(145deg,var(--ddt-red),var(--ddt-red2));border:1px solid #ef3a41;font-size:10px;font-weight:900;letter-spacing:.05em;box-shadow:0 8px 18px rgba(0,0,0,.18)}

/* YouTube becomes a true media hero: title and context are visible before clicking. */
.ddt-media-feature-youtube{display:block;min-height:430px}
.ddt-media-feature-youtube .ddt-media-visual{height:100%;min-height:430px;border-right:0}
.ddt-media-youtube-visual img{position:absolute;inset:0;min-height:100%}
.ddt-media-video-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.02) 25%,rgba(4,7,10,.28) 55%,rgba(4,7,10,.94) 100%)}
.ddt-media-video-info{position:absolute;z-index:3;left:26px;right:210px;bottom:25px;color:#fff}
.ddt-media-video-label{display:inline-flex;padding:6px 9px;border-radius:6px;background:var(--ddt-red);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.09em}
.ddt-media-video-title{margin:11px 0 7px!important;color:#fff!important;font-size:27px!important;line-height:1.12!important;font-weight:900!important;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.ddt-media-video-description{margin:0!important;max-width:720px;color:#d5dbe3!important;font-size:13px!important;line-height:1.45!important}
.ddt-media-video-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;color:#b7c1cc;font-size:10px;font-weight:700}
.ddt-media-video-meta span+span:before{content:"•";margin-right:16px;color:#647284}
.ddt-media-overlay-cta{position:absolute;z-index:4;right:25px;bottom:27px;display:inline-flex;align-items:center;padding:11px 14px;border:1px solid #e22a31;border-radius:8px;background:rgba(10,15,22,.78);color:#ff4a51;font-size:10px;font-weight:1000;letter-spacing:.04em;backdrop-filter:blur(5px);transition:background .18s ease,color .18s ease}
.ddt-media-feature-youtube:hover .ddt-media-overlay-cta{background:var(--ddt-red);color:#fff}

.ddt-media-empty{min-height:430px;flex:1 1 auto;padding:32px;display:flex;align-items:center;background:#0b1017}

.ddt-media-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 auto;border-top:1px solid var(--ddt-line);background:#0d131c}
.ddt-media-links>a{min-height:82px;padding:13px 14px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;color:#e9eef4!important;text-decoration:none!important;border-right:1px solid var(--ddt-line);transition:background .16s ease,border-color .16s ease}
.ddt-media-links>a:last-child{border-right:0}
.ddt-media-links>a:hover{background:#141c27}
.ddt-media-links b{display:block;color:#fff;font-size:12px;line-height:1.15}
.ddt-media-links small{display:block;margin-top:5px;color:#aeb8c4;font-size:10px;line-height:1.35}
.ddt-media-links strong{color:#aab6c3;font-size:14px}
.ddt-media-link-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#1c2633;border:1px solid #324052;font-size:10px;font-weight:1000;letter-spacing:.02em}
.ddt-media-link-icon.twitch{background:#4d2c78;border-color:#7145aa}
.ddt-media-link-icon.youtube{background:linear-gradient(145deg,#b11219,#741016);border-color:#c92a31;font-size:9px;letter-spacing:.08em}

/* Equal-height support for common Kadence two-column rows. */
.wp-block-shortcode:has(> .ddt-media-hub){height:100%;display:flex;flex-direction:column}
.wp-block-shortcode:has(> .ddt-media-hub)>.ddt-media-hub{height:100%;flex:1 1 auto}
.kt-row-column-wrap>.wp-block-kadence-column,.kt-inside-inner-col{height:100%}
.kt-inside-inner-col:has(.ddt-media-hub){display:flex;flex-direction:column}
.kt-inside-inner-col:has(.ddt-media-hub)>.wp-block-shortcode{flex:1 1 auto}

@media(max-width:900px){
  .ddt-media-hub{min-height:0;height:auto}
  .ddt-media-feature{grid-template-columns:1fr;min-height:0}
  .ddt-media-visual,.ddt-media-visual img{min-height:320px}
  .ddt-media-copy{padding:25px 22px}
  .ddt-media-feature-youtube,.ddt-media-feature-youtube .ddt-media-visual{min-height:380px}
  .ddt-media-video-info{left:22px;right:22px;bottom:74px}
  .ddt-media-overlay-cta{left:22px;right:auto;bottom:22px}
  .ddt-media-links{grid-template-columns:1fr 1fr}
  .ddt-media-links>a:nth-child(2){border-right:0}
  .ddt-media-links>a:nth-child(-n+2){border-bottom:1px solid var(--ddt-line)}
}
@media(max-width:560px){
  .ddt-media-head{min-height:auto;padding:18px}
  .ddt-media-head h2{font-size:26px!important}
  .ddt-media-visual,.ddt-media-visual img{min-height:230px}
  .ddt-media-copy{padding:22px 18px}
  .ddt-media-copy h3,.ddt-media-empty h3{font-size:20px!important}
  .ddt-media-feature-youtube,.ddt-media-feature-youtube .ddt-media-visual{min-height:390px}
  .ddt-media-video-info{left:18px;right:18px;bottom:72px}
  .ddt-media-video-title{font-size:21px!important}
  .ddt-media-video-description{font-size:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ddt-media-links{grid-template-columns:1fr}
  .ddt-media-links>a{min-height:68px;border-right:0!important;border-bottom:1px solid var(--ddt-line)}
  .ddt-media-links>a:last-child{border-bottom:0}
}