:root{
  --fb-bg:#07090d;
  --fb-panel:#0d1118;
  --fb-panel2:#111721;
  --fb-text:#f3f6fa;
  --fb-muted:#9aa5b3;
  --fb-line:rgba(255,255,255,.12);
  --fb-accent:#ff3b63;
  --fb-accent2:#ffb037;
  --fb-glow:rgba(255,59,99,.22);
  --fb-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.fredagsbarPage{
  margin:0;
  background:
    radial-gradient(circle at 15% -10%,rgba(255,59,99,.10),transparent 34rem),
    radial-gradient(circle at 100% 10%,rgba(255,176,55,.07),transparent 28rem),
    var(--fb-bg);
  color:var(--fb-text);
  font-family:Manrope,system-ui,sans-serif;
}
.fredagsbarPage a{color:inherit;text-decoration:none}
.fbTop{
  width:min(calc(100% - 32px),var(--fb-max));
  margin:0 auto;
  min-height:84px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  border-bottom:1px solid var(--fb-line);
}
.fbBrand{display:flex;align-items:center;gap:12px}
.fbBrandMark{
  display:grid;place-items:center;width:42px;height:42px;border-radius:10px;
  background:linear-gradient(145deg,var(--fb-accent),#a41638);
  font:900 18px/1 "Barlow Condensed",sans-serif;
  box-shadow:0 0 30px var(--fb-glow);
}
.fbBrand strong{display:block;font:800 18px/1 "Barlow Condensed",sans-serif;letter-spacing:.05em}
.fbBrand small{display:block;margin-top:4px;color:var(--fb-muted);font-size:9px;letter-spacing:.16em}
.fbNav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fbNav a{
  padding:10px 12px;border-radius:8px;color:var(--fb-muted);
  font:700 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em
}
.fbNav a:hover,.fbNav a.active{color:#fff;background:rgba(255,255,255,.06)}

.fbHero{
  position:relative;overflow:hidden;
  border-bottom:1px solid var(--fb-line);
}
.fbHero:before{
  content:"FREDAGSBAR";
  position:absolute;right:-.03em;bottom:-.22em;
  font:900 clamp(7rem,20vw,20rem)/.8 "Barlow Condensed",sans-serif;
  letter-spacing:-.06em;color:rgba(255,255,255,.018);pointer-events:none;
}
.fbHeroGlow{
  position:absolute;width:38rem;height:38rem;border-radius:50%;
  left:58%;top:-14rem;background:radial-gradient(circle,var(--fb-glow),transparent 70%);
  filter:blur(10px);pointer-events:none
}
.fbHeroInner{position:relative;width:min(calc(100% - 32px),var(--fb-max));margin:0 auto;padding:105px 0 88px}
.fbEyebrow,.fbKicker{
  margin:0 0 16px;color:var(--fb-accent2);
  font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.18em;text-transform:uppercase
}
.fbHero h1,.fbWide h2,.fbCard h2,.fbSchedule h2,.fbFinal h2,.fbManifesto h2{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase
}
.fbHero h1{
  max-width:1000px;margin:0;
  font-size:clamp(4.4rem,10vw,9rem);line-height:.82;letter-spacing:-.045em;font-weight:900
}
.fbHero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.fbHeroLine{
  margin:28px 0 0;font:800 clamp(1.35rem,2.4vw,2.2rem)/1 "Barlow Condensed",sans-serif;
  text-transform:uppercase;letter-spacing:.04em
}
.fbHeroIntro{max-width:800px;margin:22px 0 0;color:#c8d0da;font-size:1.08rem;line-height:1.75}
.fbSignalRow{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}
.fbSignalRow span{
  padding:10px 13px;border:1px solid var(--fb-line);border-radius:999px;
  background:rgba(255,255,255,.035);font:800 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.09em
}
.fbSignalRow b{color:var(--fb-accent)}
.fbActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.fbBtn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  border:1px solid var(--fb-line);border-radius:9px;background:rgba(255,255,255,.035);
  font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.11em;text-transform:uppercase
}
.fbBtn:hover{background:rgba(255,255,255,.08)}
.fbBtnPrimary{border-color:transparent;background:linear-gradient(135deg,var(--fb-accent),#c92149)}
.fbBtnPrimary:hover{background:linear-gradient(135deg,#ff5877,var(--fb-accent))}

.fbManifesto,.fbWide,.fbSchedule,.fbFinal{
  width:min(calc(100% - 32px),var(--fb-max));margin:0 auto;
  padding:84px 0;border-bottom:1px solid var(--fb-line)
}
.fbManifesto{display:grid;grid-template-columns:110px 1fr;gap:34px}
.fbManifestoNumber,.fbIndex{
  font:900 72px/1 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.07)
}
.fbManifesto h2,.fbWide h2,.fbCard h2,.fbSchedule h2,.fbFinal h2{
  margin:0 0 22px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.93;letter-spacing:-.03em
}
.fbManifesto p,.fbWide p,.fbCard p,.fbFinal p{
  max-width:920px;color:#c2cad4;font-size:1rem;line-height:1.8
}
.fbManifesto strong,.fbWide strong,.fbCard strong,.fbFinal strong{color:#fff}
.fbSplit{
  width:min(calc(100% - 32px),var(--fb-max));margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--fb-line)
}
.fbCard{position:relative;padding:74px 54px 74px 0}
.fbCard + .fbCard{padding-left:54px;padding-right:0;border-left:1px solid var(--fb-line)}
.fbCardAccent:after{
  content:"";
  position:absolute;inset:20px 0 20px 20px;
  background:linear-gradient(135deg,rgba(255,59,99,.055),transparent 55%);
  border-radius:20px;pointer-events:none
}
.fbCardQuiet{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.fbWide .fbLead,.fbCommunity .fbLead{font-size:1.25rem;color:#fff}
.fbGenreGrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0
}
.fbGenreGrid span{
  border:1px solid var(--fb-line);background:var(--fb-panel);
  padding:18px 14px;border-radius:8px;
  font:800 15px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em
}
.fbWide blockquote{
  margin:35px 0;padding:20px 24px;border-left:3px solid var(--fb-accent);
  background:linear-gradient(90deg,rgba(255,59,99,.08),transparent);
  font:800 clamp(1.8rem,4vw,3rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase
}
.fbTextLink{
  display:inline-block;margin-top:22px;color:#fff;border-bottom:1px solid var(--fb-accent);
  font:800 13px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.1em
}
.fbSchedule{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px}
.fbSchedule dl{margin:0}
.fbSchedule dl div{
  display:grid;grid-template-columns:135px 1fr;gap:16px;
  padding:17px 0;border-bottom:1px solid var(--fb-line)
}
.fbSchedule dt{color:var(--fb-muted);font:800 11px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.13em}
.fbSchedule dd{margin:0;font-weight:700}
.fbFinal{text-align:center;padding-top:110px;padding-bottom:110px}
.fbFinal h2{max-width:950px;margin-left:auto;margin-right:auto;font-size:clamp(3.1rem,7vw,7rem)}
.fbFinal p{margin-left:auto;margin-right:auto}
.fbFinal .fbActions{justify-content:center}
.fbFinal small{display:block;margin-top:34px;color:var(--fb-muted);font-style:italic}
.fbFooter{
  width:min(calc(100% - 32px),var(--fb-max));margin:0 auto;padding:28px 0 40px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#6f7885;
  font:700 9px/1.5 "Barlow Condensed",sans-serif;letter-spacing:.13em
}

@media (max-width:800px){
  .fbTop{min-height:70px}.fbNav a:not(.active):not(:last-child){display:none}
  .fbBrand small{display:none}
  .fbHeroInner{padding:74px 0 60px}
  .fbHero h1{font-size:clamp(3.8rem,19vw,6.2rem)}
  .fbHeroIntro{font-size:.98rem}
  .fbManifesto{grid-template-columns:1fr;gap:8px;padding:58px 0}
  .fbManifestoNumber{font-size:48px}
  .fbSplit{grid-template-columns:1fr}
  .fbCard,.fbCard + .fbCard{padding:58px 0;border-left:0}
  .fbCard + .fbCard{border-top:1px solid var(--fb-line)}
  .fbWide,.fbSchedule,.fbFinal{padding:58px 0}
  .fbGenreGrid{grid-template-columns:repeat(2,1fr)}
  .fbSchedule{grid-template-columns:1fr;gap:26px}
  .fbSchedule dl div{grid-template-columns:100px 1fr}
  .fbFinal{padding-top:72px;padding-bottom:72px}
}


/* =========================================================
   V21100 — FREDAGSBAR BROADCAST CHAOS GRAPHICS
   More visual energy. Still clean, modern and very Danish.
   ========================================================= */

body.fredagsbarPage{position:relative;overflow-x:hidden}
body.fredagsbarPage:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.22;
  background:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px) 0 0/100% 4px,
    linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.012) 50%,transparent 50.2%);
  mix-blend-mode:screen
}
.fbBroadcastNoise{
  position:fixed;inset:0;z-index:89;pointer-events:none;opacity:.035;
  background-image:
    radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 70% 35%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 40% 80%,#fff 0 1px,transparent 1.5px);
  background-size:43px 47px,67px 61px,53px 59px;
  animation:fbNoiseDrift 12s linear infinite
}
@keyframes fbNoiseDrift{to{transform:translate3d(23px,-17px,0)}}

.fbEdgeRail{
  position:fixed;top:50%;z-index:70;display:flex;gap:24px;align-items:center;
  color:rgba(255,255,255,.22);font:800 9px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.22em;pointer-events:none;text-transform:uppercase
}
.fbEdgeRailLeft{left:11px;transform:translateY(-50%) rotate(-90deg)}
.fbEdgeRailRight{right:11px;transform:translateY(-50%) rotate(90deg)}
.fbEdgeRail span:before{content:"◆";font-size:6px;margin-right:12px;color:var(--fb-accent)}

.fbTop{position:relative;z-index:100}
.fbTop:before,.fbTop:after{
  content:"";position:absolute;bottom:-1px;height:1px;width:80px;background:var(--fb-accent)
}
.fbTop:before{left:0}.fbTop:after{right:0;background:var(--fb-accent2)}
.fbBrandMark{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);
  box-shadow:0 0 34px var(--fb-glow),inset 0 0 20px rgba(255,255,255,.06)
}
.fbBrandMark:after{
  content:"";position:absolute;inset:-40% -80%;transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:fbBrandSweep 5s ease-in-out infinite
}
@keyframes fbBrandSweep{0%,55%{transform:translateX(-60%) rotate(25deg)}85%,100%{transform:translateX(70%) rotate(25deg)}}

.fbOnAirStrip{
  position:relative;z-index:80;border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(7,9,13,.92);backdrop-filter:blur(18px);overflow:hidden
}
.fbOnAirStripInner{
  width:min(calc(100% - 32px),var(--fb-max));height:38px;margin:auto;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px
}
.fbLiveLamp,.fbSignalCode{
  font:900 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;white-space:nowrap
}
.fbLiveLamp{
  display:flex;align-items:center;color:#fff
}
.fbLiveLamp:before{
  content:"";width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--fb-accent);
  box-shadow:0 0 0 4px rgba(255,59,99,.11),0 0 18px rgba(255,59,99,.65);
  animation:fbPulseLamp 1.3s ease-in-out infinite
}
@keyframes fbPulseLamp{50%{opacity:.35;box-shadow:0 0 0 8px rgba(255,59,99,.02)}}
.fbSignalCode{color:var(--fb-accent2)}
.fbMarquee{overflow:hidden;color:#9ba5b3;font:800 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em}
.fbMarquee>div{width:max-content;animation:fbMarquee 30s linear infinite}
@keyframes fbMarquee{to{transform:translateX(-50%)}}

.fbHero{
  min-height:min(830px,calc(100vh - 120px));
  display:flex;align-items:center;
  background:
    linear-gradient(115deg,rgba(255,59,99,.08),transparent 34%),
    linear-gradient(300deg,rgba(255,176,55,.06),transparent 26%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 1px,transparent 1px 18px)
}
.fbHero:after{
  content:"";position:absolute;inset:26px max(18px,calc((100vw - var(--fb-max))/2 - 24px));
  border:1px solid rgba(255,255,255,.08);border-radius:24px;pointer-events:none;
  box-shadow:inset 0 0 80px rgba(255,255,255,.018)
}
.fbHeroInner{z-index:2}
.fbHeroInner:before{
  content:"MONTHLY / 12 TRANSMISSIONS PER YEAR";
  position:absolute;right:0;top:60px;color:rgba(255,255,255,.28);
  font:800 9px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em;writing-mode:vertical-rl
}
.fbHero h1{
  position:relative;text-shadow:0 0 55px rgba(255,255,255,.04)
}
.fbHero h1:after{
  content:"LAST FRIDAY";display:block;width:max-content;margin:22px 0 0;
  padding:7px 10px 6px;background:var(--fb-accent);color:#fff;
  font:900 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.18em;
  transform:rotate(-1deg);box-shadow:9px 9px 0 rgba(255,176,55,.17)
}
.fbHero h1 span{
  -webkit-text-stroke:1px rgba(255,255,255,.68);
  filter:drop-shadow(0 0 28px rgba(255,255,255,.03))
}
.fbHeroLine{position:relative;display:inline-block;padding-right:90px}
.fbHeroLine:after{
  content:"";position:absolute;left:calc(100% - 72px);top:50%;width:70px;height:2px;
  background:linear-gradient(90deg,var(--fb-accent2),transparent)
}

.fbTransmissionDeck{
  margin:36px 0 6px;max-width:1050px;display:grid;grid-template-columns:210px 1fr 230px;
  border:1px solid rgba(255,255,255,.13);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,rgba(17,23,33,.9),rgba(7,9,13,.82));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)
}
.fbDeckLeft,.fbDeckRight{padding:22px 22px 20px}
.fbDeckLeft{border-right:1px solid var(--fb-line)}
.fbDeckRight{border-left:1px solid var(--fb-line)}
.fbDeckLabel,.fbDeckCenter>span,.fbDeckRight>span{
  display:block;color:var(--fb-muted);font:800 9px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.15em
}
.fbDeckLeft strong{
  display:block;margin:9px 0 5px;font:900 35px/.78 "Barlow Condensed",sans-serif;letter-spacing:-.03em
}
.fbDeckLeft small{color:var(--fb-accent2);font:800 9px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em}
.fbDeckCenter{padding:22px;display:flex;flex-direction:column;justify-content:center}
.fbWave{height:54px;display:flex;align-items:center;gap:4px;margin-bottom:10px}
.fbWave i{
  flex:1;max-width:8px;min-width:2px;height:20%;border-radius:4px;
  background:linear-gradient(to top,var(--fb-accent),var(--fb-accent2));
  box-shadow:0 0 10px rgba(255,59,99,.2);animation:fbWave 1.15s ease-in-out infinite alternate
}
.fbWave i:nth-child(2n){animation-delay:-.55s}.fbWave i:nth-child(3n){animation-delay:-.22s}
.fbWave i:nth-child(5n){animation-delay:-.8s}
@keyframes fbWave{from{height:12%}to{height:96%}}
.fbDeckRight{text-align:right;position:relative}
.fbDeckRight b{
  position:absolute;left:17px;top:12px;color:rgba(255,255,255,.08);
  font:900 76px/.8 "Barlow Condensed",sans-serif
}
.fbDeckRight strong{
  display:block;margin-top:8px;color:#fff;font:900 25px/.82 "Barlow Condensed",sans-serif;letter-spacing:-.02em
}

.fbManifesto,.fbWide,.fbSchedule,.fbFinal,.fbSplit{position:relative}
.fbManifesto:before,.fbWide:before,.fbSchedule:before{
  content:"";position:absolute;left:0;top:0;width:72px;height:3px;
  background:linear-gradient(90deg,var(--fb-accent),var(--fb-accent2))
}
.fbManifestoNumber,.fbIndex{
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);
  text-shadow:20px 20px 0 rgba(255,59,99,.025)
}
.fbCard{
  transition:transform .35s ease,background .35s ease;
  isolation:isolate
}
.fbCard:hover{transform:translateY(-3px)}
.fbCard:before{
  content:"";position:absolute;left:0;top:52px;width:26px;height:2px;
  background:var(--fb-accent);box-shadow:35px 0 0 rgba(255,255,255,.18),70px 0 0 rgba(255,255,255,.07)
}
.fbCard + .fbCard:before{left:54px}
.fbCard h2{position:relative;z-index:2}
.fbCard h2:after{
  content:"";display:block;width:44px;height:3px;margin-top:16px;
  background:linear-gradient(90deg,var(--fb-accent2),transparent)
}
.fbCard:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.016),transparent 70%)}

.fbGenreGrid{perspective:1000px}
.fbGenreGrid span{
  position:relative;overflow:hidden;min-height:64px;display:flex;align-items:flex-end;
  transition:transform .25s ease,border-color .25s ease;background .25s ease
}
.fbGenreGrid span:before{
  content:"";position:absolute;inset:0;opacity:.18;
  background:linear-gradient(145deg,var(--fb-accent),transparent 45%,var(--fb-accent2));
  transform:translateY(82%);transition:transform .3s ease
}
.fbGenreGrid span:hover{transform:translateY(-5px) rotateX(3deg);border-color:rgba(255,255,255,.28)}
.fbGenreGrid span:hover:before{transform:translateY(55%)}

.fbWide blockquote{
  position:relative;overflow:hidden;border-left:0;padding:36px 40px;
  border:1px solid rgba(255,255,255,.1);border-radius:14px;
  background:
    linear-gradient(100deg,rgba(255,59,99,.16),transparent 55%),
    var(--fb-panel)
}
.fbWide blockquote:after{
  content:"?";position:absolute;right:16px;bottom:-37px;
  color:rgba(255,255,255,.045);font:900 155px/1 "Barlow Condensed",sans-serif
}

.fbCommunity{
  padding-left:40px;padding-right:40px;
  background:
    linear-gradient(135deg,rgba(255,59,99,.065),transparent 40%),
    linear-gradient(315deg,rgba(255,176,55,.04),transparent 35%);
  border-left:1px solid var(--fb-line);border-right:1px solid var(--fb-line)
}
.fbTextLink{
  position:relative;padding:15px 18px;border:1px solid rgba(255,255,255,.16);
  border-bottom-color:var(--fb-accent);border-radius:8px;background:rgba(255,255,255,.025)
}
.fbTextLink:hover{background:rgba(255,59,99,.08)}

.fbChaosBreak{
  position:relative;width:100%;height:310px;overflow:hidden;border-bottom:1px solid var(--fb-line);
  background:
    repeating-linear-gradient(120deg,transparent 0 30px,rgba(255,255,255,.018) 30px 31px),
    linear-gradient(90deg,rgba(255,59,99,.09),transparent 45%,rgba(255,176,55,.05))
}
.fbChaosWord{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);
  white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);
  font:900 clamp(7rem,20vw,19rem)/1 "Barlow Condensed",sans-serif;letter-spacing:-.065em
}
.fbChaosWord:after{
  content:"FREDAGSBAR";position:absolute;inset:0;color:rgba(255,59,99,.12);
  -webkit-text-stroke:0;transform:translate(12px,9px)
}
.fbChaosMeta{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(1deg);
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(90%,900px)
}
.fbChaosMeta span{
  padding:8px 12px;background:#0a0d12;border:1px solid rgba(255,255,255,.14);
  font:900 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;
  box-shadow:5px 5px 0 rgba(255,59,99,.12)
}
.fbChaosMeta span:nth-child(even){transform:translateY(28px) rotate(-2deg)}
.fbChaosMeta span:nth-child(3n){transform:translateY(-24px) rotate(2deg)}

.fbSchedule{
  padding-left:34px;padding-right:34px;margin-top:0;
  background:linear-gradient(180deg,rgba(255,255,255,.022),transparent);
  border-left:1px solid var(--fb-line);border-right:1px solid var(--fb-line)
}
.fbSchedule h2{font-size:clamp(3.5rem,7vw,7rem)}
.fbSchedule dl div{
  position:relative;padding-left:12px;transition:background .2s ease
}
.fbSchedule dl div:hover{background:rgba(255,255,255,.025)}
.fbSchedule dl div:before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:var(--fb-accent)
}

.fbFinal{
  position:relative;overflow:hidden;min-height:650px;display:flex;flex-direction:column;justify-content:center
}
.fbFinal:before{
  content:"∞";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:rgba(255,255,255,.025);font:900 min(48vw,580px)/1 "Barlow Condensed",sans-serif;z-index:-1
}
.fbFinal h2{text-shadow:0 20px 70px rgba(0,0,0,.7)}
.fbFinal .fbBtnPrimary{box-shadow:0 12px 55px rgba(255,59,99,.18)}

.fbBottomTicker{
  overflow:hidden;border-top:1px solid var(--fb-line);border-bottom:1px solid var(--fb-line);
  background:var(--fb-accent);color:#fff;height:35px;display:flex;align-items:center
}
.fbBottomTicker>div{
  width:max-content;white-space:nowrap;font:900 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;
  animation:fbBottomMove 23s linear infinite
}
@keyframes fbBottomMove{to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}
@media(max-width:1100px){
  .fbEdgeRail{display:none}
  .fbTransmissionDeck{grid-template-columns:180px 1fr 190px}
}
@media(max-width:800px){
  body.fredagsbarPage:before{opacity:.12}
  .fbOnAirStripInner{grid-template-columns:auto 1fr}.fbSignalCode{display:none}
  .fbHero{min-height:auto}
  .fbHero:after{inset:12px;border-radius:16px}
  .fbHeroInner:before{display:none}
  .fbHero h1:after{margin-top:16px}
  .fbTransmissionDeck{grid-template-columns:1fr;margin-top:28px}
  .fbDeckLeft,.fbDeckRight{border:0}
  .fbDeckLeft{border-bottom:1px solid var(--fb-line)}
  .fbDeckRight{border-top:1px solid var(--fb-line);text-align:left}
  .fbDeckRight b{left:auto;right:18px}
  .fbDeckCenter{min-height:100px}
  .fbCard:before{left:0}.fbCard + .fbCard:before{left:0}
  .fbCommunity,.fbSchedule{padding-left:18px;padding-right:18px}
  .fbChaosBreak{height:230px}
  .fbChaosWord{font-size:34vw}
  .fbChaosMeta span:nth-child(n){transform:none}
  .fbChaosMeta{gap:6px}
  .fbBottomTicker{height:31px}
}


/* =========================================================
   V21300 — FREDAGSBAR MUSIC TV
   Inspired by classic European music television energy:
   bold type, channel IDs, split layouts, bumpers and motion.
   ========================================================= */

:root{
  --tv-pink:#ff2e63;
  --tv-orange:#ff9a1f;
  --tv-yellow:#ffd432;
  --tv-cyan:#20d8e8;
  --tv-blue:#5267ff;
  --tv-black:#05070a;
  --tv-white:#f7f8fa;
}

body.fredagsbarPage{
  background:
    linear-gradient(180deg,#05070a 0%,#090d14 42%,#05070a 100%);
}

/* subtle old-music-TV raster */
.mtvScan{
  position:fixed;inset:0;pointer-events:none;z-index:90;
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);
  opacity:.16;
  mix-blend-mode:screen;
}

/* channel bug */
.musicTvBug{
  position:fixed;
  top:18px;right:20px;
  z-index:130;
  display:flex;align-items:flex-end;gap:7px;
  pointer-events:none;
}
.musicTvBug strong{
  display:grid;place-items:center;
  width:46px;height:46px;
  background:linear-gradient(135deg,var(--tv-pink),var(--tv-orange));
  color:#fff;
  font:900 34px/.8 "Barlow Condensed",sans-serif;
  transform:skew(-8deg);
  box-shadow:7px 7px 0 rgba(32,216,232,.16);
}
.musicTvBug span{
  color:#fff;
  font:900 9px/.95 "Barlow Condensed",sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}

/* top music television strap */
.musicTvTopline{
  position:relative;z-index:100;
  height:40px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:#0a0c11;
}
.musicTvToplineInner{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
.musicTvLive{
  height:40px;
  display:flex;align-items:center;
  padding:0 16px;
  background:var(--tv-pink);
  color:#fff;
  font:900 11px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.musicTvLive:before{
  content:"●";font-size:10px;margin-right:7px;
  animation:musicTvBlink 1.1s steps(1,end) infinite;
}
@keyframes musicTvBlink{50%{opacity:.25}}
.musicTvCrawler{overflow:hidden;white-space:nowrap}
.musicTvCrawler>div{
  width:max-content;
  padding-left:20px;
  color:#d8dde4;
  font:800 10px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.14em;
  animation:musicTvScroll 26s linear infinite;
}
@keyframes musicTvScroll{to{transform:translateX(-50%)}}
.musicTvCode{
  height:40px;
  display:flex;align-items:center;
  padding:0 16px;
  background:var(--tv-yellow);
  color:#090a0d;
  font:900 11px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.1em;
}

/* hero = title sequence */
.fbHero{
  position:relative;
  background:
    linear-gradient(112deg,rgba(255,46,99,.18),transparent 34%),
    linear-gradient(292deg,rgba(32,216,232,.10),transparent 30%),
    radial-gradient(circle at 75% 30%,rgba(255,154,31,.10),transparent 25%),
    #070a0f;
}
.fbHero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 66%,rgba(255,255,255,.025) 66% 66.3%,transparent 66.3%),
    linear-gradient(180deg,transparent 0 73%,rgba(255,255,255,.018) 73% 73.3%,transparent 73.3%);
}
.fbHero h1{
  position:relative;
  z-index:2;
  max-width:980px;
  font-size:clamp(4.8rem,11.5vw,10rem);
  line-height:.78;
  letter-spacing:-.055em;
}
.fbHero h1 span{
  color:#fff;
  -webkit-text-stroke:0;
  background:linear-gradient(90deg,var(--tv-yellow),var(--tv-orange),var(--tv-pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fbHero h1:before{
  content:"FRIDAY MUSIC TELEVISION";
  display:block;
  margin-bottom:12px;
  color:var(--tv-cyan);
  font:900 12px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.28em;
}
.fbHero h1:after{
  content:"LAST FRIDAY";
  display:inline-block;
  margin:20px 0 0;
  padding:7px 12px 6px;
  background:var(--tv-white);
  color:#05070a;
  font:900 12px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.16em;
  transform:rotate(-1.5deg);
  box-shadow:8px 8px 0 var(--tv-pink);
}
.fbHeroLine{
  display:inline-block;
  padding:10px 15px;
  background:var(--tv-cyan);
  color:#031014;
  transform:rotate(.4deg);
  box-shadow:-7px 7px 0 rgba(82,103,255,.35);
}

/* floating takeover badge */
.musicTvHeroBadge{
  position:absolute;
  right:2%;
  top:36%;
  width:190px;
  padding:15px 16px;
  background:var(--tv-yellow);
  color:#07090c;
  transform:rotate(4deg);
  box-shadow:12px 12px 0 rgba(255,46,99,.38);
  z-index:4;
}
.musicTvHeroBadge span,
.musicTvHeroBadge i{
  display:block;
  font:900 9px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.15em;
  font-style:normal;
}
.musicTvHeroBadge strong{
  display:block;
  margin:8px 0;
  font:900 30px/.8 "Barlow Condensed",sans-serif;
}

/* control chips get classic music-TV color blocking */
.fbSignalRow span:nth-child(1){background:var(--tv-pink);border-color:transparent}
.fbSignalRow span:nth-child(2){background:var(--tv-yellow);color:#090a0d;border-color:transparent}
.fbSignalRow span:nth-child(3){background:var(--tv-cyan);color:#061014;border-color:transparent}
.fbSignalRow span:nth-child(4){background:var(--tv-blue);border-color:transparent}
.fbSignalRow span b{color:inherit}

/* graphic sting */
.musicTvSting{
  width:min(calc(100% - 32px),var(--fb-max));
  margin:26px auto 0;
  min-height:74px;
  display:grid;
  grid-template-columns:75px 1fr auto;
  align-items:center;
  background:
    linear-gradient(90deg,var(--tv-pink) 0 75px,#0b0f15 75px 100%);
  overflow:hidden;
}
.musicTvSting span{
  display:grid;place-items:center;height:100%;
  color:#fff;
  font:900 30px/1 "Barlow Condensed",sans-serif;
}
.musicTvSting b{
  padding-left:24px;
  font:900 clamp(2rem,4vw,3.5rem)/1 "Barlow Condensed",sans-serif;
  letter-spacing:-.02em;
}
.musicTvSting em{
  margin-right:20px;
  padding:7px 10px;
  background:var(--tv-yellow);
  color:#06080b;
  font:900 9px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.13em;
  font-style:normal;
  transform:rotate(-1deg);
}

/* editorial sections */
.fbManifesto,.fbWide,.fbCard,.fbSchedule,.fbFinal{
  position:relative;
}
.fbManifestoNumber,.fbIndex{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.25);
}
.fbCard{
  overflow:hidden;
}
.fbCard:after{
  content:"";
  position:absolute;
  right:-35px;bottom:-35px;
  width:120px;height:120px;
  background:linear-gradient(135deg,var(--tv-pink),var(--tv-orange));
  opacity:.08;
  transform:rotate(35deg);
}
.fbCard:nth-child(2):after{
  background:linear-gradient(135deg,var(--tv-cyan),var(--tv-blue));
}
.fbCard h2{
  max-width:560px;
}
.fbKicker{
  position:relative;
  display:inline-block;
  padding:5px 7px;
  background:rgba(255,255,255,.06);
  color:var(--tv-yellow);
}

/* genre cards = music TV playlist blocks */
.fbGenreGrid{
  gap:6px;
}
.fbGenreGrid span{
  border:0;
  border-radius:0;
  min-height:72px;
  position:relative;
  overflow:hidden;
  background:#111720;
  font-size:16px;
}
.fbGenreGrid span:nth-child(4n+1){border-top:3px solid var(--tv-pink)}
.fbGenreGrid span:nth-child(4n+2){border-top:3px solid var(--tv-yellow)}
.fbGenreGrid span:nth-child(4n+3){border-top:3px solid var(--tv-cyan)}
.fbGenreGrid span:nth-child(4n+4){border-top:3px solid var(--tv-blue)}
.fbGenreGrid span:after{
  content:"PLAY";
  position:absolute;right:8px;top:8px;
  color:rgba(255,255,255,.16);
  font:900 8px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.15em;
}

/* quote as a cut-in */
.fbWide blockquote{
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,var(--tv-pink),#b51949);
  color:#fff;
  transform:rotate(-.4deg);
  box-shadow:11px 11px 0 rgba(32,216,232,.16);
}

/* schedule = TV program card */
.fbSchedule{
  background:
    linear-gradient(135deg,rgba(82,103,255,.07),transparent 45%),
    #090d13;
}
.fbSchedule:after{
  content:"PROGRAM INFO";
  position:absolute;
  top:18px;right:18px;
  padding:6px 8px;
  background:var(--tv-cyan);
  color:#061014;
  font:900 9px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.13em;
}
.fbSchedule dl div:nth-child(odd) dt{color:var(--tv-pink)}
.fbSchedule dl div:nth-child(even) dt{color:var(--tv-cyan)}

/* full-width bumper */
.musicTvBumper{
  width:100%;
  min-height:360px;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  overflow:hidden;
  background:#06080c;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.musicTvBumperLeft{
  display:flex;align-items:center;
  padding:40px;
  color:#fff;
  background:
    linear-gradient(120deg,var(--tv-pink),#ad1743 60%,#6e1538);
  font:900 clamp(5rem,14vw,12rem)/.78 "Barlow Condensed",sans-serif;
  letter-spacing:-.065em;
  overflow:hidden;
  text-shadow:16px 14px 0 rgba(0,0,0,.14);
}
.musicTvBumperRight{
  display:flex;flex-direction:column;justify-content:center;
  padding:40px;
  background:var(--tv-yellow);
  color:#07090b;
}
.musicTvBumperRight span{
  font:900 12px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.16em;
}
.musicTvBumperRight strong{
  margin:10px 0;
  font:900 clamp(4rem,9vw,8rem)/.8 "Barlow Condensed",sans-serif;
}

/* final CTA as end-credit card */
.fbFinal{
  background:
    radial-gradient(circle at 50% 50%,rgba(32,216,232,.06),transparent 28rem);
}
.fbFinal h2{
  text-shadow:8px 8px 0 rgba(255,46,99,.10);
}
.fbFinal .fbBtnPrimary{
  background:var(--tv-pink);
  box-shadow:8px 8px 0 rgba(255,212,50,.18);
}
.fbFinal .fbBtn:not(.fbBtnPrimary){
  border-color:var(--tv-cyan);
}

/* mobile */
@media(max-width:900px){
  .musicTvBug{top:12px;right:10px;transform:scale(.82);transform-origin:top right}
  .musicTvHeroBadge{position:relative;right:auto;top:auto;width:max-content;max-width:100%;margin:25px 0 0}
  .musicTvBumper{grid-template-columns:1fr}
  .musicTvBumperLeft{min-height:220px}
}
@media(max-width:700px){
  .musicTvTopline{grid-template-columns:auto 1fr}
  .musicTvCode{display:none}
  .musicTvSting{grid-template-columns:56px 1fr}
  .musicTvSting em{display:none}
  .musicTvSting b{padding-left:14px;font-size:2rem}
  .fbHero h1{font-size:clamp(4rem,18vw,6rem)}
  .fbHeroLine{font-size:1.15rem}
  .fbGenreGrid{grid-template-columns:repeat(2,1fr)}
  .musicTvBumperLeft{font-size:20vw}
}