.band-detail-body{min-height:100vh;overflow-x:hidden;background:var(--bg-contrast-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);line-height:1.65}.band-detail-page main{padding-top:7rem;padding-bottom:2.5rem;padding-left:clamp(1.5rem,4vw,4rem);padding-right:clamp(1.5rem,4vw,4rem)}.band-detail-page main .container-wide{max-width:900px;margin-left:auto;margin-right:auto}.detail-hero{text-align:center;padding:clamp(1.5rem,4vw,3.5rem) 0 2.5rem;position:relative}.detail-hero .meta-tag{justify-content:center}.detail-stream-name{font-family:var(--font-display);font-size:clamp(3rem,9vw,7rem);font-weight:800;letter-spacing:.015em;word-spacing:.12em;line-height:.98;color:var(--text-primary);margin:.4rem 0 .5rem;background:linear-gradient(180deg,var(--text-primary) 30%,var(--active-stream-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.detail-strap{max-width:640px;margin:0 auto;font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:600;color:var(--active-stream-color)}.detail-color{display:inline-flex;align-items:center;gap:.65rem;margin:1rem auto 0;padding:.55rem 1rem;border-radius:9999px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:var(--chip-reading-color, var(--text-secondary));background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-color-swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 0 12px currentColor;flex-shrink:0}.detail-color-name{font-weight:700;letter-spacing:.16em}.detail-color-hex{opacity:.75}.detail-media{width:100%;max-width:620px;margin:2rem auto 0;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 80px #00000073;border:1px solid var(--border-subtle);background:radial-gradient(circle at 50% 45%,rgba(var(--active-stream-rgb),.24),#0f121a00 62%),#0b0e14;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.detail-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.detail-prose{max-width:800px;width:100%;margin:0 auto;padding-bottom:1rem;text-align:right}.detail-section-label{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--active-stream-color);margin-bottom:.9rem;display:flex;align-items:center;gap:.8rem;flex-direction:row-reverse}.detail-section-label:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.detail-prose p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.4rem}.detail-prose .detail-lead{font-size:1.3rem;color:var(--text-primary);font-weight:500}.detail-quote{margin:2.8rem 0;padding:1.8rem 2rem;border-right:3px solid var(--active-stream-color);border-left:none;background:rgba(var(--active-stream-rgb),.08);border-radius:18px 0 0 18px;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:600;line-height:1.4;color:var(--text-primary);text-align:right}.detail-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 2rem;justify-content:flex-end}.detail-chip{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);background:rgba(var(--active-stream-rgb),.12);border:1px solid rgba(var(--active-stream-rgb),.4);padding:.5rem 1rem;border-radius:9999px}.detail-touchstones{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.4rem 0 2.5rem}.touchstone-row{display:flex;align-items:center;gap:.9rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1rem 1.2rem;transition:transform .3s var(--ease-out-expo),border-color .3s ease}.touchstone-row:hover{transform:translate(6px);border-color:var(--active-stream-color)}.touchstone-num{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--active-stream-color);flex-shrink:0}.touchstone-name{font-family:var(--font-display);font-weight:700;font-size:1rem}.detail-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:800px;margin:2.5rem auto 0}.pn-link{text-decoration:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;transition:transform .3s var(--ease-out-expo),border-color .3s ease}.pn-link:hover{transform:translateY(-4px);border-color:var(--active-stream-color)}.pn-link.next{text-align:right}.pn-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.pn-name{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--text-primary)}.detail-cta{text-align:center;padding:3rem 0 1rem}.detail-cta p{max-width:520px;margin:0 auto 1.4rem;color:var(--text-secondary);font-size:1rem;line-height:1.7}.back-to-bands{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding:.6rem 1.2rem;border:1px solid var(--border-subtle);border-radius:9999px;transition:border-color .25s ease,color .25s ease}.back-to-bands:hover{color:var(--text-primary);border-color:var(--active-stream-color)}@media (max-width: 900px){.band-detail-page main{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width: 720px){.band-detail-page main{padding:6.25rem 1.15rem 2rem}.detail-prose{text-align:right}.detail-prose .detail-section-label{justify-content:flex-start;margin-bottom:.8rem}.detail-prose .detail-quote{text-align:right;border-left:none;border-right:3px solid var(--active-stream-color);border-radius:18px 0 0 18px;padding:1.4rem 1.15rem}.detail-prose .detail-chips{justify-content:flex-end}.detail-prose .detail-lead{font-size:1.15rem}.detail-prose p{font-size:1rem}.detail-touchstones,.detail-prevnext{grid-template-columns:1fr}.detail-media{border-radius:18px}}