:root{
  --bg:#03040a;--panel:#070914;--panel2:#0b0d1b;--line:#25254c;--text:#f7f7ff;--muted:#9b9bb3;
  --cyan:#00e5ff;--pink:#ff2bd6;--purple:#8b35ff;--max:1420px;--radius:10px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 3%,rgba(123,24,255,.16),transparent 27%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.shell{width:min(calc(100% - 42px),var(--max));margin-inline:auto}.site-header{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:0 max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(110,105,255,.24);position:sticky;top:0;background:rgba(3,4,10,.88);backdrop-filter:blur(18px);z-index:50}.logo{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;line-height:.88;min-width:max-content}.logo strong,.logo b{display:block;font-size:18px;letter-spacing:-.03em}.logo b{color:var(--cyan)}.logo small{display:block;color:#7ad9e5;font-size:8px;letter-spacing:.12em;margin-top:5px}.wave-logo{width:38px;height:32px;display:flex;align-items:center;gap:2px;filter:drop-shadow(0 0 8px var(--cyan))}.wave-logo i{display:block;width:3px;background:var(--cyan);border-radius:3px}.wave-logo i:nth-child(1),.wave-logo i:nth-child(7){height:8px}.wave-logo i:nth-child(2),.wave-logo i:nth-child(6){height:17px}.wave-logo i:nth-child(3),.wave-logo i:nth-child(5){height:27px}.wave-logo i:nth-child(4){height:32px;background:var(--pink)}.main-nav{justify-self:center;display:flex;gap:30px}.main-nav a,.header-actions button{color:#d9d9e7;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.03em}.main-nav a{height:78px;display:grid;place-items:center;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.5)}.header-actions{display:flex;gap:10px}.icon-button,.menu-toggle{background:none;border:0;color:white;cursor:pointer;font-size:22px}.menu-toggle{display:none}.hero{min-height:510px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-copy{padding:70px 0;position:relative;z-index:2}.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.hero h1,.section h2,.panel h2,.newsletter h2,.finder-dialog h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:.018em}.hero h1{font-size:clamp(52px,6.1vw,96px);line-height:.89;margin:0;max-width:650px;text-shadow:0 0 24px rgba(0,229,255,.18)}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#7c7dff 43%,var(--pink));background-clip:text;-webkit-background-clip:text;color:transparent}.intro{max-width:510px;color:#c3c3d2;font-size:18px}.hero-buttons,.inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 22px;border-radius:4px;text-decoration:none;border:1px solid transparent;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.03em;cursor:pointer}.button.primary{background:linear-gradient(90deg,var(--cyan),#2abfff);color:#021017;box-shadow:0 0 22px rgba(0,229,255,.25)}.button.ghost{border-color:#526077;color:white;background:rgba(0,0,0,.2)}.button.cyan{border-color:var(--cyan);color:var(--cyan);background:rgba(0,229,255,.04);box-shadow:inset 0 0 18px rgba(0,229,255,.05),0 0 18px rgba(0,229,255,.12)}.button.small{min-height:38px;padding:0 16px}.hero-visual{height:100%;min-height:510px;background:linear-gradient(90deg,var(--bg) 0%,rgba(3,4,10,.35) 33%,rgba(3,4,10,.04)),linear-gradient(0deg,var(--bg),transparent 35%),url('assets/hero-neon.jpg') center/cover no-repeat;position:relative}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(255,43,214,.11),transparent 72%)}.orb{position:absolute;border-radius:50%;filter:blur(35px)}.orb-one{width:190px;height:190px;background:rgba(0,229,255,.23);right:18%;top:14%}.orb-two{width:230px;height:230px;background:rgba(255,43,214,.18);right:1%;bottom:11%}.stage-mark{position:absolute;right:33%;top:27%;width:120px;height:120px;border:2px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 28px var(--cyan),inset 0 0 24px rgba(255,43,214,.4)}.stage-mark span{position:absolute;inset:20px;border:2px solid var(--pink)}.search-wrap{margin-top:-24px;position:relative;z-index:4}.search-box{height:58px;border:1px solid #432d74;background:#080a15;box-shadow:0 0 22px rgba(139,53,255,.25);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 18px;border-radius:7px}.search-box input{border:0;outline:0;background:transparent;color:white;font-size:15px}.search-box kbd{background:#15182a;color:#73758a;padding:3px 7px;border-radius:4px;border:1px solid #2a2d42}.search-feedback{min-height:20px;color:var(--pink);font-size:12px;margin:7px 0 0}.quick-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.quick-stats article{border:1px solid var(--line);background:rgba(9,10,23,.78);display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:68px}.quick-stats article>span{color:var(--pink);font-size:23px}.quick-stats b,.quick-stats small{display:block;text-transform:uppercase}.quick-stats b{font-size:12px}.quick-stats small{font-size:10px;color:var(--muted);margin-top:3px}.section{padding:68px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.section-heading h2,.panel h2{margin:0;font-size:30px}.section-heading a,.inline-actions a,.story-grid a{color:var(--cyan);text-decoration:none;text-transform:uppercase;font-weight:800;font-size:11px}.track-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.track-card{border:1px solid #22264b;background:linear-gradient(180deg,#0d0f20,#070812);padding:8px;transition:.25s transform,.25s border-color,.25s box-shadow}.track-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 0 22px rgba(0,229,255,.12)}.track-card.hidden{display:none}.cover{position:relative;aspect-ratio:1/1;overflow:hidden;background:#080914}.cover img{width:100%;height:100%;object-fit:cover;display:block}.play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;border:1px solid var(--cyan);background:rgba(2,5,12,.72);color:white;font-size:17px;cursor:pointer;box-shadow:0 0 18px rgba(0,229,255,.25)}.play.playing{border-color:var(--pink);box-shadow:0 0 22px rgba(255,43,214,.5)}.track-card h3{font-size:13px;margin:12px 2px 1px}.track-card p{font-size:13px;margin:0 2px;color:#d2d2df}.track-card small{display:block;color:#777b91;margin:5px 2px 3px}.split-feature,.dual-grid,.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,14,31,.96),rgba(5,6,14,.98));padding:20px;border-radius:var(--radius);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(124,35,255,.08);filter:blur(30px);right:-40px;top:-70px}.panel-label{position:absolute;right:12px;top:12px;color:var(--pink);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.classic-week{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center}.classic-week>img{width:100%;border:1px solid #303257}.classic-week p:not(.eyebrow),.sound-finder p,.years-panel>p{color:var(--muted)}.sound-finder{display:grid;grid-template-columns:1fr 180px;align-items:center}.fingerprint{width:150px;height:150px;border-radius:50%;border:1px solid var(--purple);display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 0 32px rgba(0,229,255,.16),inset 0 0 32px rgba(255,43,214,.12)}.fingerprint span{display:block;width:7px;border-radius:7px;background:linear-gradient(var(--pink),var(--cyan));box-shadow:0 0 14px var(--cyan)}.fingerprint span:nth-child(1),.fingerprint span:nth-child(5){height:45px}.fingerprint span:nth-child(2),.fingerprint span:nth-child(4){height:80px}.fingerprint span:nth-child(3){height:110px}.compact{margin-bottom:14px}.compact h2{font-size:23px}.year-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.year-grid button{border:1px solid #293055;background:#080a15;color:white;padding:13px 4px;cursor:pointer}.year-grid button:hover,.year-grid button.selected{border-color:var(--pink);box-shadow:0 0 14px rgba(255,43,214,.2)}.year-grid b,.year-grid small{display:block}.year-grid b{font-size:22px;color:#a7dfff}.year-grid .selected b{color:var(--pink)}.year-grid small{font-size:9px;color:#81839b}.events{display:grid;gap:8px}.events article{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;border:1px solid #20233e;background:#080914;padding:8px}.events time{text-align:center;border-right:1px solid #2b2e4c}.events time b,.events time span{display:block;text-transform:uppercase}.events time b{font-size:24px}.events time span{font-size:10px;color:var(--muted)}.events h3,.events p{margin:0}.events h3{font-size:14px}.events p,.events small{color:var(--muted);font-size:10px}.events button{background:linear-gradient(90deg,#d632ff,#ff2bd6);border:0;color:white;text-transform:uppercase;font-weight:900;font-size:10px;padding:11px 13px;cursor:pointer}.artist-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.artist-grid article{text-align:center;border:1px solid #20244a;background:#080914;padding:18px 8px}.avatar{width:95px;aspect-ratio:1;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-family:Impact;font-size:28px;border:2px solid var(--purple);background:radial-gradient(circle at 35% 30%,#26365e,#0c0d18 55%);box-shadow:0 0 24px rgba(0,229,255,.14)}.artist-grid article:nth-child(even) .avatar{border-color:var(--pink)}.artist-grid h3{font-size:13px;margin:0 0 3px}.artist-grid small{color:var(--muted)}.bottom-grid{grid-template-columns:2fr .75fr;padding-top:68px}.stories-wrap{min-width:0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-grid article{border:1px solid #26294e;background:#080914;overflow:hidden}.story-grid img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.story-grid article>div{padding:14px}.story-grid h3{font-size:15px;min-height:44px;margin:0 0 10px}.battle{align-self:stretch}.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin:25px 0}.versus button{min-height:75px;border:1px solid #34385f;background:#0a0c18;color:white;padding:8px;cursor:pointer;font-weight:800}.versus button:hover{border-color:var(--cyan)}.versus b{color:var(--cyan);font-size:22px}.vote-bar{height:8px;background:#22243b;border-radius:8px;overflow:hidden}.vote-bar span{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .4s}.battle>p:last-child{color:var(--muted);font-size:12px}.newsletter{margin-top:68px;margin-bottom:68px;border:1px solid #3b246c;background:radial-gradient(circle at 80%,rgba(255,43,214,.16),transparent 38%),#090a18;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:34px}.newsletter h2{font-size:33px;margin:0}.newsletter p{color:var(--muted);margin:8px 0 0}.newsletter form{display:flex;gap:8px}.newsletter input{width:300px;background:#050711;border:1px solid #2a2d4b;color:white;padding:0 15px;min-height:45px}.site-footer{border-top:1px solid var(--line);padding:28px 0 34px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}.site-footer>div{display:flex;gap:18px}.site-footer a{color:#9698ac;text-decoration:none;font-size:11px;text-transform:uppercase}.site-footer p{font-size:11px;color:#686a7e}.finder-dialog{width:min(640px,calc(100% - 30px));border:1px solid var(--purple);border-radius:12px;background:#080a16;color:white;padding:32px;box-shadow:0 0 80px rgba(139,53,255,.35)}.finder-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.finder-progress{height:5px;background:#20233b;margin:18px 0 26px}.finder-progress span{display:block;width:33%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .35s}.finder-step{display:none}.finder-step.active{display:block}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{min-height:68px;border:1px solid #30345d;background:#0a0c19;color:white;cursor:pointer;font-weight:800}.choice-grid button:hover{border-color:var(--cyan);color:var(--cyan)}.toast{position:fixed;right:22px;bottom:22px;background:#0d1020;border:1px solid var(--cyan);color:white;padding:13px 17px;z-index:100;opacity:0;translate:0 15px;pointer-events:none;transition:.25s}.toast.show{opacity:1;translate:0 0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.main-nav{gap:16px}.track-grid{grid-template-columns:repeat(3,1fr)}.artist-grid{grid-template-columns:repeat(3,1fr)}.quick-stats{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-visual{position:absolute;inset:0 0 0 33%;z-index:0;opacity:.58}.hero-copy{max-width:640px}.hero-copy:after{content:"";position:absolute;z-index:-1;inset:0 -80px;background:linear-gradient(90deg,var(--bg) 65%,transparent)}.bottom-grid{grid-template-columns:1fr}.battle{min-height:300px}}
@media(max-width:780px){.site-header{grid-template-columns:auto 1fr auto;height:68px}.main-nav{position:fixed;inset:68px 0 auto;background:#070812;border-bottom:1px solid var(--line);display:none;grid-template-columns:1fr 1fr;padding:18px 22px}.main-nav.open{display:grid}.main-nav a{height:48px;justify-items:start}.menu-toggle{display:flex;justify-self:end;flex-direction:column;gap:4px}.menu-toggle span{width:22px;height:2px;background:white}.header-actions{display:none}.hero{min-height:560px}.hero-copy{padding:72px 0}.hero-visual{inset:0;opacity:.38}.hero h1{font-size:59px}.quick-stats{grid-template-columns:1fr 1fr}.split-feature,.dual-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:repeat(4,1fr)}.classic-week{grid-template-columns:120px 1fr}.sound-finder{grid-template-columns:1fr 120px}.fingerprint{width:105px;height:105px}.track-grid,.artist-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr}.newsletter form{width:100%}.newsletter input{width:100%}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer .logo{justify-content:center}.site-footer>div{justify-content:center;flex-wrap:wrap}}
@media(max-width:520px){.shell{width:min(calc(100% - 24px),var(--max))}.site-header{padding-inline:12px}.logo strong,.logo b{font-size:15px}.logo small{font-size:6px}.hero h1{font-size:48px}.intro{font-size:15px}.hero-buttons .button{flex:1}.quick-stats{grid-template-columns:1fr 1fr}.quick-stats article{padding:10px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.track-card h3,.track-card p{font-size:11px}.play{width:42px;height:42px}.classic-week{grid-template-columns:1fr}.classic-week>img{width:130px}.sound-finder{grid-template-columns:1fr}.fingerprint{display:none}.year-grid{grid-template-columns:repeat(3,1fr)}.events article{grid-template-columns:48px 1fr}.events button{grid-column:2;justify-self:start}.artist-grid{grid-template-columns:repeat(2,1fr)}.newsletter{padding:24px 18px}.newsletter form{flex-direction:column}.site-footer>div{gap:12px}.choice-grid{grid-template-columns:1fr}}

.menu-list{display:contents}.menu-list li{display:flex}.menu-list a{display:flex;align-items:center}
.hero-visual{background-size:cover;background-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.38) 45%,rgba(5,6,12,.1)),linear-gradient(0deg,#05060c 0%,transparent 38%)}
.track-card a{text-decoration:none;color:inherit}.cover{display:block}.play{display:grid}.year-grid a{display:flex;flex-direction:column;text-decoration:none;color:inherit;justify-content:center;align-items:center}.event-ticket{background:linear-gradient(90deg,var(--pink),#8b35ff);color:#fff;text-decoration:none;padding:9px 13px;font-weight:800;text-transform:uppercase;font-size:10px}.artist-grid a{text-decoration:none;color:inherit}.story-grid a{text-decoration:none}.archive-hero{padding:90px 0 35px}.archive-hero h1{font-size:clamp(52px,7vw,92px);margin:0;text-transform:uppercase;line-height:.9}.archive-hero>p,.archive-description{max-width:720px;color:var(--muted);font-size:17px}.archive-layout{display:grid;grid-template-columns:250px 1fr;gap:24px;padding-bottom:70px}.filter-panel{height:max-content;position:sticky;top:90px;padding:20px}.filter-panel form{display:grid;gap:16px}.filter-panel label{display:grid;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase}.filter-panel input,.filter-panel select{width:100%;background:#070914;border:1px solid #313653;color:#fff;padding:12px}.reset-link{color:var(--muted);font-size:12px}.archive-grid{grid-template-columns:repeat(4,1fr)}.pagination{padding:25px 0 60px}.nav-links{display:flex;gap:8px;justify-content:center}.page-numbers{padding:10px 13px;border:1px solid var(--line);color:#fff;text-decoration:none}.page-numbers.current{border-color:var(--cyan);color:var(--cyan)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:60px}.content-card{border:1px solid var(--line);background:var(--panel);padding:15px}.content-card a{text-decoration:none;color:inherit}.content-card h2{font-size:25px}.content-card p{color:var(--muted)}.content-card-image{height:190px;background-size:cover;background-position:center;margin-bottom:16px}.single-track,.article-page{padding-top:80px;padding-bottom:80px}.single-track-hero{display:grid;grid-template-columns:330px 1fr;gap:45px;align-items:center}.single-track-hero>img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--purple);box-shadow:0 0 45px rgba(139,53,255,.2)}.single-track h1,.article-page h1{font-size:clamp(50px,7vw,96px);line-height:.9;margin:8px 0 20px;text-transform:uppercase}.track-facts{color:var(--cyan);font-weight:800}.single-content{display:grid;grid-template-columns:1fr 320px;gap:45px;margin-top:60px}.single-content main{font-size:18px;line-height:1.8}.single-content aside{padding:24px}.single-content dl{display:grid;grid-template-columns:100px 1fr;gap:12px}.single-content dt{color:var(--muted)}.single-content dd{margin:0}.article-page{max-width:900px}.article-meta{color:var(--muted);margin:15px 0 40px}.article-content{font-size:18px;line-height:1.8}.article-content h2{font-size:38px;margin-top:45px}.article-content a{color:var(--cyan)}
@media(max-width:1000px){.archive-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.archive-layout,.single-track-hero,.single-content{grid-template-columns:1fr}.filter-panel{position:static}.archive-grid{grid-template-columns:repeat(2,1fr)}.single-track-hero>img{max-width:300px}.content-grid{grid-template-columns:1fr}.menu-list{display:grid}.menu-list li{display:block}}
.video-shell{position:relative;width:100%;aspect-ratio:16/9;margin:28px 0;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;background:#07070b;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.liveset-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start;padding-bottom:80px}.filter-sidebar{position:sticky;top:24px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(14,14,22,.92);box-shadow:0 16px 45px rgba(0,0,0,.22)}.filter-sidebar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}.filter-sidebar-head h2{font-size:1.35rem;margin:3px 0 0}.filter-sidebar-head a{font-size:.78rem;color:#82f7ff}.filter-sidebar label{display:block;margin:18px 0 7px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter-sidebar select{width:100%;min-height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#10101a;color:#fff}.filter-submit{width:100%;margin-top:24px}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.results-heading h2{margin:0}.results-heading span{padding:7px 11px;border-radius:999px;background:rgba(87,240,255,.12);color:#82f7ff;font-size:.75rem;font-weight:800}.liveset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.liveset-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#101018;transition:transform .2s ease,border-color .2s ease}.liveset-card:hover{transform:translateY(-4px);border-color:rgba(87,240,255,.5)}.liveset-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#050507}.liveset-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.liveset-card:hover .liveset-thumb img{transform:scale(1.035)}.liveset-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.78);color:#82f7ff;transform:translate(-50%,-50%);font-size:1.1rem}.duration-badge{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:rgba(0,0,0,.86);color:#fff;font-size:.72rem;font-weight:800}.liveset-card-copy{padding:18px}.liveset-card-copy h3{margin:5px 0 10px;font-size:1.15rem;line-height:1.25}.liveset-card-copy p:last-child{margin:0;color:#aaa;font-size:.85rem}.no-results{grid-column:1/-1;padding:48px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;text-align:center}@media(max-width:900px){.liveset-layout{grid-template-columns:1fr}.filter-sidebar{position:static}.filter-sidebar form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.filter-sidebar-head,.filter-submit{grid-column:1/-1}.filter-sidebar label{margin-top:4px}.filter-sidebar select{grid-row:3}.liveset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.filter-sidebar form,.liveset-grid{grid-template-columns:1fr}.filter-sidebar select{grid-row:auto}.filter-sidebar-head,.filter-submit{grid-column:auto}.results-heading{align-items:flex-start}.liveset-grid{gap:18px}}
.liveset-layout{grid-template-columns:250px minmax(0,1fr);gap:28px}.liveset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.liveset-card-copy{padding:14px}.liveset-card-copy h3{font-size:.98rem;line-height:1.3}.liveset-play{width:44px;height:44px}.set-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.sound-badge,.event-badge{padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sound-classics{background:#32235d;color:#d9c8ff}.sound-raw{background:#5c1f2b;color:#ffbdc7}.sound-euforisch{background:#16495c;color:#aaf1ff}.event-badge{background:#25351d;color:#c8ff9c}.favorite-button{width:100%;margin-top:13px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:transparent;color:#ddd;cursor:pointer}.favorite-button.active{border-color:#ff4ca8;background:rgba(255,76,168,.1);color:#ff8dc5}.favorites-link{position:relative}.favorites-link span{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ff4ca8;color:#fff;font-size:.62rem}.favorites-page{padding-bottom:80px}.favorites-empty[hidden]{display:none}@media(max-width:1180px){.liveset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.liveset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-sidebar form{grid-template-columns:repeat(2,1fr)}.filter-sidebar select{grid-row:auto}}@media(max-width:640px){.liveset-grid{grid-template-columns:1fr}}
.trusted-badge{padding:4px 7px;border-radius:999px;background:#1c4a35;color:#a9ffd1;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.source-channel{display:block;margin-top:7px;color:#8b8b98;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Heartstyle — industrial archive direction */
:root{--bg:#080808;--panel:#101010;--panel2:#151515;--line:#343434;--text:#f3f0e8;--muted:#aaa79e;--cyan:#f3bd18;--pink:#ed2d24;--purple:#f3bd18;--max:1540px;--radius:0}
body{background:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
radial-gradient(circle at 78% 0,rgba(243,189,24,.08),transparent 28%),#080808;background-size:44px 44px,44px 44px,auto;color:var(--text)}
.noise{opacity:.065}
.site-header{height:76px;border-bottom:2px solid #2a2a2a;background:rgba(8,8,8,.96);backdrop-filter:blur(10px);box-shadow:0 7px 0 rgba(0,0,0,.35)}
.heartstyle-logo{gap:10px}.heartstyle-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--cyan);color:#080808;font:900 27px/1 Impact,'Arial Narrow Bold',sans-serif;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);box-shadow:inset -5px -5px 0 rgba(0,0,0,.18)}
.heartstyle-logo strong{font:900 25px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.035em}.heartstyle-logo small{color:#aaa79e;font-size:7px;letter-spacing:.2em;margin-top:7px}.main-nav a{height:76px;color:#c4c1ba;font-size:11px}.main-nav a:hover,.main-nav a.active{color:var(--cyan);border-color:var(--cyan);text-shadow:none}.icon-button{color:var(--text)}
.archive-hero{min-height:275px;padding:68px 0 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-bottom:1px solid #343434;position:relative}.archive-hero:before{content:"";position:absolute;right:0;top:34px;width:34%;height:8px;background:repeating-linear-gradient(135deg,var(--cyan) 0 12px,#080808 12px 24px)}.archive-hero h1{font:900 clamp(70px,8.5vw,138px)/.72 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.01em;color:#f1eee5;text-shadow:5px 5px 0 #1a1a1a}.archive-description{font-size:15px!important;max-width:570px!important;margin:23px 0 0;color:#b8b5ad!important}.archive-count{font:900 clamp(58px,7vw,108px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--cyan);text-align:right}.archive-count span{display:block;font:900 16px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em;color:#f1eee5;margin-top:14px}
.featured-liveset{height:365px;margin-top:28px;position:relative;overflow:hidden;border:1px solid #3b3b3b;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.91) 34%,rgba(8,8,8,.2) 70%),linear-gradient(0deg,rgba(8,8,8,.8),transparent 45%),var(--featured-image) center 38%/cover no-repeat;box-shadow:inset 0 0 0 7px #0d0d0d}.featured-liveset:after{content:"";position:absolute;right:-35px;bottom:-35px;width:220px;height:220px;border:28px solid rgba(243,189,24,.8);transform:rotate(45deg)}.featured-copy{position:relative;z-index:2;padding:42px;max-width:590px}.featured-label{display:inline-block;margin:0 0 14px;padding:5px 9px;background:var(--cyan);color:#080808;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.featured-copy h2{margin:0;font:900 clamp(50px,5vw,78px)/.88 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}.featured-event{color:#f04438;font:900 17px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:13px 0 8px}.featured-meta{color:#c4c0b7;margin:0 0 20px}.featured-button{background:#d92b23;color:#fff;border-radius:0;box-shadow:6px 6px 0 #35100d}.featured-button:hover{background:#f33a2f}
.liveset-layout{grid-template-columns:285px minmax(0,1fr);gap:18px;padding-top:28px}.filter-sidebar{top:94px;padding:22px;border:1px solid #393939;border-radius:0;background:#0d0d0d;box-shadow:8px 8px 0 #020202}.filter-sidebar:before{content:"150 LIVESETS";display:block;margin:-22px -22px 22px;padding:19px 22px 15px;background:#151515;border-bottom:4px solid var(--cyan);font:900 28px/1 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.04em}.filter-sidebar-head{border-bottom:1px solid #343434;padding-bottom:16px;margin-bottom:10px}.filter-sidebar-head .eyebrow{display:none}.filter-sidebar-head h2{font:900 22px/1 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:.05em}.filter-sidebar-head a{color:var(--cyan);text-transform:uppercase;font-weight:900}.filter-sidebar label{margin:19px 0 7px;color:#e7e3da;font-size:.72rem}.filter-sidebar select{min-height:43px;border:1px solid #404040;border-radius:0;background:#151515;color:#eee;padding:0 11px}.filter-sidebar select:focus{outline:2px solid var(--cyan);outline-offset:1px}.filter-submit{border-radius:0;background:var(--cyan)!important;color:#080808!important;box-shadow:5px 5px 0 #3a2b00!important}
.results-heading{height:52px;padding:0 14px;border-left:5px solid var(--cyan);background:#111}.results-heading h2{font:900 25px/1 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:.05em}.results-heading span{border-radius:0;background:var(--cyan);color:#080808}
.liveset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.liveset-card{border:1px solid #353535;border-radius:0;background:#101010;box-shadow:0 5px 0 rgba(0,0,0,.4)}.liveset-card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 7px 0 rgba(243,189,24,.18)}.liveset-thumb{border-bottom:3px solid var(--cyan)}.liveset-thumb:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.liveset-play{left:14px;top:auto;bottom:12px;width:34px;height:34px;border:1px solid var(--cyan);border-radius:0;background:#090909;color:var(--cyan);transform:none;z-index:2;font-size:.75rem}.duration-badge{z-index:2;border-radius:0;background:#090909;border-left:3px solid var(--cyan)}.liveset-card-copy{padding:13px}.set-badges{margin-bottom:10px}.sound-badge,.event-badge,.trusted-badge{border-radius:0;padding:4px 6px}.sound-classics{background:var(--cyan);color:#090909}.sound-raw{background:#ba251f;color:#fff}.sound-euforisch{background:#e7e2d7;color:#111}.event-badge{background:#272727;color:#d7d3ca}.trusted-badge{background:#202d20;color:#badd9e}.liveset-card-copy .eyebrow{color:#ece8df;font:900 18px/1 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.035em;margin:2px 0 8px}.liveset-card-copy h3{font-size:.83rem;line-height:1.3;min-height:43px;margin:0 0 9px}.liveset-card-copy h3 a{color:#d6d2c9;text-decoration:none}.liveset-card-copy>p:not(.eyebrow){font-size:.72rem;color:#8f8c85}.source-channel{color:#79766f}.favorite-button{border-radius:0;border-color:#393939;text-transform:uppercase;font-size:.69rem;font-weight:900}.favorite-button:hover,.favorite-button.active{border-color:#e53a31;background:#2b1110;color:#ff6a61}
.page-numbers{border-radius:0}.page-numbers.current{background:var(--cyan);border-color:var(--cyan);color:#080808}
.site-footer{border-color:#343434}.site-footer a{color:#bbb7af}
@media(max-width:1240px){.liveset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-hero h1{font-size:86px}}
@media(max-width:900px){.archive-hero{min-height:235px}.featured-liveset{height:330px}.liveset-layout{grid-template-columns:1fr}.filter-sidebar{position:static}.filter-sidebar form{grid-template-columns:repeat(2,1fr)}.filter-sidebar:before,.filter-sidebar-head,.filter-submit{grid-column:1/-1}.liveset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header{height:68px}.heartstyle-mark{width:35px;height:35px;font-size:22px}.heartstyle-logo strong{font-size:20px}.archive-hero{display:block;padding-top:55px}.archive-hero:before{width:46%}.archive-hero h1{font-size:65px}.archive-count{display:none}.featured-liveset{height:360px;background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.4) 70%),var(--featured-image) center/cover}.featured-copy{padding:26px;position:absolute;left:0;right:0;bottom:0}.featured-copy h2{font-size:48px}.filter-sidebar form,.liveset-grid{grid-template-columns:1fr}.filter-sidebar:before,.filter-sidebar-head,.filter-submit{grid-column:auto}.liveset-card-copy h3{min-height:0}.site-footer{padding-inline:10px}}

/* Heartstyle 2026 euphoric homepage */
body.home{background:#f8f6f3;color:#111d3b}.home .noise{opacity:.018}.home .site-header{position:absolute;top:0;left:0;right:0;height:88px;background:transparent;border:0;box-shadow:none;z-index:20}.home .heartstyle-mark{background:rgba(255,255,255,.92);color:#ff665d;box-shadow:none;clip-path:none;border-radius:50%}.home .heartstyle-logo strong,.home .heartstyle-logo small,.home .main-nav a,.home .icon-button{color:#fff}.home .main-nav a{height:88px;border:0;text-shadow:0 1px 18px rgba(0,0,0,.35)}.home .favorites-link span{background:#ff6b62}.home-euphoric-hero{height:790px;position:relative;display:flex;align-items:flex-end;background:var(--hero-image) center 30%/cover no-repeat;color:white;overflow:hidden}.home-euphoric-hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#f8f6f3)}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,49,.72),rgba(8,19,49,.1) 58%,rgba(255,125,96,.12)),linear-gradient(0deg,rgba(8,18,47,.42),transparent 60%)}.home-hero-content{position:relative;z-index:2;padding-bottom:150px}.home-kicker{margin:0 0 14px;color:inherit;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.home-kicker.coral{color:#ff675e}.home-hero-content h1{margin:0;font:300 clamp(76px,9vw,146px)/.78 "Segoe UI",Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;max-width:850px}.home-hero-intro{max-width:540px;margin:28px 0;color:rgba(255,255,255,.87);font-size:17px}.home-hero-actions{display:flex;align-items:center;gap:28px}.home-play-button{display:flex;align-items:center;gap:13px;color:white;text-decoration:none}.home-play-button span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(14px)}.home-play-button b,.home-text-link{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.home-text-link{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:4px}.hero-float-filter{position:absolute;z-index:4;left:50%;bottom:52px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:rgba(255,255,255,.94);border-radius:22px;box-shadow:0 20px 70px rgba(31,51,99,.2);backdrop-filter:blur(18px)}.hero-float-filter a{display:flex;justify-content:space-between;padding:18px 22px;border-right:1px solid #e5e4e3;color:#182344;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900}.hero-float-filter a:last-child{border:0}.home-section{padding-top:105px}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.home-section-heading h2,.all-sets-cta h2{margin:0;font:700 clamp(38px,4vw,64px)/.95 "Segoe UI",Arial,sans-serif;letter-spacing:-.055em}.home-section-heading>p{max-width:430px;color:#697088;margin:0}.popular-set-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.home-set-card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 14px 45px rgba(42,53,92,.08)}.home-set-image{position:relative;display:block;aspect-ratio:1.15;overflow:hidden}.home-set-image img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.home-set-card:hover img{transform:scale(1.04)}.home-card-play{position:absolute;left:16px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#ff655d;font-size:11px}.home-set-image small{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:20px;background:rgba(14,25,52,.7);color:#fff}.home-set-card>div{padding:17px}.home-set-card p{margin:0 0 4px;color:#ff675e;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.1em}.home-set-card h3{font-size:19px;margin:0 0 7px}.home-set-card h3 a{color:#17213f;text-decoration:none}.home-set-card>div span{color:#8990a3;font-size:11px}.all-sets-cta{margin-top:110px;padding:55px 62px;border-radius:30px;background:linear-gradient(115deg,#ff7968,#ffad79 58%,#a8dfff);color:white;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 30px 80px rgba(255,107,94,.22)}.all-sets-cta a{display:flex;gap:28px;align-items:center;padding:17px 20px 17px 25px;border-radius:50px;background:#fff;color:#17213f;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase}.all-sets-cta a span{font-size:25px}.festival-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.festival-home-card{min-height:380px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;overflow:hidden;position:relative;color:#fff;text-decoration:none;background:linear-gradient(0deg,rgba(6,15,42,.86),rgba(6,15,42,.05) 70%),var(--festival-image) center/cover}.festival-home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(255,100,93,.25));transition:.3s}.festival-home-card>*{position:relative;z-index:2}.festival-home-card span{font-size:28px;font-weight:800;letter-spacing:-.04em}.festival-home-card p{margin:6px 0 20px;color:rgba(255,255,255,.75)}.festival-home-card b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.upcoming-wrap,.iconic-home{padding:100px 0;background:#111b3b;color:#fff;margin-top:110px}.home-section-heading.light>p{color:#aeb5ca}.upcoming-home-list{border-top:1px solid #34405f}.upcoming-home-list>a{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;padding:22px 5px;border-bottom:1px solid #34405f;color:white;text-decoration:none}.upcoming-home-list time{display:flex;gap:8px;align-items:baseline}.upcoming-home-list time strong{font-size:35px}.upcoming-home-list time span{color:#ff776c;font-size:11px;font-weight:900}.upcoming-home-list h3,.upcoming-home-list p{margin:0}.upcoming-home-list h3{font-size:22px}.upcoming-home-list p{color:#9ea6bd;margin-top:4px}.upcoming-home-list>a>b{padding:11px 17px;border:1px solid #54607d;border-radius:30px;font-size:10px;text-transform:uppercase}.dilemma-card{padding:36px;border-radius:26px;background:linear-gradient(135deg,#edf5ff,#fff0eb);box-shadow:0 20px 65px rgba(39,55,99,.1)}.dilemma-progress{display:flex;align-items:center;gap:14px}.dilemma-progress span,.dilemma-progress small{font-weight:900}.dilemma-progress i{height:3px;background:#dce1ea;flex:1}.dilemma-progress b{display:block;width:10%;height:100%;background:#ff6a61;transition:.35s}.dilemma-slide{display:none;text-align:center;padding:42px 0 24px}.dilemma-slide.active{display:block}.dilemma-slide>p{color:#71788e}.dilemma-choices{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.dilemma-choices button{min-height:145px;padding:24px;border:0;border-radius:20px;background:#fff;color:#15203e;font-size:clamp(22px,2.4vw,38px);font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(41,55,96,.08)}.dilemma-choices button.chosen{background:#17213f;color:white}.dilemma-choices button strong{display:block;margin-top:10px;color:#ff766b;font-size:15px}.dilemma-choices>i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#ff6a61;color:#fff;font-style:normal;font-size:11px;font-weight:900}.dilemma-result-copy{min-height:24px}.dilemma-next{display:block;margin:auto;padding:14px 22px;border:0;border-radius:30px;background:#17213f;color:#fff;font-weight:900;cursor:pointer}.dilemma-next:disabled{opacity:.3}.home-artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-artist-grid a{min-height:270px;position:relative;overflow:hidden;border-radius:21px;color:#fff;text-decoration:none}.home-artist-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.4s transform}.home-artist-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(10,20,49,.9))}.home-artist-grid span,.home-artist-grid small{position:absolute;z-index:2;left:21px}.home-artist-grid span{bottom:43px;font-size:21px;font-weight:800}.home-artist-grid small{bottom:23px;color:#ccd1df}.home-artist-grid a:hover img{transform:scale(1.04)}.blog-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-home-grid a{color:#17213f;text-decoration:none}.blog-home-grid img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:20px}.blog-home-grid p{color:#ff675e;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em}.blog-home-grid h3{font-size:24px;line-height:1.1;margin:10px 0}.blog-home-grid span{color:#8b91a3;font-size:11px}.iconic-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.iconic-story-grid a{min-height:290px;padding:26px;border:1px solid #354160;border-radius:22px;color:white;text-decoration:none;display:flex;flex-direction:column}.iconic-story-grid span{color:#ff786d}.iconic-story-grid h3{font-size:34px;margin:auto 0 10px}.iconic-story-grid p{color:#aeb5ca;max-width:300px}.home .site-footer{background:#111b3b;color:#fff;border-top:1px solid #34405f;margin:0;padding-top:60px;width:100%;max-width:none;padding-inline:max(22px,calc((100vw - var(--max))/2))}.home .site-footer a{color:#fff}
@media(max-width:1100px){.popular-set-grid{grid-template-columns:repeat(3,1fr)}.festival-home-grid,.home-artist-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.home .site-header{height:70px}.home .main-nav{background:#fff}.home .main-nav a{color:#17213f;height:46px;text-shadow:none}.home-euphoric-hero{height:720px}.home-hero-content{padding-bottom:165px}.home-hero-content h1{font-size:70px}.hero-float-filter{bottom:35px;grid-template-columns:1fr 1fr;width:calc(100% - 24px);border-radius:18px}.hero-float-filter a:nth-child(2){border-right:0}.home-section{padding-top:72px}.home-section-heading{display:block}.home-section-heading>p{margin-top:14px}.popular-set-grid{grid-template-columns:repeat(2,1fr)}.all-sets-cta{margin-top:75px;padding:34px;display:block}.all-sets-cta a{margin-top:28px;width:max-content}.dilemma-choices{grid-template-columns:1fr}.dilemma-choices>i{margin:auto}.blog-home-grid,.iconic-story-grid{grid-template-columns:1fr}.upcoming-home-list>a{grid-template-columns:70px 1fr}.upcoming-home-list>a>b{grid-column:2;width:max-content}.home .heartstyle-logo strong,.home .heartstyle-logo small{color:#fff}}
@media(max-width:520px){.home-euphoric-hero{height:680px}.home-hero-content h1{font-size:58px}.home-hero-intro{font-size:15px}.home-hero-actions{align-items:flex-start;flex-direction:column}.hero-float-filter a{padding:14px}.popular-set-grid,.festival-home-grid,.home-artist-grid{grid-template-columns:1fr}.home-section-heading h2,.all-sets-cta h2{font-size:38px}.all-sets-cta{border-radius:20px}.festival-home-card{min-height:310px}.dilemma-card{padding:20px}.dilemma-choices button{min-height:110px}.upcoming-wrap,.iconic-home{padding:72px 0}.home-artist-grid a{min-height:230px}}

/* Heartstyle 2026 — global experience */
body:not(.home){--text:#17213f;--muted:#747b90;--line:#e4e5e9;--panel:#fff;--panel2:#f4f1ed;--cyan:#ff6b62;--pink:#ff6b62;--purple:#7f8cff;background:radial-gradient(circle at 92% 2%,rgba(174,221,255,.52),transparent 26%),#f8f6f3;color:#17213f}
body:not(.home) .noise{opacity:.012}
body:not(.home) .site-header{height:82px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(20,34,65,.08);box-shadow:0 7px 28px rgba(33,47,82,.05);backdrop-filter:blur(20px)}
body:not(.home) .heartstyle-mark{background:#ff6b62;color:#fff;border-radius:50%;clip-path:none;box-shadow:none}
body:not(.home) .heartstyle-logo strong,body:not(.home) .heartstyle-logo small,body:not(.home) .logo,body:not(.home) .main-nav a,body:not(.home) .icon-button,body:not(.home) .menu-toggle{color:#17213f}
body:not(.home) .main-nav a{height:82px;border:0}
body:not(.home) .main-nav a:hover,body:not(.home) .main-nav a.active{color:#ff665d;text-shadow:none}
body:not(.home) .menu-toggle span{background:#17213f}
body:not(.home) .site-footer{width:100%;max-width:none;margin-top:60px;padding:56px max(22px,calc((100vw - var(--max))/2));background:#111b3b;color:#fff;border:0}
body:not(.home) .site-footer a,body:not(.home) .site-footer .logo,body:not(.home) .site-footer .heartstyle-logo strong,body:not(.home) .site-footer .heartstyle-logo small{color:#fff}
body:not(.home) .eyebrow{color:#ff6b62;letter-spacing:.15em}
body:not(.home) .button{border-radius:99px}
body:not(.home) .button.primary,body:not(.home) .featured-button{background:#ff6b62;color:#fff;box-shadow:0 12px 30px rgba(255,107,98,.2)}
body:not(.home) .button.ghost{border-color:#cfd3dd;color:#17213f;background:#fff}
body:not(.home) .archive-hero{min-height:320px;padding:90px 55px 50px;margin-top:42px;border-radius:30px;background:linear-gradient(125deg,#fff0eb 0%,#edf7ff 66%,#c9e8ff);display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative}
body:not(.home) .archive-hero:after{content:"";position:absolute;width:260px;height:260px;right:-55px;top:-90px;border-radius:50%;background:rgba(255,117,102,.18)}
body:not(.home) .archive-hero h1{font:750 clamp(56px,7vw,100px)/.82 "Segoe UI",Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase;color:#17213f}
body:not(.home) .archive-description,body:not(.home) .archive-hero>p{color:#697088}
body:not(.home) .archive-count{color:#ff6b62;font-size:64px;position:relative;z-index:2}
body:not(.home) .archive-count span{display:block;color:#7b8296;font-size:10px;text-transform:uppercase;letter-spacing:.16em}
body:not(.home) .featured-liveset{height:510px;margin-top:24px;border:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 75px rgba(36,51,88,.14);background:linear-gradient(90deg,rgba(10,23,53,.86),rgba(10,23,53,.12) 72%),var(--featured-image) center/cover}
body:not(.home) .featured-copy{max-width:570px;padding:62px;color:#fff}
body:not(.home) .featured-copy h2{font:750 clamp(48px,6vw,82px)/.88 "Segoe UI",Arial,sans-serif;letter-spacing:-.06em}
body:not(.home) .featured-label{color:#ff8a7f}
body:not(.home) .liveset-layout{gap:30px;margin-top:38px}
body:not(.home) .filter-sidebar{border:0;border-radius:22px;background:#fff;box-shadow:0 14px 50px rgba(38,52,89,.08);overflow:hidden}
body:not(.home) .filter-sidebar:before{background:linear-gradient(120deg,#ff756a,#ffaf7c);color:#fff;border:0}
body:not(.home) .filter-sidebar form{padding:24px}
body:not(.home) .filter-sidebar h2,body:not(.home) .results-heading h2,body:not(.home) .liveset-card h3,body:not(.home) .content-card h2{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.035em;text-transform:none;color:#17213f}
body:not(.home) .filter-sidebar a{color:#ff6b62}
body:not(.home) .filter-sidebar label{color:#4f5871}
body:not(.home) .filter-sidebar input,body:not(.home) .filter-sidebar select,body:not(.home) .filter-panel input,body:not(.home) .filter-panel select{background:#f5f4f2;border:1px solid #e5e4e1;color:#17213f;border-radius:12px}
body:not(.home) .liveset-grid{gap:18px}
body:not(.home) .liveset-card,body:not(.home) .track-card,body:not(.home) .content-card{border:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(38,52,89,.07);transition:.3s transform,.3s box-shadow}
body:not(.home) .liveset-card:hover,body:not(.home) .track-card:hover,body:not(.home) .content-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(38,52,89,.13)}
body:not(.home) .liveset-thumb{aspect-ratio:16/10}
body:not(.home) .liveset-thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);filter:saturate(.94) contrast(1.02)}
body:not(.home) .liveset-card-copy{padding:19px}
body:not(.home) .liveset-card-copy h3 a,body:not(.home) .track-card a,body:not(.home) .content-card a{color:#17213f}
body:not(.home) .liveset-card-copy>p,body:not(.home) .source-channel,body:not(.home) .content-card p{color:#7b8295}
body:not(.home) .liveset-play,body:not(.home) .play{background:#fff;color:#ff6b62;border:0;box-shadow:0 10px 30px rgba(17,27,59,.2)}
body:not(.home) .duration-badge{background:rgba(17,27,59,.8);color:#fff}
body:not(.home) .sound-badge,body:not(.home) .event-badge,body:not(.home) .trusted-badge{border-radius:99px}
body:not(.home) .favorite-button{border:1px solid #e4e4e6;background:#fff;color:#596078;border-radius:99px}
body:not(.home) .favorite-button.active{background:#fff0ed;border-color:#ff8379;color:#ff665d}
body:not(.home) .filter-panel,body:not(.home) .panel{border:0;background:#fff;border-radius:20px;box-shadow:0 12px 40px rgba(38,52,89,.07)}
body:not(.home) .content-grid{gap:20px;padding-top:36px}
body:not(.home) .content-card{padding:0}
body:not(.home) .content-card-image{height:230px;margin:0}
body:not(.home) .content-card>a>p,body:not(.home) .content-card h2{margin-left:20px;margin-right:20px}
body:not(.home) .content-card>a>p:last-child{padding-bottom:20px}
body:not(.home) .single-track,body:not(.home) .article-page{margin-top:42px;padding:60px;border-radius:30px;background:#fff;box-shadow:0 18px 65px rgba(38,52,89,.08)}
body:not(.home) .single-track h1,body:not(.home) .article-page h1{font:750 clamp(48px,7vw,88px)/.9 "Segoe UI",Arial,sans-serif;letter-spacing:-.065em;color:#17213f}
body:not(.home) .single-track-hero>img{border:0;border-radius:22px;box-shadow:0 20px 55px rgba(38,52,89,.14)}
body:not(.home) .track-facts,body:not(.home) .article-content a{color:#ff665d}
body:not(.home) .article-meta{color:#7b8295}
body:not(.home) .video-shell{border-radius:22px;overflow:hidden;background:#111b3b;box-shadow:0 24px 60px rgba(17,27,59,.18)}
body:not(.home) .page-numbers{color:#17213f;border-color:#dfe1e6;border-radius:50%}
body:not(.home) .page-numbers.current{color:#fff;background:#ff6b62;border-color:#ff6b62}
body:not(.home) .favorites-page .panel,body:not(.home) .favorites-grid>*{background:#fff}
@media(max-width:780px){
 body:not(.home) .main-nav{background:#fff;border-color:#ecebee}
 body:not(.home) .main-nav a{height:46px}
 body:not(.home) .archive-hero{min-height:260px;margin-top:18px;padding:48px 28px 35px;border-radius:22px}
 body:not(.home) .archive-hero h1{font-size:58px}
 body:not(.home) .featured-liveset{height:390px;border-radius:20px}
 body:not(.home) .featured-copy{padding:28px}
 body:not(.home) .single-track,body:not(.home) .article-page{padding:30px 22px;margin-top:20px;border-radius:22px}
}

/* Authentic imagery and unified typography */
html,body,button,input,select,textarea,
.hero h1,.section h2,.panel h2,.newsletter h2,.finder-dialog h2,
.archive-hero h1,.featured-copy h2,.filter-sidebar h2,.results-heading h2,
.liveset-card h3,.track-card h3,.content-card h2,.single-track h1,
.article-page h1,.article-content h2,.home-section-heading h2,
.all-sets-cta h2,.iconic-story-grid h3{
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
}
.main-nav a,.eyebrow,.home-kicker,.button,.set-badges span,.filter-sidebar label{
  letter-spacing:.075em;
}
.liveset-card h3,.featured-copy h2,.archive-hero h1,.single-track h1,.article-page h1{
  text-shadow:none!important;
}
.liveset-thumb img,.home-set-image img,.home-artist-grid img{
  object-fit:cover;
  object-position:center;
  width:100%;
  height:100%;
}
.liveset-thumb img{transform:scale(1.04)}
.home-artist-grid img{filter:saturate(.88) contrast(1.05)}
body.post-type-archive-ha_liveset .liveset-photo-hero{
  min-height:590px;
  margin-top:0;
  width:100%;
  max-width:none;
  padding:115px max(26px,calc((100vw - var(--max))/2)) 78px;
  border-radius:0;
  align-items:flex-end;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(8,18,47,.88),rgba(8,18,47,.2) 68%),
    linear-gradient(0deg,rgba(8,18,47,.68),transparent 58%),
    var(--archive-image) center 42%/cover no-repeat;
}
body.post-type-archive-ha_liveset .site-header{
  position:absolute;
  inset:0 0 auto;
  background:linear-gradient(rgba(7,16,39,.58),transparent);
  border:0;
  box-shadow:none;
}
body.post-type-archive-ha_liveset .site-header .heartstyle-mark{
  background:rgba(255,255,255,.94);
  color:#ff6b62;
}
body.post-type-archive-ha_liveset .site-header .heartstyle-logo strong,
body.post-type-archive-ha_liveset .site-header .heartstyle-logo small,
body.post-type-archive-ha_liveset .site-header .main-nav a,
body.post-type-archive-ha_liveset .site-header .icon-button{color:#fff}
body.post-type-archive-ha_liveset .site-header .menu-toggle span{background:#fff}
body.post-type-archive-ha_liveset .liveset-photo-hero:after{
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:linear-gradient(120deg,transparent 60%,rgba(255,110,98,.22));
}
body.post-type-archive-ha_liveset .liveset-photo-hero>div,
body.post-type-archive-ha_liveset .liveset-photo-hero .archive-count{position:relative;z-index:2}
body.post-type-archive-ha_liveset .liveset-photo-hero h1{
  color:#fff;
  font-weight:650;
  font-size:clamp(72px,9vw,142px);
  line-height:.76;
  letter-spacing:-.075em;
}
body.post-type-archive-ha_liveset .liveset-photo-hero .archive-description{
  color:rgba(255,255,255,.78);
  max-width:560px;
  font-size:17px;
}
body.post-type-archive-ha_liveset .liveset-photo-hero .archive-count{color:#fff}
body.post-type-archive-ha_liveset .liveset-photo-hero .archive-count span{color:rgba(255,255,255,.7)}
body.post-type-archive-ha_liveset .featured-liveset{margin-top:-34px;position:relative;z-index:4}
@media(max-width:780px){
 body.post-type-archive-ha_liveset .liveset-photo-hero{min-height:500px;padding:100px 22px 58px}
 body.post-type-archive-ha_liveset .liveset-photo-hero h1{font-size:68px}
 body.post-type-archive-ha_liveset .featured-liveset{margin-top:18px}
}

/* Cleaner liveset finder */
body.post-type-archive-ha_liveset .liveset-photo-hero{
  min-height:520px;
  background:
    linear-gradient(90deg,rgba(9,20,48,.92) 0%,rgba(9,20,48,.62) 48%,rgba(9,20,48,.18)),
    linear-gradient(0deg,rgba(9,20,48,.52),transparent 62%),
    var(--archive-image) center 45%/cover no-repeat;
}
body.post-type-archive-ha_liveset .liveset-layout{display:block;margin-top:0}
body.post-type-archive-ha_liveset .filter-sidebar{
  position:relative;
  top:auto;
  margin:-42px 0 42px;
  z-index:6;
  border:1px solid rgba(20,35,69,.08);
  border-radius:18px;
  box-shadow:0 22px 65px rgba(30,45,81,.12);
}
body.post-type-archive-ha_liveset .filter-sidebar:before{display:none}
body.post-type-archive-ha_liveset .filter-sidebar form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  column-gap:14px;
  row-gap:8px;
  align-items:end;
  padding:22px;
}
body.post-type-archive-ha_liveset .filter-sidebar-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
body.post-type-archive-ha_liveset .filter-sidebar-head h2{font-size:24px;margin:0}
body.post-type-archive-ha_liveset .filter-sidebar-head .eyebrow{display:none}
body.post-type-archive-ha_liveset .filter-sidebar label{font-size:10px;margin:0}
body.post-type-archive-ha_liveset .filter-sidebar select{height:48px;padding:0 13px;border-radius:10px;background:#f6f6f5}
body.post-type-archive-ha_liveset .filter-field{display:grid;gap:7px}
body.post-type-archive-ha_liveset .filter-submit{grid-column:5;min-height:48px;white-space:nowrap}
body.post-type-archive-ha_liveset .results-heading{margin-bottom:18px}

/* Real portraits, treated as an editorial sketch */
body.post-type-archive-ha_artist .content-grid{grid-template-columns:repeat(4,1fr)}
body.post-type-archive-ha_artist .content-card{position:relative;background:#111b3b;color:#fff;border-radius:24px}
body.post-type-archive-ha_artist .content-card-image{
  height:330px;
  margin:0;
  background-position:center 24%;
  filter:grayscale(1) contrast(1.28);
  opacity:.88;
}
body.post-type-archive-ha_artist .content-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    repeating-linear-gradient(165deg,transparent 0 5px,rgba(255,255,255,.045) 6px 7px),
    linear-gradient(0deg,rgba(17,27,59,.98),transparent 65%);
}
body.post-type-archive-ha_artist .content-card a{position:relative;display:block}
body.post-type-archive-ha_artist .content-card p,
body.post-type-archive-ha_artist .content-card h2{position:relative;z-index:2;color:#fff}
body.post-type-archive-ha_artist .content-card .eyebrow{position:absolute;left:22px;bottom:61px;margin:0;color:#ff8278}
body.post-type-archive-ha_artist .content-card h2{position:absolute;left:22px;right:22px;bottom:19px;margin:0;font-size:28px}
body.post-type-archive-ha_artist .content-card a>p:last-child{display:none}

/* One recognizable stage image per event; featured images can override it */
body.post-type-archive-ha_event .content-grid{grid-template-columns:repeat(3,1fr)}
body.post-type-archive-ha_event .content-card-image{height:310px}
body.post-type-archive-ha_event .content-card h2{font-size:30px}
.home-artist-grid img{object-position:center 22%;filter:saturate(.95) contrast(1.04)}
@media(max-width:1000px){
 body.post-type-archive-ha_artist .content-grid{grid-template-columns:repeat(2,1fr)}
 body.post-type-archive-ha_event .content-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
 body.post-type-archive-ha_liveset .liveset-photo-hero{min-height:460px}
 body.post-type-archive-ha_liveset .filter-sidebar{margin:-28px 0 32px}
 body.post-type-archive-ha_liveset .filter-sidebar form{grid-template-columns:1fr 1fr}
 body.post-type-archive-ha_liveset .filter-sidebar-head{grid-column:1/-1}
 body.post-type-archive-ha_liveset .filter-submit{grid-column:1/-1;grid-row:auto}
 body.post-type-archive-ha_artist .content-grid,body.post-type-archive-ha_event .content-grid{grid-template-columns:1fr}
}

/* Full-bleed card imagery */
.festival-home-card{
  background-size:auto 122%;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#111b3b;
}
.home-artist-grid a,.home-set-image,.liveset-thumb,.cover{background:#111b3b}
.home-artist-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.13);
}
.home-artist-grid a:hover img{transform:scale(1.17)}
.home-set-image img,.liveset-thumb img,.cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.25);
}
.home-set-card:hover .home-set-image img,.liveset-card:hover .liveset-thumb img,.track-card:hover .cover img{transform:scale(1.29)}
body.post-type-archive-ha_artist .content-card-image,
body.post-type-archive-ha_event .content-card-image{
  background-size:auto 120%;
  background-repeat:no-repeat;
  background-color:#111b3b;
}
.home-artist-grid .artist-card-noisecontrollers img{object-position:center 31%}
.home-artist-grid .artist-card-d-block-s-te-fan img{object-position:center 38%}
.home-artist-grid .artist-card-technoboy img{object-position:center 24%}

/* Ten-event festival carousel: six visible, no scrollbar */
.festival-carousel{position:relative}
.festival-home-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 75px)/6);
  grid-template-columns:none;
  gap:15px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding-bottom:3px;
}
.festival-home-grid::-webkit-scrollbar{display:none}
.festival-home-card{
  min-width:0;
  min-height:340px;
  scroll-snap-align:start;
}
.festival-home-card span{font-size:23px}
.surprise-set-button{
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding:13px 18px 13px 22px;
  border:1px solid #d8dce5;
  border-radius:999px;
  background:#fff;
  color:#17213f!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 10px 30px rgba(34,45,78,.08);
}
.surprise-set-button span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#ff6b62;
  color:#fff;
  font-size:14px;
}

/* Heartstyle identity */
.heartstyle-logo .heartstyle-mark{
  width:46px;
  height:46px;
  padding:0;
  overflow:visible;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.heartstyle-logo .heartstyle-mark img{display:block;width:100%;height:100%;object-fit:contain}
.heartstyle-logo strong{letter-spacing:-.045em}

/* Liveset watch page */
.single-ha_liveset{background:#f6f5f2;color:#101b3b}
.single-ha_liveset .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(16,27,59,.08)}
.watch-atmosphere{
  position:relative;
  min-height:340px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#0b1430;
  isolation:isolate;
}
.watch-atmosphere:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--watch-image);
  background-size:cover;
  background-position:center 42%;
  filter:saturate(1.08);
  transform:scale(1.02);
}
.watch-atmosphere:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(5,12,31,.75) 0%,rgba(5,12,31,.62) 52%,rgba(5,12,31,.42) 100%),linear-gradient(0deg,rgba(5,12,31,.72),rgba(5,12,31,.14) 78%);
}
.watch-atmosphere-copy{padding-top:90px;padding-bottom:48px;color:#fff}
.watch-atmosphere-copy h1{max-width:820px;margin:.45rem 0 1rem;font-size:clamp(1.65rem,2.2vw,2.45rem);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.watch-hero-meta{display:flex;flex-wrap:wrap;gap:8px}
.watch-hero-meta span{padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);font-size:.78rem;font-weight:800}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;padding-top:38px;padding-bottom:100px}
.watch-main{min-width:0}
.watch-main .video-shell{margin:0;border-radius:20px;overflow:hidden;background:#05070c;box-shadow:0 22px 55px rgba(13,23,51,.18)}
.watch-main .video-shell iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.watch-title-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 2px 18px}
.watch-title-row h2{margin:3px 0 0;font-size:clamp(1.65rem,3vw,2.55rem);letter-spacing:-.035em}
.watch-kicker{margin:0;color:#ff5f61;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.watch-actions{display:flex;gap:10px;flex-shrink:0}
.watch-actions .favorite-button,.watch-youtube-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:0 20px;border:1px solid #dfe1e7;border-radius:999px;font:800 .78rem/1 inherit;text-decoration:none;cursor:pointer;box-shadow:none}
.watch-actions .favorite-button{background:#fff;color:#101b3b}
.watch-actions .favorite-button.active{background:#101b3b;color:#fff}
.watch-youtube-button{min-width:154px;padding-inline:28px;border-color:#ff5f61;background:#ff5f61;color:#fff}

/* Podcasts */
.podcast-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(6,14,35,.86) 0%,rgba(6,14,35,.58) 48%,rgba(6,14,35,.22) 100%),url("../images/liveset-header.png") center 51%/cover}
.podcast-hero__inner{
  width:min(calc(100% - 42px),var(--max));
  margin-inline:auto;
  padding-top:150px;
  padding-bottom:72px;
}
.podcast-hero h1{max-width:760px;margin:7px 0 15px;font-size:clamp(4rem,8vw,7.8rem);line-height:.82;letter-spacing:-.065em;color:#fff}
.podcast-hero p:not(.eyebrow){max-width:670px;margin:0 0 25px;font-size:1.08rem;line-height:1.6;color:rgba(255,255,255,.84)}
.podcast-publishers{padding-block:76px 110px}
.podcast-themes{padding-bottom:82px}
.podcast-themes__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:55px;align-items:end;margin-bottom:31px}
.podcast-themes__head h2{margin:4px 0 0;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.9;letter-spacing:-.06em}
.podcast-themes__head>p{margin:0;color:#70778a;line-height:1.65}
.podcast-story-list{border-top:1px solid #dfe1e7}
.podcast-story-list a{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:28px;align-items:center;padding:23px 5px;border-bottom:1px solid #dfe1e7;color:#101b3b;text-decoration:none;transition:.2s padding}
.podcast-story-list a:hover{padding-inline:13px}
.podcast-story-list span{color:#ff5f61;font:800 .72rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em}
.podcast-story-list strong{font-size:1.05rem;line-height:1.45}
.podcast-story-list small{text-align:right;color:#7b8294;font-weight:800}
.podcast-publisher{padding:0 0 82px}
.podcast-publisher+.podcast-publisher{padding-top:72px;border-top:1px solid #e7e8ed}
.podcast-publisher__header{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:24px;align-items:start;margin-bottom:31px}
.podcast-publisher__number{font:800 .86rem/1 var(--font-body);color:#ff5f61;border-top:3px solid #ff5f61;padding-top:10px}
.podcast-publisher__header h2{margin:2px 0 7px;font-size:clamp(2rem,4.1vw,4.2rem);line-height:.95;letter-spacing:-.05em}
.podcast-publisher__header p:not(.eyebrow){max-width:720px;margin:0;color:#70778a}
.podcast-channel-link{align-self:end;margin-bottom:4px;font-weight:800;color:#101b3b;text-underline-offset:5px}
.podcast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.podcast-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(16,27,59,.08);transition:transform .2s ease,box-shadow .2s ease}
.podcast-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(16,27,59,.14)}
.podcast-card__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#101b3b}
.podcast-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}
.podcast-card:hover .podcast-card__image img{transform:scale(1.025)}
.podcast-card__play{position:absolute;left:18px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#ff5f61;color:#fff;font-size:.78rem;box-shadow:0 7px 20px rgba(0,0,0,.25)}
.podcast-card__duration{position:absolute;right:12px;bottom:12px;padding:6px 8px;border-radius:7px;background:rgba(6,14,35,.9);color:#fff;font:800 .72rem/1 var(--font-body)}
.podcast-card__body{padding:20px 21px 23px}
.podcast-card__labels{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.podcast-card__artist{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#fff0ee;color:#e64d50;font:800 .68rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.06em}
.podcast-card__labels .podcast-card__artist{margin-bottom:0}
.podcast-card__topic{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf3fb;color:#4e607e;font:800 .68rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.05em}
.podcast-card h3{margin:0 0 18px;font-size:1.14rem;line-height:1.28;letter-spacing:-.02em}
.podcast-card h3 a{color:#101b3b;text-decoration:none}
.podcast-card__listen{font:800 .73rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:#101b3b;text-decoration:none}
@media(max-width:900px){
  .podcast-hero{min-height:470px;background-position:58% center}
  .podcast-publisher__header{grid-template-columns:48px 1fr}
  .podcast-channel-link{grid-column:2}
  .podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .podcast-themes__head{grid-template-columns:1fr;gap:13px}
  .podcast-story-list a{grid-template-columns:145px minmax(0,1fr)}
  .podcast-story-list small{grid-column:2;text-align:left}
}
@media(max-width:620px){
  .podcast-hero{min-height:520px;align-items:flex-end;background-position:62% center}
  .podcast-hero__inner{width:calc(100% - 28px);padding-top:125px;padding-bottom:48px}
  .podcast-hero h1{font-size:4.3rem}
  .podcast-publishers{padding-top:54px}
  .podcast-themes{padding-bottom:62px}
  .podcast-story-list a{grid-template-columns:1fr;gap:8px;padding-block:20px}
  .podcast-story-list small{grid-column:1}
  .podcast-publisher{padding-bottom:65px}
  .podcast-publisher+.podcast-publisher{padding-top:55px}
  .podcast-publisher__header{grid-template-columns:1fr;gap:10px}
  .podcast-publisher__number{width:42px}
  .podcast-channel-link{grid-column:1;margin-top:5px}
  .podcast-grid{display:flex;overflow-x:auto;gap:14px;margin-inline:-18px;padding:2px 18px 28px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .podcast-grid::-webkit-scrollbar{display:none}
  .podcast-card{min-width:84vw;scroll-snap-align:start}
}
.watch-info-panel{padding:22px 24px;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(13,23,51,.07)}
.watch-facts{display:flex;flex-wrap:wrap;gap:16px 30px}
.watch-facts div{display:grid;gap:3px;min-width:90px}
.watch-facts small{color:#7b8295;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.watch-facts strong{font-size:.92rem}
.watch-description{margin-top:20px;padding-top:18px;border-top:1px solid #ececf0;color:#51596e;line-height:1.7}
.watch-description>*:first-child{margin-top:0}.watch-description>*:last-child{margin-bottom:0}
.watch-tracklist{margin-top:22px;padding:26px;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(13,23,51,.07)}
.watch-tracklist-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}
.watch-tracklist-heading .eyebrow{margin:0 0 3px}.watch-tracklist-heading h2{margin:0;font-size:1.85rem;letter-spacing:-.04em}
.watch-tracklist-heading>span{padding:6px 10px;border-radius:999px;background:#f0f1f4;color:#687085;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.watch-tracklist ol{margin:0;padding:0;list-style:none;counter-reset:tracks}
.watch-tracklist li{counter-increment:tracks;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid #ececf0;color:#202b49;line-height:1.42}
.watch-tracklist li:before{content:counter(tracks,decimal-leading-zero);color:#ff5f61;font-size:.7rem;font-weight:900;padding-top:3px}
.tracklist-source{margin:18px 0 0;color:#7b8295;font-size:.72rem}.tracklist-source a{color:#101b3b;font-weight:800}
.watch-related{position:sticky;top:96px}
.watch-related-heading{margin-bottom:16px}
.watch-related-heading .eyebrow{margin:0 0 4px}
.watch-related-heading h2{margin:0;font-size:1.65rem;letter-spacing:-.04em}
.watch-related-card{display:grid;grid-template-columns:158px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:15px;color:#101b3b;text-decoration:none}
.watch-related-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0a1021}
.watch-related-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}
.watch-related-card:hover img{transform:scale(1.045)}
.watch-related-image i{position:absolute;left:10px;bottom:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#ff5f61;font-size:.65rem;font-style:normal}
.watch-related-image small{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:5px;background:rgba(5,8,18,.88);color:#fff;font-size:.62rem;font-weight:800}
.watch-related-copy{display:grid;gap:7px;min-width:0}
.watch-related-copy strong{font-size:.92rem;line-height:1.18}
.watch-related-copy>small{color:#777f93;font-size:.72rem;line-height:1.35}
.watch-all-link{display:inline-flex;margin-top:10px;color:#101b3b;font-size:.8rem;font-weight:900;text-decoration:none;border-bottom:2px solid #ff5f61;padding-bottom:4px}
@media(max-width:1050px){
  .watch-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}
  .watch-related-card{grid-template-columns:130px minmax(0,1fr)}
}
@media(max-width:820px){
  .watch-atmosphere{min-height:290px}
  .watch-atmosphere-copy{padding-bottom:34px}
  .watch-layout{grid-template-columns:1fr;padding-top:24px}
  .watch-related{position:static}
  .watch-related-card{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:560px){
  .watch-atmosphere-copy h1{font-size:2.4rem}
  .watch-title-row{align-items:flex-start;flex-direction:column}
  .watch-actions{width:100%}
  .watch-actions>*{flex:1}
  .watch-info-panel{padding:18px}
  .watch-related-card{grid-template-columns:130px minmax(0,1fr)}
  .heartstyle-logo .heartstyle-mark{width:40px;height:40px}
}

/* Working home search */
.hero-float-filter{grid-template-columns:1.25fr repeat(4,1fr) auto;align-items:stretch;padding:9px}
.hero-float-filter label{min-width:0;display:grid;gap:4px;padding:9px 14px;border-right:1px solid #e5e4e3}
.hero-float-filter label>span{color:#8a90a0;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.hero-float-filter input,.hero-float-filter select{min-width:0;width:100%;height:26px;padding:0;border:0;outline:0;background:transparent;color:#17213f;font:800 11px/1 "Segoe UI",Arial,sans-serif}
.hero-float-filter button{align-self:stretch;padding:0 21px;border:0;border-radius:15px;background:#ff655f;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}
.hero-float-filter button b{margin-left:7px;font-size:16px}

/* Shared Heartstyle atmosphere on the remaining pages */
body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero{
  min-height:300px;
  padding:62px 52px 42px;
  color:#fff;
  isolation:isolate;
  background:linear-gradient(90deg,rgba(6,14,35,.82),rgba(6,14,35,.42)),url("../images/liveset-header.png") center 51%/cover;
  box-shadow:0 18px 60px rgba(21,33,67,.12);
}
body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero:after{display:none}
body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero h1{max-width:880px;color:#fff;font-size:clamp(2.2rem,4.3vw,4.8rem);line-height:.94;text-shadow:0 3px 25px rgba(0,0,0,.28)}
body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero .eyebrow,
body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero>p,
body:not(.home):not(.post-type-archive-ha_liveset) .archive-description{position:relative;z-index:1;color:rgba(255,255,255,.82)!important}
body:not(.home) .article-page{max-width:1100px}
body:not(.home) .article-page h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.96;text-transform:none}

@media(max-width:980px){
  .hero-float-filter{grid-template-columns:repeat(3,1fr)}
  .hero-float-filter button{min-height:50px}
}
@media(max-width:780px){
  .hero-float-filter{grid-template-columns:1fr 1fr;bottom:22px}
  .hero-float-filter label{padding:7px 10px}
  .hero-float-filter button{grid-column:1/-1;min-height:38px}
  .home-euphoric-hero{height:790px}
}
@media(max-width:520px){
  .hero-float-filter{grid-template-columns:1fr 1fr}
  .hero-float-filter .home-search-field{grid-column:1/-1}
  .hero-float-filter label:nth-of-type(5){grid-column:1/-1}
  .home-euphoric-hero{height:850px}
}

/* Popular livesets: ten-card swipe rail */
.popular-carousel{position:relative}
.popular-set-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 56px)/5);
  grid-template-columns:none;
  gap:14px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:5px 2px 20px;
}
.popular-set-grid::-webkit-scrollbar{display:none}
.popular-set-grid .home-set-card{scroll-snap-align:start;min-width:0}
.popular-dots{margin-top:8px}

/* Mobile rhythm and readable sizing across Heartstyle */
@media(max-width:760px){
  :root{--max:100%}
  .shell{width:min(100% - 28px,var(--max))}
  .site-header{padding-inline:14px}
  .heartstyle-logo small{font-size:6px;letter-spacing:.15em}
  .heartstyle-logo strong{font-size:18px}
  .header-actions{gap:5px}
  .home-hero-content h1{font-size:clamp(3.15rem,16vw,4.6rem);line-height:.82}
  .home-hero-intro{max-width:92%;font-size:15px;line-height:1.55}
  .home-section{padding-top:70px}
  .home-section-heading{display:flex;align-items:flex-start;gap:18px}
  .home-section-heading h2,.all-sets-cta h2{font-size:clamp(2rem,9.5vw,2.8rem);line-height:.98}
  .surprise-set-button{flex-shrink:0;padding:10px 13px;font-size:9px}
  .popular-set-grid{grid-auto-columns:calc((100% - 14px)/2)}
  .home-set-image{aspect-ratio:16/10}
  .home-set-card>div{padding:14px}
  .home-set-card h3{font-size:16px}
  .festival-home-grid{grid-auto-columns:calc((100% - 14px)/2)}
  .festival-home-card{min-height:300px;padding:20px}
  .festival-home-card span{font-size:22px}
  .all-sets-cta{padding:30px 24px}
  .all-sets-cta a{width:100%;justify-content:space-between}
  .home-artist-grid{grid-template-columns:repeat(2,1fr)}
  .blog-home-grid{gap:34px}
  .watch-atmosphere{min-height:255px}
  .watch-atmosphere-copy{padding-top:72px;padding-bottom:28px}
  .watch-atmosphere-copy h1{font-size:1.7rem}
  .watch-hero-meta span{font-size:.68rem}
  .watch-layout{width:min(100% - 20px,var(--max));padding-bottom:70px}
  .watch-main .video-shell{border-radius:13px}
  .watch-title-row h2{font-size:1.65rem}
  body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero{min-height:230px;padding:42px 24px 30px}
  body:not(.home):not(.post-type-archive-ha_liveset) .archive-hero h1{font-size:2.45rem}
  body:not(.home) .content-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .home-section-heading{display:block}
  .home-section-heading .surprise-set-button{margin-top:18px}
  .popular-set-grid,.festival-home-grid{grid-auto-columns:86%}
  .home-artist-grid{grid-template-columns:1fr}
  .upcoming-home-list>a{grid-template-columns:58px 1fr;gap:14px}
  .upcoming-home-list time strong{font-size:28px}
  .upcoming-home-list h3{font-size:18px}
  .watch-related-card{grid-template-columns:116px minmax(0,1fr)}
  .watch-facts{display:grid;grid-template-columns:1fr 1fr}
}

/* Visible, independently removable archive filters */
.active-filter-chips{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:-2px 0 24px;
}
.active-filter-chips a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:36px;
  padding:7px 9px 7px 13px;
  border:1px solid #dfe2e9;
  border-radius:999px;
  background:#fff;
  color:#17213f;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 5px 16px rgba(28,42,78,.06);
}
.active-filter-chips a b{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#eef0f4;
  color:#657087;
  font-size:15px;
  line-height:1;
}
.active-filter-chips a:hover{border-color:#ff6862}
.active-filter-chips a:hover b{background:#ff6862;color:#fff}
.active-filter-chips .clear-filter-chip{
  padding-inline:12px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  color:#757d90;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:640px){
  .active-filter-chips{flex-wrap:nowrap;overflow-x:auto;margin-bottom:18px;padding:2px 0 8px;scrollbar-width:none}
  .active-filter-chips::-webkit-scrollbar{display:none}
  .active-filter-chips a{flex:0 0 auto;max-width:85vw}
  .active-filter-chips a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Clean hero alignment and remove artificial shading */
.home-euphoric-hero:after{display:none}
.home-hero-content,.hero-float-filter{width:min(calc(100% - 40px),var(--max))}
.home-hero-content{padding-left:0;padding-right:0}
.hero-float-filter{
  bottom:38px;
  padding:8px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 12px 30px rgba(17,28,57,.14);
}
.hero-float-filter label{justify-content:center;padding:8px 15px}
.hero-float-filter button{min-width:96px}
.popular-set-grid{padding-bottom:8px}
.popular-set-grid .home-set-card{box-shadow:0 7px 20px rgba(42,53,92,.08)}
.popular-dots{margin-top:16px}
.popular-section{padding-bottom:10px}

@media(max-width:780px){
  .home-euphoric-hero{
    height:850px;
    min-height:850px;
    align-items:flex-start;
    background-position:center top;
  }
  .home-hero-shade{background:linear-gradient(90deg,rgba(8,19,49,.76),rgba(8,19,49,.22)),linear-gradient(0deg,rgba(8,18,47,.42),transparent 68%)}
  .home-hero-content{
    padding-top:145px;
    padding-bottom:0;
  }
  .home-hero-actions{gap:19px}
  .hero-float-filter{
    bottom:24px;
    width:calc(100% - 28px);
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:9px;
    border-radius:20px;
    background:rgba(255,255,255,.97);
    box-shadow:0 14px 35px rgba(10,20,48,.18);
  }
  .hero-float-filter label{
    min-height:55px;
    padding:8px 11px;
    border:1px solid #e8e9ed;
    border-radius:12px;
    background:#fff;
  }
  .hero-float-filter label>span{font-size:7px}
  .hero-float-filter input,.hero-float-filter select{height:24px;font-size:10px}
  .hero-float-filter .home-search-field{grid-column:1/-1}
  .hero-float-filter button{grid-column:1/-1;min-height:44px;border-radius:12px}
}
@media(max-width:480px){
  .home-euphoric-hero{height:880px;min-height:880px}
  .home-hero-content{padding-top:125px}
  .home-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}
  .home-play-button span{width:48px;height:48px}
  .hero-float-filter label:nth-of-type(5){grid-column:auto}
  .home-section-heading{margin-bottom:24px}
  .popular-set-grid .home-set-card{box-shadow:0 5px 14px rgba(42,53,92,.07)}
}
.festival-dots{display:flex;justify-content:center;gap:9px;margin-top:24px}
.festival-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#cfd3dc;
  cursor:pointer;
  transition:.2s ease;
}
.festival-dots button.active{width:24px;border-radius:99px;background:#ff6b62}
@media(max-width:1200px){.festival-home-grid{grid-auto-columns:calc((100% - 45px)/4)}}
@media(max-width:760px){.festival-home-grid{grid-auto-columns:calc((100% - 15px)/2)}}
@media(max-width:520px){.festival-home-grid{grid-auto-columns:86%}}

/* Readable archive typography */
body.post-type-archive-ha_liveset .liveset-card-copy .eyebrow{
  margin:2px 0 8px;
  color:#17213f!important;
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
  font-size:15px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.015em;
  text-transform:none;
}
body.post-type-archive-ha_liveset .liveset-card-copy h3{
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
  font-size:14px;
  font-weight:750;
  line-height:1.42;
  letter-spacing:-.015em;
}
body.post-type-archive-ha_liveset .results-heading{
  height:56px;
  padding:0 18px;
  border:0;
  border-left:5px solid #ff6b62;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 30px rgba(34,45,78,.07);
}
body.post-type-archive-ha_liveset .results-heading h2{
  color:#17213f;
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.03em;
  text-transform:none;
}

/* Artist profile – shared by every artist in the archive */
body.single-ha_artist{background:#f8f6f3;color:#111d3b}
body.single-ha_artist .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0}
body.single-ha_artist .heartstyle-logo strong,
body.single-ha_artist .heartstyle-logo small,
body.single-ha_artist .main-nav a,
body.single-ha_artist .icon-button{color:#fff}
body.single-ha_artist .heartstyle-mark{background:rgba(255,255,255,.92);border-radius:50%}
.artist-profile-hero{position:relative;min-height:570px;display:flex;align-items:flex-end;background:var(--artist-hero) center 30%/cover no-repeat;color:#fff}
.artist-profile-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,47,.84),rgba(8,18,47,.28) 62%,rgba(8,18,47,.08)),linear-gradient(0deg,rgba(8,18,47,.55),transparent 58%)}
.artist-profile-hero__content{position:relative;z-index:2;padding-bottom:70px}
.artist-profile-hero h1{max-width:950px;margin:3px 0 21px;font:700 clamp(4.4rem,9vw,9.2rem)/.78 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.075em;color:#fff}
.artist-profile-hero__meta{display:flex;gap:10px;flex-wrap:wrap}
.artist-profile-hero__meta span{padding:8px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(12,24,54,.22);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.artist-profile-nav{display:flex;gap:31px;padding-block:20px;border-bottom:1px solid #dedfe4}
.artist-profile-nav a{color:#111d3b;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.artist-profile-intro{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,60fr);gap:10%;align-items:center;padding-block:92px}
.artist-profile-portrait{min-height:440px;overflow:hidden;border-radius:26px;background:#111b3b;box-shadow:0 24px 65px rgba(24,35,69,.15)}
.artist-profile-portrait img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center 25%;transform:scale(1.015)}
.artist-profile-intro__copy h2,.artist-profile-section h2{margin:4px 0 22px;font:750 clamp(2.7rem,5.2vw,5.7rem)/.91 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.06em}
.artist-profile-lead{max-width:720px;margin:0;color:#4d566d;font-size:clamp(1.18rem,2vw,1.65rem);line-height:1.55}
.artist-profile-facts{display:flex;gap:48px;margin-top:35px;padding-top:26px;border-top:1px solid #dedfe4}
.artist-profile-facts small,.artist-profile-facts strong{display:block}
.artist-profile-facts small{margin-bottom:5px;color:#8a90a0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.artist-profile-facts strong{font-size:17px}
.artist-profile-section{padding-block:91px}
.artist-profile-sets{background:#111b3b;color:#fff}
.artist-profile-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:33px}
.artist-profile-section__head h2{margin-bottom:0;color:inherit}
.artist-profile-section__head>a{color:inherit;text-underline-offset:5px}
.artist-liveset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.artist-liveset-card{overflow:hidden;border-radius:20px;background:#fff;color:#111d3b}
.artist-liveset-card__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#080f24}
.artist-liveset-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s transform}
.artist-liveset-card:hover img{transform:scale(1.035)}
.artist-liveset-card__image small{position:absolute;right:11px;bottom:11px;padding:5px 8px;border-radius:6px;background:rgba(7,16,39,.9);color:#fff}
.artist-liveset-card__play{position:absolute;left:15px;bottom:13px;width:42px;height:42px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#ff665f;color:#fff;font-size:11px}
.artist-liveset-card>div{padding:18px 19px 22px}
.artist-liveset-card p{margin:0 0 6px;color:#ff665f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.artist-liveset-card h3{margin:0;font-size:18px;line-height:1.3}
.artist-liveset-card h3 a{color:#111d3b;text-decoration:none}
.artist-profile-empty{color:#b8bfd0}
.artist-profile-story{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,52fr);gap:10%;align-items:start}
.artist-profile-story__copy{color:#4f586e;font-size:18px;line-height:1.8}
.artist-profile-story__copy p:first-child{margin-top:0}
.artist-profile-story__copy h2{font-size:34px;margin-top:37px}
.artist-profile-classic{padding-block:90px;background:linear-gradient(115deg,#ff7469,#ff9b78 55%,#a9dcfa);color:#fff}
.artist-profile-classic__inner{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,48fr);gap:10%;align-items:start}
.artist-profile-classic h2{margin:4px 0 0;font:750 clamp(2.5rem,4.7vw,5rem)/.94 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.055em;color:#fff}
.artist-profile-classic .eyebrow{color:#fff}
.artist-profile-classic__copy{font-size:19px;line-height:1.75}
.artist-profile-classic__copy>p:first-child{margin-top:0}
.artist-profile-sources{margin-top:27px;padding-top:19px;border-top:1px solid rgba(255,255,255,.42)}
.artist-profile-sources summary{cursor:pointer;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.artist-profile-sources ul{display:grid;gap:8px;margin:16px 0 0;padding-left:19px}
.artist-profile-sources a{color:#fff;text-underline-offset:4px}
.artist-profile-social-wrap{background:#edf2f8}
.artist-profile-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;border-top:1px solid #cfd5df}
.artist-profile-socials a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4px;border-bottom:1px solid #cfd5df;color:#111d3b;text-decoration:none}
.artist-profile-socials span{font-size:22px;font-weight:800}
.artist-profile-socials b{color:#6e768a;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
body.single-ha_artist .site-footer{margin-top:0;background:#111b3b;color:#fff;border:0;padding-inline:max(22px,calc((100vw - var(--max))/2));width:100%;max-width:none}
body.single-ha_artist .site-footer a{color:#fff}
@media(max-width:900px){
  .artist-profile-intro,.artist-profile-story,.artist-profile-classic__inner{grid-template-columns:1fr;gap:38px}
  .artist-profile-portrait{min-height:520px}
  .artist-profile-portrait img{min-height:520px}
  .artist-liveset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .artist-profile-hero{min-height:520px;background-position:58% center}
  .artist-profile-hero__content{padding-bottom:42px}
  .artist-profile-hero h1{font-size:3.9rem}
  .artist-profile-nav{gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .artist-profile-intro,.artist-profile-section,.artist-profile-classic{padding-block:58px}
  .artist-profile-portrait,.artist-profile-portrait img{min-height:390px}
  .artist-profile-facts{gap:25px}
  .artist-profile-section__head{display:block}
  .artist-profile-section__head>a{display:inline-block;margin-top:15px}
  .artist-liveset-grid{display:flex;overflow-x:auto;gap:14px;margin-inline:-18px;padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .artist-liveset-card{min-width:84vw;scroll-snap-align:start}
  .artist-profile-socials{grid-template-columns:1fr}
  .artist-profile-socials b{max-width:145px;text-align:right}
}

/* Favorites in the same visual language as the homepage */
body.page-template-page-favorieten{background:#f8f6f3;color:#111d3b}
body.page-template-page-favorieten .site-header{position:absolute;top:0;left:0;right:0;height:88px;background:transparent;border:0;box-shadow:none}
body.page-template-page-favorieten .heartstyle-mark{background:rgba(255,255,255,.92);border-radius:50%}
body.page-template-page-favorieten .heartstyle-logo strong,
body.page-template-page-favorieten .heartstyle-logo small,
body.page-template-page-favorieten .main-nav a,
body.page-template-page-favorieten .icon-button{color:#fff}
.favorites-hero{position:relative;min-height:610px;display:flex;align-items:flex-end;background:var(--favorites-hero) center 30%/cover no-repeat;color:#fff}
.favorites-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,49,.76),rgba(8,19,49,.12) 66%),linear-gradient(0deg,rgba(8,18,47,.48),transparent 62%)}
.favorites-hero__content{position:relative;z-index:2;padding-bottom:76px}
.favorites-hero h1{max-width:760px;margin:7px 0 21px;font:300 clamp(4.5rem,8vw,8.2rem)/.78 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;color:#fff}
.favorites-hero__content>p:not(.home-kicker){max-width:620px;margin:0 0 24px;color:rgba(255,255,255,.86);font-size:17px;line-height:1.65}
.favorites-page{padding-block:54px 95px}
.favorites-page .results-heading{height:auto;min-height:72px;margin-bottom:25px;padding:12px 15px 12px 22px;border:0;border-left:5px solid #ff665f;border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(31,43,79,.08)}
.favorites-page .results-heading h2{color:#111d3b;font:800 24px/1.1 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.035em;text-transform:none}
.favorites-page .results-heading .button{border-color:#dfe2e8;background:#fff;color:#111d3b;border-radius:999px}
.favorites-page .liveset-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(31,43,79,.08)}
body.page-template-page-favorieten .site-footer{margin-top:0;background:#111b3b;color:#fff;border:0;width:100%;max-width:none;padding-inline:max(22px,calc((100vw - var(--max))/2))}
body.page-template-page-favorieten .site-footer a{color:#fff}
@media(max-width:780px){
  .favorites-hero{min-height:570px;background-position:58% center}
  .favorites-hero__content{padding-bottom:48px}
  .favorites-hero h1{font-size:4.2rem}
}
@media(max-width:520px){
  .favorites-hero{min-height:540px}
  .favorites-hero h1{font-size:3.65rem}
  .favorites-hero__content>p:not(.home-kicker){font-size:15px}
  .favorites-page{padding-top:35px}
  .favorites-page .results-heading{align-items:flex-start;gap:13px}
  .favorites-page .results-heading h2{font-size:20px}
}

/* Full-screen mobile navigation */
.mobile-menu-favorite{display:none}
@media(max-width:780px){
  body.mobile-menu-open{overflow:hidden}
  .site-header{z-index:90}
  .site-header .logo{position:relative;z-index:92}
  .site-header .menu-toggle{
    position:relative;
    z-index:92;
    display:flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    background:rgba(10,20,48,.16);
    backdrop-filter:blur(10px);
  }
  body:not(.home) .site-header .menu-toggle{border-color:#dfe2e8;background:rgba(255,255,255,.74)}
  .site-header .menu-toggle span{
    position:absolute;
    width:19px;
    height:2px;
    border-radius:2px;
    transition:transform .25s ease,opacity .2s ease,background .2s ease;
  }
  .site-header .menu-toggle span:nth-child(1){transform:translateY(-6px)}
  .site-header .menu-toggle span:nth-child(3){transform:translateY(6px)}
  .site-header .menu-toggle[aria-expanded="true"] span{background:#fff!important}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
  .site-header .main-nav{
    position:fixed;
    inset:0;
    z-index:91;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap:0;
    padding:112px 24px 35px;
    overflow-y:auto;
    background:
      radial-gradient(circle at 85% 12%,rgba(255,102,95,.28),transparent 34%),
      linear-gradient(145deg,#111b3b 0%,#09122b 62%,#050b1d 100%)!important;
    border:0!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .24s ease,transform .24s ease,visibility .24s;
  }
  .site-header .main-nav:before{
    content:"Menu";
    display:block;
    margin-bottom:18px;
    color:#ff746b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .site-header .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-header .main-nav .menu-list{display:flex;flex-direction:column;width:100%}
  .site-header .main-nav .menu-list li{display:block}
  .site-header .main-nav a,
  body.home .site-header .main-nav a,
  body:not(.home) .site-header .main-nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:auto;
    min-height:74px;
    padding:16px 0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.15);
    color:#fff;
    font:750 clamp(2rem,10vw,3.35rem)/1 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
    letter-spacing:-.045em;
    text-transform:none;
    text-shadow:none;
  }
  .site-header .main-nav a:after{content:"↗";color:#ff746b;font-size:18px;font-weight:500}
  .site-header .main-nav .mobile-menu-favorite{
    display:flex;
    min-height:52px;
    margin-top:auto;
    padding-top:30px;
    border:0;
    color:#fff;
    font-size:14px;
    font-weight:800;
    letter-spacing:0;
  }
  .mobile-menu-favorite>span:first-child{display:block}
  .mobile-menu-favorite [data-favorite-count]{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    margin-left:auto;
    border-radius:50%;
    background:#ff665f;
    color:#fff;
    font-size:11px;
  }
  .site-header .main-nav .mobile-menu-favorite:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .site-header .main-nav,.site-header .menu-toggle span{transition:none!important}
}

/* Task-first mobile menu: prominent top task, flat structure, no slide-in. */
@media(max-width:780px){
  body.mobile-menu-open:after{content:"";position:fixed;inset:68px 0 0;z-index:88;background:rgba(5,10,24,.62)}
  .site-header .main-nav{
    top:80px!important;
    right:auto!important;
    bottom:auto!important;
    left:calc(50% - 50vw + 12px)!important;
    width:calc(100vw - 24px);
    max-height:calc(100dvh - 92px);
    justify-content:flex-start;
    padding:22px!important;
    border:1px solid #e7e8ed!important;
    border-radius:20px;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(9,18,43,.26);
    transform:translateY(-8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s;
  }
  .site-header .main-nav:before{
    content:"Waar wil je heen?";
    margin:0 0 16px;
    color:#111c3f;
    font-size:20px;
    font-weight:800;
    letter-spacing:-.025em;
    text-transform:none;
  }
  .site-header .main-nav .menu-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .site-header .main-nav a,
  body.home .site-header .main-nav a,
  body:not(.home) .site-header .main-nav a{
    justify-content:flex-start;
    min-height:58px;
    padding:14px 16px;
    border:1px solid #e2e4ea;
    border-radius:12px;
    background:#f7f8fb;
    color:#111c3f;
    font:800 15px/1.2 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
    letter-spacing:-.015em;
  }
  .site-header .main-nav .menu-list li:first-child{grid-column:1/-1}
  .site-header .main-nav .menu-list li:first-child a,
  .site-header .main-nav > a[href*="/livesets/"]{
    min-height:76px;
    border-color:#ff665f!important;
    background:#ff665f!important;
    color:#fff!important;
    font-size:20px;
  }
  .site-header .main-nav a:after{display:none!important}
  .site-header .main-nav a:focus-visible{outline:3px solid #111c3f;outline-offset:2px}
  .site-header .main-nav .mobile-menu-favorite{
    gap:6px;
    min-height:56px;
    margin-top:14px;
    padding:14px 16px;
    border:1px solid #e2e4ea;
    border-radius:12px;
    background:#fff;
    color:#111c3f;
  }
}
@media(max-width:390px){
  .site-header .main-nav{padding:18px!important}
  .site-header .main-nav .menu-list{grid-template-columns:1fr}
  .site-header .main-nav .menu-list li:first-child{grid-column:auto}
  .site-header .main-nav .menu-list li:first-child a{min-height:66px}
}

.home-artists-section{padding-bottom:100px}
@media(max-width:780px){.home-artists-section{padding-bottom:64px}}

/* Keep the cloned favorite link mobile-only. */
.site-header .main-nav .mobile-menu-favorite{display:none!important}

@media(max-width:780px){
  body.mobile-menu-open:after{display:none}
  .site-header{
    grid-template-columns:auto 1fr auto!important;
    column-gap:12px;
  }
  .site-header .logo{grid-column:1}
  .site-header .menu-toggle{
    grid-column:3;
    justify-self:end!important;
    margin-left:auto;
    border-color:rgba(255,255,255,.72)!important;
    background:#111c3f!important;
  }
  body:not(.home) .site-header .menu-toggle{background:#111c3f!important}
  .site-header .main-nav{
    border-color:#31416b!important;
    background:#111c3f!important;
    box-shadow:0 24px 70px rgba(3,8,24,.45);
  }
  .site-header .main-nav:before{color:#fff}
  .site-header .main-nav a,
  body.home .site-header .main-nav a,
  body:not(.home) .site-header .main-nav a{
    border-color:#40517c;
    background:#1b2a50;
    color:#fff;
  }
  .site-header .main-nav a:focus-visible{outline-color:#ff746b}
  .site-header .main-nav .mobile-menu-favorite{
    display:flex!important;
    border-color:#40517c;
    background:#eef2fb;
    color:#111c3f;
  }
}