
@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}}
#spotlight .releases{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#spotlight h3{font-size:27px}#spotlight .artist-meta{align-items:flex-start}#spotlight article{min-width:0}@media(max-width:700px){#spotlight .releases{grid-template-columns:1fr}} #releases .releases{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#releases .release{min-width:0;padding:16px}#releases h3{font-size:25px}@media(max-width:700px){#releases .releases{grid-template-columns:1fr}} .classic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.classic-card{border-top:2px solid var(--orange);background:#191b16;padding:22px;min-width:0}.classic-year{color:var(--orange);font-size:12px;letter-spacing:2px}.classic-card h3{font-size:28px;line-height:1.1;margin-top:16px;min-height:62px}.classic-reason{font-size:12px;color:var(--muted);line-height:1.8;min-height:66px}.classic-card iframe{margin-top:8px}@media(max-width:700px){.classic-grid{grid-template-columns:1fr}.classic-card h3,.classic-reason{min-height:0}}.barz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.barz-grid article{min-width:0;padding:16px}.barz-grid h3{min-height:60px}@media(max-width:700px){.barz-grid{grid-template-columns:1fr}.barz-grid h3{min-height:0}} .feature{background:#1b1d18;color:#f4f3eb;border:1px solid #373a31;position:relative}.feature-photo{position:relative;filter:grayscale(1);background-color:#1a1c17;background-blend-mode:luminosity}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,9,.2),rgba(10,12,9,.15) 55%,#1b1d18),linear-gradient(0deg,rgba(9,11,8,.5),transparent 65%)}.feature-copy{padding:45px 42px}.feature-copy>.label{color:#ff8058;letter-spacing:2px;font-size:10px}.feature h2{font-size:57px;line-height:.98;margin:22px 0}.feature h2 span{color:var(--orange)}.feature p{color:#c0c4b7;max-width:480px;line-height:1.85}.feature a{background:var(--orange);color:#121310;border:0;padding:15px 20px;margin-top:15px;display:inline-flex;align-items:center;gap:30px}.feature a:hover{background:#ff8058}.feature-note{font-size:10px;line-height:1.7;color:#979e8d;margin-top:15px}@media(max-width:800px){.feature-copy{padding:30px}.feature h2{font-size:46px}.feature-photo:after{background:linear-gradient(0deg,#1b1d18,transparent 75%)}}.hero{background:#121410}.hero-collage{position:absolute;inset:0 0 0 39%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;transform:rotate(-3deg) scale(1.09);transform-origin:center}.hero-collage figure{margin:0;position:relative;overflow:hidden;background:#262a23}.hero-collage img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);display:block}.hero-collage figcaption{position:absolute;bottom:13px;right:14px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #000}.hero:after{background:linear-gradient(90deg,#10120f 0%,#10120ff5 28%,#10120fa6 40%,#10120f12 59%),linear-gradient(0deg,#10120f99,transparent 25%);pointer-events:none}.hero-content{max-width:50%;left:35px}.hero h1{font-size:clamp(65px,6.6vw,100px)}.hero-bottom{pointer-events:none}@media(max-width:800px){.hero{height:620px}.hero-collage{inset:0 0 0 15%;opacity:.6}.hero-content{max-width:90%;top:42px;left:25px}.hero h1{font-size:78px}.hero:after{background:linear-gradient(90deg,#10120ff0,#10120f66 70%),linear-gradient(0deg,#10120fcc,transparent 70%)}}@media(max-width:480px){.hero{height:570px}.hero h1{font-size:65px}.hero-collage{inset:0 -20% 0 15%}.hero-collage figcaption{display:none}}.hero-content{width:43%;max-width:560px;left:35px;top:48px}.hero h1{font-size:clamp(48px,5.3vw,82px);line-height:.98;letter-spacing:-1px;margin:27px 0 22px}.hero h1 span{display:block;white-space:nowrap}.hero-return{color:var(--orange)}.hero-content>.orange{font-size:9px;letter-spacing:1.3px;max-width:100%;line-height:1.5}.hero-content>p{max-width:360px}.hero-content .btn{gap:22px;padding:15px 18px;font-size:10px}.hero-content>a:not(.btn){margin-left:10px!important;font-size:10px!important}@media(max-width:800px){.hero-content{width:85%;max-width:510px;left:25px;top:40px}.hero h1{font-size:clamp(42px,8.7vw,69px)}}@media(max-width:480px){.hero-content{width:calc(100% - 40px);left:20px}.hero h1{font-size:clamp(30px,9vw,43px);letter-spacing:-.5px}.hero-content>.orange{font-size:8px;letter-spacing:.7px;padding:8px}.hero-content>p{max-width:290px}.hero-content>a:not(.btn){margin:16px 0 0!important}}.feature-photo.feature-collage{background:none;filter:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;min-height:470px;overflow:hidden}.feature-collage figure{margin:0;position:relative;overflow:hidden;min-height:0;background:#242720}.feature-collage img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.08)}.feature-collage figcaption{position:absolute;bottom:13px;left:15px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 8px #000;z-index:1}.feature-collage:after{pointer-events:none;background:linear-gradient(90deg,transparent 65%,#1b1d18),linear-gradient(0deg,#12141055,transparent 50%)}@media(max-width:800px){.feature-photo.feature-collage{min-height:360px}.feature-collage:after{background:linear-gradient(0deg,#1b1d18,transparent 30%)}}.world-intro{padding:65px 5% 20px}.world-intro h1{font-size:clamp(52px,9vw,110px);line-height:1}.world-intro p{color:var(--muted);font-size:14px;line-height:1.9;max-width:580px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:30px 5% 80px}.world-card{border:1px solid var(--line);padding:22px;min-width:0}.world-card h2{font-size:32px;margin:15px 0}@media(max-width:800px){header nav{gap:12px;font-size:9px}.world-grid{grid-template-columns:1fr}}@media(max-width:480px){header nav a:last-child{display:block}header nav a:first-child{display:none}}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.world-grid{grid-template-columns:1fr}} 
.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)}
