/* Stijl: Rock - zwart, rood, ruw */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
.skin-rock{--head:'Bebas Neue',Impact,var(--font),sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
body.skin-rock{background:var(--grain),radial-gradient(900px 460px at 50% -12%,rgba(var(--acc-rgb),.2),transparent 60%),linear-gradient(rgba(var(--bg-rgb),.93),rgba(var(--bg-rgb),.97)),var(--bgimg) center/cover fixed var(--bg)}
.skin-rock .flagline{height:5px;background:var(--gold)}
.skin-rock h1,.skin-rock h2,.skin-rock h3,.skin-rock .deck-title,.skin-rock .brand{font-family:var(--head);font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.skin-rock .sec-h{border-bottom:4px solid var(--gold)}.skin-rock .sec-h h2{font-size:calc(42px*var(--fs,1));line-height:1}
.skin-rock .pagehead h1{font-size:calc(64px*var(--fs,1));line-height:.95}
.skin-rock .eyebrow{color:var(--gold);letter-spacing:.3em;font-weight:800}
.skin-rock .brand{font-size:calc(30px*var(--fs,1))}
.skin-rock .nb{background:rgba(0,0,0,.88);border-bottom:2px solid #222}
.skin-rock .nav a{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:calc(13.5px*var(--fs,1))}.skin-rock .nav a[aria-current]::after{height:4px;border-radius:0}
.skin-rock .card,.skin-rock .djc,.skin-rock .bn-i{background:var(--grain),var(--panel);border:1px solid #2a2a2a;border-top:3px solid var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.6)}
.skin-rock .ncard:hover,.skin-rock .djc:hover{border-color:var(--gold);transform:translateY(-3px)}
.skin-rock .btn{text-transform:uppercase;letter-spacing:.12em;font-weight:800;border:2px solid var(--gold)}.skin-rock .btn:hover{background:transparent;color:var(--gold)}
.skin-rock .btn-ghost{background:transparent;border:2px solid #444;color:var(--tx)}.skin-rock .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.skin-rock .deck{background:var(--grain),rgba(var(--panel-rgb),.95);border:2px solid #2a2a2a;border-left:6px solid var(--gold);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.skin-rock .rec{border-color:var(--gold)}
.skin-rock .hero img{filter:grayscale(.55) contrast(1.2)}.skin-rock .hero::after{background:linear-gradient(transparent,rgba(var(--bg-rgb),.97))}
.skin-rock .chip{border:2px solid var(--gold);background:#000;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:calc(12px*var(--fs,1))}
.skin-rock .ticker{background:var(--gold);color:#fff;font-family:var(--head);font-size:calc(18px*var(--fs,1));letter-spacing:.16em;border:0}
.skin-rock .dock{background:rgba(0,0,0,.94);border-top:3px solid var(--gold)}
.skin-rock .ft{background:#000;border-top:4px solid var(--gold)}
.skin-rock .djc img,.skin-rock .nimg img{filter:grayscale(.35) contrast(1.1)}
.skin-rock .field{background:#000;border:2px solid #333}.skin-rock .field:focus{border-color:var(--gold);outline:none}