:root{--paper:#f7f7f4;--ink:#141414;--muted:#60605a;--line:#d5d5ce;--accent:#dbf16b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #768b17;outline-offset:5px}a:hover{text-decoration:none}img{display:block;width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p{margin:0}section{scroll-margin-top:24px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.eyebrow,.hero-top,.genre-strip,.release-meta{font-size:12px;letter-spacing:.1em;font-weight:600}.header{width:100%;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:19px;font-weight:900;letter-spacing:-.055em;line-height:1.05;white-space:nowrap}.brand span{display:block;font-size:10px;font-weight:500;letter-spacing:.27em;margin-top:7px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover,.footer-links a:hover{box-shadow:0 1px currentColor}.header-shop{font-size:14px;border-bottom:1px solid}.menu{display:none}.hero{padding-top:30px}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:70px;padding:55px 0 46px;align-items:center}h1{font-size:clamp(70px,10.7vw,156px);line-height:.83;font-weight:900;letter-spacing:-.085em}.period{color:#738613}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:48px}.hero-bottom p{font-size:21px;line-height:1.35;letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;font-size:14px;border:1px solid transparent;border-radius:0;font-weight:600;transition:background .2s,color .2s}.dark{color:var(--paper);background:var(--ink)}.dark:hover{background:#34342f}.light{background:var(--accent);color:var(--ink)}.light:hover{background:#e8fa92}.featured{display:block}.cover{background:#e1e1dc;aspect-ratio:1;overflow:hidden}.cover img{height:100%;object-fit:cover;transition:transform .5s}.featured:hover img,.art-link:hover img{transform:scale(1.025)}.featured-info{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:20px}.featured-info h2{font-size:23px;letter-spacing:-.03em;margin:4px 0 2px}.featured-info p{font-size:14px;color:var(--muted)}.small-link{font-size:13px;white-space:nowrap;border-bottom:1px solid}.genre-strip{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.releases{padding:95px 0 70px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}h2{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.07}.section-head h2{margin-top:14px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.text-link:hover{opacity:.65}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.release-meta{display:flex;justify-content:space-between;gap:10px;margin:19px 0 7px;font-size:11px}.release-grid h3{font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1.2}.release-grid p{font-size:15px;color:var(--muted);margin:7px 0 19px}.store-band{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.store-band p{font-size:18px}.store-band>div{display:flex;gap:26px}.store-band a{font-size:18px;letter-spacing:-.03em;border-bottom:1px solid}.label{background:#e9e9e3;padding:90px 0}.label-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.label h2{margin-top:30px;font-size:clamp(33px,4.2vw,60px);line-height:1.12}.label h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.label-text{padding-top:42px}.label-text p{font-size:18px;line-height:1.6;margin-bottom:22px}.label-text .text-link{display:inline-block;margin-top:10px}.artists{padding:92px 0}.section-head>p{font-size:15px;color:var(--muted)}.artist-list{border-top:1px solid var(--line)}.artist-list a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.artist-list a:hover{padding-left:14px;padding-right:14px;background:#ecece5}.artist-list h3{font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.045em}.artist-list span{font-size:12px;color:var(--muted);letter-spacing:.07em}.catalogue-names{font-size:14px;color:var(--muted);max-width:660px;margin-top:28px;line-height:1.7}.demos{background:var(--ink);color:var(--paper);padding:88px 0 80px}.demo-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px}.demos h2{font-size:clamp(40px,4.8vw,70px);margin:25px 0}.demos p{max-width:380px;color:#bcbcb4;line-height:1.6}.demos ul{list-style:none;padding:0;font-size:14px;color:#bcbcb4;margin:27px 0}.demos li{padding:9px 0;border-top:1px solid #3b3b36}.demos li:last-child{border-bottom:1px solid #3b3b36}.demos label{display:block;font-size:14px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demos input,.demos textarea{display:block;width:100%;background:#20201d;border:1px solid #4a4a43;color:var(--paper);padding:13px 14px;margin-top:8px;border-radius:0;font-size:16px}.demos input::placeholder,.demos textarea::placeholder{color:#96968e;opacity:1}.demos textarea{resize:vertical;min-height:90px}.demos .form-note{font-size:13px;max-width:none;margin-top:17px;line-height:1.6}.demos #demo-result{margin-top:28px;padding-top:28px;border-top:1px solid #4a4a43}.result-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}#copy-status{margin-top:15px;font-size:14px}footer{padding:40px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}footer p{font-size:12px;color:var(--muted)}footer>.text-link{justify-self:end;font-size:12px}.footer-links{display:flex;gap:27px;font-size:14px}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){h1{font-size:156px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:24px 32px}.header nav{gap:22px}.hero-grid{gap:40px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:26px}.hero-bottom p{font-size:18px}.hero-grid h1{font-size:11vw}.featured-info{align-items:flex-start}.featured-info h2{font-size:20px}.small-link{display:none}.label-grid,.demo-grid{gap:45px}.release-meta{flex-wrap:wrap}.release-grid{gap:22px}.release-grid h3{font-size:20px}}@media(max-width:700px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{padding:22px 20px;position:relative;flex-wrap:wrap}.header-shop{display:none}.brand{font-size:17px}.menu{display:block;border:1px solid var(--line);background:transparent;padding:8px 12px;font-size:14px}.header nav{display:none;width:100%;order:3;flex-wrap:wrap;gap:20px;padding:14px 0 0}.header nav.is-open{display:flex}.hero-top{font-size:10px;letter-spacing:.04em}.hero-grid{grid-template-columns:1fr;padding-top:40px;gap:40px}.hero-grid h1{font-size:clamp(72px,22vw,150px)}.hero-bottom{flex-direction:row;align-items:flex-end;margin-top:33px;gap:16px}.hero-bottom p{font-size:18px}.button{padding:11px 18px}.featured{max-width:470px;width:100%}.featured-info h2{font-size:23px}.featured-info .eyebrow{font-size:11px}.small-link{display:block}.genre-strip{gap:12px;flex-wrap:wrap;justify-content:flex-start;font-size:10px;column-gap:20px}.releases,.artists{padding:60px 0}.section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:30px}.section-head h2{font-size:37px}.release-grid{grid-template-columns:1fr;gap:40px}.release-grid .cover{max-height:none}.release-meta{font-size:12px}.release-grid h3{font-size:25px}.release-grid p{margin-bottom:12px}.store-band{align-items:flex-start;flex-direction:column;margin-top:32px}.label{padding:60px 0}.label-grid,.demo-grid{grid-template-columns:1fr;gap:30px}.label h2{font-size:40px;margin-top:20px}.label-text{padding-top:0}.label-text p{font-size:17px}.artist-list a{grid-template-columns:25px 1fr;gap:15px;padding:18px 0}.artist-list a>span:last-child{grid-column:2;font-size:10px}.artist-list h3{font-size:31px}.artist-list a>span:first-child{grid-row:1/3}.demos{padding:60px 0}.demos h2{font-size:54px}.demo-grid{gap:45px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;gap:24px;padding:32px 0}.footer-links{flex-wrap:wrap}footer>.text-link{justify-self:start}.hero-top span{max-width:50%}.featured-info{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.contact{padding:88px 0}.contact h2{margin:25px 0}.contact p{max-width:420px;margin-bottom:24px;color:var(--muted)}.contact label{display:block;font-size:14px;margin-bottom:20px}.contact input,.contact textarea,.catalogue-search{display:block;width:100%;background:transparent;border:1px solid var(--line);color:var(--ink);padding:13px 14px;margin-top:8px;font-size:16px;border-radius:0}.contact textarea{resize:vertical}.contact .form-note{font-size:13px;margin-top:18px}.contact button:disabled{opacity:.6;cursor:wait}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.social-band{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0}.social-band a{font-size:14px;border-bottom:1px solid}.catalogue-toolbar{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:32px}.catalogue-toolbar label{flex:1;max-width:550px;font-size:13px}.catalogue-toolbar p{font-size:13px;color:var(--muted)}.release-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13px}.release-links a{text-decoration:underline;text-underline-offset:4px}.release-grid{row-gap:48px}.release-grid article[hidden]{display:none}.artist-socials{display:flex;gap:16px;flex-wrap:wrap}.artist-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.artist-row h3{font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.045em}.artist-row .artist-socials a{display:inline;padding:0;border:0;font-size:13px;text-decoration:underline}.artist-row>span{font-size:12px;color:var(--muted)}.artist-row .artist-socials a:hover{background:none}.artist-row p{font-size:12px;color:var(--muted)}@media(max-width:700px){.contact{padding:60px 0}.catalogue-toolbar{align-items:stretch;flex-direction:column;gap:12px}.artist-row{grid-template-columns:25px 1fr;gap:12px}.artist-socials{grid-column:2}.artist-row h3{font-size:28px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.release-grid h3{font-size:20px}.release-grid p{font-size:13px}.release-meta{font-size:10px}.release-links{gap:9px 12px;font-size:12px}.header nav{gap:18px}}@media(max-width:400px){.release-grid{grid-template-columns:1fr}}
.catalogue-note{font-size:13px;color:var(--muted);margin:0 0 30px;max-width:650px}.release-grid .remix-credit{font-size:12px;margin-top:-10px;margin-bottom:18px}.archive-cover{display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:#e9e9e3}.archive-cover>span{font-size:clamp(30px,4vw,60px);line-height:.9;font-weight:900;letter-spacing:-.075em}.archive-cover>small{font-size:10px;letter-spacing:.13em}.artist-row[hidden]{display:none}.artist-row h3 a{display:inline;grid-template-columns:none;border:0;padding:0}.artist-row h3 a:hover{padding:0;background:none;text-decoration:underline}#release-empty,#artist-empty{margin-top:24px;color:var(--muted)}
.artist-credit{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b5b5ab}.artist-credit:hover{color:var(--ink);text-decoration-color:currentColor}.artist-profile{padding:55px 0 90px}.profile-heading{padding:55px 0 65px;max-width:1000px}.profile-heading h1{font-size:clamp(44px,7vw,100px);line-height:1.05;letter-spacing:-.055em;overflow-wrap:anywhere;margin:22px 0}.profile-heading p{color:var(--muted);margin-bottom:20px}.profile-releases-title{margin-bottom:36px;font-size:36px}@media(max-width:700px){.artist-profile{padding:35px 0 60px}.profile-heading{padding:40px 0 50px}.profile-heading h1{font-size:clamp(40px,10vw,65px)}.profile-releases-title{font-size:30px}}

.page-main h1{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.07}.page-main .section-head h1{margin-top:14px}.page-main .label h1{margin-top:30px;font-size:clamp(33px,4.2vw,60px);line-height:1.12}.page-main .label h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.page-main .demos h1{font-size:clamp(40px,4.8vw,70px);margin:25px 0}.page-main .contact h1{margin:25px 0}.header nav a[aria-current="page"]{box-shadow:0 1px currentColor}@media(max-width:700px){.page-main .section-head h1{font-size:37px}.page-main .label h1{font-size:40px;margin-top:20px}.page-main .demos h1{font-size:54px}}

/* Always-visible navigation on mobile */
@media(max-width:700px){.header nav,.header nav.is-open{display:flex;width:100%;order:3;flex-wrap:wrap;gap:12px 20px;padding:14px 0 0}.menu{display:none!important}}

/* Footer social media icons */
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;transition:transform .15s ease}.footer-links a:hover{transform:translateY(-2px);box-shadow:none}.footer-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.footer-links svg{display:block;width:32px;height:32px}


/* Blackout 2.0 — FTP test theme */
:root{color-scheme:dark;--paper:#0b0d0b;--ink:#ecefe8;--muted:#a5ad9d;--line:#30392e;--accent:#879b74}
body{background:#0b0d0b;color:var(--ink)}.header,.footer{background:#101410}.release-grid article,.artist-row,.feature,.featured,.card{background:#131713;border-color:#30392e}
a:hover{color:#c8dab5}.header-shop,.button,.btn{background:#7f936f;color:#090b09}
input,textarea,select{background:#151b15;color:#f3f6ee;border-color:#3b4738}
.release-grid article{min-width:0}.release-links{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.beatport-play,.player-close,.test-mark,.test-export{border:1px solid #75876a;border-radius:3px;padding:10px 12px;background:#839675;color:#0a100b;font-weight:700;cursor:pointer;font:inherit}
.beatport-play:hover,.player-close:hover,.test-mark:hover{background:#b1c7a1}.beatport-play:focus-visible,.player-close:focus-visible{outline:3px solid #d3e8c6;outline-offset:3px}
.beatport-player{width:100%;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.beatport-player[hidden]{display:none!important}.beatport-player iframe{display:block;width:100%;max-width:600px;height:362px;border:0;background:#111}
.player-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.player-status{color:#b4c2ad;font-size:12px}.test-mark{background:transparent;color:#c8d7bd;font-size:12px;padding:7px 9px}.test-mark[data-active="true"]{background:#647d59;color:white}
#release-grid article[hidden]{display:none!important}.test-toolbar{margin:15px 0;padding:12px;border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px}.test-toolbar a{color:#bcd2ad}
@media(max-width:760px){.header{padding:16px 20px;flex-wrap:wrap}.header nav{display:flex!important;flex-wrap:wrap;gap:12px!important;width:100%;order:3}.wrap{width:min(100% - 32px,1320px)}.beatport-player iframe{height:362px}.release-links{gap:8px}}

/* BLACKOUT 2.0 — visual layer; working player rules preserved */ Original artwork remains unfiltered. */
:root{--paper:#090a09;--ink:#f0f0e9;--muted:#abb1a6;--line:#343a33;--accent:#a4af8c}
body{background:var(--paper);color:var(--ink)}
.header{background:#0d0f0d;border-bottom-color:var(--line)}
.header nav a:hover,.header nav a[aria-current="page"]{color:#cbd5b5}
.header-shop{color:#d5dec8}
.hero{padding-top:38px}
.hero-grid{background:radial-gradient(ellipse at 88% 24%,#222b20 0%,transparent 53%);border-bottom:1px solid var(--line)}
.hero-copy h1{font-size:clamp(44px,6.3vw,92px);line-height:1.04;letter-spacing:-.065em}
.period{color:var(--accent)}
.hero-bottom{align-items:flex-start;flex-direction:column;gap:26px;margin-top:30px}
.hero-bottom p{color:#c4cbbd}
.button.dark{background:var(--accent);color:#0c100c}
.button.dark:hover{background:#c6d0b6}
.button.light,.light{background:var(--accent);color:#101510}
.cover,.archive-cover{background:#20251e}
.archive-cover{color:var(--ink)}
.featured .cover{border:1px solid #3b4337}
.cover img,.art-link img,.featured img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
.social-band,.genre-strip{border-color:var(--line)}
.social-band a:hover,.footer-links a:hover{color:var(--accent)}
.release-grid a:hover,.artist-row a:hover{color:#d3dfbf}
.artist-credit{text-decoration-color:#65705e}
.artist-row h3 a:hover{color:var(--accent)}
.demos,.label{background:#151a14;color:var(--ink)}
.demos input,.demos textarea,.contact input,.contact textarea{background:#111511;color:var(--ink);border-color:#525c4d}
input::placeholder,textarea::placeholder{color:#899483}
footer{background:#101310;border-top:1px solid var(--line)}
.footer-links a[aria-label="Spotify"]{color:#1ed760}
.footer-links a[aria-label="Facebook"]{color:#1877f2}
.footer-links a[aria-label="Beatport"]{color:#f4f4ef}
.footer-links a[aria-label="Instagram"]{color:#f54a9d}
.footer-links a:hover{transform:translateY(-3px)}
:focus-visible{outline-color:var(--accent)}
::selection{background:#a4af8c;color:#090a09}
@media(max-width:700px){.hero-copy h1{font-size:clamp(40px,10vw,64px)}.hero-grid{gap:34px}.header nav{row-gap:12px}}

/* Accessible controls and unchanged release artwork */
.beatport-play,.player-close,.test-export{background:#a4af8c;color:#0b100a;border-color:#a4af8c}.beatport-play:hover,.player-close:hover,.test-export:hover{background:#c6d0b6}.test-mark{color:#d3dfbf;border-color:#7f9374}.test-mark[data-active="true"]{background:#667c5a;color:#fff}.beatport-player{background:#121712;padding:15px;border:1px solid #343a33}.release-grid article{background:#111511;border:1px solid #2b342a;padding:12px}.release-grid article .cover{border:0}.release-grid article img{filter:none!important;opacity:1!important}.header-shop{background:transparent;color:#d5dec8}.header nav a{background:transparent}.test-toolbar{background:#121712}

/* ORIGINAL BLACKOUT — pure black / white, no army green */
:root{color-scheme:dark;--paper:#050505;--ink:#f7f7f7;--muted:#a7a7a7;--line:#303030;--accent:#ffffff}
body{background:#050505;color:#f7f7f7}
.header,footer{background:#070707;border-color:#303030}
.header nav a:hover,.header nav a[aria-current="page"],.artist-row h3 a:hover,.release-grid a:hover{color:#fff}
.header-shop{color:#f7f7f7}.hero-grid{background:radial-gradient(ellipse at 85% 30%,#1b1b1b 0%,transparent 58%);border-color:#303030}
.hero-bottom p{color:#c7c7c7}.period{color:#fff}
.button.dark,.button.light,.light{background:#f2f2f2;color:#080808}.button.dark:hover,.button.light:hover{background:#d4d4d4}
.cover,.archive-cover{background:#202020}.featured .cover{border-color:#333}
.cover img,.art-link img,.featured img,.release-grid article img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.release-grid article,.artist-row,.feature,.featured,.card{background:#101010;border-color:#303030}
.demos,.label{background:#111;color:#f7f7f7}.demos input,.demos textarea,.contact input,.contact textarea,input,textarea,select{background:#111;color:#fff;border-color:#505050}
footer{border-top:1px solid #303030}.social-band,.genre-strip{border-color:#303030}
.beatport-play,.player-close,.test-export{background:#f2f2f2;color:#080808;border-color:#eee}.beatport-play:hover,.player-close:hover,.test-export:hover{background:#d0d0d0}
.test-mark{background:#111;color:#fff;border-color:#777}.test-mark[data-active="true"]{background:#eee;color:#000}
.beatport-player,.test-toolbar{background:#111;border-color:#303030}.player-status{color:#bbb}.test-toolbar a{color:#eee}
.artist-credit{text-decoration-color:#777}.header nav a{background:transparent}.header-shop{background:transparent;color:#fff}
:focus-visible{outline-color:#fff}::selection{background:#eee;color:#000}
.brand{display:inline-flex;align-items:center;line-height:1}.brand-logo{display:block;width:86px;height:86px;object-fit:contain;mix-blend-mode:normal}
.social-icon{display:inline-block;width:23px;height:23px;flex:none;vertical-align:middle;color:#f5f5f5}
.social-icon-link,.store-icon-link{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none!important}
.social-icon-link:hover,.store-icon-link:hover{opacity:.8}
.social-band{align-items:center}.social-band a{padding:4px 0}
.release-links a.store-icon-link{gap:5px}.release-links .social-icon{width:17px;height:17px}
.footer-links a[aria-label="Spotify"]{color:#1ed760}.footer-links a[aria-label="Facebook"]{color:#1877f2}.footer-links a[aria-label="Beatport"]{color:#01ff95}.footer-links a[aria-label="Instagram"]{color:#f54a9d}
@media(max-width:700px){.brand-logo{width:64px;height:64px}.header{align-items:center}}

/* Artist page players and brand icons */
.release-links .store-icon-link{display:inline-flex;align-items:center;gap:7px}
.release-links .social-icon{width:19px;height:19px;flex-shrink:0}
.release-grid .cover{cursor:default}
.release-grid .cover img{pointer-events:none}
.artist-profile .beatport-player{margin-top:16px}


/* V3: consistent original Blackout treatment on every page */
:root{--paper:#050505;--ink:#f7f7f7;--muted:#b3b3b3;--line:#303030;--accent:#fff}
html,body{background:#050505;color:#f7f7f7}
.header{background:#050505!important;border-bottom:1px solid #303030;min-height:100px;padding:12px clamp(20px,3.4vw,52px)}
.header .brand{flex:0 0 auto}.brand-logo{width:72px;height:72px;object-fit:contain;mix-blend-mode:normal;background:transparent}
.header nav{flex:1;justify-content:center;gap:clamp(16px,2vw,32px)}
.header-shop{flex:0 0 auto;max-width:175px;overflow:visible;white-space:nowrap;border-bottom:1px solid #eee}
.hero-grid{background:transparent!important;border-bottom:0!important}
.featured,.featured-card,.featured .cover,.featured-info,.release-grid article,.artist-row,.card,.feature{background:#050505!important}
.featured-card{display:block;min-width:0;border:0!important}.featured-card .cover{border:1px solid #303030;background:#050505!important}
.featured-card .cover img{width:100%;height:100%;object-fit:cover}
.featured-card .featured-info{padding:0;margin-top:16px}
.featured-player-actions{margin-top:18px;display:flex;gap:12px;align-items:center}
.featured-card .beatport-player{background:#090909!important;margin-top:16px}
.release-grid article{border:1px solid #262626!important}
.release-grid .cover,.archive-cover{background:#050505!important}
.label,.demos{background:#0a0a0a!important}
.sru-footer{background:#050505!important;border-top:1px solid #303030;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding-top:36px;padding-bottom:30px}
.footer-wordmark{font-size:18px!important;letter-spacing:-.035em!important;font-weight:900;line-height:1.25!important;white-space:normal;display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;max-width:100%;text-decoration:none}
.footer-wordmark span{display:inline!important;font-size:10px!important;letter-spacing:.15em!important;font-weight:500!important;margin:0!important;line-height:1.3}
.sru-footer .footer-links{grid-column:2;grid-row:1;justify-content:flex-end;gap:14px}
.sru-footer>p{grid-column:1;grid-row:2;margin:0}
.sru-footer>.footer-top{grid-column:2;grid-row:2;justify-self:end}
.sru-footer .footer-links a{width:36px;height:36px}
.sru-footer .footer-links svg{width:28px;height:28px}
.social-band{display:none!important}
@media(max-width:700px){.header{padding:14px 20px;min-height:auto;gap:12px}.brand-logo{width:62px;height:62px}.header nav{justify-content:flex-start;gap:12px 18px}.header-shop{display:none}.sru-footer{grid-template-columns:1fr;gap:18px}.sru-footer .footer-links{grid-column:1;grid-row:2;justify-content:flex-start}.sru-footer>p{grid-column:1;grid-row:3}.sru-footer>.footer-top{grid-column:1;grid-row:4;justify-self:start}.footer-wordmark{font-size:17px!important}.featured-card .featured-info{flex-wrap:wrap}}

/* v4 — inline visible players on every release and artist page */
.beatport-player{display:block!important;visibility:visible!important;min-height:340px;background:#090909!important;border:0!important;border-top:1px solid #303030!important;padding:14px 0 0!important;margin-top:18px!important}
.beatport-player iframe{display:block;width:100%;max-width:none;height:362px;border:0;background:#090909}
.featured-card .beatport-player{min-height:340px}
@media(max-width:700px){.beatport-player iframe{height:362px}}

/* v5: hide spam-trap input */
#demo-form .honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#demo-status{margin-top:14px;min-height:1.5em}

/* v6 — simplified header and homepage; Beatport embeds fitted into the release cards. */
.header-shop{display:none!important}
.featured-card .beatport-player{display:none!important}
.release-grid article,.artist-profile article{min-width:0;overflow:hidden}
.beatport-player{position:relative;box-sizing:border-box;width:100%;min-width:0;overflow:hidden!important;min-height:0!important;height:690px;padding:12px 0 0!important;margin-top:16px!important}
/* Beatport's third-party iframe has a minimum internal layout width. Scale the
   complete embedded UI to fit the card instead of exposing a horizontal bar. */
.beatport-player iframe{width:128.205128%!important;max-width:none!important;height:850px!important;transform:scale(.78);transform-origin:top left;display:block;overflow:hidden;border:0}
@media(max-width:760px){.release-grid{grid-template-columns:1fr!important}.beatport-player{height:740px}.beatport-player iframe{width:113.63636%!important;height:830px!important;transform:scale(.88)}}
@media(max-width:420px){.beatport-player{height:690px}.beatport-player iframe{width:125%!important;height:850px!important;transform:scale(.8)}}

/* v7 — restore compact Beatport player; keep player panel sticky within its own release card.
   Third-party Beatport track list can still scroll inside its iframe. */
.release-grid article,.artist-profile article{overflow:visible!important;min-width:0}
.beatport-player{position:sticky!important;top:18px!important;align-self:start;width:100%!important;height:376px!important;min-height:0!important;overflow:hidden!important;padding:12px 0 0!important;margin-top:16px!important;background:#050505!important;z-index:1}
.beatport-player iframe{width:100%!important;max-width:100%!important;height:362px!important;transform:none!important;transform-origin:initial!important;display:block!important;border:0!important}
@media(max-width:760px){.release-grid{grid-template-columns:1fr!important}.beatport-player{height:376px!important;top:10px!important}.beatport-player iframe{width:100%!important;height:362px!important;transform:none!important}}
@media(max-width:420px){.beatport-player{height:376px!important}.beatport-player iframe{width:100%!important;height:362px!important;transform:none!important}}

/* v8 — avoid layout shifting when the page scrollbar is locked on player hover. */
html{scrollbar-gutter:stable}
.beatport-player{overscroll-behavior:contain}

/* v9 — macOS Dock-inspired subtle enlargement on hover/focus.
   Transform affects only visual appearance, not grid dimensions or iframe controls. */
@media (hover:hover) and (pointer:fine) {
  .release-grid {isolation:isolate;}
  .release-grid > article {position:relative;transform:scale(1);transform-origin:center center;transition:transform 230ms cubic-bezier(.22,1,.36,1), box-shadow 230ms ease,border-color 230ms ease;will-change:transform;z-index:0;}
  .release-grid > article:hover,.release-grid > article:focus-within {transform:scale(1.035);z-index:5;box-shadow:0 18px 46px rgba(0,0,0,.72);border-color:#666!important;}
}
@media (prefers-reduced-motion:reduce) {
  .release-grid > article {transition:none!important;}
}

/* v12: featured artwork and title open their own release on this site. */
.featured-internal-link{display:block;color:inherit;text-decoration:none;min-width:0}
.featured-internal-link:hover h2,.featured-internal-link:focus-visible h2{text-decoration:underline;text-underline-offset:4px}
.featured-internal-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
#release-grid article[id]{scroll-margin-top:110px}
#release-grid article:target{outline:2px solid #ddd;outline-offset:5px}