/* ZUUL FX BIO V1.22 */
.bio-v122{background:#050505;color:#efefef}.bio-hero{position:relative;overflow:hidden;min-height:640px;display:flex;align-items:flex-end;border-bottom:1px solid #222;background:#050505}.bio-hero:before{content:"";position:absolute;inset:0;background:url('../img/about-band.jpg') center 35%/cover no-repeat;opacity:.34}.bio-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.97),rgba(0,0,0,.80) 48%,rgba(0,0,0,.44)),linear-gradient(to top,#050505,rgba(5,5,5,.36) 44%,rgba(5,5,5,.06))}.bio-hero .container{position:relative;z-index:2;padding-bottom:72px}.bio-kicker{color:#d21919;font-size:11px;font-weight:bold;letter-spacing:3px;text-transform:uppercase}.bio-hero h1{margin:9px 0 0;max-width:880px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",Arial,sans-serif;font-size:88px;line-height:.9;text-transform:uppercase}.bio-hero h1 span{color:#d81616}.bio-hero .lead{max-width:760px;margin:22px 0 0;color:#c5c5c5;font-size:18px;line-height:1.65}.bio-rolebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.bio-rolebar span{padding:8px 10px;border:1px solid #303030;background:rgba(8,8,8,.82);color:#bdbdbd;font-size:10px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase}.bio-section{position:relative;padding:88px 0;border-bottom:1px solid #222;overflow:hidden}.bio-section--dark{background:#070707}.bio-section--red{background:radial-gradient(circle at 80% 20%,rgba(139,12,12,.13),rgba(0,0,0,0) 32%),#070606}.bio-section--hplus{background:radial-gradient(circle at 75% 30%,rgba(23,100,111,.18),rgba(0,0,0,0) 28%),#041012}.bio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.bio-head h2{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",Arial,sans-serif;font-size:62px;line-height:.95;text-transform:uppercase}.bio-head h2 span{color:#d91818}.bio-head p{max-width:540px;margin:0;color:#9d9d9d;font-size:14px;line-height:1.7}.bio-short-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.bio-card{border:1px solid #292929;background:rgba(8,8,8,.84);padding:30px}.bio-card p{margin:0;color:#b6b6b6;font-size:15px;line-height:1.78}.bio-card .label{color:#d81818;font-size:10px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.bio-card--quote{display:flex;flex-direction:column;justify-content:center;min-height:100%;border-left:3px solid #b71010}.bio-card--quote strong{display:block;font-family:Impact,Arial,sans-serif;font-size:32px;line-height:1.05;text-transform:uppercase}.bio-card--quote span{margin-top:15px;color:#8f8f8f;font-size:12px;line-height:1.6}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px}.story-block{border-top:1px solid #303030;padding-top:20px}.story-block .year{color:#d61919;font-family:Impact,Arial,sans-serif;font-size:32px;letter-spacing:1px}.story-block h3{margin:5px 0 10px;font-size:17px;letter-spacing:.5px;text-transform:uppercase}.story-block p{margin:0;color:#9f9f9f;font-size:13px;line-height:1.7}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.highlight-card{min-height:175px;padding:24px;border:1px solid #2d2d2d;background:#080808}.highlight-card strong{display:block;color:#e3e3e3;font-family:Impact,Arial,sans-serif;font-size:38px;line-height:1}.highlight-card span{display:block;margin-top:10px;color:#d41717;font-size:10px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase}.highlight-card p{margin:13px 0 0;color:#888;font-size:12px;line-height:1.55}.hplus-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.hplus-copy{border:1px solid #254047;background:rgba(3,10,12,.78);padding:30px}.hplus-copy h3{margin:0;font-family:Impact,Arial,sans-serif;font-size:42px;line-height:1}.hplus-copy p{color:#9eb0b3;font-size:14px;line-height:1.72}.hplus-modes{display:grid;gap:10px}.hplus-mode{border:1px solid #28434a;padding:20px;background:rgba(4,12,14,.80)}.hplus-mode strong{color:#78c7d2;font-size:12px;letter-spacing:1.3px}.hplus-mode span{display:block;margin-top:6px;color:#7f9699;font-size:11px}.team-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}.team-intro p{color:#9a9a9a;font-size:14px;line-height:1.7}.team-grid-v122{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.team-v122{padding:18px 20px;border:1px solid #2b2b2b;background:#080808}.team-v122 strong{display:block;font-size:14px}.team-v122 span{display:block;margin-top:6px;color:#d11717;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.bio-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.bio-links a{padding:11px 14px;border:1px solid #303030;text-decoration:none;color:#d1d1d1;font-size:10px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase}.bio-links a:hover{border-color:#b91515;color:#fff}@media(max-width:1000px){.highlight-grid{grid-template-columns:repeat(2,1fr)}.bio-hero h1{font-size:72px}}@media(max-width:820px){.bio-hero{min-height:540px}.bio-hero h1{font-size:58px}.bio-head{display:block}.bio-head p{margin-top:15px}.bio-short-grid,.hplus-grid,.team-wrap{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:560px){.bio-hero h1{font-size:46px}.bio-hero .lead{font-size:15px}.bio-section{padding:66px 0}.bio-head h2{font-size:46px}.highlight-grid,.team-grid-v122{grid-template-columns:1fr}}


/* V1.23 — dedicated LONG BIO section */
.long-bio-wrap {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 300px;
  gap:44px;
  align-items:start;
}
.long-bio-copy {
  border:1px solid #2a2a2a;
  background:rgba(8,8,8,.86);
  padding:34px 36px;
}
.long-bio-copy p {
  margin:0 0 20px;
  color:#b1b1b1;
  font-size:15px;
  line-height:1.82;
}
.long-bio-copy p:last-child { margin-bottom:0; }
.long-bio-aside {
  position:sticky;
  top:110px;
  border-left:3px solid #b91010;
  padding:22px 0 22px 24px;
}
.long-bio-aside strong {
  display:block;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif;
  font-size:34px;
  line-height:1.05;
  text-transform:uppercase;
}
.long-bio-aside span {
  display:block;
  margin-top:14px;
  color:#8d8d8d;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.7px;
  text-transform:uppercase;
}
@media screen and (max-width:820px) {
  .long-bio-wrap { grid-template-columns:1fr; gap:24px; }
  .long-bio-aside { position:static; }
}
@media screen and (max-width:560px) {
  .long-bio-copy { padding:26px 22px; }
  .long-bio-copy p { font-size:14px; }
}


/* V1.46 — BIO readability */
.bio-kicker {
  font-size:14px;
}
.bio-head p {
  font-size:17px;
}
.bio-card p,
.story-block p,
.hplus-copy p,
.team-intro p {
  font-size:16px;
  line-height:1.75;
}
.bio-card .label,
.highlight-card span,
.hplus-mode strong,
.team-v122 span {
  font-size:12px;
}
.bio-card--quote span,
.hplus-mode span {
  font-size:14px;
}
.highlight-card p {
  font-size:15px;
  line-height:1.65;
}
.team-v122 strong {
  font-size:17px;
}
.bio-links a {
  font-size:12px;
}
.long-bio-copy p {
  font-size:16px;
  line-height:1.78;
}
.long-bio-aside span {
  font-size:13px;
}
