/*
Theme Name: Crack4DJs Sleeve
Theme URI: https://crack4djs.net/
Author: Crack4DJs Editorial
Description: An independent music and DJ journal with a record-sleeve inspired layout.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crack4djs-sleeve
*/
@font-face{font-family:Bebas;src:url(assets/fonts/BebasNeue.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url(assets/fonts/Manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#161b19;--paper:#eee7d3;--teal:#0c4f59;--deep:#063941;--orange:#ff5b21;--yellow:#f5cb49;--line:rgba(238,231,211,.32);--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}svg{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.02}h1,h2,.display{font-family:Bebas,Impact,sans-serif;font-weight:400}h3{font-weight:800}p{margin-bottom:1.2em}.wrap{max-width:1280px;margin:auto;padding-left:5vw;padding-right:5vw}.mono,.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:block;margin-bottom:22px;font-weight:600}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:12px}.site-header{background:var(--teal);color:var(--paper)}.header-inner{display:flex;align-items:center;gap:30px;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin-right:auto}.brand-disc{width:36px;height:36px;border:2px solid var(--paper);background:radial-gradient(circle,var(--paper) 0 6%,var(--orange) 7% 34%,#191b19 35% 100%);border-radius:50%;flex-shrink:0}.brand-name{font-family:Bebas,Impact,sans-serif;font-size:27px;line-height:1;letter-spacing:.03em}.brand-caption{display:block;font:9px/1.6 var(--mono);letter-spacing:.12em}.site-nav{display:flex;gap:25px;align-items:center}.site-nav a{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.site-nav a:hover{text-decoration:underline}.nav-search{padding:12px 16px;background:var(--orange);color:#141a18;font-weight:700!important}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--paper);padding:8px 12px}.hero{background:var(--teal);color:var(--paper);position:relative;overflow:hidden}.hero:after{content:'33';position:absolute;bottom:-.25em;left:0;font:36vw/.8 Bebas,sans-serif;opacity:.09;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:5%;padding-top:70px;padding-bottom:90px;align-items:center;min-height:750px}.hero h1{font-size:clamp(76px,8.7vw,137px);line-height:.86;letter-spacing:-.025em;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:390px;color:#dbe2d9;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:13px 21px;background:var(--orange);color:#18211c;font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:1px solid transparent}.button-outline{background:transparent;border-color:var(--paper);color:var(--paper)}.button:hover{filter:brightness(1.08)}.deck-wrap{position:relative;margin:0;padding:35px 0 15px}.deck-sticker{position:absolute;right:-15px;top:1px;width:92px;height:92px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:var(--orange);color:var(--ink);font:26px/.95 Bebas,sans-serif;transform:rotate(12deg);z-index:3}.turntable{position:relative;background:linear-gradient(145deg,#f5efdd,#d8d0bb);padding:30px 30px 20px;border-radius:5px;color:var(--ink);box-shadow:10px 22px 0 rgba(0,0,0,.12),0 30px 50px #022b3266;border:2px solid #d9d3c1}.turntable:before{content:'';position:absolute;inset:8px;border:1px solid #bdb8a9;border-radius:2px;pointer-events:none}.deck-top{display:flex;align-items:center;justify-content:space-between;position:relative;padding-right:38px}.platter{width:100%;aspect-ratio:1;border:10px solid #a4a4a0;outline:2px solid #555c5c;border-radius:50%;padding:8px;background:repeating-conic-gradient(#d5d6d2 0 1deg,#656d70 1deg 2deg);box-shadow:0 9px 14px #192a2933}.record{height:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#191b1b 0 3px,#323333 3.4px 4px,#161b1c 4px 7px);position:relative;animation:spin 4s linear infinite;animation-play-state:paused}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 8%,#ffffff14 13%,transparent 18%,transparent 52%,#ffffff0d 59%,transparent 67%);pointer-events:none}.record-label{width:34%;aspect-ratio:1;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;border:1px solid #f6964a}.record-label b{font:18px/1 Bebas,sans-serif;letter-spacing:.02em}.record-label small{font:7px var(--mono);letter-spacing:.06em;margin-top:7px}.spindle{width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid #4d5550;margin:10px}.tonearm{position:absolute;right:8px;top:22px;width:22px;height:75%;background:linear-gradient(90deg,#777,#eee 40%,#aaa 80%,#666);border-radius:15px;transform-origin:50% 8%;transform:rotate(19deg);transition:transform .6s;box-shadow:3px 4px 5px #0003;z-index:2}.tonearm:before{content:'';position:absolute;width:37px;height:37px;border-radius:50%;background:radial-gradient(#eee,#888);top:-9px;left:-8px;box-shadow:1px 3px 2px #0003}.tonearm:after{content:'';position:absolute;bottom:-4px;left:1px;right:1px;height:38px;background:#242b2b;border-bottom:7px solid var(--orange);border-radius:3px}.turntable.is-playing .record{animation-play-state:running}.turntable.is-playing .tonearm{transform:rotate(31deg)}.deck-controls{display:flex;align-items:center;gap:6px;margin-top:27px}.deck-controls button{border:1px solid #252b28;background:transparent;padding:7px 10px;font:10px var(--mono);color:var(--ink)}.deck-controls button[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.equalizer{display:flex;height:25px;align-items:flex-end;gap:3px;margin-left:auto}.equalizer span{display:block;width:7px;height:var(--bar);background:var(--teal)}.equalizer span:nth-child(2n){background:var(--orange)}.is-playing .equalizer span{animation:equalize .8s alternate infinite;animation-delay:var(--delay)}.deck-caption{font:10px var(--mono);color:#e0e8df;margin-top:24px;display:flex;justify-content:space-between;gap:12px}.ribbon{background:var(--orange);color:var(--ink);padding:13px 0;overflow:hidden;border-block:1px solid var(--ink)}.ribbon div{display:flex;white-space:nowrap;justify-content:space-around;gap:35px;font:27px/1 Bebas,sans-serif}.ribbon span:after{content:' /';padding-left:26px}.intro{display:grid;grid-template-columns:.9fr 1.3fr;gap:9%;padding-top:90px;padding-bottom:90px}.intro h2{font-size:clamp(57px,6vw,86px);line-height:.95;margin-bottom:0}.intro h2 em{font-style:normal;color:#bd3a15}.intro-text p:first-of-type:first-letter{font:76px/.82 Bebas,sans-serif;float:left;color:var(--teal);padding-right:10px}.intro-facts{display:grid;grid-template-columns:80px 1fr;font-size:13px;border-top:2px solid var(--ink);margin-top:30px}.intro-facts dt,.intro-facts dd{margin:0;padding:13px 0;border-bottom:1px solid #aaa99c}.intro-facts dt{font:10px/1.7 var(--mono)}.split-sides{display:grid;grid-template-columns:1fr 1fr}.side{padding:65px max(5vw,24px);background:var(--teal);color:var(--paper)}.side-b{background:var(--orange);color:var(--ink)}.side h2{font-size:70px;margin-bottom:14px}.track{display:grid;grid-template-columns:29px 1fr 18px;gap:13px;border-top:1px solid currentColor;padding:23px 0;text-decoration:none}.track:last-child{border-bottom:1px solid currentColor}.track-number,.track-arrow{font:11px var(--mono);padding-top:4px}.track h3{font:29px/1.1 Bebas,sans-serif;margin:0 0 7px}.track p{font-size:12px;line-height:1.7;margin:0}.track:hover h3{text-decoration:underline}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:25px;margin-bottom:32px}.section-heading h2{font-size:60px;margin:0}.section-heading a{font:11px var(--mono)}.latest{padding-top:90px;padding-bottom:90px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card a{text-decoration:none}.post-card h3{font:36px/1.05 Bebas,sans-serif;margin:17px 0 12px}.post-card h3 a:hover{text-decoration:underline}.post-card p{font-size:13px;line-height:1.8}.card-art{aspect-ratio:4/3;background:var(--teal);position:relative;overflow:hidden;padding:22px;color:var(--paper)}.post-card:nth-child(3n+2) .card-art{background:var(--orange);color:var(--ink)}.post-card:nth-child(3n+3) .card-art{background:#e0bc4e;color:var(--ink)}.card-art:after{content:'';width:76%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#161e1e 0 4px,#394341 4px 5px,#161e1e 5px 8px);position:absolute;right:-13%;bottom:-31%;border:1px solid #555}.card-art span{position:relative;z-index:1;font:56px/.95 Bebas,sans-serif}.post-cover{aspect-ratio:4/3;width:100%;object-fit:cover}.category-label{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.search-panel{background:var(--teal);color:var(--paper);padding:60px 0}.search-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.search-panel h2{font-size:52px;margin-bottom:8px}.search-panel p{font-size:13px;margin:0}.search-form{display:flex;width:min(500px,100%)}.search-form input{background:transparent;border:1px solid #c4d9d4;color:var(--paper);padding:15px;min-width:0;flex:1}.search-form button{background:var(--orange);border:1px solid var(--orange);padding:14px;color:var(--ink);font:700 11px var(--mono)}.site-footer{background:var(--deep);color:var(--paper);padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-inner p{font:10px var(--mono);margin:0;max-width:430px}.footer-links{display:flex;gap:25px;font:11px var(--mono)}.article-head{background:var(--teal);color:var(--paper);padding-top:65px;padding-bottom:60px}.article-head h1{font-size:clamp(48px,6vw,84px);max-width:1000px;margin:0 0 24px}.article-meta{font:11px var(--mono);display:flex;flex-wrap:wrap;gap:18px}.entry-content{max-width:800px;margin:60px auto 80px;padding:0 26px;font-size:17px;line-height:1.85;overflow-wrap:break-word}.entry-content h2{font-size:43px;margin-top:48px;margin-bottom:20px}.entry-content h3{font-size:22px;line-height:1.3;margin-top:30px}.entry-content a{color:#075360;text-decoration-thickness:1px}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content li{padding-bottom:10px}.entry-content table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:14px;margin:30px 0}.entry-content td,.entry-content th{border:1px solid #b5b09f;padding:13px;text-align:left;min-width:120px}.entry-content th{background:#ddd6c3}.entry-content pre{overflow-x:auto;padding:22px;background:#152e31;color:var(--paper);font-size:13px}.entry-content code{font-family:var(--mono)}.entry-content blockquote{margin:30px 0;padding:5px 0 5px 25px;border-left:4px solid var(--orange)}.article-cover{margin:0 auto;max-width:1100px}.article-cover img{width:100%;max-height:560px;object-fit:cover}.archive-title{font-size:70px;margin:0}.archive-main{padding-top:65px;padding-bottom:90px}.pagination{margin-top:40px}.page-numbers{display:inline-block;padding:7px 14px;border:1px solid #aaa}.empty-state{padding:28px 0;font-size:14px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alignwide{width:100%}.wp-caption-text{font-size:13px}.article-updated{border-top:1px solid #aaa;padding-top:20px;margin-top:40px;font-size:13px}.error-page{min-height:55vh;padding-top:85px;padding-bottom:85px}.error-page h1{font-size:85px}.error-page p{max-width:600px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{to{height:35%}}
@media(min-width:1500px){.wrap{padding-left:55px;padding-right:55px}.hero h1{font-size:140px}}
@media(max-width:850px){.header-inner{min-height:78px;flex-wrap:wrap;gap:12px;padding-top:15px;padding-bottom:15px}.menu-toggle{display:block}.site-nav{width:100%;display:none;padding:15px 0;gap:22px}.site-nav.is-open{display:flex;flex-wrap:wrap}.hero-grid{gap:5%;padding-top:50px;min-height:auto}.hero h1{font-size:91px}.turntable{padding:18px 18px 15px}.deck-top{padding-right:25px}.tonearm{width:16px;right:3px}.platter{border-width:7px;padding:5px}.deck-sticker{width:70px;height:70px;right:0;font-size:22px}.deck-controls{gap:4px}.deck-controls button{padding:6px;font-size:9px}.equalizer{gap:2px}.equalizer span{width:4px}.intro{gap:6%}.intro h2{font-size:67px}.side{padding:45px 5vw}.side h2{font-size:57px}.post-grid{gap:20px}.post-card h3{font-size:30px}.search-inner{gap:25px}.record-label b{font-size:14px}.record-label small{font-size:5px}.spindle{margin:5px}}
@media(max-width:600px){.wrap{padding-left:24px;padding-right:24px}.brand-name{font-size:25px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:55px;gap:25px}.hero h1{font-size:105px;max-width:370px}.hero-copy>p{max-width:100%;font-size:15px}.hero .eyebrow{font-size:9px;margin-bottom:25px}.deck-wrap{max-width:420px;width:100%;align-self:center;padding-top:20px}.turntable{padding:24px 22px 16px}.deck-top{padding-right:30px}.deck-sticker{width:77px;height:77px;top:0;right:-8px;font-size:24px}.record-label b{font-size:18px}.record-label small{font-size:6px}.spindle{margin:9px}.tonearm{width:19px;right:5px}.deck-controls button{padding:8px 10px;font-size:10px}.equalizer span{width:6px}.deck-caption{font-size:9px;margin-top:20px}.hero-actions .button{padding:12px 16px}.intro{display:block;padding-top:58px;padding-bottom:55px}.intro h2{font-size:74px;margin-bottom:36px}.intro-text p{font-size:15px}.split-sides{display:block}.side{padding:45px 24px}.side h2{font-size:65px}.latest{padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:49px}.section-heading{align-items:center}.post-grid{grid-template-columns:1fr;gap:32px}.post-card h3{font-size:36px}.card-art{aspect-ratio:1.8}.search-inner{display:block}.search-panel h2{font-size:49px}.search-form{margin-top:25px}.footer-inner{align-items:flex-start;flex-direction:column}.article-head{padding-top:44px;padding-bottom:38px}.article-head h1{font-size:52px}.entry-content{margin-top:38px;font-size:16px;padding:0 24px}.entry-content h2{font-size:37px}.article-meta{font-size:10px;gap:10px}.archive-title{font-size:55px}.archive-main{padding-top:45px}.ribbon div{justify-content:flex-start;font-size:24px;padding-left:24px}.intro-facts{font-size:12px}.error-page h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}