:root{--clr-bg:#0d0d0d;--clr-nav-bg:#000;--clr-fg:#fff;--clr-border:#333;--clr-medium-grey:#aaa;--clr-body-grey:#ccc;--ff-heading:"Funnel Display", sans-serif;--ff-body:"Plus Jakarta Sans", sans-serif}:root[data-theme=light]{--clr-bg:#f2f2f2;--clr-nav-bg:#fff;--clr-fg:#000;--clr-border:#ccc;--clr-medium-grey:#555;--clr-body-grey:#333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff-body);color:var(--clr-body-grey);background-color:var(--clr-bg);background-image:linear-gradient(color-mix(in srgb, var(--clr-bg) 85%, transparent), color-mix(in srgb, var(--clr-bg) 85%, transparent)), url(/images/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}header{border-bottom:1px solid var(--clr-border);flex-direction:column;gap:20px;padding:32px 64px;display:flex}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo a{font-family:var(--ff-heading);color:var(--clr-fg);letter-spacing:.02em;font-size:22px;font-weight:700;text-decoration:none}nav{flex-wrap:wrap;gap:8px 32px;display:flex}nav a{color:var(--clr-fg);text-transform:uppercase;letter-spacing:1px;font-size:14px;text-decoration:none}.nav-controls{align-items:center;gap:10px;display:flex}.control-btn{font-family:var(--ff-body);color:var(--clr-fg);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--clr-border);cursor:pointer;background:0 0;border-radius:3px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s}#theme-toggle{text-align:center;min-width:72px}.control-btn:hover{border-color:var(--clr-fg)}.hero{max-width:1100px;padding:120px 64px 100px}.hero h1{font-family:var(--ff-heading);color:var(--clr-fg);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:32px;font-size:clamp(40px,8vw,80px);font-weight:800;line-height:.95}.hero p{color:var(--clr-body-grey);max-width:560px;margin-bottom:40px;font-size:18px;line-height:1.6}.btn{font-family:var(--ff-body);color:var(--clr-fg);border:1px solid var(--clr-fg);letter-spacing:.05em;text-transform:uppercase;background:0 0;padding:15px 35px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.rip{border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);padding:28px 64px}.rip p{color:var(--clr-body-grey);max-width:700px;margin-bottom:0;font-size:18px;line-height:1.6}.rip p:first-child{margin-bottom:20px}.rip a{color:var(--clr-fg);text-underline-offset:2px;margin-top:6px;padding-left:24px;text-decoration:underline;display:block}.rip a:hover{color:var(--clr-medium-grey)}section.releases{padding:80px 64px}section.releases h2{font-family:var(--ff-heading);color:var(--clr-fg);text-transform:uppercase;margin-bottom:48px;font-size:40px;font-weight:700}.grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.card{background:color-mix(in srgb, var(--clr-bg) 75%, transparent);border:1px solid var(--clr-border);border-radius:4px;padding:28px}a.card{color:inherit;text-decoration:none;transition:border-color .15s;display:block}a.card:hover{border-color:var(--clr-fg)}.card .cat-num{font-family:var(--ff-heading);color:var(--clr-medium-grey);letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:600}.card h3{font-family:var(--ff-heading);color:var(--clr-fg);margin-bottom:8px;font-size:26px;font-weight:700}.card h3 .outline{color:#0000;-webkit-text-stroke:1px var(--clr-fg)}.card p{color:var(--clr-medium-grey);font-size:14px}.kontakt{border-top:1px solid var(--clr-border);padding:80px 64px}.kontakt h2{font-family:var(--ff-heading);color:var(--clr-fg);text-transform:uppercase;margin-bottom:24px;font-size:40px;font-weight:700}.kontakt .mail{font-family:var(--ff-heading);color:var(--clr-fg);border-bottom:1px solid var(--clr-border);padding-bottom:4px;font-size:28px;font-weight:600;text-decoration:none}.kontakt .mail:hover{border-bottom-color:var(--clr-fg)}.release-detail{max-width:900px;padding:100px 64px 80px}.release-detail .cat-num{font-family:var(--ff-heading);color:var(--clr-medium-grey);letter-spacing:.08em;margin-bottom:16px;font-size:13px;font-weight:600}.release-detail h1{font-family:var(--ff-heading);color:var(--clr-fg);text-transform:uppercase;margin-bottom:16px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.05}.release-detail h1 .outline{color:#0000;-webkit-text-stroke:1px var(--clr-fg)}.release-detail .info{color:var(--clr-medium-grey);margin-bottom:56px;font-size:16px}.artist-detail{max-width:900px;padding:120px 64px 100px}.artist-detail h1{font-family:var(--ff-heading);color:var(--clr-fg);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:32px;font-size:clamp(48px,9vw,96px);font-weight:800;line-height:.95}.artist-detail .tagline p{font-family:var(--ff-heading);color:var(--clr-body-grey);font-size:22px;font-weight:600;line-height:1.5}.tracklist{grid-template-columns:repeat(2,1fr);gap:48px;margin-bottom:56px;display:grid}.tracklist-single{max-width:480px;margin-bottom:56px}.side h2{font-family:var(--ff-heading);color:var(--clr-fg);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:20px;font-weight:700}.side ol{list-style:none}.side li{border-bottom:1px solid var(--clr-border);justify-content:space-between;gap:16px;padding:12px 0;font-size:15px;display:flex}.track-title{color:var(--clr-body-grey)}.track-duration{color:var(--clr-medium-grey);font-variant-numeric:tabular-nums}.credits{border-top:1px solid var(--clr-border);padding-top:24px}.credit-group+.credit-group{margin-top:20px}.credits p{color:var(--clr-medium-grey);margin-bottom:6px;font-size:14px}.credit-label{color:var(--clr-fg)}.credits a{color:var(--clr-medium-grey);text-underline-offset:2px;text-decoration:underline}.credits a:hover{color:var(--clr-fg)}footer{border-top:1px solid var(--clr-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:48px 64px;display:flex}footer .small{color:var(--clr-medium-grey);font-size:13px}@media (width<=900px){header,.hero,section.releases,.kontakt,.release-detail,.artist-detail,footer{padding-left:32px;padding-right:32px}.grid{grid-template-columns:1fr}.tracklist{grid-template-columns:1fr;gap:32px}}@media (width<=640px){header,.hero,section.releases,.kontakt,.release-detail,.artist-detail,footer{padding-left:20px;padding-right:20px}.hero{padding-top:80px;padding-bottom:64px}}@media (height<=850px){header{gap:16px;padding-top:16px;padding-bottom:16px}.hero{padding-top:40px;padding-bottom:32px}.hero h1{margin-bottom:16px;font-size:clamp(36px,7vw,64px)}.hero p{margin-bottom:16px;font-size:16px}.rip{padding-top:20px;padding-bottom:20px}.rip p{margin-bottom:0;font-size:14px}.rip p:first-child{margin-bottom:12px}section.releases{padding-top:24px;padding-bottom:24px}section.releases h2{margin-bottom:24px;font-size:32px}.grid{gap:20px}}