html{scroll-behavior:smooth!important}
html,body{background:#0b0d0c!important;color:#f3efe6!important}
.container{width:min(1500px,calc(100% - 40px))!important;margin:0 auto!important}
.site-header{background:#0b0d0c!important;border-bottom:1px solid #262626!important}
.site-header .header-inner{display:flex!important;justify-content:center!important;align-items:center!important;min-height:72px!important}
.main-nav{display:flex!important;gap:38px!important}
.main-nav a{color:#f3efe6!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.main-nav a:hover{color:#d6aa69!important}
.release-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:28px 18px!important}
.release-card{width:100%!important;max-width:190px!important;margin:0 auto!important}
.release-cover,.release-cover-placeholder{display:block!important;width:190px!important;height:190px!important;max-width:190px!important;max-height:190px!important;object-fit:cover!important}
@media(max-width:1250px){.release-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:850px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:620px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* v2.1 sticky topmenu + logo + enlarged LISTEN */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  width:100%!important;
  background:rgba(11,13,12,.97)!important;
  border-bottom:1px solid #262626!important;
  backdrop-filter:blur(8px)!important;
}
.site-header .header-inner{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:24px!important;
}
.top-logo{
  grid-column:1!important;
  display:block!important;
  line-height:0!important;
}
.top-logo img{
  display:block!important;
  max-height:58px!important;
  width:auto!important;
  max-width:220px!important;
  object-fit:contain!important;
}
.main-nav{
  grid-column:3!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:38px!important;
}
body{padding-top:82px!important;}
.hero{
  min-height:300px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:42px 0!important;
}
.hero-listen{
  margin:0!important;
  font-size:clamp(72px,12vw,180px)!important;
  line-height:.82!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:#d6aa69!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
#singles,#albums{scroll-margin-top:105px!important;}
@media(max-width:700px){
  .site-header .header-inner{
    min-height:74px!important;
    grid-template-columns:auto 1fr!important;
    gap:16px!important;
  }
  .top-logo img{max-height:46px!important;max-width:150px!important;}
  .main-nav{grid-column:2!important;gap:18px!important;}
  .main-nav a{font-size:11px!important;}
  body{padding-top:74px!important;}
  .hero{min-height:220px!important;}
  .hero-listen{font-size:clamp(58px,20vw,105px)!important;}
}


.top-logo img{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:cover!important;
  border-radius:4px!important;
}
@media(max-width:700px){
  .top-logo img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
  }
}


/* v2.3 top: logo -> LISTEN -> navigation */
.site-header .header-inner{
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:auto auto 1fr!important;
  align-items:center!important;
  gap:24px!important;
}
.top-logo{grid-column:1!important;}
.top-listen{
  grid-column:2!important;
  color:#f3efe6!important;
  font-size:46px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.main-nav{
  grid-column:3!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
}
body{padding-top:88px!important;}
#singles,#albums{scroll-margin-top:110px!important;}
@media(max-width:700px){
  .site-header .header-inner{
    min-height:76px!important;
    grid-template-columns:auto auto 1fr!important;
    gap:12px!important;
  }
  .top-listen{font-size:27px!important;}
  .main-nav{gap:12px!important;}
  .main-nav a{font-size:10px!important;}
  body{padding-top:76px!important;}
}


/* v2.5 track-level YouTube / Spotify links */
.tracklist li{
  margin-bottom:6px!important;
}
.track-title{
  display:inline!important;
}
.track-links{
  display:inline-flex!important;
  gap:8px!important;
  margin-left:8px!important;
  white-space:nowrap!important;
}
.track-links a{
  color:#d6aa69!important;
  text-decoration:none!important;
  font-size:10px!important;
}
.track-links a:hover{
  text-decoration:underline!important;
}


/* v2.9 - større og mere læselig album/track-tekst */
.release-card .release-title,
.release-card h3{
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.release-date{
  font-size:13px!important;
  line-height:1.45!important;
}
.tracklist-title{
  margin-top:14px!important;
  margin-bottom:8px!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.tracklist{
  font-size:14px!important;
  line-height:1.55!important;
}
.tracklist li{
  margin-bottom:8px!important;
  padding-left:3px!important;
}
.track-title{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.5!important;
}
.track-links{
  margin-left:10px!important;
  gap:10px!important;
}
.track-links a{
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.release-button{
  font-size:12px!important;
  line-height:1.4!important;
}


/* v3.0 - 4 udgivelser pr. række */
.release-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px 32px!important;
}
@media(max-width:1100px){
  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.1 - større 4-kolonne layout, næsten fuld sidebredde */
.container,
.site-header .header-inner{
  width:min(96vw, 1680px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.release-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px 36px!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
}

.release-cover{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  object-fit:cover!important;
  display:block!important;
}

.release-card .release-title,
.release-card h3{
  font-size:20px!important;
  line-height:1.3!important;
}

.release-date{
  font-size:14px!important;
}

.release-actions,
.track-links{
  font-size:13px!important;
}

@media(max-width:1100px){
  .container,
  .site-header .header-inner{
    width:min(94vw, 1100px)!important;
  }
  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .container,
  .site-header .header-inner{
    width:92vw!important;
  }
  .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.2 - markant større covers og mere udnyttelse af skærmbredden */
.container{
  width:calc(100vw - 80px)!important;
  max-width:1800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.releases-section{
  width:100%!important;
}

.release-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:42px!important;
  align-items:start!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.release-cover,
.release-cover-wrap,
.release-card .release-cover{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
}

.release-cover img,
.release-card img{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  display:block!important;
}

.release-card .release-title,
.release-card h3{
  font-size:22px!important;
  margin-top:12px!important;
}

.release-date{
  font-size:15px!important;
}

.tracklist-title{
  font-size:16px!important;
}

.tracklist,
.track-title{
  font-size:16px!important;
}

.track-links a,
.release-actions a,
.release-button{
  font-size:14px!important;
}

@media(max-width:1200px){
  .container{
    width:calc(100vw - 48px)!important;
  }
  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:32px!important;
  }
}

@media(max-width:700px){
  .container{
    width:calc(100vw - 28px)!important;
  }
  .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.3 - kvadratiske covers, lidt mindre covers og mindre sidemargener */
.container{
  width:calc(100vw - 36px)!important;
  max-width:1840px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.release-grid{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
}

/* Coverområdet er altid kvadratisk */
.release-cover,
.release-cover-wrap{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  overflow:hidden!important;
}

/* Selve billedet fylder kvadratet uden at blive strakt */
.release-cover img,
.release-card .release-cover img,
.release-cover-wrap img,
.release-card > img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  display:block!important;
}

/* Gør kortene en anelse smallere end kolonnen og giver luft mellem dem */
.release-card{
  width:92%!important;
}

@media(max-width:1200px){
  .container{
    width:calc(100vw - 28px)!important;
  }
  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .release-card{
    width:96%!important;
  }
}

@media(max-width:700px){
  .container{
    width:calc(100vw - 20px)!important;
  }
  .release-grid{
    grid-template-columns:1fr!important;
  }
  .release-card{
    width:100%!important;
  }
}


/* v3.4 - godkendt layout: indrykkede margener og kvadratiske covers */
.container{
  width:min(1180px, calc(100vw - 180px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.release-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  column-gap:54px!important;
  row-gap:42px!important;
  align-items:start!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.release-cover,
.release-cover-wrap{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
}

.release-cover img,
.release-cover-wrap img,
.release-card .release-cover img,
.release-card > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
  max-width:none!important;
}

@media(max-width:1100px){
  .container{
    width:min(900px, calc(100vw - 80px))!important;
  }
  .release-grid{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:38px!important;
  }
}

@media(max-width:650px){
  .container{
    width:calc(100vw - 32px)!important;
  }
  .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.5 - endelig godkendt cover-geometri */
.container{
  width:min(1180px, calc(100vw - 180px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.release-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:54px!important;
  row-gap:42px!important;
  align-items:start!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  background:#0f0f0f!important;
  border:1px solid #2b2b2b!important;
  overflow:hidden!important;
  color:#f4f0e6!important;
}

.release-cover-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  background:#222!important;
}

.release-cover-frame .release-cover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

.release-cover-placeholder{
  display:grid!important;
  place-items:center!important;
  color:#777!important;
}

@media(max-width:1100px){
  .container{
    width:min(900px, calc(100vw - 80px))!important;
  }
  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:38px!important;
  }
}

@media(max-width:650px){
  .container{
    width:calc(100vw - 32px)!important;
  }
  .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.6 light editorial skin */
:root{
  --paper:#fff;
  --ink:#4b433e;
  --muted:#aaa098;
  --accent:#e12a24;
  --mint:#eef5f2;
  --line:#e8e2dd;
}
body{
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  padding-top:0!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #f0ebe7!important;
  box-shadow:none!important;
}
.site-header .header-inner{
  width:min(1020px,calc(100vw - 48px))!important;
  max-width:1020px!important;
  min-height:86px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.top-brand{
  display:grid!important;
  grid-template-columns:auto auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
}
.top-listen{
  grid-column:1!important;
  grid-row:1!important;
  color:var(--accent)!important;
  text-decoration:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
}
.top-logo{grid-column:2!important;grid-row:1!important;display:block!important;}
.top-logo img{
  width:31px!important;height:31px!important;
  object-fit:cover!important;border-radius:50%!important;display:block!important;
}
.brand-subtitle{
  grid-column:1 / span 2!important;
  grid-row:2!important;
  margin-top:4px!important;
  color:#c6bdb6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}
.main-nav{display:flex!important;gap:18px!important;align-items:center!important;}
.main-nav a{
  color:#afa69f!important;
  text-decoration:none!important;
  font-size:8px!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.main-nav a:hover{color:var(--accent)!important;}

.container{
  width:min(1020px,calc(100vw - 48px))!important;
  max-width:1020px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.releases-section{margin:0 auto 28px!important;}
#singles{
  background:var(--mint)!important;
  padding:30px 34px 36px!important;
}
#albums{
  background:#fff!important;
  padding:6px 34px 34px!important;
}
.releases-section h2{
  margin:0!important;
  color:var(--accent)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:400!important;
  text-align:center!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}
.section-kicker{
  margin:7px 0!important;
  text-align:center!important;
  color:#b1a79f!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.new-pill{
  width:max-content!important;
  margin:0 auto 12px!important;
  padding:6px 18px!important;
  border-radius:999px!important;
  background:var(--accent)!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:700!important;
}
.release-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:min(430px,100%)!important;
  margin:0 auto!important;
  align-items:start!important;
}
.release-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  color:var(--ink)!important;
  box-shadow:0 1px 2px rgba(40,30,20,.05)!important;
}
.release-cover-frame{
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#eee!important;
}
.release-cover-frame .release-cover{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
}
.release-content{padding:7px 8px 9px!important;}
.release-title,.release-card h3{
  margin:0 0 3px!important;
  color:var(--accent)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:400!important;
}
.release-date{
  margin:0 0 5px!important;
  color:#968d86!important;
  font-size:7px!important;
}
.release-links,.track-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  margin-top:4px!important;
}
.release-button,.track-links a{
  display:inline-block!important;
  padding:3px 6px!important;
  border:1px solid #ebe5e0!important;
  border-radius:3px!important;
  background:#faf9f7!important;
  color:#b5aca5!important;
  text-decoration:none!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.release-button:hover,.track-links a:hover{
  color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important;
}
#albums .release-grid{width:min(430px,100%)!important;margin-top:12px!important;}
#albums .release-card{background:#f8f8f6!important;border-radius:7px!important;}
.tracklist-title{
  margin:7px 0 4px!important;
  color:var(--accent)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:8px!important;
  font-weight:400!important;
}
.tracklist{
  margin:0!important;
  padding-left:14px!important;
  color:#928981!important;
  font-size:7px!important;
  line-height:1.35!important;
}
.tracklist li{margin:0 0 4px!important;}
.track-title{
  color:#ef5a52!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:8px!important;
  font-weight:400!important;
}
.release-more{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  padding:5px 12px!important;
  border:1px solid #e5dfda!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#b8afa8!important;
  font-size:7px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.release-more:hover{color:var(--accent)!important;border-color:var(--accent)!important;}
footer,.site-footer{
  width:min(1020px,calc(100vw - 48px))!important;
  max-width:1020px!important;
  margin:0 auto!important;
  padding:18px 0 28px!important;
  color:#b4aaa3!important;
  font-size:8px!important;
}
@media(max-width:760px){
  .site-header .header-inner,.container,footer,.site-footer{
    width:calc(100vw - 24px)!important;
  }
  .top-listen{font-size:26px!important;}
  #singles,#albums{padding-left:16px!important;padding-right:16px!important;}
  .release-grid,#albums .release-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}
@media(max-width:440px){
  .release-grid,#albums .release-grid{
    grid-template-columns:1fr!important;
    width:min(260px,100%)!important;
  }
}


/* v3.7 - hvidt layout, fuld bredde, tydelig rød topmenu */
:root{
  --paper:#ffffff!important;
  --ink:#2d2d2d!important;
  --accent:#d71920!important;
  --line:#e7e7e7!important;
}

html, body{
  background:#ffffff!important;
}

body{
  color:#2d2d2d!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.site-header{
  background:#ffffff!important;
  border-bottom:1px solid #ececec!important;
}

.site-header .header-inner{
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
  margin:0!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
}

.top-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.top-listen{
  color:#111!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-decoration:none!important;
}

.brand-subtitle{
  display:none!important;
}

.top-logo img{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
}

.main-nav{
  display:flex!important;
  gap:28px!important;
  align-items:center!important;
}

.main-nav a{
  color:#d71920!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

.main-nav a:hover{
  color:#a90f15!important;
}

.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
}

.releases-section,
#singles,
#albums{
  background:#ffffff!important;
}

#singles,
#albums{
  padding:34px 0 44px!important;
}

.releases-section h2{
  text-align:left!important;
  color:#d71920!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:32px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  margin:0 0 8px!important;
}

.section-kicker{
  text-align:left!important;
  color:#8a8a8a!important;
  font-size:10px!important;
  margin:0 0 18px!important;
}

.new-pill{
  display:none!important;
}

.release-grid,
#albums .release-grid{
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0,1fr))!important;
  gap:24px!important;
  align-items:start!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
  background:#ffffff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.release-cover-frame{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  background:#f4f4f4!important;
}

.release-cover-frame .release-cover{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

.release-content{
  padding:10px 0 0!important;
}

.release-title,
.release-card h3{
  color:#d71920!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:18px!important;
  font-weight:600!important;
  margin:0 0 4px!important;
}

.release-date{
  color:#666!important;
  font-size:12px!important;
  margin-bottom:6px!important;
}

.release-button,
.track-links a{
  color:#d71920!important;
  background:#fff!important;
  border:1px solid #d71920!important;
  border-radius:3px!important;
  font-size:10px!important;
  font-weight:700!important;
  padding:4px 7px!important;
}

.tracklist-title{
  color:#d71920!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
}

.tracklist,
.track-title{
  color:#444!important;
  font-size:13px!important;
}

.release-more{
  margin:20px auto 0!important;
  color:#d71920!important;
  border:1px solid #d71920!important;
  background:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
}

footer,
.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px 28px 30px!important;
  color:#777!important;
  box-sizing:border-box!important;
}

@media(max-width:1000px){
  .release-grid,
  #albums .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:600px){
  .site-header .header-inner{
    padding:0 16px!important;
  }
  .container{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .top-listen{
    font-size:26px!important;
  }
  .main-nav{
    gap:14px!important;
  }
  .main-nav a{
    font-size:11px!important;
  }
  .release-grid,
  #albums .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.8 - siden fylder ca. halvdelen af skærmen og er centreret */
.site-header .header-inner,
.container,
footer,
.site-footer{
  width:50vw!important;
  max-width:1100px!important;
  min-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

.release-grid,
#albums .release-grid{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

@media(max-width:1500px){
  .site-header .header-inner,
  .container,
  footer,
  .site-footer{
    width:70vw!important;
    min-width:0!important;
  }
}

@media(max-width:900px){
  .site-header .header-inner,
  .container,
  footer,
  .site-footer{
    width:calc(100vw - 32px)!important;
  }
  .release-grid,
  #albums .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  .release-grid,
  #albums .release-grid{
    grid-template-columns:1fr!important;
  }
}


/* v3.9 - typografi og branding */
:root{
  --accent:#d71920!important;
}

/* Header beholder den centrerede sidebredde, men brand flyttes helt ud til venstre */
.site-header{
  position:sticky!important;
  top:0!important;
  background:#fff!important;
}

.site-header .header-inner{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0 28px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.top-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-left:0!important;
}

/* LISTEN: rød, enkel og tydelig */
.top-listen{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:300!important;
  letter-spacing:.08em!important;
  text-decoration:none!important;
}

/* Logo cirka dobbelt størrelse */
.top-logo img{
  width:60px!important;
  height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
}

/* Alle øvrige tekster: elegant, let og rød */
body,
.releases-section,
.release-card,
.release-content,
.release-date,
.section-kicker,
.tracklist,
.track-title,
.tracklist-title,
.release-more,
footer,
.site-footer{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-weight:300!important;
}

.releases-section h2{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:30px!important;
  font-weight:300!important;
  letter-spacing:.01em!important;
}

.section-kicker{
  color:#d71920!important;
  font-size:10px!important;
  font-weight:300!important;
  letter-spacing:.12em!important;
}

.release-title,
.release-card h3{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:17px!important;
  font-weight:300!important;
}

.release-date{
  color:#d71920!important;
  font-size:12px!important;
  font-weight:300!important;
}

.tracklist-title{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.03em!important;
}

.tracklist,
.track-title{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:12px!important;
  font-weight:300!important;
}

.main-nav{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
}

.main-nav a{
  color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:13px!important;
  font-weight:300!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

.main-nav a:hover{
  color:#a80f15!important;
}

.release-button,
.track-links a{
  color:#d71920!important;
  background:#fff!important;
  border:1px solid #d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:10px!important;
  font-weight:300!important;
}

.release-more{
  color:#d71920!important;
  border-color:#d71920!important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size:11px!important;
  font-weight:300!important;
}

footer,
.site-footer{
  color:#d71920!important;
  font-size:10px!important;
  font-weight:300!important;
}

@media(max-width:760px){
  .site-header .header-inner{
    padding:0 16px!important;
  }
  .top-listen{
    font-size:30px!important;
  }
  .top-logo img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  .main-nav{
    gap:14px!important;
  }
  .main-nav a{
    font-size:11px!important;
  }
}


/* v3.10.1 - endelig korrektion */
html,body{background:#fff!important;color:#111!important}

/* Side og header: ca. halv skærm, centreret */
.header-inner,
.container{
  width:50vw!important;
  max-width:1100px!important;
  min-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.header-inner{
  min-height:82px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.container{
  padding-left:0!important;
  padding-right:0!important;
}

/* LISTEN står FØR logoet */
.top-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:14px!important;
}
.top-listen{
  order:1!important;
  color:#d71920!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:36px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
}
.top-logo{order:2!important;display:block!important}
.top-logo img{
  display:block!important;
  width:60px!important;
  height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

/* Overskrifter, udgivelsestitler og tracktitler/numre: almindelig sort */
.release-section h2,
.releases-section h2,
.release-title,
.release-card h3,
.tracklist-title,
.tracklist,
.track-title,
.section-kicker{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}
.release-section h2,.releases-section h2{font-size:28px!important}
.release-title,.release-card h3{font-size:16px!important}
.tracklist-title{font-size:13px!important}
.tracklist,.track-title{font-size:12px!important}
.section-kicker{font-size:10px!important}

/* Udgivelsesdatoer: små og sorte */
.release-date{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
}

/* Topmenu forbliver rød */
.main-nav a{
  color:#d71920!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}

@media(max-width:1500px){
  .header-inner,.container{width:70vw!important;min-width:0!important}
}
@media(max-width:900px){
  .header-inner,.container{width:calc(100vw - 32px)!important}
}
@media(max-width:600px){
  .top-listen{font-size:28px!important}
  .top-logo img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
}


/* v3.10.2 - indhold fylder 2/3 af skærmbredden */
.header-inner,
.container{
  width:66.6667vw!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .header-inner,
  .container{
    width:calc(100vw - 32px)!important;
  }
}


/* v3.10.3 - tvungen 2/3 bredde på hele hovedlayoutet */
body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.site-header{
  width:100%!important;
  max-width:none!important;
}

.site-header > .header-inner,
main,
main > .container,
.container,
#singles > .container,
#albums > .container,
footer,
.site-footer{
  width:66.6666667%!important;
  max-width:66.6666667%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Sektionerne må ikke indsnævre indholdet */
#singles,
#albums,
.releases-section{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

.release-grid,
#singles .release-grid,
#albums .release-grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.release-card{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:900px){
  .site-header > .header-inner,
  main,
  main > .container,
  .container,
  #singles > .container,
  #albums > .container,
  footer,
  .site-footer{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}


/* v3.10.4 - bundtekst samme typografi som tracklist */
footer,
.site-footer,
footer *,
.site-footer *{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}


/* v3.10.5 - større bundtekst helt til venstre */
footer,
.site-footer{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
  text-align:left!important;
}

footer *,
.site-footer *{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-align:left!important;
}

@media(max-width:600px){
  footer,
  .site-footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  footer *,
  .site-footer *{
    font-size:18px!important;
  }
}


/* v3.10.6 - mindre bundtekst */
footer *,
.site-footer *{
  font-size:16px!important;
}
@media(max-width:600px){
  footer *,
  .site-footer *{
    font-size:14px!important;
  }
}


/* v3.10.7 - LISTEN samme visuelle højde som logo */
.top-listen{
  font-size:58px!important;
  line-height:60px!important;
  font-weight:400!important;
}


/* v3.10.8 - Vis mere-knap sort */
.release-more,
.release-more:hover,
.release-more:focus{
  color:#111!important;
  border-color:#111!important;
  background:#fff!important;
}


/* v3.10.9 - tracklisteoverskrifter mellemgrå */
.tracklist-title{
  color:#777!important;
}


/* v3.10.10 - tracktitler også mellemgrå */
.tracklist-title,
.track-title,
.tracklist{
  color:#777!important;
}


/* v3.10.11 - lysere grå trackliste og tracktitler */
.tracklist-title,
.track-title,
.tracklist{
  color:#a6a6a6!important;
}


/* v3.10.12 - endnu lysere grå trackliste og tracktitler */
.tracklist-title,
.track-title,
.tracklist{
  color:#c4c4c4!important;
}


/* v3.10.13 - release-pladsholdere ca. 20% mindre, samme grid-fordeling */
.release-grid,
#singles .release-grid,
#albums .release-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
.release-card{
  width:80%!important;
  max-width:80%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.release-cover-frame{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.release-cover{border-radius:14px!important;}
.release-content{border-radius:0 0 14px 14px!important;}
@media(max-width:900px){
  .release-card{width:88%!important;max-width:88%!important;}
}
@media(max-width:600px){
  .release-card{width:100%!important;max-width:100%!important;}
}


/* v3.10.14 - undertitel under LISTEN */
.listen-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.listen-subtitle{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  text-align:justify!important;
  text-align-last:justify!important;
  width:100%!important;
  margin-top:3px!important;
}


/* v3.10.15 - undertitel præcist under LISTEN og i samme bredde */
.listen-text{
  display:grid!important;
  grid-template-columns:max-content!important;
  grid-template-rows:auto auto!important;
  justify-items:stretch!important;
  align-items:start!important;
  width:max-content!important;
}

.top-listen{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.listen-subtitle{
  display:block!important;
  width:100%!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
  text-align:center!important;
  box-sizing:border-box!important;
}


/* v3.10.16 - større undertitel fordelt under både LISTEN og logo */
.top-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:2px!important;
}

.brand-top-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:14px!important;
  width:max-content!important;
}

.listen-subtitle{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:3px 0 0 0!important;
  padding:0 1px!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.listen-subtitle span{
  display:inline-block!important;
}

@media(max-width:600px){
  .listen-subtitle{
    font-size:12px!important;
  }
}


/* v3.10.17 - større Hope you enjoy the visit */
.listen-subtitle{
  font-size:20px!important;
  line-height:1.15!important;
}
@media(max-width:600px){
  .listen-subtitle{
    font-size:15px!important;
  }
}


/* v3.10.18 - undertitel 26 px og placeret under header-stregen */
.listen-subtitle-row{
  width:66.6666667%!important;
  max-width:66.6666667%!important;
  min-width:0!important;
  margin:10px auto 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

.listen-subtitle{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:26px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

@media(max-width:900px){
  .listen-subtitle-row{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}
@media(max-width:600px){
  .listen-subtitle{
    font-size:18px!important;
  }
}


/* v3.10.19 - undertitel samme bredde som LISTEN + logo */
.listen-subtitle-row{
  width:66.6666667%!important;
  max-width:66.6666667%!important;
  min-width:0!important;
  margin:10px auto 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* LISTEN + logo fylder ca. 270px tilsammen; undertitlen bruger præcis samme bredde */
.brand-top-row{
  width:270px!important;
  max-width:270px!important;
}

.listen-subtitle{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:270px!important;
  max-width:270px!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:26px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

.listen-subtitle span{
  display:inline-block!important;
  flex:0 0 auto!important;
}

@media(max-width:600px){
  .brand-top-row,
  .listen-subtitle{
    width:230px!important;
    max-width:230px!important;
  }
  .listen-subtitle{
    font-size:18px!important;
  }
}


/* v3.10.20 - undertitel/overskrifter lysere grå og covers lidt tættere centreret */
.listen-subtitle{
  color:#b8b8b8!important;
}

/* Sektionsoverskrifter */
#singles h2,
#albums h2,
.releases-section h2,
.section-title{
  color:#b8b8b8!important;
}

/* Bevar sidens samlede bredde, men saml cover-grid en smule mod midten */
.release-grid,
#singles .release-grid,
#albums .release-grid{
  width:94%!important;
  max-width:94%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  column-gap:10px!important;
  row-gap:16px!important;
}

/* Kompenser så coverstørrelsen stort set bevares, selv om grid'et er lidt smallere */
.release-card{
  width:85%!important;
  max-width:85%!important;
}

@media(max-width:900px){
  .release-grid,
  #singles .release-grid,
  #albums .release-grid{
    width:96%!important;
    max-width:96%!important;
  }
  .release-card{
    width:90%!important;
    max-width:90%!important;
  }
}

@media(max-width:600px){
  .release-grid,
  #singles .release-grid,
  #albums .release-grid{
    width:100%!important;
    max-width:100%!important;
  }
  .release-card{
    width:100%!important;
    max-width:100%!important;
  }
}


/* v3.10.21 - mørkere grå tekst i albumområdet */
#albums .tracklist-title,
#albums .track-title,
#albums .tracklist,
#albums .tracklist *,
#albums .release-content{
  color:#8a8a8a!important;
}

/* Bevar links tydelige */
#albums a{
  color:inherit;
}


/* v3.10.22 - mørkere albumtekst og smallere/lysere undertitel */
#albums .tracklist-title,
#albums .track-title,
#albums .tracklist,
#albums .tracklist *,
#albums .release-content{
  color:#5f5f5f!important;
}

/* Smallere, lettere typografi til "I hope you enjoy the visit." */
.listen-subtitle{
  color:#b7b7b7!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:26px!important;
  font-weight:300!important;
  font-stretch:condensed!important;
  letter-spacing:-0.035em!important;
}

.listen-subtitle span{
  font-weight:300!important;
}


/* v3.10.23 - undertitel matcher Released singles; albumtracks matcher singletitler */

/* Samme typografi og grå farve som sektionsoverskrifterne */
.listen-subtitle{
  color:#b8b8b8!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:26px!important;
  font-weight:400!important;
  font-stretch:normal!important;
  letter-spacing:0!important;
}
.listen-subtitle span{
  font-family:inherit!important;
  font-weight:inherit!important;
}

/* Tracktekster under albums skal ligne titlerne under singler */
#albums .track-title,
#albums .tracklist,
#albums .tracklist li,
#albums .tracklist span{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}

/* Bevar selve tracklist-overskriften separat */
#albums .tracklist-title{
  color:#5f5f5f!important;
}


/* v3.10.24 - undertitel i versaler, let og smal */
.listen-subtitle{
  color:#b8b8b8!important;
  font-family:"Arial Narrow","Helvetica Neue Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-size:26px!important;
  font-weight:300!important;
  font-stretch:condensed!important;
  letter-spacing:-0.025em!important;
  text-transform:none!important;
}
.listen-subtitle span{
  font-family:inherit!important;
  font-weight:300!important;
  font-stretch:condensed!important;
}


/* v3.10.25 - mindre undertitel med normale mellemrum */
.listen-subtitle{
  display:block!important;
  width:270px!important;
  max-width:270px!important;
  color:#b8b8b8!important;
  font-family:"Arial Narrow","Helvetica Neue Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:300!important;
  font-stretch:condensed!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
  white-space:nowrap!important;
  text-align:left!important;
}
@media(max-width:600px){
  .listen-subtitle{
    width:230px!important;
    max-width:230px!important;
    font-size:16px!important;
  }
}


/* v3.10.26 - tighter covers, narrower content, centered subtitle in header */
.site-header > .header-inner,
main,
main > .container,
.container,
#singles > .container,
#albums > .container{
  width:60%!important;
  max-width:60%!important;
}

.release-grid,
#singles .release-grid,
#albums .release-grid{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:8px!important;
  row-gap:14px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.release-card{
  width:92%!important;
  max-width:92%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.header-inner{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:24px!important;
}

.top-brand{
  justify-self:start!important;
}

.header-subtitle{
  justify-self:center!important;
  align-self:center!important;
  color:#b8b8b8!important;
  font-family:"Arial Narrow","Helvetica Neue Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:300!important;
  font-stretch:condensed!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
}

.main-nav{
  justify-self:end!important;
}

@media(max-width:1100px){
  .site-header > .header-inner,
  main,
  main > .container,
  .container,
  #singles > .container,
  #albums > .container{
    width:72%!important;
    max-width:72%!important;
  }
  .header-subtitle{
    font-size:16px!important;
  }
}

@media(max-width:900px){
  .site-header > .header-inner,
  main,
  main > .container,
  .container,
  #singles > .container,
  #albums > .container{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  .header-inner{
    grid-template-columns:auto 1fr!important;
    row-gap:8px!important;
  }
  .header-subtitle{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  .main-nav{
    grid-column:2!important;
    grid-row:1!important;
  }
}

@media(max-width:600px){
  .release-card{
    width:100%!important;
    max-width:100%!important;
  }
  .header-subtitle{
    font-size:14px!important;
  }
}


/* v3.10.27 - robust show-more pagination */
.release-card[hidden]{
  display:none!important;
}
.release-more[hidden]{
  display:none!important;
}


/* v3.10.28 - remove legacy wrapper hiding that blocked releases after no. 12 */
.release-card-wrapper,
.release-card-wrapper.is-hidden-wrapper{
  display:contents!important;
}


/* v3.10.29 - 6 releases pr. række */
.release-grid,
#singles .release-grid,
#albums .release-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  column-gap:8px!important;
  row-gap:14px!important;
}

.release-card{
  width:94%!important;
  max-width:94%!important;
}

@media(max-width:1100px){
  .release-grid,
  #singles .release-grid,
  #albums .release-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .release-grid,
  #singles .release-grid,
  #albums .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* v3.10.30 - større logo foran LISTEN, mørkere Aptos undertitel */
.top-logo{
  width:90px!important;
  height:90px!important;
  flex:0 0 90px!important;
}
.top-logo img{
  width:90px!important;
  height:90px!important;
  object-fit:cover!important;
}

.brand-top-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:14px!important;
  width:max-content!important;
  max-width:none!important;
}

.header-subtitle{
  color:#929292!important;
  font-family:Aptos,"Aptos Display","Segoe UI",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  font-stretch:normal!important;
  letter-spacing:0!important;
}

@media(max-width:600px){
  .top-logo,
  .top-logo img{
    width:72px!important;
    height:72px!important;
  }
  .top-logo{
    flex-basis:72px!important;
  }
}


/* v3.10.31 */
.brand-top-row{
 display:flex!important; flex-direction:row!important; align-items:center!important;
 justify-content:flex-start!important; gap:14px!important; width:max-content!important; max-width:none!important;
}
.brand-top-row .top-logo{order:1!important;width:90px!important;height:90px!important;flex:0 0 90px!important;}
.brand-top-row .top-listen{order:2!important;}
.brand-top-row .top-logo img{width:90px!important;height:90px!important;object-fit:cover!important;}

.brand-subtitle-row{
 width:60%!important;max-width:60%!important;margin:0 auto!important;padding:7px 0 0!important;box-sizing:border-box!important;
}
.brand-subtitle{
 width:max-content!important;max-width:100%!important;color:#929292!important;
 font-family:Aptos,"Segoe UI",Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;
 line-height:1.1!important;letter-spacing:0!important;white-space:nowrap!important;text-align:left!important;
}
@media(max-width:1100px){.brand-subtitle-row{width:72%!important;max-width:72%!important;}}
@media(max-width:900px){.brand-subtitle-row{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;}}
@media(max-width:600px){
 .brand-top-row .top-logo,.brand-top-row .top-logo img{width:72px!important;height:72px!important;}
 .brand-top-row .top-logo{flex-basis:72px!important;}
 .brand-subtitle{font-size:15px!important;}
}


/* v3.10.32 - logo/LISTEN on same centre axis + visible subtitle below rule */
.brand-top-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:max-content!important;
  max-width:none!important;
  height:90px!important;
}
.brand-top-row .top-logo{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:90px!important;
  height:90px!important;
  flex:0 0 90px!important;
  margin:0!important;
}
.brand-top-row .top-logo img{
  display:block!important;
  width:90px!important;
  height:90px!important;
  margin:0!important;
  object-fit:cover!important;
}
.brand-top-row .top-listen{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  height:90px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

/* Sits inside MAIN, immediately below the header line */
main > .brand-subtitle-row{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:60%!important;
  max-width:60%!important;
  height:auto!important;
  margin:0 auto!important;
  padding:10px 0 5px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
main > .brand-subtitle-row > .brand-subtitle{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:left!important;
}

@media(max-width:1100px){
  main > .brand-subtitle-row{width:72%!important;max-width:72%!important;}
}
@media(max-width:900px){
  main > .brand-subtitle-row{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;}
}
@media(max-width:600px){
  .brand-top-row{height:72px!important;}
  .brand-top-row .top-logo,.brand-top-row .top-logo img{width:72px!important;height:72px!important;}
  .brand-top-row .top-logo{flex-basis:72px!important;}
  .brand-top-row .top-listen{height:72px!important;}
  main > .brand-subtitle-row > .brand-subtitle{font-size:15px!important;}
}


/* v3.10.33 - subtitle aligned with logo + matching section-heading colour */
main > .brand-subtitle-row{
  width:60%!important;
  max-width:60%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
main > .brand-subtitle-row > .brand-subtitle{
  margin-left:0!important;
  padding-left:0!important;
  color:#929292!important;
}

/* Released singles / Released albums: same grey as subtitle */
#singles h1, #singles h2, #singles .section-title,
#albums h1, #albums h2, #albums .section-title{
  color:#929292!important;
}

@media(max-width:1100px){
  main > .brand-subtitle-row{
    width:72%!important;
    max-width:72%!important;
  }
}
@media(max-width:900px){
  main > .brand-subtitle-row{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}


/* v3.10.34 - force subtitle to exact same left edge as header logo */
main > .brand-subtitle-row{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 0 5px!important;
  box-sizing:border-box!important;
}
main > .brand-subtitle-row > .brand-subtitle{
  display:block!important;
  width:60%!important;
  max-width:60%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;
}

@media(max-width:1100px){
  main > .brand-subtitle-row > .brand-subtitle{
    width:72%!important;
    max-width:72%!important;
  }
}
@media(max-width:900px){
  main > .brand-subtitle-row > .brand-subtitle{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}


/* v3.10.35 - subtitle at the actual left page margin */
main > .brand-subtitle-row{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  padding:10px 28px 5px!important;
  box-sizing:border-box!important;
}
main > .brand-subtitle-row > .brand-subtitle{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;
}

/* Override previous responsive centering rules too */
@media(max-width:1100px){
  main > .brand-subtitle-row,
  main > .brand-subtitle-row > .brand-subtitle{
    max-width:none!important;
  }
  main > .brand-subtitle-row > .brand-subtitle{
    width:auto!important;
  }
}
@media(max-width:900px){
  main > .brand-subtitle-row{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  main > .brand-subtitle-row > .brand-subtitle{
    width:auto!important;
    max-width:none!important;
  }
}


/* v3.10.36 - subtitle starts exactly at same left edge as header logo */
main > .brand-subtitle-row{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px 0 5px!important;
  box-sizing:border-box!important;
}
main > .brand-subtitle-row > .brand-subtitle{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* Explicitly cancel the viewport-edge rules from v3.10.35 */
@media(max-width:1100px){
  main > .brand-subtitle-row{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media(max-width:900px){
  main > .brand-subtitle-row{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* v3.10.37 - track text and release dates match section-heading grey */
.release-date,
#singles .release-date,
#albums .release-date{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}

/* Album track list: Aptos, regular weight, same grey */
.tracklist,
.track-list,
.album-tracklist,
.release-tracks,
.tracklist li,
.track-list li,
.album-tracklist li,
.release-tracks li,
.track-title,
.track-number,
.tracklist a,
.track-list a,
.album-tracklist a,
.release-tracks a{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* Catch the template's track rows/cells without changing release titles */
#albums .tracks,
#albums .tracks *,
#albums [class*="track-"],
#albums [class*="track-"] *{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}


/* v3.10.38 - track numbers and track titles: Aptos regular, heading grey */
#albums .tracklist,
#albums .tracklist *,
#albums .track-list,
#albums .track-list *,
#albums .album-tracklist,
#albums .album-tracklist *,
#albums .release-tracks,
#albums .release-tracks *,
#albums .tracks,
#albums .tracks *,
#albums .track-row,
#albums .track-row *,
#albums [class*="track"],
#albums [class*="track"] *,
#albums ol li,
#albums ol li *,
#albums ul li.track,
#albums ul li.track *{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* Explicitly neutralise bold tags used for track number/title */
#albums .tracklist strong,
#albums .tracklist b,
#albums .track-list strong,
#albums .track-list b,
#albums .tracks strong,
#albums .tracks b,
#albums [class*="track"] strong,
#albums [class*="track"] b,
#albums .track-number,
#albums .track-title{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}


/* v3.10.39 - definitive album track typography, including OL numbers */
#albums .tracklist,
#albums .tracklist-title,
#albums .tracklist li,
#albums .tracklist .track-title,
#albums .tracklist .track-links,
#albums .tracklist .track-links a{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* The visible track numbers are CSS list markers, not ordinary text */
#albums .tracklist li::marker{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* Prevent inherited bold rules on title/link spans */
#albums .tracklist li > span,
#albums .tracklist li > span *,
#albums .tracklist li > a{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}


/* v3.10.40 - track list marker typography */
#albums ol.tracklist li::marker{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}


/* v3.10.41 final album track typography */
html body #albums ol.tracklist,
html body #albums ol.tracklist > li,
html body #albums ol.tracklist > li > span.track-title,
html body #albums ol.tracklist > li > span.track-links,
html body #albums ol.tracklist > li > span.track-links > a,
html body #albums p.tracklist-title{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}
html body #albums ol.tracklist > li::marker{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}


/* v3.10.42 - release/song/album titles + dates */
html body #singles .release-title,
html body #albums .release-title,
html body #singles .release-date,
html body #albums .release-date{
  color:#929292!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}


/* v3.10.43 - slightly smaller release titles and dates */
html body #singles .release-title,
html body #albums .release-title{
  font-size:15px!important;
  line-height:1.25!important;
}
html body #singles .release-date,
html body #albums .release-date{
  font-size:10px!important;
  line-height:1.25!important;
}


/* v3.10.44 - slightly darker grey throughout refined typography */
main > .brand-subtitle-row > .brand-subtitle,
#singles h1, #singles h2, #singles .section-title,
#albums h1, #albums h2, #albums .section-title,
html body #singles .release-title,
html body #albums .release-title,
html body #singles .release-date,
html body #albums .release-date,
html body #albums .tracklist,
html body #albums .tracklist-title,
html body #albums .tracklist li,
html body #albums .tracklist .track-title,
html body #albums .tracklist li::marker{
  color:#777777!important;
}

/* Smaller album track buttons/links so YouTube + Spotify stay on one line */
html body #albums .tracklist .track-links{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
html body #albums .tracklist .track-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  padding:3px 6px!important;
  margin:0!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:400!important;
  color:#777777!important;
  white-space:nowrap!important;
}


/* v3.10.45 - footer aligned with the main content/section heading */
html body footer,
html body .site-footer{
  width:60vw!important;
  max-width:60vw!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}
html body footer *,
html body .site-footer *{
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}
@media(max-width:1100px){
  html body footer,
  html body .site-footer{
    width:72vw!important;
    max-width:72vw!important;
  }
}
@media(max-width:900px){
  html body footer,
  html body .site-footer{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}


/* v3.10.46 - footer text at the page's left margin */
html body footer,
html body .site-footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
@media(max-width:650px){
  html body footer,
  html body .site-footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}


/* v3.10.47 - fixed footer aligned exactly with the left edge of the top header */
html body footer,
html body .site-footer{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;

  width:60%!important;
  max-width:60%!important;
  margin:0!important;
  padding:9px 0 10px!important;
  box-sizing:border-box!important;

  text-align:left!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;

  background:#ffffff!important;
  z-index:1000!important;
}

html body footer *,
html body .site-footer *{
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}

/* Leave room so the last content is not hidden behind the fixed footer */
html body{
  padding-bottom:52px!important;
}

@media(max-width:1100px){
  html body footer,
  html body .site-footer{
    width:72%!important;
    max-width:72%!important;
  }
}

@media(max-width:900px){
  html body footer,
  html body .site-footer{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}

@media(max-width:600px){
  html body{
    padding-bottom:48px!important;
  }
}


/* v3.10.48 - fixed footer pinned to the actual left page margin */
html body footer,
html body .site-footer{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;

  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:9px 0 10px 0!important;
  box-sizing:border-box!important;

  text-align:left!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  background:#ffffff!important;
  z-index:1000!important;
}
html body footer *,
html body .site-footer *{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}
html body{
  padding-bottom:52px!important;
}


/* v3.10.49 - footer text aligned to the SAME left margin as the top text/main content */
html body .site-footer{
  position:fixed!important;
  left:20vw!important;
  right:auto!important;
  bottom:0!important;
  transform:none!important;

  width:60vw!important;
  max-width:60vw!important;
  margin:0!important;
  padding:9px 0 10px!important;
  box-sizing:border-box!important;

  text-align:left!important;
  background:#ffffff!important;
  z-index:1000!important;
}

/* Remove the old Joomla/container inset that was pushing the footer text too far right */
html body .site-footer > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  text-align:left!important;
}

html body .site-footer > .container > p{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}

html body{
  padding-bottom:52px!important;
}

@media(max-width:1100px){
  html body .site-footer{
    left:14vw!important;
    width:72vw!important;
    max-width:72vw!important;
  }
}

@media(max-width:900px){
  html body .site-footer{
    left:16px!important;
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}


/* v3.10.50 - separator line above fixed footer */
html body .site-footer{
  border-top:1px solid #d0d0d0!important;
}


/* v3.10.51 - footer content order */
html body .site-footer > .container > p{
  text-align:left!important;
  white-space:nowrap!important;
}

/* v3.10.53 */
.site-footer{
  left:50%!important;
  width:60%!important;
  transform:translateX(-50%)!important;
}
.site-footer .container,
.site-footer .footer-inner,
.site-footer .copyright{
  margin:0!important;
  padding:0!important;
  width:100%!important;
}
.site-footer p{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}


/* =========================================================
   WELDINGMUSIC12 FINAL 3.11.0
   Footer aligned exactly with top/header left edge.
   ========================================================= */
html body .site-footer{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#ffffff!important;
  z-index:1000!important;
  border:0!important;
}

html body .site-footer .footer-inner{
  width:60%!important;
  max-width:60%!important;
  margin:0 auto!important;
  padding:9px 0 10px!important;
  box-sizing:border-box!important;
  border-top:1px solid #d0d0d0!important;
  text-align:left!important;
}

html body .site-footer .footer-inner p{
  margin:0!important;
  padding:0!important;
  color:#777777!important;
  font-family:Aptos,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:400!important;
  text-align:left!important;
  white-space:nowrap!important;
}

html body{
  padding-bottom:54px!important;
}

@media(max-width:1100px){
  html body .site-footer .footer-inner{
    width:72%!important;
    max-width:72%!important;
  }
}

@media(max-width:900px){
  html body .site-footer .footer-inner{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
}

@media(max-width:650px){
  html body .site-footer .footer-inner p{
    font-size:14px!important;
    white-space:normal!important;
  }
}


/* v3.11.3 - show complete square cover images without cropping */
.release-cover-frame{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.release-cover-frame .release-cover,
.release-card .release-cover{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}