.hero>img{object-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(8,7,13,.98) 0%,rgba(8,7,13,.92) 34%,rgba(8,7,13,.72) 50%,rgba(8,7,13,.14) 72%),linear-gradient(0deg,rgba(8,7,13,.9),transparent 58%)}
.band{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:center;padding:clamp(6rem,12vw,10rem) clamp(1rem,5vw,5rem);overflow:hidden;background:linear-gradient(135deg,#0b0910 0%,#151022 55%,#0b0910 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band:before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:50%;transform:translateY(-50%);border:1px solid rgba(185,140,255,.22);border-radius:50%;box-shadow:0 0 120px rgba(139,70,236,.16)}
.band-mark{position:absolute;right:-.02em;bottom:-.24em;font:600 clamp(9rem,27vw,28rem)/.8 Manrope,sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.025);pointer-events:none}
.band-copy{position:relative;z-index:1;max-width:900px}
.band-copy h2{font:500 clamp(3rem,7vw,7rem)/.88 Manrope,sans-serif;letter-spacing:-.055em;margin:1.4rem 0 2.5rem}
.band-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--light)}
.band-copy .lead{max-width:680px;color:#cec5d7;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.7}
@media(max-width:800px){.hero>img{object-position:72% center}.hero-shade{background:linear-gradient(0deg,rgba(8,7,13,.98) 0%,rgba(8,7,13,.76) 45%,rgba(8,7,13,.12) 78%)}.band{grid-template-columns:1fr;padding:6rem 1.2rem;min-height:650px}.band:before{width:360px;height:360px;right:-220px}.band-mark{font-size:12rem}}
.band-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem}
.band-links a{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-width:150px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.18);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;transition:.2s ease}
.band-links a:hover,.band-links a:focus{border-color:var(--light);background:rgba(185,140,255,.1);transform:translateY(-2px)}
.band-links b{color:var(--light);font-size:1rem}
.timeline{margin-top:3.5rem;border-top:1px solid var(--line)}
.timeline article{display:grid;grid-template-columns:160px 1fr;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.timeline article>span{color:var(--light);font-size:.75rem;font-weight:600;letter-spacing:.14em}
.timeline article p{margin:0;color:#c9c1d2}
@media(max-width:800px){.timeline article{grid-template-columns:1fr;gap:.35rem}.band-links a{flex:1 1 100%}}
.production{max-width:var(--max);margin:auto;padding:clamp(6rem,13vw,11rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:1fr 3fr;gap:3rem;border-top:1px solid var(--line)}
.production-content h2{font:500 clamp(3rem,7vw,6.8rem)/.9 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.production-content h2 em{font-family:Georgia,serif;font-weight:400;color:var(--light)}
.production-content>.lead{max-width:700px;color:#c9c1d2;font-size:clamp(1.05rem,1.8vw,1.25rem);margin:2.5rem 0 3.5rem}
.credits{border-top:1px solid var(--line)}
.credits a{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:.2s ease}
.credits a:hover,.credits a:focus{padding-left:1rem;background:linear-gradient(90deg,rgba(185,140,255,.08),transparent)}
.credit-number{color:var(--light);font-size:.7rem;letter-spacing:.14em}
.credits strong{display:block;font:600 clamp(1.3rem,2.5vw,2rem) Manrope,sans-serif;letter-spacing:.04em}
.credits small{display:block;color:#938b9c;font-size:.9rem;margin-top:.25rem}
.credits b{color:var(--light);font-size:1.2rem;padding-right:1rem}
@media(max-width:800px){.production{grid-template-columns:1fr;padding:6rem 1.2rem}.credits a{grid-template-columns:42px 1fr auto;gap:.75rem}}
.influences-label{margin:2.8rem 0 .9rem!important;color:var(--light)!important;font-size:.68rem!important;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.band-logo{width:min(100%,560px);height:auto;object-fit:contain;margin:0 0 2.5rem;filter:drop-shadow(0 0 28px rgba(17,177,177,.12))}
.gear-subtitle{margin:2.8rem 0 1rem;color:var(--light);font:600 .7rem/1.4 Inter,sans-serif;letter-spacing:.19em}
.rig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.5rem;background:var(--line);border:1px solid var(--line)}
.rig-grid article{min-height:160px;padding:1.2rem;background:var(--ink);display:flex;flex-direction:column}
.rig-grid article>span{color:#665f70;font-size:.68rem;letter-spacing:.15em}
.rig-grid small{margin-top:auto;color:var(--light);font-size:.62rem;letter-spacing:.15em}
.rig-grid strong{margin-top:.4rem;font:600 .95rem/1.35 Manrope,sans-serif;color:#eee9f2}
@media(max-width:800px){.band-logo{margin-bottom:2rem}.rig-grid{grid-template-columns:1fr}.rig-grid article{min-height:130px}}
.band:after{content:"";position:absolute;z-index:0;right:6%;top:50%;width:min(62%,900px);aspect-ratio:1708/440;transform:translateY(-50%);background:url("socs-logo-bg.png") center/contain no-repeat;opacity:.16;pointer-events:none}
.band>.section-index,.band-copy{position:relative;z-index:1}
@media(max-width:800px){.band:after{width:108%;right:-12%;top:30%;opacity:.1}.band-logo{display:none}}
.live-gallery{min-height:760px;display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr 1fr;gap:3px;background:#17131f;overflow:hidden}
.live-gallery figure{margin:0;min-width:0;min-height:0;overflow:hidden}
.live-gallery .live-main{grid-column:1/-1}
.live-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06);transition:transform .7s ease}
.live-gallery figure:hover img{transform:scale(1.025)}
.live-gallery figure:nth-child(2) img{object-position:35% 24%}
.live-gallery figure:nth-child(3) img{object-position:center 42%}
@media(max-width:800px){.live-gallery{min-height:auto;height:920px;grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr}.live-panel{display:block}.live-gallery .live-main{grid-column:1/-1}.live-copy{padding:5rem 1.2rem}}
@media(prefers-reduced-motion:reduce){.live-gallery img{transition:none}.live-gallery figure:hover img{transform:none}}
.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1px;max-width:780px;margin:3rem auto 0;background:var(--line);border:1px solid var(--line);text-align:left}
.contact-links a{flex:1 1 300px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem 1.5rem;padding:1.25rem 1.4rem;background:var(--ink);text-decoration:none;transition:.2s ease}
.contact-links a:hover,.contact-links a:focus{background:#171120}
.contact-links span{grid-column:1;color:var(--light);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.contact-links strong{grid-column:1;font:500 1rem Manrope,sans-serif;color:#f2edf5;overflow-wrap:anywhere}
.contact-links b{grid-column:2;grid-row:1/3;color:var(--light);font-size:1.1rem}

@media(max-width:800px){.live-gallery figure:nth-child(3) img{object-position:78% 42%}}