.store-hero{position:relative;min-height:690px;padding:155px 0 100px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0b0908}
.store-hero-art{position:absolute;inset:0 34% 0 0;background:url(assets/mdk-hero.webp) center 26%/cover no-repeat;z-index:-2;opacity:.72;filter:saturate(.65)}
.store-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(6,5,4,.55) 38%,#0b0908 72%),linear-gradient(0deg,#0b0908,transparent 20%)}
.store-hero-content{position:relative;padding-left:43%;margin-top:15px}
.store-hero h1{font:600 clamp(60px,8.3vw,125px)/.98 var(--display);letter-spacing:-.065em;margin:30px 0 26px}.store-hero h1 em{font-weight:500;font-style:italic;color:var(--gold-light)}
.store-hero-content>p:not(.eyebrow){font-size:16px;max-width:430px;color:#cabfb0;line-height:1.9;margin-bottom:32px}
.store-hero-index{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(100% - 96px,1360px);font-size:10px;letter-spacing:.15em;font-weight:700;color:#b7ab9b}.store-hero-index span{color:var(--gold);margin:0 15px}
.store-benefits{border-block:1px solid #dfae67;background:#cfa65f;color:#1d130b}.store-benefits .container{min-height:60px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.14em}
.singles-section{background:linear-gradient(170deg,#0e0b09,#070707)}.singles-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.singles-heading .section-index{margin-bottom:25px}.singles-heading h2{font-size:clamp(52px,5.5vw,82px)}.singles-heading>p{max-width:320px;color:#b9afa0;line-height:1.9;margin:0 0 10px}
.store-notice{padding:14px 18px;background:rgba(207,166,95,.08);color:#dfc28e;border:1px solid rgba(207,166,95,.35);font-size:13px;line-height:1.6;margin-bottom:27px}
.tracks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.track-card{background:#13100d;border:1px solid rgba(215,177,107,.25);min-width:0;transition:transform .25s,border-color .25s}.track-card:hover{transform:translateY(-5px);border-color:rgba(240,199,123,.55)}
.track-art{aspect-ratio:1 / 1;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 64% 32%,#7f5429,#1e140d 46%,#0c0b0a 80%)}
.track-art::after{content:"";position:absolute;inset:13%;border:1px solid rgba(242,208,151,.3);border-radius:50%;z-index:-1;box-shadow:0 0 0 27px rgba(221,173,96,.035),0 0 0 67px rgba(221,173,96,.028)}
.track-art span{font:700 clamp(70px,10vw,145px)/1 var(--display);color:#f0d0a1;letter-spacing:-.1em;text-shadow:0 3px 28px rgba(0,0,0,.6)}.track-art i{position:absolute;left:18px;bottom:12px;font-size:11px;color:#efc88e;font-style:normal;letter-spacing:.2em}
.art-betcha{background:radial-gradient(ellipse at 30% 34%,#594137,#161316 53%,#080808 91%)}.art-moet{background:radial-gradient(ellipse at 70% 20%,#92734c,#292017 43%,#090807 80%)}
.track-content{padding:22px 23px 24px}.track-label{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-bottom:12px}.track-content h3{font:600 27px/1.2 var(--display);letter-spacing:-.025em;min-height:66px;margin-bottom:18px}.track-bottom{border-top:1px solid rgba(218,172,104,.2);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.track-bottom strong{font-size:21px;color:#f0dbb9}.track-disabled{font-size:10px;color:#ad9c87;border:1px solid rgba(208,173,113,.3);padding:10px;letter-spacing:.1em;font-weight:700;white-space:nowrap}.track-buy{padding:12px 16px;border:0;cursor:pointer;background:var(--gold);color:#1a120a;font-size:10px;font-weight:800;letter-spacing:.075em;min-height:40px}.track-buy:hover{background:var(--gold-light)}.track-buy:disabled{cursor:wait;opacity:.7}.track-preview{padding:0;border:0;background:none;color:var(--gold-light);font-size:12px;cursor:pointer;margin-bottom:12px;text-decoration:underline;text-underline-offset:4px}.track-preview:focus-visible{outline:2px solid var(--gold)}.track-error{font-size:12px;color:#f6b7a4;margin-top:12px}.release-note{font-size:12px;color:#978d7d;margin-top:22px;line-height:1.6}
.store-faq{padding:100px 0;background:#120e0b;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.faq-grid .display-title{font-size:clamp(55px,6vw,84px)}.faq-list{border-top:1px solid rgba(213,174,104,.35)}.faq-list details{border-bottom:1px solid rgba(213,174,104,.25);padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;color:#f3e3ce;position:relative;padding-right:25px}.faq-list summary::after{content:'+';position:absolute;right:0;color:var(--gold);font-size:20px;top:-4px}.faq-list details[open] summary::after{content:'–'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{color:#b8ab9b;line-height:1.85;font-size:14px;padding-top:14px;margin:0}.faq-list a{color:var(--gold-light);text-decoration:underline}
.download-shell{min-height:95svh;padding:150px 24px 75px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2b1b0d,#090807 62%)}.download-panel{width:min(100%,610px);border:1px solid rgba(220,182,108,.45);background:rgba(15,13,10,.93);padding:clamp(27px,5vw,62px);text-align:center}.download-panel h1{font:600 clamp(45px,6vw,76px)/1.15 var(--display);letter-spacing:-.04em}.download-panel .eyebrow{margin-bottom:20px}.download-panel>p:not(.eyebrow){color:#c7b9a6;line-height:1.8}.download-panel .btn{margin:25px auto 5px;max-width:100%;white-space:normal}.download-note{font-size:12px;color:#a99a84;margin-top:18px}.download-panel a:not(.btn){color:#e8bd7b}
@media(max-width:1000px){.store-hero{min-height:650px}.store-hero-content{padding-left:38%}.tracks-grid{gap:12px}.track-content{padding:18px}.track-content h3{font-size:23px}.track-art span{font-size:clamp(65px,10vw,115px)}}
@media(max-width:760px){.store-hero{min-height:740px;padding:100px 0 90px;align-items:end}.store-hero-art{inset:0 0 24%;background-position:center 21%}.store-hero::before{background:linear-gradient(0deg,#0b0908 8%,rgba(9,8,7,.85) 33%,rgba(9,8,7,.18) 77%,rgba(9,8,7,.1))}.store-hero-content{padding-left:0}.store-hero h1{font-size:clamp(57px,11.5vw,89px)}.store-hero-content>p:not(.eyebrow){max-width:500px;font-size:14px}.store-hero-index{width:calc(100% - 44px);font-size:8px}.store-benefits .container{padding:15px 0;flex-wrap:wrap;justify-content:center;font-size:9px}.singles-heading{display:block}.singles-heading>p{margin-top:24px;max-width:520px}.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-grid{grid-template-columns:1fr;gap:42px}.store-faq{padding:78px 0}}
@media(max-width:540px){.tracks-grid{grid-template-columns:1fr;gap:25px}.track-art span{font-size:130px}.track-content h3{min-height:0;font-size:29px}.store-hero h1{font-size:clamp(53px,12vw,70px)}.store-hero-index{line-height:1.5}.singles-section{padding:75px 0}.store-notice{font-size:12px}.store-benefits .container{justify-content:flex-start}}
