@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#e9e7e2;--muted:#898782;--paper:#dedbd2;--line:#343433;--cover-size:clamp(300px,39vw,485px);--gothic:'UnifrakturCook','Old English Text MT',Georgia,serif;--mono:'IBM Plex Mono','Courier New',monospace}
*{box-sizing:border-box}body{margin:0;background:#090909;color:var(--ink);font-family:var(--mono);font-size:12px}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h240v240H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid #eee;outline-offset:7px}::selection{color:#090909;background:#dedbd2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;padding:12px;background:#eee;color:#090909}.skip-link:focus{top:10px}
.masthead{display:flex;align-items:center;justify-content:space-between;height:96px;margin:0 4%;border-bottom:1px solid var(--line);gap:30px}.brand img{width:155px;height:auto;display:block;filter:invert(1);mix-blend-mode:screen}.quick-nav{display:flex;gap:34px;margin-left:auto}.quick-nav a{padding:12px 0;color:#b0aea8}.quick-nav a:hover{color:#fff}.motion-button{border:1px solid #454542;background:transparent;padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-left:30px}.motion-button:before{content:'';display:inline-block;width:5px;height:5px;background:var(--paper);margin-right:9px}.motion-button[aria-pressed=true]:before{background:#555}.collection-top{display:flex;align-items:center;gap:15px;margin:24px 4% 0;letter-spacing:2px;font-size:9px;color:#a2a19d}.catalogue{margin-left:auto}.pixel-cross{width:14px;height:14px;background:linear-gradient(#a4a29b,#a4a29b) center/4px 100% no-repeat,linear-gradient(#a4a29b,#a4a29b) center/100% 4px no-repeat;image-rendering:pixelated}
.collection{position:relative;padding-bottom:25px;overflow:hidden}.section-marker{position:absolute;left:4%;top:54px;z-index:7;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted)}.marker-line{height:55px;width:1px;background:#4b4b48}.stage{height:clamp(460px,65svh,670px);min-height:460px;position:relative;display:grid;place-items:center;perspective:1600px;touch-action:pan-y;outline:none;isolation:isolate;cursor:grab}.stage.dragging{cursor:grabbing}.stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#252524 0,transparent 58%);opacity:.7;pointer-events:none}.stage:after{content:'';position:absolute;bottom:29px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#44443e,transparent);pointer-events:none;transform:rotate(-2deg)}.desk-shadow{position:absolute;top:85%;left:20%;width:60%;height:60px;filter:blur(18px);background:#000;border-radius:50%;transform:rotate(-4deg)}
.sleeve{width:var(--cover-size);height:var(--cover-size);border:0;padding:0;background:none;position:absolute;transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.21,.77,.25,1),filter 850ms,opacity 650ms;--drag:0px;--tilt:0deg;transform:translate3d(var(--drag),0,0) rotateY(var(--tilt)) rotateZ(-4deg);filter:brightness(1);text-align:left;outline-offset:10px}.sleeve[data-position=left]{transform:translate3d(calc(var(--cover-size) * -.76),-6px,-180px) rotateY(27deg) rotateZ(-13deg) scale(.86);filter:brightness(.5);z-index:1}.sleeve[data-position=right]{transform:translate3d(calc(var(--cover-size) * .76),-6px,-180px) rotateY(-27deg) rotateZ(13deg) scale(.86);filter:brightness(.5);z-index:2}.sleeve[data-position=active]{z-index:4}.sleeve[data-position=left]:hover,.sleeve[data-position=right]:hover{filter:brightness(.8)}.sleeve[data-position=active]:hover .record{transform:translateX(23%) rotate(15deg)}.sleeve[data-position=active]:hover .sleeve-face{box-shadow:3px 5px 0 #373733,12px 30px 48px #0009}.dragging .sleeve{transition:none}.sleeve-face{position:absolute;inset:0;background:#11110f;border:1px solid #575751;box-shadow:3px 5px 0 #373733,12px 25px 48px #0009;display:flex;flex-direction:column;padding:23px;overflow:hidden;backface-visibility:hidden;transform:translateZ(2px);transition:box-shadow .4s}.sleeve-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff0a,transparent 35%,#ffffff07 62%,transparent),linear-gradient(92deg,#0009 0,transparent 2%,transparent 97%,#0008);box-shadow:inset 0 0 0 3px #aaa2,inset 0 0 24px #0004}.sleeve-edge{position:absolute;top:0;bottom:0;left:6px;width:1px;background:#8884;z-index:3}.cover-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.5px;z-index:2}.cover-art{width:100%;min-height:0;flex:1;object-fit:contain;pointer-events:none;user-select:none}.mask-art{mix-blend-mode:screen;padding:9px 0 0;transform:scale(1.08)}.cover-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;position:relative;z-index:2;border-top:1px solid #6668;padding-top:8px}.cover-title{font-family:var(--gothic);font-size:clamp(44px,5.1vw,66px);line-height:1}.cover-note{font-size:7px;line-height:1.9;letter-spacing:.6px;text-align:right;padding-bottom:4px}.worn-corner{position:absolute;right:-1px;bottom:-1px;width:24px;height:24px;background:linear-gradient(135deg,transparent 48%,#57564e 50%,#77766d 53%,#292925 75%);opacity:.7}.spine{position:absolute;left:8px;top:38px;writing-mode:vertical-rl;font-size:5px;letter-spacing:1.5px;z-index:6;opacity:.5;pointer-events:none}
.record{position:absolute;width:95%;height:95%;top:2.5%;right:0;border-radius:50%;background:radial-gradient(circle,transparent 0 1.1%,#d6d4ca 1.2% 2%,#171716 2.2% 17%,transparent 17.3%),repeating-radial-gradient(circle at center,#1a1a19 0px,#0b0b0b 1px,#222221 2px,#0c0c0c 3px),#111;box-shadow:inset 0 0 0 1px #92928b,7px 14px 22px #0009;transform:translateX(13%) rotate(-15deg);transition:transform 1s cubic-bezier(.2,.7,.25,1);display:grid;place-items:center}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 25deg,#ffffff18 45deg,transparent 90deg 190deg,#ffffff0f 215deg,transparent 260deg);mask-image:radial-gradient(circle,transparent 0 18%,black 19%);pointer-events:none}.record-label{width:31%;height:31%;border:1px solid #64645b;border-radius:50%;display:grid;place-content:center;text-align:center;color:#bcbcb3;font-size:16px;line-height:1.8;background:repeating-linear-gradient(45deg,#161615 0 2px,#20201e 2px 3px)}.record-label:after{content:'';width:8px;height:8px;background:#090909;border:1px solid #9b9b8c;border-radius:50%;margin:3px auto}.sleeve:not([data-position=active]) .record{transform:translateX(4%) rotate(-35deg)}
.video-sleeve .sleeve-face{background:#d8d6ce;color:#171716;border-color:#9d9c94}.video-sleeve .cover-bottom,.shop-sleeve .cover-bottom{border-color:#69685e}.film-strip{margin:17px -55px;display:flex;gap:18px;background:#080808;padding:18px 0;border-top:12px dashed #d8d6ce;border-bottom:12px dashed #d8d6ce;min-height:0;flex:1;transform:rotate(-9deg);overflow:hidden;box-shadow:0 0 0 1px #222}.film-strip img{width:65%;height:100%;object-fit:contain;opacity:.83}.video-sleeve .cover-title{font-size:clamp(44px,5.1vw,66px)}.shop-sleeve .sleeve-face{background:#d6d4cc;color:#171716}.print-art{mix-blend-mode:multiply;padding:5px 0;filter:grayscale(1) contrast(1.15)}
.collection-controls{position:relative;z-index:8;display:flex;justify-content:center;align-items:center;gap:55px;margin:0 auto 25px;width:fit-content}.flip-button{background:transparent;border:1px solid #4c4c46;width:52px;height:52px;display:grid;place-items:center;transition:background .2s,transform .2s}.flip-button:hover{background:#252523;transform:translateY(-2px)}svg{width:20px;height:20px;fill:currentColor;display:block}.selection{text-align:center;min-width:185px}.selected-label{font-size:9px;letter-spacing:2px;color:#aaa89f;margin:0 0 10px}.open-button{background:none;border:0;border-bottom:1px solid #8d8c83;font-size:18px;font-family:var(--gothic);display:flex;gap:24px;align-items:center;padding:0 0 7px;margin:auto}.open-button svg{width:17px;height:17px}.handling-note{display:flex;align-items:center;justify-content:center;gap:14px;color:#76766f;letter-spacing:1.2px;font-size:8px;margin:0}.note-rule{width:36px;height:1px;background:#44443f}.mobile-instruction{display:none}.desk-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 4%;padding:22px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:.6px;color:#84847b}.desk-footer>div{display:flex;gap:22px}.desk-footer a:hover{color:#eee}
dialog{color:var(--ink);border:0;padding:0;background:#101010;max-width:none;max-height:none;overflow:visible}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}#sleeve-dialog{width:min(1160px,94vw);height:min(830px,91svh);box-shadow:0 30px 150px #000;border:1px solid #65645e}#sleeve-dialog[open] .gatefold{animation:unfold 600ms cubic-bezier(.18,.75,.2,1) both;transform-origin:left center}.gatefold{display:grid;grid-template-columns:36% 64%;height:100%;perspective:1600px}.inside-cover{background:#ddd9cf;color:#131312;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:inset -14px 0 24px #0002}.inside-cover:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(93deg,transparent 0 35px,#0002 35px 36px)}.inside-number,.inside-caption{font-size:8px;letter-spacing:1.3px}.inside-cover>img{width:100%;height:58%;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}.inside-cover[data-section=shop]>img{filter:grayscale(1);mix-blend-mode:multiply}.inside-title{display:block;font:82px/1 var(--gothic);margin-top:12px}.inside-fold{position:absolute;right:0;top:0;width:14px;height:100%;background:linear-gradient(90deg,transparent,#0004);border-right:2px solid #090909}.inside-page{padding:26px 35px 18px;min-height:0;min-width:0;display:flex;flex-direction:column;background:linear-gradient(90deg,#0006,transparent 4%),#111110}.interior-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1px;border-bottom:1px solid #3b3b37;padding-bottom:15px}.close-sleeve{background:none;border:0;padding:5px 0;font-size:9px;display:flex;align-items:center;gap:12px}.close-sleeve span{font:25px/1 Arial,sans-serif}.inside-page h1{font:65px/1.15 var(--gothic);margin:20px 0}.interior-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#62625a #171716;padding:0 8px 20px 0;overscroll-behavior:contain}.interior-tabs{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #3b3b37;margin-top:15px;padding-top:16px}.interior-tabs button{border:0;background:none;color:#88877e;font-size:9px;padding:4px 0}.interior-tabs [aria-current=page]{color:#fff;border-bottom:1px solid #eee}.panel-note{font-size:10px;line-height:1.9;color:#b3b1a7;margin:0 0 22px}.feed{border-bottom:1px solid #3b3b35}.feed summary{cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 0;list-style:none}.feed summary::-webkit-details-marker{display:none}.feed summary:after{content:'+';font:22px/1 var(--mono);margin-left:auto}.feed[open] summary:after{content:'−'}.feed small{font-size:8px;color:#99988e}.feed h2{font:24px/1.3 var(--gothic);margin:0}.feed-body{padding-bottom:20px}.feed iframe{width:100%;height:350px;display:block;border:0;background:#191918;margin-bottom:15px}.feed-links{display:flex;gap:20px;flex-wrap:wrap}.outbound{font-size:10px;line-height:1.7;border-bottom:1px solid #56564f;padding-bottom:3px;display:inline-block}.outbound:hover{color:#fff;border-color:#fff}.video-feature{position:relative;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;border:1px solid #45453e;padding:20px;gap:18px;margin-bottom:18px}.video-feature img{width:90%;height:210px;object-fit:contain}.video-feature>span:last-child{font-size:10px}.pixel-play{position:absolute;top:38%;left:45%;width:38px;height:38px;background:#eee;clip-path:polygon(0 0,25% 0,25% 12%,50% 12%,50% 25%,75% 25%,75% 37%,100% 37%,100% 63%,75% 63%,75% 75%,50% 75%,50% 88%,25% 88%,25% 100%,0 100%);filter:drop-shadow(0 2px 7px #000)}.social-list{margin-top:35px;border-top:1px solid #353530;padding-top:15px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}#shop-products{display:grid;grid-template-columns:1fr 1fr;gap:25px 15px}.product-image{background:#d6d4ca;border:1px solid #626259;width:100%;aspect-ratio:1;padding:8px;position:relative}.product-image img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .3s}.product-image:hover img,.product-image:focus-visible img{filter:none}.product-image:after{content:'VIEW';position:absolute;right:8px;bottom:8px;background:#111;color:#eee;padding:5px;font-size:7px}.product h2{font-size:11px;line-height:1.6;font-weight:500;margin:12px 0 5px}.product p{font-size:8px;color:#96958c;line-height:1.7;margin:0}#art-dialog{width:min(1000px,92vw);max-height:94svh;padding:18px;border:1px solid #666;overflow:auto}#art-dialog>img{width:100%;max-height:76svh;object-fit:contain;background:#ddd}#art-dialog>p{font-size:10px}#art-dialog button{display:block;margin:0 0 15px auto;padding:5px;background:none;border:0}.motion-paused *{animation:none!important;transition:none!important}
@keyframes unfold{from{opacity:0;transform:translateY(20px) rotateY(-10deg) scale(.96)}to{opacity:1;transform:none}}
#sleeve-dialog[open] .inside-cover{transform-origin:right center;backface-visibility:hidden;animation:cover-unfold 800ms cubic-bezier(.18,.75,.2,1) both}
@keyframes cover-unfold{from{transform:rotateY(115deg);filter:brightness(.4)}to{transform:rotateY(0);filter:brightness(1)}}
@media(min-width:1500px){:root{--cover-size:min(46svh,550px)}.stage{height:66svh}}
@media(max-width:750px){:root{--cover-size:min(70vw,370px)}.masthead{height:78px;margin:0 5%;gap:15px}.brand img{width:112px}.quick-nav{gap:17px;font-size:10px}.motion-button{margin-left:0;padding:8px;font-size:0;width:28px;height:28px}.motion-button:before{margin:0;width:7px;height:7px}.collection-top{margin:22px 5% 0;font-size:7px;letter-spacing:1.3px}.stage{height:clamp(370px,56svh,540px);min-height:370px}.section-marker{left:5%;top:26px;font-size:7px}.marker-line{height:25px}.sleeve-face{padding:17px}.cover-top{font-size:6px;letter-spacing:.5px}.cover-note{font-size:5px}.cover-title{font-size:48px}.video-sleeve .cover-title{font-size:48px}.film-strip{margin:13px -25px;padding:9px 0;border-width:7px;gap:10px}.sleeve[data-position=left]{transform:translate3d(calc(var(--cover-size) * -.74),-2px,-160px) rotateY(33deg) rotateZ(-12deg) scale(.83)}.sleeve[data-position=right]{transform:translate3d(calc(var(--cover-size) * .74),-2px,-160px) rotateY(-33deg) rotateZ(12deg) scale(.83)}.record-label{font-size:11px}.collection-controls{gap:24px;margin-bottom:25px}.flip-button{width:43px;height:43px}.selection{min-width:165px}.selected-label{font-size:8px}.handling-note{font-size:6px;gap:10px;letter-spacing:.7px}.desktop-instruction{display:none}.mobile-instruction{display:inline}.desk-footer{flex-wrap:wrap;justify-content:center;gap:15px;font-size:7px;text-align:center;padding:20px 0}.desk-footer>span:first-child{width:100%}.desk-footer>div{gap:18px}.footer-year{display:none}#sleeve-dialog{width:96vw;height:94svh}.gatefold{grid-template-columns:1fr}.inside-cover{display:none}.inside-page{padding:20px 20px 15px;background:#111110}.inside-page h1{font-size:56px;margin:17px 0}.interior-toolbar{font-size:7px}.close-sleeve{font-size:8px}.interior-tabs{gap:25px}.feed h2{font-size:24px}.feed iframe{height:350px}.video-feature{min-height:240px;padding:10px}.video-feature img{height:185px}.product h2{font-size:10px}.product-image{padding:5px}#shop-products{gap:23px 12px}}
@media(max-height:700px) and (min-width:751px){:root{--cover-size:340px}.masthead{height:70px}.stage{height:415px;min-height:415px}.collection-top{margin-top:16px}.collection-controls{margin-bottom:15px}.collection{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
