/* U250 — THE BAND / dedicated page styles */
.band-page{--band-red:#e31b23;--band-cream:#ece9e2;--band-ink:#090909;--band-line:rgba(255,255,255,.18);background:var(--band-ink);color:#f4f1ea;overflow-x:hidden}
.band-page .band-main{padding-top:72px}
.band-page .band-main *{box-sizing:border-box}
.band-page .section-pad{padding:110px 5vw}
.band-page .eyebrow{font-size:9px;letter-spacing:.21em;font-weight:900;text-transform:uppercase}

.band-hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:flex-end;overflow:hidden;background:#050505}
.band-hero-old,.band-hero-new{position:absolute;top:0;bottom:0;width:50%;background-size:cover;background-repeat:no-repeat;filter:grayscale(1) contrast(1.16)}
.band-hero-old{left:0;background-image:url('assets/photos/u2-1982-studio.jpg');background-position:48% center}
.band-hero-new{right:0;background-image:url('assets/photos/u2-2018-london.jpg');background-position:52% center}
.band-hero::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.42);z-index:2}
.band-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.15) 48%,rgba(0,0,0,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 35%,transparent 65%,rgba(0,0,0,.22));z-index:1}
.band-hero-copy{position:relative;z-index:3;width:100%;padding:0 5vw 56px}
.band-kicker{font-size:10px;letter-spacing:.22em;font-weight:800;margin-bottom:25px}
.band-hero h1{margin:0;font-size:clamp(92px,15.5vw,250px);line-height:.72;letter-spacing:-.09em}
.band-hero h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.band-hero-bottom{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.42);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}
.band-hero-bottom>p{margin:0;max-width:720px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,1.45vw,24px);line-height:1.45}
.band-hero-stats{display:grid;grid-template-columns:repeat(3,auto);gap:32px}
.band-hero-stats b{display:block;font-size:clamp(44px,4.8vw,76px);line-height:.82;letter-spacing:-.07em;color:var(--band-red)}
.band-hero-stats span{display:block;margin-top:8px;font-size:7px;letter-spacing:.17em;font-weight:800}

.band-origin{background:var(--band-cream);color:var(--band-ink)}
.band-origin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:start}
.band-origin h2{margin:0;font-size:clamp(68px,8.5vw,140px);line-height:.78;letter-spacing:-.075em}
.band-origin h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.band-origin-copy p{margin:0 0 28px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,1.65vw,27px);line-height:1.5}
.band-origin-copy blockquote{margin:42px 0;padding-left:25px;border-left:5px solid var(--band-red);font-size:clamp(30px,3.7vw,60px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.band-name-line{margin-top:90px;padding:24px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(24px,4vw,64px);font-weight:900;letter-spacing:-.05em}
.band-name-line i{font-style:normal;color:var(--band-red)}
.band-name-line strong{color:var(--band-red)}

.band-four{background:#070707}
.band-four-head{padding-bottom:68px}
.band-four-head h2{margin:0;font-size:clamp(72px,10.6vw,170px);line-height:.78;letter-spacing:-.08em}
.band-four-head h2 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.band-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--band-line);border-bottom:1px solid var(--band-line)}
.band-member{min-height:440px;padding:32px 28px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.band-member+.band-member{border-left:1px solid var(--band-line)}
.band-member>span{font-size:8px;letter-spacing:.17em;color:#888;font-weight:800}
.band-member h3{margin:auto 0 24px;font-size:clamp(46px,5vw,80px);line-height:.78;letter-spacing:-.07em}
.band-member p{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.45;color:#cfcfcf}
.band-member::after{content:attr(data-num);position:absolute;right:-.02em;bottom:-.23em;font-size:220px;line-height:1;font-weight:900;color:rgba(255,255,255,.03);pointer-events:none}
.band-member:hover{background:#111}
.band-member:hover h3{color:var(--band-red)}

.band-history{background:var(--band-red);color:#090909}
.band-history-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:5vw;align-items:end;margin-bottom:75px}
.band-history-head h2{margin:0;font-size:clamp(72px,9.4vw,150px);line-height:.77;letter-spacing:-.08em}
.band-history-head h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.band-history-list{border-top:1px solid rgba(0,0,0,.32)}
.band-history-list article{display:grid;grid-template-columns:150px minmax(220px,.9fr) 1.5fr;gap:38px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(0,0,0,.32)}
.band-history-list b{font-size:12px;letter-spacing:.12em}
.band-history-list h3{margin:0;font-size:clamp(28px,2.8vw,46px);line-height:.92;letter-spacing:-.05em}
.band-history-list p{margin:0;max-width:760px;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.5}

.band-constant{display:grid;grid-template-columns:1fr 1fr;min-height:82svh;background:#080808}
.band-constant-copy{padding:100px 5vw;display:flex;flex-direction:column;justify-content:center}
.band-constant-copy h2{margin:0 0 34px;font-size:clamp(64px,7.8vw,124px);line-height:.78;letter-spacing:-.075em}
.band-constant-copy h2 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.band-constant-copy p{margin:0 0 38px;max-width:620px;font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.5;color:#c9c9c9}
.band-constant-photo{background:url('assets/photos/u2-2024-sphere.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.1)}
.band-constant .text-link{display:inline-flex;align-items:center;gap:40px;width:max-content;border-bottom:1px solid #fff;padding-bottom:9px;font-size:9px;letter-spacing:.16em;font-weight:900}
.band-constant .text-link span{color:var(--band-red)}

.band-source{background:var(--band-cream);color:#090909}
.band-source h2{margin:0 0 28px;font-size:clamp(58px,7.2vw,115px);line-height:.8;letter-spacing:-.07em}
.band-source h2 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.band-source p{max-width:760px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.5}
.band-source>a{display:inline-block;margin-top:28px;border-bottom:2px solid #090909;padding-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.15em}

@media(max-width:1050px){
  .band-members{grid-template-columns:1fr 1fr}
  .band-member:nth-child(3){border-left:0;border-top:1px solid var(--band-line)}
  .band-member:nth-child(4){border-top:1px solid var(--band-line)}
  .band-history-list article{grid-template-columns:120px 1fr;gap:20px}.band-history-list article p{grid-column:2}
}
@media(max-width:760px){
  .band-page .band-main{padding-top:58px}.band-page .section-pad{padding:80px 20px}
  .band-hero{min-height:840px}.band-hero-old,.band-hero-new{left:0;right:0;width:100%;height:50%;bottom:auto}.band-hero-old{top:0}.band-hero-new{top:50%}.band-hero::after{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}
  .band-hero-copy{padding:0 20px 36px}.band-hero h1{font-size:23vw}.band-hero-bottom{grid-template-columns:1fr;gap:28px}.band-hero-stats{gap:18px}.band-hero-stats b{font-size:14vw}
  .band-origin-grid,.band-history-head{grid-template-columns:1fr}.band-origin h2{font-size:17vw;margin-bottom:40px}.band-name-line{flex-wrap:wrap;justify-content:flex-start;font-size:8.5vw;margin-top:55px}
  .band-four-head h2{font-size:17vw}.band-members{grid-template-columns:1fr}.band-member,.band-member:nth-child(3),.band-member:nth-child(4){min-height:300px;border-left:0;border-top:1px solid var(--band-line)}.band-member:first-child{border-top:0}.band-member h3{font-size:14vw}
  .band-history-head h2{font-size:18vw;margin-top:28px}.band-history-list article{grid-template-columns:1fr;gap:10px}.band-history-list article p{grid-column:auto}.band-history-list p{font-size:17px}
  .band-constant{grid-template-columns:1fr}.band-constant-copy{padding:80px 20px}.band-constant-copy h2{font-size:16vw}.band-constant-photo{min-height:70vw}
  .band-source h2{font-size:16vw}
}
