/* Generated scan assets supply the organic edges and toner wear. */
:root{--torn-paper:url('assets/paper-desktop-v5.webp');--xerox:url('assets/grunge-desktop-v5.webp');--tape:url('assets/tape-v2.webp')}
body:before{background-image:var(--xerox);background-size:1120px 1120px;filter:invert(1);mix-blend-mode:screen;opacity:.12}
.header{background:transparent}.header .wordmark{display:flex;align-items:center;min-height:50px}.wordmark img{display:block;width:126px;height:64px;object-fit:contain}.header{padding-block:12px}
.hero h1{mask-image:var(--xerox);mask-mode:luminance;mask-size:600px 600px;-webkit-mask-image:var(--xerox);-webkit-mask-size:600px 600px;mask-position:40% 40%}
.hero{padding-top:48px;padding-bottom:58px}.hero-line{position:relative;z-index:2}.hero-illustration{position:absolute;inset:-20px -25px -10px -25px;width:calc(100% + 50px);height:calc(100% + 30px);object-fit:contain}
.collage:before,.collage .scrap,.collage .record,.collage .nails{display:none}.collage{transform:rotate(-2deg);height:530px;overflow:visible}
.sticker{background:var(--paper);background-image:var(--xerox);background-size:460px;mask-image:var(--torn-paper);mask-size:100% 100%;mask-mode:alpha;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%;padding:14px 23px;right:-12px;top:60px;box-shadow:none;z-index:2}
.edition{bottom:25px;left:40px;z-index:2;font-weight:bold}.collage:after{content:"";position:absolute;top:0;left:0;width:155px;height:65px;background:var(--tape) center/contain no-repeat;transform:rotate(-34deg);z-index:3;opacity:.85;pointer-events:none}
.ticker{position:relative;z-index:2;background-image:var(--xerox);background-size:1200px;background-blend-mode:multiply;padding:10px 0}
.music.paper,.inside.paper{position:relative;isolation:isolate;background:none;clip-path:none;overflow:visible}
.music.paper{padding-top:80px;padding-bottom:100px}.inside.paper{padding-top:88px;padding-bottom:94px}
.music.paper:before,.inside.paper:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper) var(--torn-paper) center/100% 100% no-repeat;mask-image:var(--torn-paper);mask-size:100% 100%;mask-mode:alpha;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%;pointer-events:none}
.music.paper:after,.inside.paper:after{content:"";position:absolute;inset:0;z-index:0;background:var(--xerox) center/100% 100%;mix-blend-mode:multiply;opacity:.15;mask-image:var(--torn-paper);mask-size:100% 100%;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%;pointer-events:none}
.music>* ,.inside>*{position:relative;z-index:1}
.featured h2,.inside h2,.live h2,.contact h2{mask-image:var(--xerox);mask-mode:luminance;mask-size:950px 950px;mask-position:center;-webkit-mask-image:var(--xerox);-webkit-mask-size:950px 950px}
.ep-cover:before,.ep-cover:after,.live figure:before,.note:before{content:"";position:absolute;width:140px;height:60px;background:var(--tape) center/contain no-repeat;z-index:3;pointer-events:none}
.ep-cover:before{top:-28px;left:12px;transform:rotate(-26deg)}.ep-cover:after{bottom:-25px;right:-25px;transform:rotate(-29deg)}
.ep-cover img{box-shadow:9px 12px 0 #17171724}.ep-cover>span{background:var(--orange) var(--xerox) center/700px;background-blend-mode:multiply;mask-image:var(--torn-paper);mask-size:100% 100%;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%;padding:12px 24px;left:-24px;bottom:24px}
.live figure{position:relative;padding:15px 15px 9px;background:var(--paper);box-shadow:8px 10px 0 #08080844}.live figure:before{top:-26px;left:35%;transform:rotate(7deg)}.live figcaption{color:#4e493f;padding:12px 3px 2px}.live figure img{filter:grayscale(1) contrast(1.12)}
.note{position:relative;isolation:isolate;background:transparent;padding:27px 36px}.note:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--orange) var(--xerox) center/500px;background-blend-mode:multiply;mask-image:var(--torn-paper);mask-size:100% 100%;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%}.note:before{top:-22px;left:28%;width:110px;transform:rotate(13deg)}
.release-heading{border:0;padding-top:30px}.release-heading:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ink);mask-image:var(--xerox);mask-mode:luminance;mask-size:600px;-webkit-mask-image:var(--xerox);-webkit-mask-size:600px;transform:rotate(-.3deg)}
.releases .catalog{position:relative;isolation:isolate;background:var(--orange) var(--xerox) center/700px;background-blend-mode:multiply;mask-image:var(--torn-paper);mask-size:100% 100%;-webkit-mask-image:var(--torn-paper);-webkit-mask-size:100% 100%;padding:36px}
.logo-section{margin:70px 0 40px}.logo-stage{display:flex;align-items:center;justify-content:center;background:#171717 var(--xerox) center/1000px;background-blend-mode:multiply;padding:50px 8%;border:1px solid var(--line);min-height:230px}.logo-stage img{width:min(100%,650px);height:auto}.logo-small{display:flex;align-items:center;gap:36px;margin-top:25px;flex-wrap:wrap}.logo-small img{width:120px;height:auto}.logo-small p{color:var(--muted);font-size:13px;margin:0}.logo-downloads{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1000px) and (min-width:701px){.collage{height:430px}.hero-illustration{inset:-10px -15px;width:calc(100% + 30px);height:calc(100% + 20px)}.sticker{font-size:24px;right:-6px}}
@media(max-width:700px){.header{padding-block:10px}.wordmark img{width:103px;height:52px}.hero{padding-top:30px;padding-bottom:30px}.collage{height:355px;width:100%;max-width:430px;align-self:center}.hero-illustration{inset:-18px -8px;width:calc(100% + 16px);height:calc(100% + 20px)}.sticker{right:-8px;top:30px;font-size:26px;padding:13px 23px}.collage:after{width:120px;left:-6px;top:-12px}.edition{left:24px;bottom:18px;font-size:8px}.music.paper{padding-top:60px;padding-bottom:80px}.inside.paper{padding-top:70px;padding-bottom:75px}.music.paper:before,.inside.paper:before{background-size:100% 100%}.music.paper:after,.inside.paper:after{opacity:.10}.ep-cover:before{width:110px;left:0}.ep-cover:after{width:110px;right:-15px}.ep-cover>span{left:-15px;bottom:18px;padding:12px 22px;font-size:15px}.live figure{margin:0 6px;padding:10px}.live figure:before{width:115px;left:30%}.note{margin-top:38px;padding:27px 35px}.releases .catalog{padding:32px}.logo-stage{padding:35px 5%;min-height:180px}.logo-small{gap:20px}.case-main .wordmark{font-size:28px}}
.music.paper:before,.inside.paper:before,.music.paper:after,.inside.paper:after{mask-image:var(--torn-paper),linear-gradient(#fff,#fff),var(--torn-paper);mask-size:100% 200px,100% calc(100% - 100px),100% 200px;mask-position:top center,center,bottom center;mask-repeat:no-repeat;-webkit-mask-image:var(--torn-paper),linear-gradient(#fff,#fff),var(--torn-paper);-webkit-mask-size:100% 200px,100% calc(100% - 100px),100% 200px;-webkit-mask-position:top center,center,bottom center;-webkit-mask-repeat:no-repeat}
.music.paper:before,.inside.paper:before{background-size:160% 160%}.ticker{background-image:linear-gradient(#ff6b20c4,#ff6b20c4),var(--xerox);background-blend-mode:normal}
main{overflow-x:clip}.edition{display:none}@media(max-width:700px){.sticker{font-size:clamp(20px,6vw,26px);padding:11px 20px;right:-3px;top:34px}}

/* Small screens download their own texture resolutions; the scan geometry is unchanged. */
@media(max-width:700px){:root{--torn-paper:url('assets/paper-mobile-v5.webp');--xerox:url('assets/grunge-mobile-v5.webp')}}
