@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/8b7a0e2f50bdea2b-s.19qyygf-kmpcq.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/5fab18730890019a-s.128w4kk8i02cq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/fe68a48bcbeff111-s.p.1jake7ccbq8_p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bhXwua_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bhXwua_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cb20b375a5739b57-s.2njitm-prmz2_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0d3323de857e1fce-s.p.38hmww4cj4vme.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b7a08e852a63f857-s.12_ml6bnugnre.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/86fd170c8543a779-s.p.2yee423r7ahpo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.TeWtiG_className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.TeWtiG_variable{--font-dm-mono:"DM Mono", "DM Mono Fallback"}
:root{--wall:#e3e5e6;--skirting:#cdd0d3;--skirting-edge:#f4f5f6;--ink:#101113;--night:#0d0e10;--paper:#f2f3f4;--muted:#a6a8ad;--line:#2a2c30;--row-hover:#17181b;--accent:#ffc61a;--accent-hover:#ffe08a;--black:#000;--keyboard:#26282d;--font-display:var(--font-bricolage), "Helvetica Neue", Arial, sans-serif;--font-mono-stack:var(--font-dm-mono), ui-monospace, Menlo, Consolas, monospace;--gutter:clamp(16px, 4vw, 56px);--container:1328px;--section-pad:clamp(72px, 10vw, 140px);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--paper);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.5}body.menu-open{overflow:hidden}img,svg{display:block}h1,h2,h3,p{margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:0;box-shadow:0 0 0 6px var(--paper)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:12px}.display{font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:0;font-weight:800;font-stretch:75%}.mono{font-family:var(--font-mono-stack);font-size:14px}.label{font-family:var(--font-mono-stack);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.accent{color:var(--accent)}.muted{color:var(--muted)}.balance{text-wrap:balance}.pretty{text-wrap:pretty}.h2{font-size:clamp(44px,7vw,104px);line-height:.9}.h2-cta{font-size:clamp(56px,10vw,150px);line-height:.88}.lead{font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.35}.container{max-width:var(--container);padding:var(--section-pad) var(--gutter);margin:0 auto}.stack{flex-direction:column;align-items:flex-start;display:flex}.stack>*{max-width:100%}.section-line{border-top:1px solid var(--line)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:clamp(24px,4vw,64px);display:grid}.knop{background:var(--accent);min-height:56px;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;padding:0 30px 0 24px;font-size:17px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .15s;display:inline-flex}.knop:hover{color:var(--ink);transform:translateY(-3px)}.knop--sm{gap:8px;min-height:48px;padding:0 24px 0 18px;font-size:16px}.knop--byt{-webkit-mask-image:radial-gradient(13px at calc(100% - 4px) 2px,#0000 97%,#000 100%);mask-image:radial-gradient(13px at calc(100% - 4px) 2px,#0000 97%,#000 100%)}.knop--kaas{font-variation-settings:"wdth" 75;letter-spacing:.02em;-webkit-mask-composite:source-in;gap:16px;min-height:88px;padding:12px 44px 12px 36px;font-size:clamp(20px,2.4vw,30px);font-stretch:75%;-webkit-mask-image:radial-gradient(26px at 100% 8px,#0000 98%,#000 100%),radial-gradient(16px at 22px 100%,#0000 97%,#000 100%),radial-gradient(11px at 64% 0,#0000 96%,#000 100%);mask-image:radial-gradient(26px at 100% 8px,#0000 98%,#000 100%),radial-gradient(16px at 22px 100%,#0000 97%,#000 100%),radial-gradient(11px at 64% 0,#0000 96%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.knop--byt:focus-visible,.knop--kaas:focus-visible{outline-offset:-7px;box-shadow:none}.knop--outline{border:2px solid var(--paper);color:var(--paper);background:0 0;padding:0 26px}.knop--outline:hover{color:var(--paper)}.soon{border:2px dashed var(--line);min-height:56px;color:var(--muted);align-items:center;padding:0 24px;display:inline-flex}.site-nav{padding:20px var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo-link{background:var(--black);border-radius:50%;flex:none;width:64px;height:64px;display:flex;overflow:hidden}.logo-link img{object-fit:cover;width:100%;height:100%;transform:scale(1.03)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-links{background:var(--ink);align-items:center;gap:2px;min-height:48px;margin:0;padding:0 8px;list-style:none;display:flex}.nav-links a{color:var(--paper);padding:12px;font-size:15px;font-weight:600;text-decoration:none;display:block}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.icon-btn{background:var(--ink);width:48px;height:48px;color:var(--paper);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-btn{display:none}@media (max-width:760px){.nav-links{display:none}.menu-btn{display:inline-flex}}.mobile-menu{z-index:50;padding:20px var(--gutter) 28px;background:var(--accent);color:var(--ink);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu[hidden]{display:none}.mobile-menu__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-menu__nav{flex-direction:column;flex:1;justify-content:center;padding:24px 0;display:flex}.mobile-menu__nav a{border-bottom:2px solid var(--ink);color:var(--ink);align-items:baseline;gap:14px;padding:10px 0;text-decoration:none;display:flex}.mobile-menu__nav a>span{transition:transform .2s}.mobile-menu__nav a:hover>span{transform:translate(12px)}.mobile-menu__num{font-family:var(--font-mono-stack);font-size:13px}.mobile-menu__word{font-size:clamp(52px,15vw,88px);line-height:1}.mobile-menu__social{font-family:var(--font-mono-stack);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.mobile-menu__social a{color:var(--ink);padding:12px 0}.wall{background:var(--wall);color:var(--ink);position:relative}.wall a:not(.knop):not(.logo-link):hover{color:var(--ink)}.skirting{background:var(--skirting);border-top:2px solid var(--skirting-edge);height:72px;position:relative}.mouse-hole{background:var(--black);border-radius:28px 28px 0 0;width:92px;height:68px;position:absolute;bottom:0;left:clamp(20px,12vw,180px);overflow:hidden}.mouse-hole img{width:70px;height:70px;position:absolute;top:2px;left:11px}.page-header__body{padding:clamp(24px, 4vw, 48px) var(--gutter) clamp(32px, 5vw, 64px);flex-direction:column;gap:16px;display:flex}.page-header__title{font-size:clamp(56px,11vw,170px);line-height:.86}.hero{overflow:hidden}.hero__body{min-height:780px;padding:16px var(--gutter) 0;flex-direction:column;gap:28px;display:flex}.hero__meta{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.hero__row{flex-wrap:wrap;flex:1;place-content:flex-end space-between;align-items:flex-end;gap:32px clamp(24px,4vw,64px);display:flex}.hero__title{flex:0 auto;font-size:clamp(96px,21vw,290px);line-height:.82}.hero__side{flex-direction:column;flex:280px;gap:16px;max-width:540px;margin-left:auto;display:flex}.hero__tagline{font-size:22px;font-weight:700;line-height:1.2}.hero__photo{width:100%;height:auto;margin-bottom:-30px}.hero .skirting{margin:0 calc(-1 * var(--gutter))}.release{align-items:end}.release__cover{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.release__body{gap:28px}.release__head{flex-direction:column;gap:10px;display:flex}.release__title{font-size:clamp(64px,9.5vw,150px);line-height:.85}.release__title--short{font-size:clamp(88px,13vw,200px)}.release__text{max-width:520px;font-size:20px;line-height:1.45}.show-list{border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.show-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 32px;padding:28px 8px;transition:background .2s;display:flex}.show-row:hover{background:var(--row-hover)}.show-row__date{flex-direction:column;gap:4px;width:140px;display:flex}.show-row__day{color:var(--accent);font-size:56px;line-height:.9}.show-row--past .show-row__day{color:var(--muted)}.show-row__where{overflow-wrap:anywhere;flex-direction:column;flex:240px;gap:4px;display:flex}.show-row__venue{font-size:26px;font-weight:700;line-height:1.15}.h-list{font-size:clamp(36px,5vw,64px);line-height:.95}.band-photo{aspect-ratio:4/3;object-fit:cover;object-position:center 35%;width:100%;height:auto}.member-list{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0 24px;width:100%;margin:0;padding:0;list-style:none;display:grid}.member-list li{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:18px 0;display:flex}.member-list__name{font-size:28px;line-height:1.15}.band-header__body{padding:clamp(24px, 4vw, 48px) var(--gutter) 0;flex-direction:column;gap:clamp(32px,5vw,56px);display:flex}.band-header__title{font-size:clamp(64px,12vw,190px);line-height:.86}.member-holes{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));align-items:end;gap:clamp(12px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.member-hole{aspect-ratio:3/4;background:var(--night);text-align:center;border-radius:999px 999px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px 12px 18px;text-decoration:none;transition:transform .2s;display:flex;position:relative;overflow:hidden}.member-hole:hover{transform:translateY(-8px)}.member-hole img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.member-hole__name{color:var(--accent);font-size:clamp(18px,2vw,26px);line-height:1.1;position:relative}.member-hole:has(img) .member-hole__name{background:var(--night);padding:2px 8px}.band-skirting{z-index:1;padding:0 var(--gutter);justify-content:flex-end;align-items:center;display:flex}.member{max-width:var(--container);padding:clamp(56px, 8vw, 112px) var(--gutter);flex-wrap:wrap;align-items:center;gap:clamp(24px,5vw,80px);margin:0 auto;display:flex}.member--flip{flex-direction:row-reverse}.member__portrait{aspect-ratio:4/5;background:var(--black);border-radius:999px 999px 0 0;flex:300px;max-width:440px;position:relative;overflow:hidden}.member__portrait--empty{flex-basis:220px;max-width:min(440px,60vw)}.member__portrait img{object-fit:cover;width:100%;height:100%}.member__portrait-name{text-align:center;color:var(--accent);font-size:clamp(28px,4vw,48px);line-height:1;position:absolute;inset:auto 0 12%}.member__body{flex-direction:column;flex:340px;gap:18px;display:flex}.member__name{overflow-wrap:anywhere;font-size:clamp(56px,9vw,140px);line-height:.88}.member__bio{max-width:560px;font-size:clamp(18px,1.8vw,22px);line-height:1.45}.contact-lead{max-width:680px;font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.3}.contact-grid{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-self:stretch;gap:24px;margin:0;padding-top:clamp(32px,4vw,48px);display:grid}.contact-grid div{flex-direction:column;gap:6px;display:flex}.contact-grid dd{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600}.contact-grid dd a{padding:10px 0;display:inline-block}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{max-width:var(--container);padding:40px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto;display:flex}.site-footer__info{flex-direction:column;gap:6px;padding-bottom:32px;display:flex}.site-footer__logo{object-fit:cover;border-radius:50%;width:112px;height:112px;margin-bottom:10px}.site-footer__nav{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.site-footer__nav a{color:var(--paper);padding:10px 0;display:inline-block}.site-footer__nav a:hover{color:var(--accent)}.site-footer__small{font-family:var(--font-mono-stack);color:var(--muted);font-size:13px}a.site-footer__small{padding:10px 0;display:inline-block}a.site-footer__small:hover{color:var(--paper)}.to-top{background:var(--wall);width:64px;height:56px;color:var(--ink);border-radius:32px 32px 0 0;justify-content:center;align-items:center;display:flex}.to-top:hover{color:var(--ink)}.pop-strip{display:flex;overflow:clip}.pop-strip--end{justify-content:flex-end}.pop-strip--overlap-lg{margin-top:calc(-1*clamp(40px,7vw,100px))}.pop-strip--overlap-sm{margin-top:calc(-1*clamp(24px,4vw,56px))}.pop-strip--drums{padding:0 clamp(16px,8vw,140px)}.pop-strip--neck{padding:clamp(48px,8vw,110px) 0 clamp(24px,4vw,56px)}.pop-strip--keys{padding:clamp(48px,7vw,90px) 0 clamp(32px,5vw,64px)}.pop-strip--mic{padding:24px clamp(16px,12vw,220px) 0}.drums{aspect-ratio:520/340;width:clamp(260px,36vw,500px);position:relative}.drums svg{width:100%;height:100%;position:absolute;inset:0}.drums__logo{aspect-ratio:1;object-fit:cover;border-radius:50%;width:50.77%;height:auto;animation:.6s ease-out infinite skop;position:absolute;top:11.18%;left:5.38%}.neck{aspect-ratio:600/140;transform-origin:0;width:clamp(300px,52vw,760px)}.neck--bass{width:clamp(300px,56vw,820px)}.neck--mirrored{transform-origin:100%}.neck--mirrored svg{transform:scaleX(-1)}.neck svg,.keys svg,.mic svg{width:100%;height:100%}.keys{aspect-ratio:560/170;transform-origin:100%;width:clamp(300px,44vw,620px)}.mic{aspect-ratio:160/340;width:clamp(90px,11vw,150px)}.mic svg{transform-origin:bottom;transform:rotate(9deg)}.pop-up{transform:translateY(0%)}.pop-left{transform:translate(-6%)rotate(-7deg)}.pop-right{transform:translate(-5%)rotate(4deg)}.pop-right-neck{transform:translate(8%)rotate(5deg)}@keyframes pop-up{0%{transform:translateY(108%)rotate(8deg)}to{transform:translateY(0%)rotate(0)}}@keyframes pop-left{0%{transform:translate(-108%)rotate(-16deg)}to{transform:translate(-6%)rotate(-7deg)}}@keyframes pop-right{0%{transform:translate(108%)rotate(14deg)}to{transform:translate(-5%)rotate(4deg)}}@keyframes pop-right-neck{0%{transform:translate(108%)rotate(14deg)}to{transform:translate(8%)rotate(5deg)}}@supports (animation-timeline:view()){.pop-up,.pop-left,.pop-right,.pop-right-neck{animation-duration:1ms;animation-timing-function:var(--spring);animation-fill-mode:both;animation-timeline:view();animation-range:entry cover 40%}.pop-up{animation-name:pop-up}.pop-left{animation-name:pop-left}.pop-right{animation-name:pop-right}.pop-right-neck{animation-name:pop-right-neck}}@keyframes loer{0%,10%{transform:translateY(64px)}20%,82%{transform:translateY(0)}92%,to{transform:translateY(64px)}}.loer{animation:8s ease-in-out infinite loer}@keyframes snaar{0%,to{transform:translateY(-1.4px)}50%{transform:translateY(1.4px)}}.snaar{animation:.1s linear infinite snaar}.snaar:nth-child(2n){animation-duration:.12s}.snaar:nth-child(3n){animation-duration:.14s}@keyframes pluk{0%,to{transform:translateY(-18px)}50%{transform:translateY(16px)}}.pluk{animation:.45s ease-in-out infinite pluk}@keyframes skop{0%,to{transform:scale(1)}10%{transform:scale(1.05)}35%{transform:scale(1)}}@keyframes simbaal{0%,to{transform:rotate(-9deg)}12%{transform:rotate(-1deg)}32%{transform:rotate(-14deg)}58%{transform:rotate(-7deg)}}.simbaal{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out infinite simbaal;transform:rotate(-9deg)}@keyframes stok-l{0%,to{transform:rotate(-26deg)}10%{transform:rotate(0)}22%{transform:rotate(-8deg)}}@keyframes stok-r{0%,to{transform:rotate(26deg)}10%{transform:rotate(0)}22%{transform:rotate(8deg)}}.stok-l{transform-box:fill-box;transform-origin:0 0;animation:.6s ease-in-out infinite stok-l}.stok-r{transform-box:fill-box;transform-origin:100% 0;animation:.6s ease-in-out .3s infinite stok-r}@keyframes toets{0%,16%,to{fill:var(--paper);transform:translateY(0)}3%,11%{fill:var(--accent);transform:translateY(5px)}}.toets{animation:2.4s linear infinite toets;animation-delay:var(--delay,0s)}@keyframes golf{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.25)}}.golf{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-out infinite golf}.golf--late{animation-delay:.4s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pop-up,.pop-left,.pop-right,.pop-right-neck,.loer,.snaar,.pluk,.drums__logo,.simbaal,.stok-l,.stok-r,.toets,.golf{animation:none!important}.knop,.member-hole,.show-row,.mobile-menu__nav a>span{transition:none}}