@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--orange:#ff672c;--ink:#080909;--muted:#999e9f;--line:rgba(223,232,237,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f4f1;font-family:'IBM Plex Mono',monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:7px}.scene{position:absolute;inset:0 0 auto;height:min(960px,105vw);min-height:740px;overflow:hidden;pointer-events:none}.scene-image,.scene-glitch{position:absolute;inset:-2%;background:url('assets/noix-festival.jpg') center 28%/cover no-repeat}.scene-image{animation:drift 18s ease-in-out infinite alternate;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.03)}.scene-glitch{opacity:0;animation:scene-glitch 12s steps(1) infinite}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,7,.36),transparent 30%,rgba(8,9,9,.05) 48%,#080909 97%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 45%)}.scanlines{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);mask-image:linear-gradient(transparent,#000)}.topbar{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.12)}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px}.wordmark span{font:12px 'IBM Plex Mono',monospace;vertical-align:top;margin-left:5px;letter-spacing:0}.top-caption{font-size:12px;letter-spacing:3px;color:#b7bdc3}.motion-toggle{display:flex;align-items:center;gap:12px;background:#08090944;border:1px solid var(--line);padding:11px 13px;color:#eee;cursor:pointer;font-size:12px}.motion-icon{color:var(--orange)}main{position:relative}.hero{height:620px;max-height:75svh;min-height:480px;position:relative;margin:0 5%;display:flex;align-items:flex-end}.coordinates{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;font-size:12px;color:#c3c7ca;letter-spacing:2px}.coordinates span:last-child{writing-mode:vertical-rl}.hero-bottom{width:100%;padding-bottom:33px}.eyebrow{font-size:12px;font-weight:400;letter-spacing:2.5px;color:var(--orange);margin:0 0 12px}.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--orange);vertical-align:middle;margin-right:10px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:clamp(110px,17vw,235px);letter-spacing:-.045em;line-height:.81;margin:0 0 24px;position:relative;width:fit-content}h1:after{content:attr(data-text);position:absolute;inset:0;color:#fff;text-shadow:-3px 0 var(--orange);opacity:0;animation:type-glitch 9s steps(1) infinite}.hero-caption{font-size:12px;letter-spacing:4px;display:flex;align-items:center;justify-content:space-between}.crosshair{font-size:30px;color:var(--orange);font-weight:400}.content{margin:0 5%}.links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.links a{display:flex;align-items:center;gap:24px;min-height:104px;padding:24px 28px;position:relative;overflow:hidden;transition:background .25s,color .25s}.links a+a{border-left:1px solid var(--line)}.links a:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--orange);transition:width .3s}.links a:hover:before{width:100%}.links a:hover{background:#ff672c0f}.link-index{font-size:12px;color:var(--orange)}.link-title{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;letter-spacing:1.4px;font-size:28px}.links a:hover .link-title{animation:hover-glitch .3s steps(2)}.links svg{width:23px;height:23px;stroke:#c0c4c6;stroke-width:1.4;fill:none;margin-left:auto}.radio{padding:48px 0 36px}.radio-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.radio .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:9px;color:var(--muted)}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:600;letter-spacing:.6px;margin:0}h2 span{color:#949a9d}.equalizer{height:25px;display:flex;gap:4px;align-items:center;margin-bottom:5px}.equalizer i{display:block;width:3px;height:20px;background:var(--orange);animation:equalizer 1.2s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.7s;height:10px}.equalizer i:nth-child(3){animation-delay:-.3s;height:25px}.equalizer i:nth-child(4){animation-delay:-.9s;height:14px}.equalizer i:nth-child(5){animation-delay:-.4s;height:7px}.player{background:#141619;border:1px solid var(--line);padding:8px;min-height:184px}.player iframe{border:0;display:block;width:100%;border-radius:0}.listen-link{display:inline-block;font-size:12px;letter-spacing:1px;margin-top:14px;color:#a3a8ac;text-decoration:underline;text-underline-offset:4px}.listen-link:hover{color:var(--orange)}footer{padding:26px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a3a8ac;font-size:12px}.footer-right{letter-spacing:2px;font-size:12px}.footer-right span{color:var(--orange);margin-left:22px}@keyframes drift{from{scale:1}to{scale:1.065}}@keyframes scene-glitch{0%,96%,100%{opacity:0;transform:translateX(0);clip-path:inset(0)}97%{opacity:.7;transform:translateX(9px);clip-path:inset(32% 0 65%);filter:sepia(.6)}98%{opacity:.5;transform:translateX(-6px);clip-path:inset(58% 0 40%)}}@keyframes type-glitch{0%,94%,98%,100%{opacity:0}95%{opacity:.9;transform:translateX(4px);clip-path:inset(35% 0 45%)}97%{opacity:.8;transform:translateX(-3px);clip-path:inset(70% 0 10%)}}@keyframes hover-glitch{0%,100%{transform:translateX(0)}30%{transform:translateX(2px);text-shadow:-2px 0 var(--orange)}60%{transform:translateX(-2px);text-shadow:2px 0 #89b8cb}}@keyframes equalizer{to{transform:scaleY(.3)}}.paused *,.paused *:after,.paused *:before{animation-play-state:paused!important}.paused .scene-image{transform:scale(1.03)}@media(min-width:1600px){.hero{height:730px}.content,.hero{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:760px){.topbar{height:78px;padding:0 6%}.top-caption{display:none}.scene{min-height:710px;height:85svh}.scene-image,.scene-glitch{background-position:center top;background-size:auto 710px}.hero{margin:0 6%;height:530px;min-height:460px;max-height:72svh}.coordinates{top:22px;font-size:12px;letter-spacing:1px}.hero-bottom{padding-bottom:28px}h1{font-size:clamp(128px,34vw,220px)}.hero-caption{letter-spacing:2px}.content{margin:0 6%}.links{grid-template-columns:1fr}.links a{min-height:80px;padding:22px 8px;gap:22px}.links a+a{border-left:0;border-top:1px solid var(--line)}.link-title{font-size:27px}.links svg{margin-right:4px}.radio{padding-top:36px}h2{font-size:29px}h2 span{display:block}.radio-heading{align-items:center}.footer-right{letter-spacing:1px;font-size:12px}.footer-right span{display:none}footer{gap:20px;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-image{transform:none}}