.bands-page,.band-profile{background:var(--ink);color:var(--text);padding-top:var(--header-height)}
.band-profile{padding-bottom:72px}
.band-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0;color:var(--muted);font-family:var(--font-body);font-size:.86rem}
.band-breadcrumb a,.band-back{color:var(--text);text-underline-offset:5px}
.bands-index-hero{background:linear-gradient(135deg,#080807,#1b1a16 70%,#f1c40018);border-bottom:1px solid var(--line);padding-bottom:72px}
.bands-profile-count{margin:18px 0 0;color:var(--muted);font-family:var(--font-body);font-size:1.1rem;line-height:1.5}

.bands-section{background:var(--coal);padding:80px 0}
.bands-page .bands-section>.container{width:min(1180px,calc(100% - 28px));max-width:none;margin-inline:auto}
.bands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.band-card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-card>a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:100%;color:inherit;text-decoration:none}
.band-card-image{aspect-ratio:1;background:var(--ink);position:relative;overflow:hidden}
.band-card-image:before{content:"";position:absolute;inset:-9%;background:var(--band-card-bg) center/cover;filter:blur(18px) brightness(.48);opacity:.8;transform:scale(1.08)}
.band-card-image img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:clamp(10px,1.6vw,16px)}
.band-card-copy{display:grid;align-content:center;padding:28px;min-width:0}
.band-card-copy>p{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}
.band-card-copy h3{font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,2.25rem);line-height:1.2;letter-spacing:.03em;margin:0 0 15px;text-transform:uppercase;overflow-wrap:anywhere}
.band-card-copy>span{color:var(--muted);font-family:var(--font-body);font-size:.94rem;line-height:1.55}
.band-card-copy strong{font-size:.82rem;letter-spacing:.08em;margin-top:22px;text-transform:uppercase}
.band-card-copy strong span,.band-card>a:hover strong,.band-card>a:focus-visible strong{color:var(--accent)}
.band-hero{border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:560px}
.band-hero-image{background:#050504;min-height:480px;position:relative;overflow:hidden;margin:0}
.band-hero-image img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:clamp(12px,2vw,20px)}
.band-intro{display:grid;align-content:center;background:var(--coal);padding:clamp(34px,6vw,72px);min-width:0}
.band-intro h1{font-size:clamp(1.85rem,3vw,3.4rem);line-height:1.2;margin:14px 0 20px;hyphens:none;overflow-wrap:break-word}
.band-genre{color:var(--accent);font-weight:900;letter-spacing:.1em;margin:0 0 24px;text-transform:uppercase}
.band-tagline{color:var(--muted);font-family:var(--font-body);font-size:1.12rem;line-height:1.6;margin:0 0 30px}
.band-intro .button{justify-self:start}
.band-about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.6fr);gap:70px;padding:clamp(34px,6vw,72px)}
.band-about h2,.band-panel h2,.band-links h2{margin:12px 0 26px;overflow-wrap:break-word}
.band-about p:not(.section-label),.band-panel>p:not(.section-label){color:var(--muted);font-family:var(--font-body);font-size:1.02rem;line-height:1.72;margin:0 0 18px}
.band-source{color:var(--accent);display:inline-block;margin-top:8px;text-underline-offset:5px}
.band-facts{border-top:1px solid var(--line);margin:0}
.band-facts div{border-bottom:1px solid var(--line);display:grid;gap:6px;padding:20px 0}
.band-facts dt{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.band-facts dd{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;margin:0;text-transform:uppercase}
.band-panel,.band-links{padding:clamp(34px,6vw,72px)}
.band-lineup,.band-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}
.band-lineup li{border-top:1px solid var(--line);font-family:var(--font-body);padding:18px 18px 18px 0}
.band-link-grid{border-top:1px solid var(--line)}
.band-link{border-bottom:1px solid var(--line);color:var(--text);display:flex;gap:16px;justify-content:space-between;padding:20px 18px 20px 0;text-decoration:none}
.band-lineup li:nth-child(odd),.band-link:nth-child(odd){border-right:1px solid var(--line)}
.band-lineup li:nth-child(even),.band-link:nth-child(even){padding-left:18px}
.band-link span:last-child,.band-link:hover,.band-link:focus-visible{color:var(--accent)}
.band-back{display:inline-block;margin-top:30px}
.band-contact{border-top:1px solid var(--line);background:var(--coal-2);padding:64px 0}
.band-contact .container{display:flex;align-items:center;justify-content:space-between;gap:36px}
.band-contact h2{margin-top:10px}
.band-live-photo{margin:0}.band-live-photo img{display:block;width:100%;max-width:860px;height:auto}.band-live-photo figcaption{color:var(--muted);font-size:.85rem;margin-top:12px}
/* Show only the photograph inside the supplied Instagram screenshot. */
.band-photo-crop{aspect-ratio:1!important;min-height:0;align-self:center;width:100%;overflow:hidden}
.band-photo-crop:before{display:none}
.band-photo-crop img{width:203.78%;height:114.63%;max-width:none;left:-31.34%;top:-8.86%;right:auto;bottom:auto;padding:0;object-fit:fill}
.band-photo-crop-seelenkraft{aspect-ratio:3/2!important}
.band-photo-crop-seelenkraft img{width:177.778%;height:150%;left:-26.389%;top:-26.823%}
@media(max-width:1000px){.band-hero{grid-template-columns:1fr}.band-hero-image{aspect-ratio:16/10;min-height:0}.band-about{gap:42px}.bands-grid{grid-template-columns:1fr}}
@media(max-width:680px){.band-profile{padding-bottom:48px}.band-hero{min-height:0}.band-hero-image{aspect-ratio:1}.band-intro{padding:30px 22px}.band-intro h1{font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.2}.band-about{grid-template-columns:1fr;padding:38px 22px}.band-panel,.band-links{padding:38px 22px}.band-lineup,.band-link-grid{grid-template-columns:1fr}.band-lineup li:nth-child(odd),.band-link:nth-child(odd){border-right:0}.band-lineup li:nth-child(even),.band-link:nth-child(even){padding-left:0}.bands-section{padding:52px 0}.band-card>a{grid-template-columns:1fr}.band-card-image{aspect-ratio:16/10}.band-card-copy{padding:24px}.bands-index-hero{padding-bottom:48px}.band-contact{padding:48px 0}.band-contact .container{align-items:stretch;flex-direction:column}.band-contact .button{width:100%}}

.band-hero-image:has(img[src$="numenon-logo.gif"]){background:#efeee9}


/* Consistent, edge-to-edge band photos with individually chosen crops. */
:is(.band-card-image,.band-hero-image).band-photo-uniform{aspect-ratio:16/9;min-height:0;width:100%;align-self:start;overflow:hidden}
.band-photo-uniform:before{display:none}
:is(.band-card-image,.band-hero-image).band-photo-uniform img{max-width:none;right:auto;bottom:auto;padding:0;object-fit:fill}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="thesearemyfriends-bandfoto.jpg"]{width:100%;height:251.85185185185185%;left:0%;top:-42.96296296296296%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="fatal-fire-bandfoto.png"]{width:109.84455958549223%;height:100.03454231433506%;left:-4.870466321243524%;top:0%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="steel-dawn-live.jpg"]{width:121.9047619047619%;height:122.01058201058201%;left:-10.714285714285714%;top:-21.693121693121693%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="alpacapella-bandfoto.png"]{width:119.71830985915493%;height:212.83255086071986%;left:-9.71830985915493%;top:-3.755868544600939%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="hollowed-bandfoto.png"]{width:100%;height:119.00653594771242%;left:0%;top:-13.594771241830065%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="manicore.jpg"]{width:100%;height:133.33333333333334%;left:0%;top:-33.333333333333336%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="seelenkraft-live.png"]{width:186.1818181818182%;height:186.1818181818182%;left:-31.854545454545455%;top:-55.5959595959596%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="evanation-bandfoto.jpg"]{width:204.8%;height:138.52444444444444%;left:-52.8%;top:-6.4%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="numenon-bandfoto.jpg"]{width:100%;height:100%;left:0%;top:0%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="port-sulphur-band-instagram.png"]{width:204.8%;height:204.8%;left:-31.52%;top:-62.577777777777776%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="120minds-bandfoto.jpg"]{width:134.49367088607596%;height:134.45850914205346%;left:-14.240506329113924%;top:-17.158931082981717%}
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="numenon-logo.gif"]{width:100%;height:100%;left:0;top:0;object-fit:contain}

/* Match the Musikbunker overview: three columns and equal 4:3 frames. */
.bands-page .bands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bands-page .band-card .band-card-image{aspect-ratio:4/3;background:#10100e}
.band-card-photo{position:absolute;width:calc(100% - 32px);aspect-ratio:16/9;left:16px;top:50%;transform:translateY(-50%);overflow:hidden}
.bands-page .band-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:24px}
.bands-page .band-card-copy h3{font-size:clamp(1.45rem,2.1vw,2rem);overflow-wrap:anywhere}
.bands-page .band-card-copy strong{margin-top:auto;padding-top:22px}
@media(max-width:1100px){.bands-page .bands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bands-page .bands-grid{grid-template-columns:1fr}}

/* Use the clean band photograph without stretching or cropping the musicians. */
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="charlys-finest-bandfoto-clean.png"]{width:100%;height:100%;left:0;top:0;object-fit:contain}

/* Preserve the full artwork in the profile; use the shared overview frame. */

:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="soulful-storm.png"]{width:100%;height:100%;left:0;top:0;object-fit:contain}
.band-hero-image.band-photo-uniform:has(img[src$="soulful-storm.png"]){aspect-ratio:1}
.bands-page #soulful-storm .band-card-image img{object-fit:cover;object-position:center top}

.bands-page #main-city-music .band-card-copy strong,.bands-page #main-city-music .band-card-copy strong span{color:#fff}.bands-page #main-city-music>a:hover .band-card-copy strong,.bands-page #main-city-music>a:hover .band-card-copy strong span,.bands-page #main-city-music>a:focus-visible .band-card-copy strong,.bands-page #main-city-music>a:focus-visible .band-card-copy strong span{color:var(--accent)}

/* Crop the supplied Sequel screenshot to the musicians, without browser or Instagram UI. */
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="sequel-bandfoto.png"]{width:255.2343%;height:255.3191%;left:-51.9442%;top:-83.3333%}
.bands-page #sequel .band-card-copy strong,.bands-page #sequel .band-card-copy strong span{color:#fff}
.bands-page #sequel>a:hover strong,.bands-page #sequel>a:hover strong span,.bands-page #sequel>a:focus-visible strong,.bands-page #sequel>a:focus-visible strong span{color:var(--accent)}
/* Consistent framed photos with rounded upper corners in the band overview. */
.bands-page .band-card-photo{border-radius:12px 12px 0 0;overflow:hidden}

.bands-page .band-card-photo{top:0;transform:none}

/* Card layout matched to the current musikbunker.com/bands reference. */
.bands-page .bands-grid{border:0;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bands-page .band-card{border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;background:#11100e}
.bands-page .band-card>a{display:flex;flex-direction:column;height:100%}
.bands-page .band-card .band-card-image{width:100%;aspect-ratio:16/9;min-height:0;border:0;border-radius:11px 11px 0 0;overflow:hidden;background:#10100e;flex-shrink:0}
.bands-page .band-card-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:16/9;transform:none;border:0;border-radius:0;overflow:hidden}
.bands-page .band-card-copy{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.bands-page .band-card-copy strong,.bands-page .band-card-copy strong span{color:var(--text)}
.bands-page .band-card>a:hover strong,.bands-page .band-card>a:hover strong span,.bands-page .band-card>a:focus-visible strong,.bands-page .band-card>a:focus-visible strong span{color:var(--accent)}
@media(max-width:1100px){.bands-page .bands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bands-page .bands-grid{grid-template-columns:1fr}}
/* Focus the original portrait on all four musicians and their instruments. */
:is(.band-card-image,.band-hero-image).band-photo-uniform img[src$="temple-stones-bandfoto.jpg"]{width:136.363636%;height:323.232323%;left:-21.818182%;top:-129.292929%}