:root {
  --black:#050505;
  --ink:#0a0b0c;
  --white:#f4f4f0;
  --grey:#9a9a94;
  --line:rgba(244,244,240,.18);
  --pad:clamp(20px,4vw,64px);
}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-weight:700;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:76px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,5,5,.82);backdrop-filter:blur(12px)}
.mini-mark{display:flex;align-items:center;width:clamp(155px,14vw,230px);height:44px;overflow:hidden}.mini-mark img{display:block;width:100%;height:auto;filter:brightness(.96);transition:filter .2s,transform .2s}.mini-mark:hover img{filter:brightness(1.2);transform:translateX(2px)}
.topbar nav{display:flex;height:100%}.topbar nav a{position:relative;display:grid;place-items:center;padding:0 22px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--grey)}
.topbar nav a:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:var(--white);transform:scaleX(0);transition:transform .25s}
.topbar nav a:hover,.topbar nav a.active{color:var(--white)}.topbar nav a.active:after{transform:scaleX(1)}
.status{justify-self:end;font:700 10px/1 monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.status i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--white);box-shadow:0 0 12px var(--white);animation:pulse 1.4s infinite}
.hero{position:relative;min-height:100svh;padding:120px var(--pad) 72px;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.hero-image{position:absolute;z-index:-4;inset:0;background:url('assets/modular-studio.webp') center 36%/cover no-repeat;filter:grayscale(1) contrast(1.45) brightness(.48);transform:scale(1.04);animation:drift 18s ease-in-out infinite alternate}
.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.78) 42%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,rgba(5,5,5,.86),transparent 45%)}
.hero:after{content:"";position:absolute;z-index:-2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 5px);mix-blend-mode:screen}
.hero-lines{position:absolute;z-index:-1;inset:76px 0 0;background:linear-gradient(90deg,transparent calc(25% - .5px),var(--line) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),var(--line) 75%,transparent calc(75% + .5px))}
.hero-content{width:min(980px,78vw)}
.kicker{margin:0 0 24px;font:700 11px/1.4 monospace;letter-spacing:.24em;text-transform:uppercase;color:#d7d7d2}.kicker:before{content:"[ ";}.kicker:after{content:" ]"}
.logo{display:block;width:min(900px,74vw);height:auto;mix-blend-mode:screen;filter:contrast(1.1);animation:logo-in .9s cubic-bezier(.16,1,.3,1) both}
.manifesto{margin:22px 0 32px;font-size:clamp(17px,2vw,28px);line-height:.98;letter-spacing:-.035em}
.actions{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);width:max-content;max-width:100%}
.action{min-height:52px;padding:0 18px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:700 10px/1 monospace;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}.action span{font-size:15px}.action small{font-size:8px;color:var(--grey)}.action:hover,.action-primary{background:var(--white);color:var(--black)}.action-primary small{color:#333}.action-primary:hover{background:#c8c8c2}
.coordinates{position:absolute;right:var(--pad);bottom:32px;font:700 10px/1 monospace;letter-spacing:.1em;color:var(--grey)}
.vertical-type{position:absolute;right:18px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:700 9px/1 monospace;letter-spacing:.22em;color:#b5b5af}
.signal-strip{overflow:hidden;background:var(--white);color:var(--black);border-bottom:1px solid var(--white)}
.signal-track{display:flex;width:max-content;align-items:center;gap:28px;padding:13px 0;font:900 12px/1 monospace;letter-spacing:.12em;animation:marquee 24s linear infinite}.signal-track b{font-size:8px}
.statement{min-height:82vh;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line)}
.statement-image{min-height:680px;background:url('assets/live-mauerpark.webp') center 45%/cover no-repeat;filter:grayscale(1) contrast(1.3);border-right:1px solid var(--line)}
.statement-copy{padding:clamp(64px,10vw,160px) var(--pad);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,transparent 0 49.7%,rgba(255,255,255,.055) 50%,transparent 50.3%)}
.index-label{font:700 10px/1 monospace;letter-spacing:.18em;color:var(--grey);text-transform:uppercase}
.statement h2,.section-head h2,.dysfaction h2{margin:24px 0;font-size:clamp(40px,6vw,96px);line-height:.84;letter-spacing:-.07em}.statement-copy>p:not(.index-label){max-width:440px;color:#bababa;font-size:15px;line-height:1.5}.text-link{margin-top:28px;width:max-content;padding-bottom:7px;border-bottom:1px solid var(--white);font:700 11px/1 monospace;letter-spacing:.12em;text-transform:uppercase}
footer{min-height:130px;padding:36px var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font:700 9px/1.4 monospace;letter-spacing:.14em;color:var(--grey);text-transform:uppercase}footer a{color:var(--white)}.legal-links{display:flex;gap:18px}.legal-links a{color:var(--grey)}.legal-links a:hover,.legal-links a.active{color:var(--white)}
.legal-main{padding:150px var(--pad) 120px}.legal-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:end;max-width:1400px;margin:0 auto 90px;padding-bottom:46px;border-bottom:1px solid var(--line)}.legal-intro .kicker{grid-column:1/-1}.legal-intro h1{margin:0;font-size:clamp(64px,12vw,190px);line-height:.72;letter-spacing:-.085em}.legal-intro>p:last-child{max-width:520px;margin:0;color:var(--grey);font:700 12px/1.6 monospace;letter-spacing:.05em;text-transform:uppercase}.legal-copy{max-width:980px;margin:0 auto}.legal-copy section{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:36px;padding:38px 0;border-top:1px solid var(--line)}.legal-copy h2{margin:0;font:700 12px/1.35 monospace;letter-spacing:.13em;text-transform:uppercase}.legal-copy p{margin:0 0 14px;color:#c5c5c0;font-size:15px;line-height:1.7}.legal-copy a{color:var(--white);border-bottom:1px solid var(--grey)}.legal-date{margin-top:48px!important;color:var(--grey)!important;font:700 10px/1 monospace!important;letter-spacing:.15em;text-transform:uppercase}
.media-main{padding-top:76px}.media-intro{position:relative;min-height:72vh;padding:clamp(100px,14vw,220px) var(--pad) 90px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 35%,#292929 0,transparent 18%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--line) 25%,transparent calc(25% + 1px) 50%)}
.media-intro:after{content:"SIGNAL / 001";position:absolute;right:-30px;bottom:50px;font-size:clamp(90px,18vw,280px);line-height:.7;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);white-space:nowrap}
.media-intro>*{position:relative;z-index:1}.media-intro h1{margin:0;font-size:clamp(80px,16vw,250px);line-height:.68;letter-spacing:-.09em}.media-intro>p:last-child{margin:48px 0 0;font:700 12px/1.5 monospace;letter-spacing:.06em;color:var(--grey);text-transform:uppercase}
.sets{padding:110px var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px;border-bottom:1px solid var(--line)}.section-head h2{margin-bottom:-7px}
.set-card{padding:30px 0 42px;border-top:1px solid var(--line)}.set-card.featured{border-top:3px solid var(--white)}.set-meta{display:grid;grid-template-columns:100px 1fr auto;gap:20px;font:700 9px/1 monospace;letter-spacing:.12em;color:var(--grey);text-transform:uppercase}.set-card h3{margin:22px 0 24px;font-size:clamp(30px,5vw,72px);letter-spacing:-.06em;line-height:.9}.set-card iframe{display:block;width:100%;height:166px;border:0;filter:grayscale(1) contrast(1.25)}.player-controls{display:grid;grid-template-columns:auto auto 1fr;border:1px solid var(--line);border-top:0;min-height:48px}.player-controls button{appearance:none;border:0;border-right:1px solid var(--line);padding:0 24px;background:transparent;color:var(--white);font:700 10px/1 monospace;letter-spacing:.15em;cursor:pointer}.player-controls button:hover,.player-controls button:focus-visible{background:var(--white);color:var(--black);outline:0}.player-controls span{align-self:center;justify-self:end;padding:0 18px;color:var(--grey);font:700 9px/1 monospace;letter-spacing:.15em}.external-row{display:flex;flex-wrap:wrap;margin-top:36px}
.dysfaction{display:grid;grid-template-columns:.8fr 1.2fr;min-height:760px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dys-image{background:url('assets/modular-closeup.webp') center/cover no-repeat;filter:grayscale(1) contrast(1.4) brightness(.6);border-right:1px solid var(--line)}.dys-content{padding:110px var(--pad);align-self:center}.dys-content>p:not(.index-label){max-width:580px;color:var(--grey);font-size:15px;line-height:1.5}.spotify{width:100%;height:352px;margin:30px 0 10px;border:0;border-radius:0;filter:grayscale(1)}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,1%,0)}}
@keyframes logo-in{from{opacity:0;transform:translateY(30px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px var(--white)}}
@media(max-width:760px){
  .topbar{height:62px;grid-template-columns:auto 1fr}.mini-mark{width:118px;height:34px}.topbar nav{justify-self:end}.topbar nav a{padding:0 10px;font-size:9px}.topbar nav a:after{left:10px;right:10px}.status{display:none}
  .hero{padding-top:92px;align-items:flex-end;min-height:100svh}.hero:before{background:linear-gradient(0deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.6) 65%,rgba(5,5,5,.3) 100%)}.hero-image{background-position:56% center}.hero-content{width:100%}.logo{width:100%}.manifesto{font-size:18px}.actions{width:100%}.action{flex:1 1 50%;justify-content:space-between;padding:0 13px}.vertical-type,.coordinates{display:none}
  .statement{grid-template-columns:1fr}.statement-image{min-height:60vh;border-right:0;border-bottom:1px solid var(--line)}.statement-copy{padding:80px var(--pad)}
  footer{align-items:flex-start;flex-direction:column;min-height:180px}
  .legal-main{padding-top:110px}.legal-intro{display:block;margin-bottom:60px}.legal-intro h1{margin:32px 0}.legal-copy section{display:block;padding:28px 0}.legal-copy h2{margin-bottom:18px}
  .media-main{padding-top:62px}.media-intro{min-height:60vh;padding-top:130px}.media-intro h1{font-size:24vw}.section-head{display:block}.sets{padding-top:80px}.set-meta{grid-template-columns:65px 1fr}.set-meta span:last-child{display:none}.set-card iframe{height:166px}
  .player-controls{grid-template-columns:1fr 1fr}.player-controls button{padding:0 12px}.player-controls span{display:none}
  .dysfaction{grid-template-columns:1fr}.dys-image{min-height:55vh;border-right:0;border-bottom:1px solid var(--line)}.dys-content{padding:80px var(--pad)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.hero-image{transform:none}}