/* Monochrome stage lighting, fine rules and restrained motion. */
:root{--silver:#dddeda;--rule:#ffffff21;--ease:cubic-bezier(.22,1,.36,1)}
::selection{background:#e5e5e0;color:#080808}
body{background:#080909;color:#eeefeb}
header{position:sticky;top:0;z-index:10;margin:0;padding:0 5%;background:rgba(8,9,9,.92);border-color:var(--rule);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .3s}
header.is-scrolled{box-shadow:0 12px 35px #0004}
header::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#eee;transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
nav a{position:relative;padding-top:8px;padding-bottom:8px;color:#b7b8b5;transition:color .25s}
nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#e9e9e5;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
nav a:hover,nav a[aria-current]{color:#fff}nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}
.brand img{transition:filter .35s}.brand:hover img{filter:drop-shadow(0 0 8px #ffffff55)}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 35%,#ffffff09,transparent 62%)}
.hero-meta,.eyebrow,.section-label,dt,.set-platform{font-family:"Courier New",monospace;letter-spacing:.12em}
.hero-meta,.section-label{font-size:12px;color:#a9aaa6}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:15px;color:#c7c8c4}
.hero-copy>.eyebrow::before{content:"";width:32px;height:1px;background:#aaa}
.hero h1{color:#f0f1ed;padding-bottom:.08em;margin-bottom:38px}
.hero-photo{padding:10px;border:1px solid #ffffff25;background:#ffffff03;box-shadow:0 24px 70px #0006}
.hero-photo img{outline:1px solid #ffffff12;outline-offset:-1px}
figcaption{font-size:12px;line-height:1.7;letter-spacing:.045em;color:#a9aaa6}
.genres{border-left:1px solid #666;padding-left:20px;color:#bfc1bb;font-weight:400;line-height:1.5}
.button{position:relative;overflow:hidden;border-color:#777b72;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.button::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff30,transparent);pointer-events:none}
.button:hover::after{left:130%;transition:left .65s var(--ease)}
.button.light{background:#e8e9e3;border-color:#e8e9e3}.button:hover{background:#fff;border-color:#fff;box-shadow:0 6px 24px #ffffff0c;transform:translateY(-2px)}
.button span,.text-link span,.contact span{display:inline-block;transition:transform .3s var(--ease)}
.button:hover span,.text-link:hover span,.contact:hover span{transform:translate(3px,-3px)}
.text-link{border-bottom-color:#ffffff35;transition:color .25s,border-color .25s}.text-link:hover{color:#fff;border-color:#fff}
.hero-bottom{border-color:var(--rule);padding-bottom:30px}.hero-bottom a{transition:color .25s}
.section{position:relative}.section-label{padding-bottom:20px;border-bottom:1px solid var(--rule)}
.project h2,.release h2,.press h2{line-height:1.13;letter-spacing:-.045em}
.body-copy p,.release-copy>p:not(.eyebrow),.sound-copy>p,.press>div>p:not(.eyebrow){max-width:58ch;line-height:1.8}
.members{border-color:var(--rule)}.members span{position:relative;transition:background .3s,color .3s;color:#c5c7c1}.members span+span{border-color:var(--rule)}
.members span::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#eee;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.members span:hover::after{transform:scaleX(1)}.members span:hover{color:#fff;background:#ffffff03}
.release{background:linear-gradient(120deg,#151616,#0e0f0f);border-block:1px solid var(--rule)}
.release-photo{padding:9px;border:1px solid #ffffff28;box-shadow:0 20px 65px #0005}
.sound{background:radial-gradient(ellipse at 10% 50%,#ffffff06,transparent 65%);border-color:var(--rule)}
.sound h2{font-size:clamp(3rem,6vw,6rem);line-height:1.08;text-transform:none;font-weight:600;letter-spacing:-.055em;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.sound-copy dl{display:grid;gap:18px;margin-top:32px}.sound-copy dt{margin:0;color:#92978a}.sound-copy dd{margin:-10px 0 0;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.set{background:linear-gradient(145deg,#151717,#080909 65%);border-bottom:1px solid var(--rule)}
.set-platform{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff24;padding:8px 12px;color:#d6d7d1;margin-top:18px}
.set-platform::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.set h2{line-height:1.16}.set h2 span{color:#a4a79e}.set-photo{padding:9px;border:1px solid #ffffff2a;background:#ffffff03;box-shadow:0 22px 65px #0006}
.gallery{background:#0d0e0e;border-bottom:1px solid var(--rule)}
.gallery-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;margin-bottom:50px}
.gallery-intro h2{margin:0;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:600}
.gallery-intro p{max-width:42ch;margin:0 0 8px;line-height:1.8}
.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
.photo{grid-column:span 4;margin:0;padding:7px;border:1px solid #ffffff24;background:#ffffff03;overflow:hidden}
.photo-wide{grid-column:1/-1}
.photo img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.02);transition:filter .45s,transform .7s var(--ease)}
.photo:hover img{filter:grayscale(1) contrast(1.04) brightness(1.04);transform:scale(1.008)}
.photo figcaption{display:none}
.press{background:linear-gradient(110deg,#20221f,#121411);border-block:1px solid #ffffff20}
.booking{background:radial-gradient(ellipse at 85% 100%,#ffffff09,transparent 65%)}
.booking h2{color:#eceee7;letter-spacing:-.07em}.booking .contact-grid{padding-top:28px;border-top:1px solid var(--rule)}
.socials a{border-bottom:1px solid var(--rule);padding-bottom:8px;transition:color .25s,border-color .25s}.socials a:hover{color:#fff;border-color:#aaa}
footer{border-color:var(--rule)}
@media(max-width:800px){header{padding:16px 5%}nav{gap:17px}.hero-photo{padding:7px}.hero-meta{font-size:11px}.hero h1{font-size:8vw}.section-label{font-size:12px;letter-spacing:.05em}.gallery-intro{grid-template-columns:1fr;gap:20px}.photo-grid{gap:12px}.photo{grid-column:span 6}.photo-wide{grid-column:1/-1}}
@media(max-width:560px){html{scroll-padding-top:145px}header{gap:10px}nav{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:0;font-size:10.5px}nav a{padding-inline:4px}nav a:first-child{padding-left:0}nav a:last-child{padding-left:4px;padding-right:0}nav span{margin-left:4px}.hero h1{font-size:14.6vw}.hero-meta{font-size:10px;letter-spacing:0;gap:10px}.hero-copy{padding-top:30px}.hero-photo{margin:0;max-width:100%}.hero-photo figcaption{font-size:12px}.hero-bottom{gap:12px}.hero-bottom>span{font-size:11px;letter-spacing:.03em}.section{padding-block:60px}.section-label{gap:12px;align-items:start}.section-label>span:last-child{text-align:right}.sound h2{font-size:13vw}.set-photo{max-width:360px}.sound-copy dl{gap:20px}.gallery-intro h2{font-size:13vw}.gallery-intro{margin-bottom:30px}.photo-grid{grid-template-columns:1fr 1fr;gap:10px}.photo,.photo-wide{grid-column:auto;padding:5px}.photo-wide{grid-column:1/-1}.photo figcaption{font-size:10px}.booking h2{font-size:19vw}.members span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}