/*
Theme Name: RealRecordzBarz
Author: RealRecordzBarz
Description: Editorial hiphopplatform met klassieke platenzaak-invloeden.
Version: 2.0.0
Requires PHP: 8.0
Text Domain: realrecordzbarz
*/
@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{--ink:#0a0b0d;--panel:#17191c;--line:#34363a;--paper:#f1efe9;--muted:#a7a8ad;--gold:#e2ad52;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3,.rrb-brand,.rrb-button,button[type=submit]{font-family:'Barlow Condensed',Impact,sans-serif}h1,h2,h3{line-height:1;text-transform:uppercase}h1{font-size:clamp(3.5rem,9vw,8rem);font-weight:900}h2{font-size:clamp(2.2rem,4.5vw,4rem)}h3{font-size:1.8rem}.rrb-wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.rrb-topline{background:var(--gold);color:#17140d;padding:4px 0;font-size:.68rem;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.rrb-topline .rrb-wrap{display:flex;justify-content:space-between}
.rrb-header{background:#0b0c0e;border-bottom:1px solid var(--line)}.rrb-header-inner{min-height:84px;display:flex;align-items:center;gap:2rem}.rrb-brand{font-size:2rem;font-weight:900;line-height:.8;white-space:nowrap}.rrb-brand span{display:block;color:var(--gold);font-size:.52em;letter-spacing:.4em;margin-top:8px}.rrb-nav{margin-left:auto}.rrb-nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.rrb-nav a,.rrb-header-cta{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rrb-header-cta{border:1px solid var(--gold);color:var(--gold);padding:.65rem 1rem;white-space:nowrap}
.rrb-hero{background:linear-gradient(115deg,#191b1f,#0b0c0e 68%);border-bottom:1px solid var(--line);overflow:hidden}.rrb-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:580px}.rrb-hero-copy{padding:6.6rem 3rem 5rem 0}.rrb-kicker,.rrb-eyebrow{font-size:.75rem;color:var(--gold);font-weight:800;letter-spacing:.22em;text-transform:uppercase}.rrb-hero h1{margin:1.1rem 0}.rrb-hero h1 em{font-style:normal;color:var(--gold)}.rrb-hero p{max-width:560px;color:#c5c6c8;font-size:1.08rem}.rrb-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.rrb-button,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);border:1px solid var(--gold);color:#151515;padding:.7rem 1.35rem;font-size:1.18rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.rrb-button:hover,button[type=submit]:hover{background:#f4c879;color:#111}.rrb-button.secondary{background:transparent;color:var(--paper);border-color:#777}.rrb-hero-feature{position:relative;min-height:520px;background:radial-gradient(circle at center,#353338,#111316 70%);border-left:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.rrb-hero-feature:before{content:'';position:absolute;width:600px;aspect-ratio:1;border-radius:50%;border:1px solid #94764b55;box-shadow:0 0 0 30px #ffffff06,0 0 0 31px #ffffff15,0 0 0 60px #ffffff05,0 0 0 61px #ffffff15}.rrb-feature-disc{position:relative;width:min(65%,330px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#17181a 0 3px,#2b2c2e 4px,#18191b 6px);box-shadow:20px 25px 55px #0009;display:grid;place-items:center;transform:rotate(-16deg)}.rrb-feature-disc:before{content:'REAL RECORDZ';display:grid;place-items:center;text-align:center;width:42%;aspect-ratio:1;border-radius:50%;background:var(--gold);color:#111;font:900 clamp(1.2rem,3vw,2rem)/.85 'Barlow Condensed',sans-serif}.rrb-feature-disc:after{content:'';width:12px;height:12px;background:#111;border-radius:50%;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.rrb-feature-caption{position:absolute;bottom:25px;left:30px;right:30px;border-top:1px solid #7778;padding-top:14px;display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.rrb-marquee{border-bottom:1px solid var(--line);padding:12px 0;color:#c5c2bb;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.rrb-marquee .rrb-wrap{display:flex;justify-content:space-between;gap:1rem}.rrb-marquee b{color:var(--gold)}.rrb-section{padding:5rem 0;border-bottom:1px solid var(--line)}.rrb-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.rrb-section-head h2{margin:0}.rrb-section-head a{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.rrb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.rrb-card{background:var(--panel);border:1px solid var(--line);min-width:0;transition:transform .2s,border-color .2s}.rrb-card:hover{transform:translateY(-4px);border-color:#927447}.rrb-card a{display:block}.rrb-card img,.rrb-placeholder{width:100%;aspect-ratio:1.25;object-fit:cover}.rrb-placeholder{position:relative;background:linear-gradient(145deg,#343338,#101114 58%,#302820);display:grid;place-items:center;overflow:hidden;color:#b38b50;font:900 3rem 'Barlow Condensed',sans-serif}.rrb-placeholder:before{content:'';position:absolute;width:54%;aspect-ratio:1;border:2px solid #b0915433;border-radius:50%;box-shadow:0 0 0 20px #c0a86608,0 0 0 21px #c0a86622,0 0 0 45px #c0a86608,0 0 0 46px #c0a86618}.rrb-placeholder span{position:relative}.rrb-card-content{padding:1.2rem 1.35rem 1.4rem}.rrb-card h3{font-size:1.85rem;margin:.25rem 0 .6rem;overflow-wrap:anywhere}.rrb-card p,.rrb-muted{color:var(--muted)}.rrb-card p{font-size:.82rem;margin:0}.rrb-card .rrb-tag{color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rrb-promo{background:#e9e5dc;color:#151618;padding:5rem 0}.rrb-promo-inner{display:flex;align-items:end;justify-content:space-between;gap:2rem}.rrb-promo h2{font-size:clamp(3rem,7vw,7rem);max-width:750px;margin:.5rem 0}.rrb-promo p{max-width:500px}.rrb-promo .rrb-button{background:#151618;color:#fff;border-color:#151618}
.rrb-main{min-height:55vh;padding:4rem 0 6rem}.rrb-main>h1{font-size:clamp(3.5rem,7vw,6.5rem)}.rrb-article{max-width:800px}.rrb-article h1{font-size:clamp(3rem,7vw,6rem)}.rrb-article img{margin-bottom:2rem}.rrb-footer{background:#101114;border-top:1px solid var(--line);padding:4rem 0 2rem}.rrb-footer-grid{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.rrb-footer-title{font:900 2.5rem 'Barlow Condensed',sans-serif}.rrb-footer-links{display:flex;flex-wrap:wrap;gap:1.3rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.rrb-footer-bottom{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.4rem;color:var(--muted);font-size:.75rem}.rrb-ad{min-height:90px;margin:2rem auto;text-align:center}.rrb-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.rrb-dashboard form{background:var(--panel);padding:1.5rem;border:1px solid var(--line)}.rrb-dashboard label{display:block;margin-bottom:1rem}.rrb-dashboard input:not([type=checkbox]),.rrb-dashboard textarea,.rrb-dashboard select{display:block;width:100%;padding:.7rem;background:#0f1012;color:white;border:1px solid #555}.rrb-dashboard textarea{min-height:90px}.rrb-notice{padding:1rem;background:#243222;border:1px solid #6e9857}audio{width:100%;margin:1rem 0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1000px){.rrb-header-inner{flex-wrap:wrap;padding:1rem 0}.rrb-nav{order:3;width:100%;margin:0}.rrb-nav ul{flex-wrap:wrap;gap:1rem}.rrb-header-cta{margin-left:auto}.rrb-hero-grid{grid-template-columns:1fr 40%}.rrb-hero-copy{padding:5rem 2rem 5rem 0}}@media(max-width:700px){.rrb-wrap{width:calc(100% - 32px)}.rrb-topline .rrb-wrap span:last-child{display:none}.rrb-hero-grid{display:block}.rrb-hero-copy{padding:4rem 0}.rrb-hero-feature{min-height:300px;border-left:0;border-top:1px solid var(--line)}.rrb-feature-disc{max-width:190px}.rrb-marquee .rrb-wrap span:nth-child(n+3){display:none}.rrb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rrb-section{padding:3rem 0}.rrb-promo-inner{display:block}}@media(max-width:460px){.rrb-grid{grid-template-columns:1fr}.rrb-header-cta{display:none}.rrb-section-head{align-items:start;flex-direction:column}.rrb-hero h1{font-size:3.7rem}}