/* fix736 (Ki 7:36 PM Oct 19 "sloppy fix the details"): JUST DOIN ME countdown hero.
   - wordmark: fresh clean cut of the real cover lettering from the 1400px official cover (2x Lanczos, clean alpha, no red/dark fringe, no halo) = img/jdm-title-crisp736.webp
   - home card background: the official album cover art itself (1400px, never upscaled on laptop), calm dark centre so the words sit clean; the flyer's flat patch + ribbon no longer sit behind the title
   - tidy spacing kicker -> title -> cover */
img.jdm-cov{content:url(img/jdm-title-crisp736.webp?v=1)}
.count h3.jdm-h3 .jdm-cov,.world .w-title.jdm-h1 .jdm-cov{filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 8px 18px rgba(0,0,0,.35))!important;image-rendering:auto}
.count{background:radial-gradient(closest-side,rgba(22,0,3,.985) 0%,rgba(22,0,3,.985) 80%,rgba(22,0,3,.55) 100%) center/150% 94% no-repeat,radial-gradient(70% 60% at 50% 48%,rgba(24,0,3,.6),rgba(24,0,3,.25)),url(img/jdm736-cover-bg-m.webp?v=1) center/cover no-repeat,#3a0609!important;padding:26px 18px 24px!important}
.count>.k:first-child{margin:0 0 12px!important;letter-spacing:4px}
.count h3.jdm-h3,.world .w-title.jdm-h1{filter:none!important;-webkit-filter:none!important;text-shadow:none!important}
.count h3.jdm-h3{margin:0 auto 20px!important}
.count h3.jdm-h3 .jdm-cov{width:min(80%,440px)!important}
.count .jdm-ofc{margin:0 auto 18px!important}
.count .jdm-ofc img{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 34px rgba(0,0,0,.65)!important}
@media(min-width:720px){
 .count{background:radial-gradient(closest-side,rgba(22,0,3,.985) 0%,rgba(22,0,3,.985) 76%,rgba(22,0,3,.6) 91%,rgba(22,0,3,0) 100%) center/72% 124% no-repeat,linear-gradient(rgba(24,0,3,.28),rgba(24,0,3,.28)),url(img/jdm736-cover-bg.webp?v=1) center bottom/cover no-repeat,#3a0609!important;padding:34px 24px 30px!important}
}
/* JDM world page: the card stays a light tint over the page's own flyer background (Ki's pick), only the title + spacing change */
.world.tex-bandana .count,.world.era-just-doin-me .count{background:linear-gradient(180deg,rgba(18,0,3,.30),rgba(18,0,3,.45))!important}
/* m756 (Ki 7:55 PM "instead of that black box, take everything out the middle and make his Medusa head right there big"):
   home JDM card only (.count.m756): dark centre box -> the cover's own red, small cover card removed, the REAL Medusa head cut from the official 1400px cover (img/jdm-medusa756.webp) big in the middle */
.count.m756{background:radial-gradient(closest-side,#9c161c 0%,#9c161c 74%,rgba(156,22,28,.85) 86%,rgba(156,22,28,0) 100%) center/150% 92% no-repeat,url(img/jdm736-cover-bg-m.webp?v=1) center/cover no-repeat,#5a0a0e!important}
.count.m756 .jdm-ofc{display:none!important}
.count.m756 h3.jdm-h3{margin:0 auto 6px!important}
.count.m756 h3.jdm-h3 .jdm-cov{width:min(74%,400px)!important}
.count.m756 .jdm-med756{margin:0 auto 14px;width:min(68vw,300px)}
.count.m756 .jdm-med756 img{display:block;width:100%;height:auto;aspect-ratio:606/700;filter:drop-shadow(0 6px 14px rgba(40,0,4,.55))}
@media(min-width:720px){
 .count.m756{background:radial-gradient(closest-side,#9c161c 0%,#9c161c 70%,rgba(156,22,28,.8) 85%,rgba(156,22,28,0) 100%) center/66% 118% no-repeat,url(img/jdm736-cover-bg.webp?v=1) center bottom/cover no-repeat,#5a0a0e!important}
 .count.m756 .jdm-med756{width:340px}
}

/* j760 (Ki 8:15 PM "this should be the regular album"): home JDM card = the REGULAR official Just Doin Me cover, whole and uncropped (img/jdm-cover760.webp 1000px / -m 720px from the 1400px official cover); m756 Medusa + red centre disc retired; the separate wordmark is visually hidden because the cover carries the real JUST DOIN ME lettering; kicker + date + timer stay */
.count.r760{background:linear-gradient(rgba(34,0,5,.62),rgba(34,0,5,.72)),url(img/jdm736-cover-bg-m.webp?v=1) center/cover no-repeat,#3a0609!important}
.count.r760 h3.jdm-h3{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important}
.count.r760 .jdm-ofc{display:block!important;width:min(86vw,360px)!important;margin:4px auto 16px!important}
.count.r760 .jdm-ofc img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain;border-radius:6px!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 16px 40px rgba(0,0,0,.7)!important}
.count.r760 .jdm-ofc figcaption{margin-top:10px}
@media(min-width:720px){
 .count.r760{background:linear-gradient(rgba(34,0,5,.6),rgba(34,0,5,.7)),url(img/jdm736-cover-bg.webp?v=1) center/cover no-repeat,#3a0609!important}
 .count.r760 .jdm-ofc{width:420px!important}
}