/*
 * Kat bijt Muis - Power skin
 * Central visual refresh for radio, audio and media pages.
 */

:root{
  --kbm-bg:#050811;
  --kbm-bg-2:#091323;
  --kbm-card:rgba(9,16,31,.88);
  --kbm-card-strong:rgba(12,22,39,.96);
  --kbm-border:rgba(255,255,255,.13);
  --kbm-text:#f7f8fc;
  --kbm-muted:#aeb8cc;
  --kbm-blue:#214c6e;
  --kbm-cyan:#54d6ff;
  --kbm-yellow:#ecea59;
  --kbm-orange:#ff9f45;
  --kbm-pink:#ff4b6a;
  --kbm-green:#8be28f;
  --kbm-violet:#9b7cff;
  --kbm-shadow:0 24px 70px rgba(0,0,0,.46);
}

html{
  background:#050811;
  overflow-x:hidden;
}

body{
  background:
    linear-gradient(180deg,rgba(3,8,18,.42),rgba(3,8,18,.9) 48%,#050811 100%),
    radial-gradient(circle at 10% 8%,rgba(255,159,69,.22),transparent 24rem),
    radial-gradient(circle at 82% 8%,rgba(84,214,255,.28),transparent 34rem),
    url('../images/kbm-media-bg.png') center top / cover fixed no-repeat,
    linear-gradient(135deg,#04111d 0%,#080b16 46%,#0e1524 100%) !important;
  color:var(--kbm-text) !important;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

body,
button,
input,
textarea,
select{
  font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(118deg,transparent 0 41%,rgba(84,214,255,.22) 41.2% 41.55%,transparent 41.8% 100%),
    linear-gradient(64deg,transparent 0 52%,rgba(255,159,69,.17) 52.2% 52.55%,transparent 52.8% 100%),
    repeating-linear-gradient(90deg,transparent 0 18px,rgba(84,214,255,.08) 18px 20px,transparent 20px 33px),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:420px 420px,520px 520px,180px 180px,46px 46px,46px 46px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}

body::after{
  content:"";
  position:fixed;
  inset:auto -10vw -18vh -10vw;
  height:46vh;
  z-index:-1;
  pointer-events:none;
  opacity:.52;
  background:
    repeating-radial-gradient(ellipse at center,rgba(255,255,255,.18) 0 1px,transparent 2px 18px),
    linear-gradient(90deg,transparent 0 8%,rgba(84,214,255,.18) 8% 8.5%,transparent 8.5% 12%,rgba(236,234,89,.16) 12% 12.4%,transparent 12.4% 100%),
    radial-gradient(ellipse at center,rgba(33,76,110,.62),transparent 65%);
  transform:rotate(-2deg);
}

body.home::before{
  opacity:.24;
  background:
    linear-gradient(115deg,transparent 0 47%,rgba(84,214,255,.14) 47% 48%,transparent 48% 100%),
    linear-gradient(64deg,transparent 0 46%,rgba(236,234,89,.12) 46% 47%,transparent 47% 100%),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:280px 280px,340px 340px,46px 46px,46px 46px;
}

a{
  color:inherit;
}

::selection{
  background:rgba(236,234,89,.9);
  color:#07101e;
}

.kbm-header{
  padding:.65rem 0 1rem !important;
  background:linear-gradient(180deg,rgba(3,8,18,.98),rgba(3,8,18,.72) 70%,transparent) !important;
  overflow:visible !important;
  z-index:99999 !important;
}

.kbm-header-inner{
  position:relative;
  overflow:visible;
  border-radius:18px !important;
  padding:.75rem .9rem !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),
    radial-gradient(circle at 8% 0,rgba(236,234,89,.24),transparent 18rem),
    radial-gradient(circle at 74% 20%,rgba(84,214,255,.18),transparent 19rem),
    rgba(8,15,29,.92) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
  z-index:2000;
}

.kbm-header-inner::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--kbm-yellow),var(--kbm-cyan),var(--kbm-pink));
  opacity:.8;
}

.kbm-header .kbm-container{
  max-width:1180px !important;
  box-sizing:border-box;
  width:100%;
}

.kbm-logo-wrap{
  min-width:0;
  gap:.82rem !important;
}

.kbm-logo-circle{
  width:58px !important;
  height:58px !important;
  overflow:hidden;
  border:0;
  background:transparent !important;
  box-shadow:none !important;
}

.kbm-logo-circle img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.kbm-logo-circle{
  position:relative;
  isolation:isolate;
}

.kbm-logo-circle::after{
  display:none;
}

.kbm-logo-text span:first-child{
  font-size:.98rem !important;
  color:#fff;
  letter-spacing:.12em !important;
}

.kbm-logo-text span:last-child{
  color:var(--kbm-cyan) !important;
  font-size:.76rem !important;
  letter-spacing:.03em;
}

.kbm-header-live{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-left:.65rem;
  padding:.32rem .72rem;
  border-radius:999px;
  border:1px solid rgba(255,75,106,.55);
  color:#ffdbe2;
  background:rgba(255,75,106,.14);
  font-size:.68rem;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.kbm-header-live::before{
  content:"";
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:var(--kbm-pink);
  box-shadow:0 0 0 0 rgba(255,75,106,.7);
  animation:kbmPulse 1.8s infinite;
}

.kbm-nav-wave{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:74px;
  height:30px;
  margin-left:.45rem;
  padding:0 .52rem;
  border-radius:999px;
  border:1px solid rgba(84,214,255,.28);
  background:linear-gradient(135deg,rgba(84,214,255,.1),rgba(236,234,89,.08));
}

.kbm-nav-wave span{
  width:3px;
  height:9px;
  border-radius:999px;
  background:linear-gradient(to top,var(--kbm-cyan),var(--kbm-yellow));
  animation:kbmNavWave 1.15s ease-in-out infinite;
}

.kbm-nav-wave span:nth-child(2n){animation-delay:-.16s;height:15px;}
.kbm-nav-wave span:nth-child(3n){animation-delay:-.34s;height:22px;}
.kbm-nav-wave span:nth-child(5n){animation-delay:-.55s;height:12px;}

.kbm-nav{
  gap:.45rem !important;
  letter-spacing:.11em !important;
  position:relative;
  z-index:2100;
}

.nav-link{
  padding:.48rem .72rem !important;
  color:#dbe5f6 !important;
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.025);
}

.nav-link:hover,
.kbm-nav-has-children.is-open > .nav-link--parent{
  color:#07101e !important;
  background:linear-gradient(135deg,var(--kbm-yellow),#fff2a6) !important;
  border-color:rgba(236,234,89,.7) !important;
  box-shadow:0 10px 28px rgba(236,234,89,.14);
}

.kbm-nav-dropdown,
.kbm-nav .nav-dropdown{
  background:rgba(6,14,27,.97) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(18px);
  z-index:99999 !important;
}

.kbm-nav-dropdown{
  top:100% !important;
  padding-top:.55rem !important;
}

.kbm-nav-dropdown::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-10px;
  height:10px;
}

.kbm-nav-dropdown--inner{
  top:-.55rem !important;
}

.kbm-nav-item,
.kbm-nav .nav-dd{
  z-index:99999 !important;
  align-self:center !important;
}

.kbm-nav > .kbm-nav-item{
  padding-bottom:0 !important;
}

.kbm-nav-toggle{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.2) !important;
}

.kbm-nav-dropdown-mobile{
  border-radius:18px !important;
  background:rgba(6,14,27,.98) !important;
  border-color:rgba(255,255,255,.16) !important;
}

.kbm-studio-strip{display:none !important;}

.kbm-card,
.kbm-side-card,
.kbm-contact-card,
.kbm-contact-formwrap,
article.kbm-card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),
    var(--kbm-card) !important;
  border:1px solid var(--kbm-border) !important;
  border-radius:16px !important;
  box-shadow:var(--kbm-shadow) !important;
  backdrop-filter:blur(18px);
}

.kbm-card::selection,
.kbm-side-card::selection{
  background:var(--kbm-cyan);
  color:#06101f;
}

.kbm-single-wrapper{
  padding-top:3.2rem !important;
}

.kbm-single-title-card,
.kbm-contact-hero,
.kbm-jaaroverzicht .yo-hero{
  position:relative;
  overflow:hidden;
}

.kbm-single-title-card::after{
  content:"";
  position:absolute;
  right:-4rem;
  top:-5rem;
  width:14rem;
  height:14rem;
  opacity:.18;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,rgba(255,255,255,.88) 0 1px,transparent 2px 15px),
    radial-gradient(circle,rgba(236,234,89,.65),transparent 64%);
  pointer-events:none;
}

.kbm-single-title-card::before,
.kbm-contact-hero::before,
.kbm-jaaroverzicht .yo-hero::before{
  content:"ON AIR";
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 .75rem;
  padding:.32rem .72rem;
  border-radius:999px;
  border:1px solid rgba(84,214,255,.38);
  color:#bcefff;
  background:rgba(84,214,255,.09);
  font-size:.68rem;
  line-height:1;
  letter-spacing:.16em;
  font-weight:800;
}

.kbm-single-title,
.kbm-contact-title,
.kbm-jaaroverzicht .yo-hero h1{
  color:#fff !important;
  letter-spacing:0;
  text-wrap:balance;
}

.kbm-single-title{
  font-size:clamp(2rem,4.4vw,3.3rem) !important;
  line-height:1.02 !important;
  max-width:18ch;
  position:relative;
  z-index:1;
}

.kbm-single-meta-card{
  background:
    linear-gradient(90deg,rgba(33,76,110,.5),rgba(255,255,255,.04)),
    rgba(8,15,29,.9) !important;
}

.kbm-author-avatar{
  width:62px !important;
  height:62px !important;
  border-color:var(--kbm-yellow) !important;
  box-shadow:0 0 0 5px rgba(236,234,89,.1);
}

.kbm-single-content-card{
  color:#f5f7ff !important;
  font-size:1.04rem !important;
  line-height:1.78 !important;
}

.kbm-single-content-card > *{
  position:relative;
  z-index:1;
}

.kbm-single-content-card h2,
.kbm-single-content-card h3,
.kbm-single-content-card h4{
  color:#fff !important;
  line-height:1.16 !important;
  letter-spacing:0;
  text-wrap:balance;
}

.kbm-single-content-card h2{
  font-size:clamp(1.55rem,3vw,2.15rem) !important;
}

.kbm-single-content-card p a,
.kbm-single-content-card li a{
  color:#fff;
  text-decoration:none;
  background:linear-gradient(transparent 62%,rgba(84,214,255,.28) 0);
  box-shadow:inset 0 -1px 0 rgba(84,214,255,.55);
}

.kbm-single-content-card ul,
.kbm-single-content-card ol{
  padding-left:1.35rem;
}

.kbm-single-content-card li::marker{
  color:var(--kbm-yellow);
}

.kbm-single-content-card img,
.kbm-latest-thumb img{
  filter:saturate(1.05) contrast(1.03);
}

.kbm-single-content-card blockquote{
  margin:1.5rem 0;
  padding:1rem 1.2rem;
  border-left:4px solid var(--kbm-yellow);
  border-radius:0 12px 12px 0;
  background:rgba(236,234,89,.08);
  color:#fff;
  font-size:1.08rem;
}

.kbm-single-featured{
  box-shadow:0 18px 50px rgba(0,0,0,.34);
  background:rgba(4,10,20,.72);
}

.kbm-single-featured img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}

.kbm-sidebar{
  position:relative;
}

@media (min-width:901px){
  .kbm-sidebar{
    position:sticky;
    top:112px;
  }
}

.kbm-side-card:first-child,
.kbm-hero-card--radio{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 95% 0,rgba(255,75,106,.26),transparent 12rem),
    radial-gradient(circle at 0 15%,rgba(84,214,255,.2),transparent 13rem),
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025)),
    rgba(8,15,29,.98) !important;
}

.kbm-side-card:first-child::after,
.kbm-hero-card--radio::after{
  content:"";
  position:absolute;
  inset:auto -8% -42% -8%;
  height:62%;
  opacity:.22;
  background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.9) 0 1px,transparent 2px 13px);
  pointer-events:none;
}

.kbm-hero-card-title,
.kbm-side-title{
  color:#fff !important;
  font-weight:800 !important;
}

.kbm-side-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.kbm-side-card:hover{
  transform:translateY(-2px);
  border-color:rgba(84,214,255,.28) !important;
  box-shadow:0 28px 78px rgba(0,0,0,.52) !important;
}

.kbm-live-pill,
.kbm-tme-ad-badge{
  background:linear-gradient(135deg,var(--kbm-pink),var(--kbm-orange)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:0 10px 26px rgba(255,75,106,.2);
}

.kbm-hero-wave{
  height:36px !important;
  border:1px solid rgba(84,214,255,.26) !important;
  background:
    linear-gradient(135deg,rgba(84,214,255,.1),rgba(236,234,89,.08)),
    rgba(3,9,19,.44) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.22);
}

.kbm-hero-wave-line{
  opacity:1 !important;
  inset:0 !important;
  border-radius:999px;
  background:none !important;
  overflow:hidden;
  animation:none !important;
}

.kbm-hero-wave-line::before,
.kbm-hero-wave-line::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:96px;
  height:24px;
  background:linear-gradient(90deg,var(--kbm-cyan),var(--kbm-yellow));
  transform:translate(-50%,-50%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Crect x='0' y='8' width='4' height='8' rx='2'/%3E%3Crect x='9' y='4' width='4' height='16' rx='2'/%3E%3Crect x='18' y='1' width='4' height='22' rx='2'/%3E%3Crect x='27' y='6' width='4' height='12' rx='2'/%3E%3Crect x='36' y='10' width='4' height='4' rx='2'/%3E%3Crect x='45' y='3' width='4' height='18' rx='2'/%3E%3Crect x='54' y='7' width='4' height='10' rx='2'/%3E%3Crect x='63' y='1' width='4' height='22' rx='2'/%3E%3Crect x='72' y='5' width='4' height='14' rx='2'/%3E%3Crect x='81' y='9' width='4' height='6' rx='2'/%3E%3Crect x='90' y='4' width='4' height='16' rx='2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Crect x='0' y='8' width='4' height='8' rx='2'/%3E%3Crect x='9' y='4' width='4' height='16' rx='2'/%3E%3Crect x='18' y='1' width='4' height='22' rx='2'/%3E%3Crect x='27' y='6' width='4' height='12' rx='2'/%3E%3Crect x='36' y='10' width='4' height='4' rx='2'/%3E%3Crect x='45' y='3' width='4' height='18' rx='2'/%3E%3Crect x='54' y='7' width='4' height='10' rx='2'/%3E%3Crect x='63' y='1' width='4' height='22' rx='2'/%3E%3Crect x='72' y='5' width='4' height='14' rx='2'/%3E%3Crect x='81' y='9' width='4' height='6' rx='2'/%3E%3Crect x='90' y='4' width='4' height='16' rx='2'/%3E%3C/svg%3E");
  -webkit-mask-repeat:repeat-x;
  mask-repeat:repeat-x;
  -webkit-mask-size:96px 24px;
  mask-size:96px 24px;
  animation:kbmHeroNavWave 1.15s ease-in-out infinite;
}

.kbm-hero-wave-line::after{
  opacity:.34;
  filter:blur(6px);
}

.kbmnp{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  border-radius:14px !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22) !important;
}

.kbmnp--nowplaying{
  position:relative;
  overflow:hidden;
}

.kbmnp--nowplaying::after{
  content:"LIVE";
  position:absolute;
  top:.58rem;
  right:.65rem;
  padding:.22rem .45rem;
  border-radius:999px;
  color:#fff;
  background:var(--kbm-pink);
  font-size:.58rem;
  line-height:1;
  letter-spacing:.12em;
  font-weight:900;
}

.kbmnp--nowplaying::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(var(--kbm-pink),var(--kbm-yellow),var(--kbm-cyan));
}

.kbmnp__cover{
  width:62px !important;
  height:62px !important;
  border-radius:12px !important;
}

.kbmnp__label{
  color:var(--kbm-pink) !important;
}

.kbmnp__title{
  color:#0f1720 !important;
}

.kbmnp__meta{
  padding-right:2.8rem;
}

.kbmnp--compact{
  background:rgba(6,14,27,.94) !important;
  border-color:rgba(255,255,255,.14) !important;
}

.kbmnp_btn,
.kbmnp_mute{
  border-radius:12px !important;
  color:#07101e !important;
  background:linear-gradient(135deg,var(--kbm-yellow),#fff2a6) !important;
  border-color:rgba(255,255,255,.4) !important;
}

.kbmnp_range{
  background:linear-gradient(90deg,var(--kbm-cyan),var(--kbm-yellow),rgba(255,255,255,.2)) !important;
}

.kbm-btn-small{
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--kbm-yellow),var(--kbm-orange)) !important;
  box-shadow:0 12px 28px rgba(255,159,69,.18) !important;
}

.kbm-latest-link{
  border-radius:12px;
  padding:.48rem !important;
  transition:background .16s ease,transform .16s ease;
}

.kbm-latest-link:hover{
  background:rgba(255,255,255,.06);
  transform:translateX(2px);
}

body.home .elementor-section,
body.home .e-con,
body.home .wp-block-group{
  position:relative;
}

body.home .elementor-widget-container,
.page-content article.post,
.kbm-news-card,
.kbm-portfolio-card,
.kbm-column-card,
.kbm-project-card,
.kbm-category-item,
.kbm-archive-card,
.kbm-dossier-card{
  border-radius:18px !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

body.home .elementor-widget-image-box .elementor-widget-container,
body.home .elementor-widget-call-to-action .elementor-widget-container,
body.home .elementor-post,
body.home article.post,
.page-content article.post,
.kbm-news-card,
.kbm-portfolio-card,
.kbm-column-card,
.kbm-project-card,
.kbm-category-item,
.kbm-archive-card,
.kbm-dossier-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.026)),
    rgba(8,16,31,.88) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(16px);
}

body.home .elementor-widget-image-box .elementor-widget-container::before,
body.home .elementor-widget-call-to-action .elementor-widget-container::before,
body.home .elementor-post::before,
.page-content article.post::before,
.kbm-news-card::before,
.kbm-portfolio-card::before,
.kbm-column-card::before,
.kbm-project-card::before,
.kbm-category-item::before,
.kbm-archive-card::before,
.kbm-dossier-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--kbm-yellow),var(--kbm-orange),var(--kbm-cyan));
  opacity:.88;
}

body.home .elementor-widget-image-box .elementor-widget-container::after,
body.home .elementor-widget-call-to-action .elementor-widget-container::after,
body.home .elementor-post::after,
.page-content article.post::after,
.kbm-news-card::after,
.kbm-portfolio-card::after,
.kbm-column-card::after,
.kbm-project-card::after,
.kbm-category-item::after,
.kbm-archive-card::after,
.kbm-dossier-card::after{
  content:"";
  position:absolute;
  right:-3.5rem;
  bottom:-4rem;
  width:11rem;
  height:11rem;
  opacity:.12;
  border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 2px 13px);
  pointer-events:none;
}

body.home .elementor-widget-image-box .elementor-widget-container:hover,
body.home .elementor-widget-call-to-action .elementor-widget-container:hover,
body.home .elementor-post:hover,
.page-content article.post:hover,
.kbm-news-card:hover,
.kbm-portfolio-card:hover,
.kbm-column-card:hover,
.kbm-project-card:hover,
.kbm-category-item:hover,
.kbm-archive-card:hover,
.kbm-dossier-card:hover{
  transform:translateY(-5px);
  border-color:rgba(84,214,255,.34) !important;
  box-shadow:0 30px 86px rgba(0,0,0,.44) !important;
}

body.home .elementor-widget-image-box img,
body.home .elementor-widget-call-to-action img,
body.home .elementor-post img,
.page-content article.post img,
.kbm-news-card img,
.kbm-portfolio-card img,
.kbm-column-card img,
.kbm-project-card img{
  border-radius:14px !important;
  filter:saturate(1.08) contrast(1.04);
}

body.home .elementor-heading-title,
body.home .elementor-image-box-title,
body.home .elementor-cta__title,
.page-content article.post .entry-title,
.page-content article.post .entry-title a{
  color:#fff !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  text-wrap:balance;
}

body.home .elementor-button,
body.home a.elementor-button,
.page-content .post a.more-link,
.page-content .pagination a{
  border-radius:999px !important;
  color:#07101e !important;
  background:linear-gradient(135deg,var(--kbm-yellow),var(--kbm-orange)) !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(255,159,69,.18) !important;
}

.page-content{
  max-width:1120px;
  margin:0 auto;
  padding:2rem 1.5rem 4rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.15rem;
}

.page-content article.post{
  padding:1.1rem;
}

.page-content article.post .entry-title{
  margin:.35rem 0 .8rem;
  font-size:clamp(1.25rem,2.4vw,1.65rem);
}

.page-header{
  max-width:1120px;
  margin:2.2rem auto 0;
  padding:0 1.5rem;
}

.page-header .entry-title{
  color:#fff;
  font-size:clamp(2rem,5vw,3.6rem);
}

.archive-description{
  color:var(--kbm-muted);
}

.kbm-footer{
  position:relative;
  overflow:hidden;
  margin-top:2rem;
  border-top:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 20% 0,rgba(84,214,255,.14),transparent 22rem),
    radial-gradient(circle at 82% 0,rgba(255,159,69,.12),transparent 20rem),
    #050811 !important;
}

.kbm-footer::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.8) 9px 10px,transparent 11px 22px);
  mask-image:linear-gradient(to bottom,black,transparent 62%);
  pointer-events:none;
}

.kbm-footer-inner{
  position:relative;
}

.kbm-footer-brand{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem;
}

.kbm-footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.5rem;
  margin-top:1.1rem;
}

.kbm-footer-links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.42rem .75rem;
  border-radius:999px;
  color:#e9f1ff;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}

.kbm-footer-links a:hover{
  color:#07101e;
  background:linear-gradient(135deg,var(--kbm-yellow),var(--kbm-cyan));
}

.kbm-footer-avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(236,234,89,.72);
  box-shadow:0 0 0 5px rgba(236,234,89,.1);
}

.kbm-programming{
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}

.kbm-programming-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:0 0 .7rem;
}

.kbm-programming-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.48rem .72rem;
  border-radius:999px;
  color:#dbe5f6;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.1);
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
}

.kbm-programming-day{
  scroll-margin-top:7rem;
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    rgba(8,16,31,.88);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.kbm-programming-day h2{
  margin:.1rem 0 .85rem;
  font-size:1.15rem;
  text-transform:capitalize;
}

.kbm-programming-show{
  display:grid;
  grid-template-columns:105px minmax(0,1fr) auto;
  gap:.9rem;
  align-items:flex-start;
  padding:.8rem 0;
  border-top:1px dashed rgba(255,255,255,.1);
}

.kbm-programming-show:first-of-type{
  border-top:0;
}

.kbm-programming-time{
  font-size:.82rem;
  font-weight:900;
  color:var(--kbm-yellow);
  font-variant-numeric:tabular-nums;
}

.kbm-programming-main h3{
  margin:0;
  font-size:.98rem;
}

.kbm-programming-main p{
  margin:.25rem 0 0;
  color:var(--kbm-muted);
  font-size:.86rem;
  line-height:1.45;
}

.kbm-programming-cat{
  padding:.28rem .55rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  color:#07101e;
  background:linear-gradient(135deg,var(--kbm-cyan),var(--kbm-yellow));
  white-space:nowrap;
}

@media (max-width:720px){
  .kbm-programming-show{
    grid-template-columns:1fr;
    gap:.35rem;
  }
  .kbm-programming-cat{
    width:max-content;
  }
}

.kbm-prog{
  --kbm-prog-card:rgba(16,24,42,.78);
  --kbm-prog-card-strong:rgba(25,34,54,.88);
  --kbm-prog-line:rgba(255,255,255,.1);
  display:flex;
  flex-direction:column;
  gap:1rem;
  color:#f8fbff;
}

.kbm-prog-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.15rem;
  border-radius:22px;
  border:1px solid var(--kbm-prog-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),
    rgba(8,14,28,.9);
  box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.kbm-prog-kicker{
  display:block;
  margin-bottom:.25rem;
  color:#c9d5e7;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.kbm-prog-h{
  margin:0;
  font-size:clamp(1.85rem,4vw,2.65rem);
  line-height:1;
  letter-spacing:0;
}

.kbm-prog-sub{
  margin:.55rem 0 0;
  color:#c0cbda;
  line-height:1.5;
}

.kbm-prog-nowchip,
.kbm-prog-livepill,
.kbm-prog-live{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}

.kbm-prog-nowchip{
  flex:0 0 auto;
  padding:.65rem .85rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  font-weight:800;
}

.kbm-prog-nowlabel,
.kbm-prog-livepill,
.kbm-prog-live{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
  font-weight:950;
}

.kbm-prog-nowtime{
  font-variant-numeric:tabular-nums;
  color:#e9eef8;
  letter-spacing:0;
}

.kbm-prog-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#e0001b;
  box-shadow:0 0 0 5px rgba(224,0,27,.15);
}

.kbm-prog-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  padding:.75rem;
  border-radius:18px;
  border:1px solid var(--kbm-prog-line);
  background:rgba(255,255,255,.045);
}

.kbm-prog-tab{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:0;
  border-radius:999px;
  padding:.72rem .95rem;
  background:rgba(255,255,255,.07);
  color:#f8fbff;
  font-weight:900;
  cursor:pointer;
}

.kbm-prog-tab.is-active{
  background:linear-gradient(135deg,rgba(33,76,110,.98),rgba(60,130,170,.58));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.18);
}

.kbm-prog-badge{
  border-radius:999px;
  padding:.22rem .5rem;
  background:rgba(255,255,255,.14);
  color:#f8fbff;
  font-size:.72rem;
  font-weight:950;
}

.kbm-prog-panels{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.kbm-prog-dayhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:.4rem .15rem .85rem;
}

.kbm-prog-daytitle{
  margin:0;
  font-size:1.25rem;
  line-height:1.1;
}

.kbm-prog-livepill{
  padding:.52rem .72rem;
  border-radius:999px;
  border:1px solid rgba(224,0,27,.28);
  background:rgba(224,0,27,.13);
}

.kbm-prog-panel{
  display:flex;
  flex-direction:column;
  gap:.72rem;
}

.kbm-prog-panel[hidden]{
  display:none;
}

.kbm-prog-item{
  position:relative;
  display:grid;
  grid-template-columns:138px minmax(0,1fr) auto;
  gap:1rem;
  align-items:start;
  padding:1rem;
  border-radius:18px;
  border:1px solid var(--kbm-prog-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    var(--kbm-prog-card);
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}

.kbm-prog-item.is-live{
  border-color:rgba(224,0,27,.5);
  box-shadow:0 0 0 4px rgba(224,0,27,.13),0 14px 34px rgba(0,0,0,.2);
}

.kbm-prog-time{
  display:flex;
  align-items:center;
  gap:.4rem;
  color:#d8e0ef;
  font-size:1rem;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.kbm-prog-dash{
  opacity:.55;
}

.kbm-prog-main{
  min-width:0;
}

.kbm-prog-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}

.kbm-prog-name{
  margin:0;
  font-size:1.02rem;
  line-height:1.25;
  font-weight:950;
  letter-spacing:0;
}

.kbm-prog-toggle{
  flex:0 0 auto;
  width:2.2rem;
  height:2.2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:#fff;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}

.kbm-prog-toggle:hover{
  background:rgba(255,255,255,.13);
}

.kbm-prog-detail{
  margin-top:.85rem;
  padding:.95rem 1rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,9,20,.35);
  color:#cbd6e8;
  line-height:1.55;
  font-size:.92rem;
}

.kbm-prog-detail p{
  margin:0 0 .65rem;
}

.kbm-prog-detail p:last-child{
  margin-bottom:0;
}

.kbm-prog-detail a{
  color:#7ee8ff;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.kbm-prog-live{
  margin-top:.45rem;
  color:#fff;
}

.kbm-prog-nutag{
  align-self:center;
  justify-self:end;
  width:3rem;
  height:3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e0001b;
  color:#fff;
  font-weight:950;
}

@media (max-width:720px){
  .kbm-prog-head{
    flex-direction:column;
  }
  .kbm-prog-item{
    grid-template-columns:1fr;
    gap:.6rem;
  }
  .kbm-prog-nutag{
    justify-self:start;
    width:2.55rem;
    height:2.55rem;
  }
}

.kbm-footer-title{
  margin:0;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.kbm-footer-subtitle{
  margin:.16rem 0 0;
  color:var(--kbm-muted);
  font-size:.82rem;
}

@keyframes kbmPulse{
  0%{box-shadow:0 0 0 0 rgba(255,75,106,.58);}
  70%{box-shadow:0 0 0 9px rgba(255,75,106,0);}
  100%{box-shadow:0 0 0 0 rgba(255,75,106,0);}
}

@keyframes kbmWave{
  from{transform:translateX(0);}
  to{transform:translateX(220px);}
}

@keyframes kbmMeter{
  0%,100%{height:9px;filter:saturate(.85);}
  45%{height:30px;filter:saturate(1.25);}
}

@keyframes kbmNavWave{
  0%,100%{height:7px;opacity:.62;}
  50%{height:24px;opacity:1;}
}

@keyframes kbmHeroNavWave{
  0%,100%{opacity:.68;transform:translate(-50%,-50%) scaleY(.72);}
  50%{opacity:1;transform:translate(-50%,-50%) scaleY(1);}
}

@media (max-width:980px){
  .kbm-header-live{
    display:none;
  }

  .kbm-nav-wave{
    display:none;
  }

  .kbm-nav{
    font-size:.72rem !important;
  }
}

@media (max-width:820px){
  .kbm-header-inner{
    border-radius:16px !important;
    gap:.8rem !important;
    padding:.65rem .75rem !important;
  }

  .kbm-logo-text span:first-child{
    font-size:.82rem !important;
  }

  .kbm-logo-text span:last-child{
    font-size:.68rem !important;
  }

  .kbm-single-wrapper{
    padding-left:1rem !important;
    padding-right:1rem !important;
  }

  .kbm-single-title{
    max-width:none;
  }

  .kbm-footer-brand{
    flex-wrap:wrap;
  }

  .kbm-card,
  .kbm-side-card{
    padding:1.15rem !important;
  }
}

@media (max-width:640px){
  body{
    background-attachment:scroll !important;
  }

  .kbm-header{
    padding:.45rem 0 .65rem !important;
  }

  .kbm-header .kbm-container{
    width:min(100%, 100vw) !important;
    padding-left:.85rem !important;
    padding-right:.85rem !important;
  }

  .kbm-header-inner{
    border-radius:20px !important;
  }

  .kbm-logo-wrap{
    gap:.65rem !important;
    min-width:0;
  }

  .kbm-logo-circle{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
  }

  .kbm-logo-text{
    min-width:0;
  }

  .kbm-logo-text span:first-child{
    font-size:.76rem !important;
    letter-spacing:.11em !important;
    white-space:normal !important;
  }

  .kbm-logo-text span:last-child{
    font-size:.64rem !important;
    white-space:normal !important;
  }

  .kbm-nav-toggle{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    scroll-behavior:auto !important;
  }
}