
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#111210;--muted:#a7a8a0;--line:#34352f;--orange:#ff602f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4f3eb;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:36px;letter-spacing:-1px}.logo span{color:var(--orange)}nav{display:flex;gap:32px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}nav a:hover{color:var(--orange)}.outline{border:1px solid #66675d;padding:13px 21px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.intro{padding:29px 5% 21px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.hero{margin:0 5%;height:570px;position:relative;overflow:hidden;background:#282b28}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 40%;filter:grayscale(100%);opacity:.7}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),transparent 85%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 70%)}.hero-content{position:absolute;z-index:1;top:48px;left:45px;max-width:600px}.label{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700}.orange{background:var(--orange);color:#121310;display:inline-block;padding:8px 11px}h1,h2,h3,.big{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;font-weight:800}h1{font-size:106px;line-height:.88;letter-spacing:-2px;margin:25px 0 20px}h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:13px;color:#d4d4ca;line-height:1.8;max-width:320px}.btn{display:inline-flex;gap:35px;align-items:center;background:var(--orange);color:#10120f;border:0;padding:16px 23px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.hero-bottom{position:absolute;z-index:1;bottom:27px;left:45px;right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.ticker{margin-top:32px;padding:16px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:600;letter-spacing:1px}.ticker span{color:var(--orange)}.elementor section{padding:65px 5% 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:2px;margin-bottom:9px}h2{font-size:51px;line-height:1}.section-head small{font-size:11px;color:var(--muted)}.filters{display:flex;gap:8px}.filters button{color:var(--muted);border:1px solid var(--line);background:transparent;padding:9px 16px;font-size:11px}.filters button.active{color:#111;background:#f1f0e8;border-color:#f1f0e8}.artists{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.portrait{height:330px;position:relative;overflow:hidden;background:#252722}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.5s}.artist:hover img{transform:scale(1.035);filter:grayscale(.2)}.portrait .tag{position:absolute;top:16px;left:16px;background:#121310d9;padding:7px 9px;font-size:9px;letter-spacing:1px}.artist-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}h3{font-size:33px}.artist-meta button{background:none;border:1px solid var(--line);border-radius:50%;color:white;width:36px;height:36px;font-size:18px}.sub{font-size:11px;color:var(--muted);margin:5px 0}.demo{color:#787b72;font-size:10px;margin-top:20px}.releases{display:grid;grid-template-columns:1fr 1fr;gap:18px}.release{padding:20px;border:1px solid var(--line);display:flex;gap:20px;align-items:center}.cover{width:100px;height:100px;display:grid;place-content:center;font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:.9;letter-spacing:-1px;text-align:center;background:#7c3528;color:#ffd5b5}.cover.two{background:#bcc2aa;color:#28392b}.release h3{font-size:27px}.spotify-link{display:inline-block;color:#95d8a8;font-size:10px;margin-top:12px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#e7e7dd;color:#181b15;margin:65px 5% 0}.feature-photo{min-height:340px;background:url('https://www.hype-o-dream.be/uploads/images/_1110x920_crop_center-center_100_none/HENKIE-T-PRESSKIT-X-JIMSHOTIT.jpg?v=1747303596') center/cover;filter:grayscale(1)}.feature-copy{padding:45px}.feature h2{font-size:57px;margin:20px 0}.feature p{font-size:12px;line-height:1.8;color:#52574d}.feature a{font-size:11px;font-weight:700;border-bottom:1px solid #333;display:inline-block;padding-bottom:8px;margin-top:10px}.spotify-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding-bottom:60px!important}.spotify-panel p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px}.form{border:1px solid var(--line);padding:26px}.form label{font-size:11px;display:block;margin-bottom:12px}.input-row{display:flex;gap:8px}.input-row input{background:#1b1d18;border:1px solid #414339;color:white;padding:13px;width:100%;min-width:0;font-size:12px}.input-row button{background:var(--orange);border:0;padding:12px 18px;color:#111;font-size:11px;font-weight:700}.hint{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}.notice{font-size:11px;color:#ffad91;margin-top:12px}.empty{border:1px dashed #414339;padding:22px;color:#8a9082;font-size:12px;margin-top:20px}iframe{width:100%;border:0;border-radius:12px;margin-top:20px}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;align-items:center}footer small{color:var(--muted);font-size:10px}.modal{background:#141610;border:1px solid #54574b;color:#f4f3eb;max-width:530px;padding:35px}.modal::backdrop{background:#000b}.modal p{font-size:13px;line-height:1.8;color:#bfc2b5}.close{float:right;background:none;border:0;color:#fff;font-size:24px}.modal .btn{margin-top:15px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:77px}nav{gap:17px;font-size:10px}header>.outline{display:none}.logo{font-size:28px}.intro{font-size:8px}.hero{height:540px}.hero-content{left:25px;top:35px}h1{font-size:83px}.hero-bottom{left:25px}.hero-bottom span:last-child{display:none}.ticker{font-size:16px}.ticker b:last-child{display:none}.section-head{align-items:start;gap:20px;flex-direction:column}h2{font-size:42px}.artists{grid-template-columns:1fr 1fr}.portrait{height:280px}.releases{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature-photo{min-height:240px}.spotify-panel{grid-template-columns:1fr;gap:20px}.feature-copy{padding:30px}footer{gap:20px}footer small{max-width:180px;line-height:1.7}}@media(max-width:480px){nav a:last-child{display:none}.artists{grid-template-columns:1fr}.portrait{height:390px}.hero{height:510px}h1{font-size:75px}.hero p{max-width:255px}.ticker{font-size:14px}.release{padding:15px}.cover{width:80px;height:80px;flex-shrink:0}.intro span:last-child{letter-spacing:1px}.input-row{flex-direction:column}}
.story{max-width:950px;margin:auto;padding:50px 5% 80px}.story h1{font-size:clamp(44px,8vw,80px);line-height:1;margin:25px 0}.story p{font-size:15px;line-height:1.9;color:var(--muted)}.video{aspect-ratio:16/9;height:auto;border-radius:0}
.elementor .elementor-widget-rr-import{margin:0!important}.elementor .rr-import-root{width:100%;min-width:0}.elementor .rr-import-root>.rr-main-anchor{height:0}.elementor .e-con.rr-import-container{padding:0!important;gap:0!important;max-width:none!important;width:100%!important;--container-max-width:100%;--content-width:100%;--widgets-spacing:0px;--gap:0px}.elementor .rr-import-container>.e-con-inner{padding:0;gap:0;max-width:none;width:100%}.elementor .rr-import-container .elementor-widget{width:100%;margin:0}.elementor .rr-import-root h1,.elementor .rr-import-root h2,.elementor .rr-import-root h3{color:inherit;font-family:"Barlow Condensed",Impact,sans-serif}.elementor .rr-import-root h1 em{color:var(--orange)}
