.mixtape-master{--paper:#f1ecd8;--violet:#8125ed;background:#101013;position:relative;isolation:isolate;overflow:clip;padding:28px 0 24px;color:var(--paper)}.mixtape-master:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('print-grain.svg') 0 0/280px,repeating-linear-gradient(166deg,transparent 0 120px,#ece1c510 121px 122px,transparent 123px 195px);opacity:.7}.master-shell{width:min(1480px,calc(100% - 64px));margin:auto}.master-poster{position:relative;min-height:600px;height:clamp(600px,65svh,800px);isolation:isolate}.master-title{position:relative;z-index:3;padding-top:35px;pointer-events:none;width:56%}.master-title h1{font:800 clamp(110px,15.8vw,240px)/.8 var(--display);letter-spacing:-.04em;margin:0;text-shadow:1px 0 var(--paper);transform:rotate(-3deg);background:url('print-grain.svg');background-size:250px;background-clip:text}.master-caption{background:var(--paper);color:#111;display:inline-block;margin:25px 0 0;padding:12px 20px 18px;font:700 clamp(25px,3.2vw,48px)/1.03 var(--display);letter-spacing:-.015em;transform:rotate(-4deg);clip-path:polygon(1% 8%,10% 0,28% 4%,49% 0,67% 5%,88% 0,100% 6%,98% 91%,88% 100%,60% 94%,42% 100%,21% 95%,0 100%);background-image:url('print-grain.svg');background-size:250px}.master-caption:after{content:'';display:block;margin-top:6px;width:75%;height:5px;background:var(--violet);transform:rotate(-2deg)}.master-collage{position:absolute;inset:0;z-index:1}.master-collage:before{content:'';position:absolute;inset:0 0 0 72%;background:var(--violet);background-image:url('print-grain.svg');background-size:300px;clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,9% 70%,3% 38%)}.master-vinyl{position:absolute;width:58%;max-height:100%;height:auto;object-fit:contain;right:10%;top:0;z-index:2;filter:drop-shadow(0 12px 0 #0005);transform:rotate(9deg);pointer-events:none}.master-photo{position:absolute;width:22%;right:1%;z-index:1;border:9px solid var(--paper);background:#111;box-shadow:5px 6px 0 #0007;transform:rotate(-9deg);aspect-ratio:1/1.1;overflow:visible}.master-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.12)}.master-photo:before{content:'';position:absolute;inset:0;background:#822eea;mix-blend-mode:color;z-index:1;pointer-events:none}.master-photo:after{content:'';position:absolute;left:-13px;right:-10px;height:24px;top:-12px;transform:rotate(7deg);background:#eee6d87d;clip-path:polygon(0 12%,23% 4%,35% 13%,63% 0,100% 10%,99% 92%,70% 85%,48% 100%,18% 91%,0 97%);z-index:3}.master-photo-studio{top:5%}.master-photo-studio img{object-position:68% 10%}.master-photo-cat{bottom:6%;transform:rotate(12deg)}.master-photo-cat img{object-position:50% 72%}.master-scrawl{position:absolute;right:0;top:36%;z-index:4;font:700 25px/.95 var(--display);transform:rotate(-12deg);color:#151015}.master-listening{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 18px}.master-audio{display:grid;grid-template-columns:76px auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:0 18px;min-width:0;background:var(--paper);color:#111;padding:12px 20px;clip-path:polygon(2% 7%,10% 0,31% 4%,50% 0,74% 5%,96% 0,100% 10%,99% 93%,78% 100%,54% 96%,33% 100%,12% 94%,0 100%);background-image:url('print-grain.svg');background-size:300px}.master-audio button{grid-row:1/3;border:0;display:grid;place-items:center;width:76px;height:76px;background:#111;color:var(--paper);border-radius:50%;padding:20px}.master-audio button:disabled{background:#111!important;color:var(--paper)!important;opacity:.8}.master-audio button svg{width:100%;height:100%;fill:currentColor}.master-pause{display:none}.master-audio button[aria-pressed=true] .master-play{display:none}.master-audio button[aria-pressed=true] .master-pause{display:block}.master-audio strong{font:800 clamp(25px,2.6vw,39px)/.94 var(--display);white-space:nowrap}.master-wave{width:100%;height:45px;stroke:#111;stroke-width:2;fill:none;min-width:0}.master-audio small{font-size:10px;grid-column:2/4;line-height:1.2}.master-audio audio{display:none}.master-purchase{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:14px 20px;background:var(--violet);background-image:url('print-grain.svg');background-size:300px;clip-path:polygon(0 4%,12% 0,35% 4%,60% 0,83% 5%,100% 0,99% 95%,79% 100%,56% 95%,29% 100%,10% 94%,0 100%)}.master-purchase .purchase-form{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;grid-column:1/3;margin:0}.master-purchase .service-price{font:800 clamp(50px,5.7vw,85px)/1 var(--display);color:var(--paper);background:#111;padding:6px 14px;white-space:nowrap;margin:0;transform:rotate(-2deg)}.master-purchase .button{min-height:70px;background:var(--paper);color:#111;border:0;font:800 clamp(24px,3vw,40px)/1 var(--display);width:100%;padding:12px 18px;justify-content:space-between;clip-path:polygon(0 5%,17% 0,37% 5%,66% 0,99% 4%,100% 92%,85% 100%,61% 95%,30% 100%,0 94%)}.master-purchase .button:disabled{background:var(--paper);color:#111;opacity:.8}.master-purchase .button:after{content:'→';margin-left:15px}.master-cta>span{display:none}.master-delivery{font:800 24px/1 var(--display);margin:0;background:#111;padding:10px;transform:rotate(-6deg);white-space:nowrap}.master-purchase [data-product-status]:empty{display:none}.master-purchase [data-product-status]{grid-column:1/-1;margin:0}.master-purchase label,.master-purchase select{grid-column:1/-1}.master-purchase button:focus-visible,.master-audio button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.master-shell{width:calc(100% - 40px)}.master-poster{min-height:500px;height:55svh}.master-title h1{font-size:15.4vw}.master-caption{font-size:3.4vw}.master-audio{grid-template-columns:60px auto 1fr;gap:0 10px;padding:12px}.master-audio button{width:60px;height:60px;padding:16px}.master-audio strong{font-size:26px}.master-purchase{gap:15px;padding:12px}.master-delivery{font-size:19px}.master-purchase .purchase-form{gap:12px}.master-purchase .service-price{font-size:57px}.master-purchase .button{font-size:28px}}
@media(max-width:760px){body:has(.mixtape-master) .site-header{flex-wrap:nowrap;min-height:62px;gap:7px;padding-inline:12px}body:has(.mixtape-master) .site-header nav{order:0;width:auto;align-self:stretch;flex:1;justify-content:center}body:has(.mixtape-master) .site-header nav a{font-size:9px;letter-spacing:.01em;padding:10px 5px;min-height:62px}body:has(.mixtape-master) .brand img{width:33px;height:33px}body:has(.mixtape-master) .cart-link{font-size:9px;gap:5px;min-height:62px}body:has(.mixtape-master) .cart-link span{min-width:19px}body:has(.mixtape-master) .demo-strip{font-size:8px;padding:5px 12px}body:has(.mixtape-master) .demo-strip span{display:none}.mixtape-master{padding:20px 0 18px}.master-shell{width:calc(100% - 28px)}.master-poster{height:auto;min-height:0;display:flex;flex-direction:column}.master-title{width:100%;padding:0;z-index:3}.master-title h1{font-size:clamp(90px,25vw,170px);line-height:.83;letter-spacing:-.03em;transform:rotate(-2deg)}.master-caption{font-size:clamp(27px,7.5vw,43px);margin:18px 0 0;padding:10px 14px 13px;line-height:1}.master-caption br{display:none}.master-collage{position:relative;inset:auto;height:clamp(250px,75vw,480px);margin-top:-4px}.master-collage:before{inset:0 -14px 0 60%}.master-vinyl{width:85%;right:14%;max-height:100%;top:0}.master-photo{width:32%;border-width:6px;right:0}.master-photo-studio{top:0}.master-photo-cat{bottom:2%;transform:rotate(9deg)}.master-scrawl{display:none}.master-listening{grid-template-columns:1fr;gap:8px;margin:12px 0 10px}.master-audio{grid-template-columns:52px auto 1fr;gap:0 10px;padding:10px 12px}.master-audio button{width:52px;height:52px;padding:15px}.master-audio strong{font-size:25px}.master-wave{height:30px}.master-audio small{font-size:9px}.master-purchase{grid-template-columns:1fr auto;gap:9px;padding:12px}.master-purchase .service-price{font-size:clamp(47px,13vw,72px);padding:5px 8px}.master-purchase .purchase-form{grid-column:1/-1;grid-template-columns:1fr auto;gap:8px}.master-purchase .purchase-form .service-price{grid-column:1;grid-row:1}.master-purchase .button{grid-column:1/-1;grid-row:2;font-size:clamp(22px,6vw,37px);min-height:54px;padding:12px}.master-purchase .purchase-form .button{grid-row:2}.master-delivery{font-size:19px;padding:7px;grid-column:2;grid-row:1}.master-purchase:has(.purchase-form) .master-delivery{grid-column:2;grid-row:1;align-self:start;justify-self:end;position:relative;margin-top:7px;pointer-events:none}.master-purchase .purchase-form{display:contents}.master-purchase select{grid-row:1}.master-purchase:has(select) .master-delivery{grid-row:3}.master-purchase:has(select) .service-price{grid-row:2}.master-purchase:has(select) .button{grid-row:4}}
@media(prefers-reduced-motion:reduce){.master-vinyl{transform:none}}