:root{color-scheme:dark;--bg:#000;--text:#fff;--line:#333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 'Arial Narrow','Helvetica Neue',Arial,sans-serif}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:2px solid #fff;outline-offset:6px}img{display:block;width:100%;object-fit:cover}header{height:80px;position:absolute;z-index:3;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:#000}.brand{font:400 24px/1.2 'Helvetica Neue',Arial,sans-serif;letter-spacing:.04em}nav{display:flex;gap:28px;font-size:14px}nav a{padding:10px 0}.hero{min-height:550px;height:85svh;max-height:950px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:110px 5% 70px;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;height:100%;z-index:-2}.hero-image{object-position:50% 54%}.hero-shade{z-index:-1;background:linear-gradient(180deg,#0003,#0000 40%,#0009)}.hero-center{text-align:center}.hero h1{font:400 clamp(85px,19vw,280px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0;padding-right:.05em}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.line-link,.scroll{display:inline-flex;align-items:center;gap:24px;font-size:12px;letter-spacing:.08em;padding:10px 0}.section{max-width:1100px;margin:auto;padding:70px 5% 85px}.music-heading{text-align:center;margin-bottom:48px}.music-heading h2,.contact h2{font-size:18px;font-weight:400;letter-spacing:.45em;line-height:1.6;margin:0 0 24px;padding-left:.45em;text-align:center}.music-sections{justify-content:center;gap:35px;font-size:13px;letter-spacing:.12em}.category-title{font-size:14px;font-weight:400;letter-spacing:.35em;line-height:1.6;text-align:center;margin:0 0 40px;padding-left:.35em}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 45px}.release-card{min-width:0;text-align:center}.cover-link{display:block}.cover-link img{aspect-ratio:1;height:auto;transition:filter .2s}.cover-link:hover img{filter:brightness(.8)}.release-card h4{font:400 14px/1.5 'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;margin:18px 0 6px}.release-card p{font-size:12px;line-height:1.5;margin:0 0 8px;color:#fff}.release-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 20px}.release-actions a{font-size:12px;line-height:1.5;padding:8px 0;color:#fff}.remix-section{margin-top:100px;padding-top:50px;border-top:1px solid var(--line)}.remix-content{text-align:center}.remix-content p{font-size:16px;margin-bottom:20px}.live-photo{height:380px;position:relative;overflow:hidden}.live-photo img{height:100%;object-position:center 48%;filter:brightness(.7)}.live-photo span{position:absolute;bottom:25px;left:5%;right:5%;text-align:center;font-size:12px;letter-spacing:.15em}.contact{text-align:center;padding-top:75px;padding-bottom:70px}.email{font-size:18px;display:inline-block;overflow-wrap:anywhere;max-width:100%;margin:10px 0 25px}.email span{margin-left:12px}.contact-bottom p{font-size:14px;line-height:1.7;margin:0 0 25px}.social-links{justify-content:center;flex-wrap:wrap;gap:12px 28px;font-size:14px}.social-links a{display:inline-flex;gap:10px;align-items:center}footer{margin:0 5%;border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer span,footer>a:last-child{font-size:12px;color:#fff;letter-spacing:.04em}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:#000;padding:15px}.skip:focus{top:10px}@media(max-width:700px){header{height:68px;padding:16px 5%}.brand{font-size:22px}header nav{gap:20px;font-size:12px}.hero{height:70svh;min-height:410px;max-height:750px;padding-top:100px}.hero h1{font-size:21vw}.hero-bottom{bottom:22px;gap:14px}.line-link,.scroll{font-size:10px;letter-spacing:.04em;gap:10px}.section{padding:52px 4.5% 65px}.music-heading{margin-bottom:36px}.music-heading h2,.contact h2{font-size:16px;letter-spacing:.45em}.music-sections{font-size:12px;gap:30px}.category-title{font-size:13px;margin-bottom:32px}.release-grid{gap:42px 20px}.release-card h4{font-size:14px;line-height:1.45;margin-top:14px}.release-card p{font-size:12px}.release-actions{gap:4px 12px}.release-actions a{font-size:12px}.remix-section{margin-top:65px;padding-top:38px}.live-photo{height:270px}.live-photo span{font-size:11px;letter-spacing:.09em}.email{font-size:17px}.social-links{gap:10px 24px}.contact-bottom p{font-size:14px}footer{flex-wrap:wrap}footer .brand{width:100%;text-align:center}footer span,footer>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-link img{transition:none}}
.site-header{position:fixed;justify-content:flex-start;gap:22px;z-index:10;background:#000}.menu-toggle,.menu-close{color:#fff;background:none;border:0;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;padding:0;font-family:Arial,sans-serif}.menu-toggle{font-size:26px}.menu-close{font-size:40px;font-weight:300;line-height:1}.menu-toggle:focus-visible,.menu-close:focus-visible{outline:2px solid #fff;outline-offset:3px}.site-menu{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(390px,65vw);max-width:90vw;border:0;background:#000;color:#fff;padding:18px 28px;overscroll-behavior:contain}.site-menu::backdrop{background:#0008}.site-menu nav{display:flex;flex-direction:column;gap:12px;margin:44px 0 0 24px;font-size:16px;letter-spacing:0}.site-menu nav a{padding:10px 0;width:fit-content}.site-menu nav a[aria-current=page]{font-weight:700}.all-music{margin-top:48px;text-align:center}.all-music a{display:inline-flex;gap:20px;align-items:center;padding:12px 0;font-size:13px;letter-spacing:.12em;border-bottom:1px solid #fff}.catalog-page main{padding-top:80px}.catalog-page .music-heading h1{font-size:18px;font-weight:400;letter-spacing:.45em;line-height:1.6;margin:0 0 24px;padding-left:.45em;text-align:center}.catalog-page .music{padding-top:65px}@media(max-width:700px){.site-header{gap:14px;padding-left:12px}.site-menu{padding:12px 12px;width:57vw}.site-menu nav{margin:35px 0 0 24px;gap:10px;font-size:16px}.catalog-page main{padding-top:68px}.catalog-page .music{padding-top:45px}.catalog-page .music-heading h1{font-size:16px}.all-music{margin-top:38px}}

/* Compact serif typography and platform links. */
body{font-family:Georgia,'Times New Roman',serif}
.site-header{height:60px;padding:8px 24px;gap:8px}
.site-header .brand{font:400 21px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
.site-menu{padding:8px 24px;width:min(320px,65vw)}
.site-menu nav{margin:22px 0 0 12px;gap:8px;font-size:14px}
.site-menu nav a[aria-current=page]{font-weight:400;text-decoration:underline;text-underline-offset:6px}
.menu-close{font-size:30px}
.brand,.release-card h4{font-family:Georgia,'Times New Roman',serif}
.music-heading h2,.contact h2,.catalog-page .music-heading h1{font-size:16px;letter-spacing:.18em}
.category-title{letter-spacing:.12em}
.release-card h4{font-size:14px;letter-spacing:.02em}
.release-actions{gap:4px;align-items:center}
.release-actions a,.social-links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;position:relative}
.platform-icon{width:22px;height:22px;object-fit:contain}
.social-links{gap:8px;align-items:center}
.social-links .platform-icon{width:24px;height:24px}
.release-actions a:hover,.social-links a:hover{opacity:.7;text-decoration:none}
.mix-label{font:400 12px/1 Arial,sans-serif;margin-left:5px}
.catalog-page main{padding-top:60px}
html{scroll-padding-top:70px}
@media(max-width:700px){.site-header{height:56px;padding:6px 10px;gap:5px}.site-header .brand{font-size:19px}.site-menu{padding:6px 10px}.site-menu nav{margin:20px 0 0 14px;font-size:14px;gap:6px}.catalog-page main{padding-top:56px}.social-links{gap:4px}.release-actions{gap:0}.music-heading h2,.contact h2,.catalog-page .music-heading h1{font-size:15px}}

.remix-detail{max-width:1040px;text-align:center;padding-top:54px}.remix-detail h1{font:400 clamp(18px,3vw,26px)/1.5 Georgia,'Times New Roman',serif;margin:0 auto 34px;max-width:760px}.listen-label{font:400 13px/1.5 Arial,sans-serif;letter-spacing:.3em;margin:0 0 16px}.remix-detail .release-actions{gap:22px;margin-bottom:44px}.remix-detail .platform-icon{width:28px;height:28px}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-youtube{display:inline-block;font:400 12px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-top:24px;padding:10px}.detail-social{padding:24px 5% 75px}@media(max-width:700px){.remix-detail{padding-top:38px}.remix-detail h1{font-size:18px}.remix-detail .release-actions{margin-bottom:34px}.detail-social{padding-bottom:55px}}

.track-artwork{max-width:400px;aspect-ratio:1;height:auto;margin:0 auto}.remix-detail .release-actions{flex-wrap:wrap;gap:12px}

/* Sliding menu with a stationary, morphing menu button. */
.menu-toggle,.menu-close{position:relative;flex:none}
.menu-icon{display:block;position:relative;width:20px;height:20px}
.menu-icon span{position:absolute;left:0;top:9px;width:20px;height:1.5px;background:currentColor;transform-origin:center;transition:transform 320ms cubic-bezier(.22,1,.36,1),opacity 180ms ease}
.menu-icon span:nth-child(1){transform:translateY(-6px)}
.menu-icon span:nth-child(3){transform:translateY(6px)}
.site-menu{background:transparent;isolation:isolate;overflow-x:hidden;overflow-y:auto}
.site-menu::before{content:"";position:absolute;inset:0;z-index:-1;background:#000;transform:translateX(-100%);transition:transform 420ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.site-menu::backdrop{background:rgb(0 0 0 / 0);transition:background-color 350ms ease}
.site-menu.is-visible::before{transform:translateX(0)}
.site-menu.is-visible::backdrop{background:rgb(0 0 0 / .65)}
.site-menu nav a{opacity:0;transform:translateX(-18px);transition:opacity 260ms ease,transform 380ms cubic-bezier(.22,1,.36,1)}
.site-menu.is-visible nav a{opacity:1;transform:translateX(0);transition-delay:100ms}
.site-menu.is-visible nav a:nth-child(2){transition-delay:155ms}
.site-menu.is-visible nav a:nth-child(3){transition-delay:210ms}
.site-menu.is-visible .menu-icon span:nth-child(1){transform:rotate(45deg)}
.site-menu.is-visible .menu-icon span:nth-child(2){opacity:0;transform:scaleX(.25)}
.site-menu.is-visible .menu-icon span:nth-child(3){transform:rotate(-45deg)}
.site-menu[data-state=closing]::before{transition-duration:300ms}
.site-menu[data-state=closing]::backdrop{transition-duration:280ms}
.site-menu[data-state=closing] nav a{transition-duration:140ms;transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.site-menu::before,.site-menu::backdrop,.site-menu nav a,.menu-icon span{transition:none!important}}

/* Let the home photograph show through until the page is scrolled. */
.site-header--overlay{background-color:transparent;transition:background-color 260ms ease}
.site-header--overlay.is-scrolled{background-color:#000}
@media(prefers-reduced-motion:reduce){.site-header--overlay{transition:none}}

/* Give album covers a little more space within the two-column lists. */
.release-grid .cover-link{width:86%;margin-inline:auto}