/*
Theme Name: Dope Ellum
Description: Custom Dope Ellum music, media and records website.
Version: 1.3.6
Requires PHP: 7.4
Text Domain: dope-ellum
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101110;color:#f0eee5;font:17px Arial,sans-serif}a{color:inherit;text-underline-offset:5px}header,section,footer{padding:28px 6vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}nav{display:flex;gap:24px}.logo{font-weight:950;letter-spacing:-2px;font-size:27px;text-decoration:none}.eyebrow{font:12px monospace;text-transform:uppercase;letter-spacing:2px;color:#b8f23b}.hero{min-height:78vh;display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:center}h1{font-size:clamp(68px,10vw,160px);letter-spacing:-.085em;line-height:.82;margin:36px 0}h1 span{color:#b8f23b}p{line-height:1.65;max-width:590px}.button{display:inline-block;background:#b8f23b;color:#101110;padding:17px 24px;font-weight:bold;text-decoration:none;margin-top:20px}.poster{aspect-ratio:4/5;position:relative;overflow:hidden;background:#b8f23b;color:#121310;display:flex;flex-direction:column;justify-content:space-between;padding:30px;transform:rotate(3deg)}.poster:before{content:'';position:absolute;width:130%;height:45%;border:45px solid #121310;border-radius:50%;left:-30%;top:26%;transform:rotate(-35deg)}.poster strong{font-size:clamp(65px,8vw,120px);letter-spacing:-8px;line-height:.8;z-index:1}.poster small{z-index:1;font:13px monospace}.ticker{background:#b8f23b;color:#111;padding:19px;text-align:center;font-weight:900;letter-spacing:4px}h2{font-size:clamp(38px,6vw,80px);letter-spacing:-3px;margin:22px 0}section{padding-top:75px;padding-bottom:75px}.watch{display:grid;grid-template-columns:1fr 1fr;gap:30px}iframe{width:100%;aspect-ratio:16/9;border:0;background:#222}article{border-top:1px solid #555;padding:25px 0}article h3{font-size:24px} .split{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.muted{color:#aaa;font-size:14px}footer{border-top:1px solid #444;display:flex;justify-content:space-between;gap:20px}a:focus-visible{outline:3px solid #b8f23b;outline-offset:6px}@media(max-width:700px){.hero,.watch,.split{grid-template-columns:1fr}.poster{max-width:360px;margin:30px auto;width:90%}nav{gap:14px;font-size:14px}header{align-items:flex-start}.hero{padding-top:45px}footer{flex-direction:column}}
:root{--red:#ff3026}body{background:#080808;color:#f7f3ed;overflow-x:hidden}header{position:relative;z-index:5;background:#080808d9;padding:24px 5vw}header .logo{font-size:21px;letter-spacing:-1px}header nav a{text-decoration:none;font:11px monospace;text-transform:uppercase;letter-spacing:1px}section{position:relative;z-index:1;padding:110px 6vw;scroll-margin-top:30px}.hero{min-height:92svh;grid-template-columns:1fr 1.1fr;gap:0;padding-top:70px;padding-bottom:90px;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 70% 40%,#6d0d0d55,transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff07 25%)}h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(74px,11.5vw,180px);font-weight:900;letter-spacing:-.045em;line-height:.91;position:relative;z-index:2}h1 span{color:var(--red)}.eyebrow{color:var(--red);font-size:11px}.hero p{max-width:410px;color:#bbb;font-size:16px}.brand-art{position:relative;margin-left:-10%;transform:rotate(-5deg);will-change:translate}.brand-art img{display:block;width:115%;height:auto;mix-blend-mode:screen}.art-label{display:block;text-align:center;color:#888;font:10px monospace;letter-spacing:2px}.button{background:var(--red);color:white;font:12px monospace;letter-spacing:1px;padding:20px 25px;border:1px solid var(--red);transition:background .25s,transform .25s}.button:hover{background:#b5110c;transform:translateY(-3px)}.ticker{position:relative;z-index:2;background:var(--red);color:#080808;overflow:hidden;padding:22px 0;transform:rotate(-2deg);width:104%;margin-left:-2%;font-family:Impact,'Arial Black',sans-serif;font-size:25px;letter-spacing:1px;white-space:nowrap}.ticker div{width:max-content;animation:marquee 32s linear infinite}h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(48px,7vw,100px);font-weight:900;line-height:1;letter-spacing:-2px}#watch{padding-top:140px}.watch{gap:4vw;margin-top:55px}.watch>div:nth-child(2){padding-top:100px}.watch h3{font-size:21px}.watch p{font-size:14px;color:#999}iframe{border:1px solid #333;box-shadow:12px 12px 0 #ff30261a}#archive{background:#111;border-top:1px solid #292929;border-bottom:1px solid #292929}article{display:grid;grid-template-columns:1fr 2fr;column-gap:35px;transition:padding .3s}article:hover{padding-left:12px}article h3{margin-top:0}article p,article>a{grid-column:2}article>a{font:12px monospace;color:var(--red)}#about{align-items:center}#about p{color:#bbb}#contact{border-top:1px solid #333;background:radial-gradient(ellipse at bottom left,#75130f44,transparent 65%)}#contact h2{max-width:900px;font-size:clamp(60px,10vw,150px)}#contact nav{margin-top:45px;flex-wrap:wrap;font:12px monospace}.grain{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);z-index:20;width:100%;transform:scaleX(0);transform-origin:left}.motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}a:focus-visible{outline-color:var(--red)}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:700px){header{padding:22px 5vw}.hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.hero h1{font-size:24vw}.brand-art{margin:-20px auto -35px;width:90%}.brand-art img{width:100%}.art-label{font-size:8px}.watch>div:nth-child(2){padding-top:20px}section{padding:80px 6vw}.watch{grid-template-columns:1fr}article{grid-template-columns:1fr}article h3{margin-top:16px}article p,article>a{grid-column:1}#contact .button{font-size:10px;padding:18px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.motion .reveal{opacity:1;transform:none;transition:none}[data-parallax]{translate:none!important}.button{transition:none}#particles{display:none}}
#press{background:linear-gradient(125deg,#250b09,#090909 65%);border-top:1px solid #4c201d}.press-feature{margin-top:45px;border-top:1px solid #75352d;padding-top:35px}.press-feature h3{font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-1px}.press-feature p{color:#bbb}.press-feature .button{color:white}.press-feature:hover{padding-left:0}@media(max-width:700px){header nav{gap:10px}header nav a{font-size:10px}.press-feature h3{margin-top:25px}} .popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px;margin:50px 0}.popular-card:first-child{grid-column:1/-1;max-width:100%}.popular-card:first-child iframe{max-height:650px}.video-meta{display:flex;justify-content:space-between;gap:15px;font:10px monospace;letter-spacing:1px;color:#e85b52;margin-bottom:12px}.video-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#191919}.video-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-image:hover img{transform:scale(1.04)}.video-image span{position:absolute;bottom:14px;right:14px;background:var(--red);padding:10px 15px;font-size:25px}.popular-card h3{line-height:1.3;font-size:22px}.popular-card h3 a{text-decoration:none}.popular-card h3 a:hover{color:var(--red)}@media(max-width:700px){.popular-grid{grid-template-columns:1fr;gap:35px}.popular-card h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.video-image img{transition:none}.video-image:hover img{transform:none}} .photo-story{padding-top:110px;padding-bottom:50px}.photo-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:start;margin-top:50px}.photo-layout figure{margin:0;overflow:hidden}.photo-layout img{display:block;width:100%;object-fit:cover}.wide-photo{grid-column:1/-1}.wide-photo img{height:clamp(280px,48vw,650px)}.sign-photo{transform:rotate(-3deg);margin-top:55px!important}.sign-photo img{aspect-ratio:4/3}.jam-photo img{aspect-ratio:4/5}.photo-layout figcaption{padding:13px 0;color:#999;font:10px/1.6 monospace}.photo-note{grid-column:1/-1;max-width:650px;padding:30px 0}.photo-note h3{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(45px,7vw,90px);line-height:1;letter-spacing:-2px;margin:20px 0}.photo-note a{color:var(--red)}@media(max-width:700px){.photo-layout{grid-template-columns:1fr;gap:25px}.sign-photo{margin-top:0!important;transform:none}.jam-photo img{aspect-ratio:4/3}} #listen{border-top:1px solid #333;background:linear-gradient(135deg,#180807,#0b0b0b)}.podcast-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;margin-top:35px}.podcast-layout h3{font-size:27px;line-height:1.2}.podcast-layout a{color:var(--red);font:12px monospace}.podcast-player{display:block;width:100%;height:175px;aspect-ratio:auto;border:0;border-radius:12px;box-shadow:none;background:transparent}@media(max-width:700px){.podcast-layout{grid-template-columns:1fr;gap:24px}header{flex-wrap:wrap;gap:18px}header nav{flex-wrap:wrap}} #records{background:radial-gradient(ellipse at top right,#40120d66,transparent 65%);border-top:1px solid #333}.records-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:55px;align-items:start}.artist-portrait{margin:0}.artist-portrait img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-bottom:4px solid var(--red)}.artist-portrait figcaption{font:10px monospace;color:#888;padding-top:12px}.records-layout h3{font-size:clamp(30px,4vw,55px);line-height:1.1;letter-spacing:-1px}.records-layout p{color:#bbb}.records-layout a:not(.button){color:var(--red);font:11px monospace}.album-feature{padding:30px;border:1px solid #46201b;background:#111}.album-feature h3{font-size:65px;margin:25px 0}.album-feature h3 span{font-size:25px;letter-spacing:-.5px}.album-details{font:11px/1.8 monospace;letter-spacing:1px}.album-player{width:100%;height:450px;aspect-ratio:auto;border:0;border-radius:12px;box-shadow:none;background:transparent;margin-top:15px}@media(max-width:700px){.records-layout{grid-template-columns:1fr;gap:40px}.album-feature{padding:20px}header nav{gap:12px}} .secondary-cta{display:inline-block;font:11px monospace;margin:20px 0 0 16px}header nav a:last-child{color:var(--red)}.hero>div,.records-layout>div,.podcast-layout>div,.popular-card{min-width:0}img{max-width:100%}.ticker{width:100%;margin-left:0;transform:none}html,body{max-width:100%;overflow-x:clip}#contact .button{overflow-wrap:anywhere}@media(max-width:700px){header nav{width:100%;gap:16px;row-gap:18px}.secondary-cta{margin-left:0;display:block}.hero h1{font-size:clamp(65px,22vw,154px)}.brand-art{max-width:100%}.brand-art img{width:100%}.podcast-player{min-width:0}} .direct-podcast{padding:25px;background:#181818;border:1px solid #44221f}.direct-podcast audio,.track-preview audio{display:block;width:100%;max-width:100%;margin:14px 0}.album-previews{max-height:440px;overflow-y:auto;padding:8px 12px 8px 0;scrollbar-color:#a42c24 #181818}.track-preview{padding:15px 0;border-bottom:1px solid #38302f}.track-preview h4{font-size:14px;line-height:1.5;margin:0;font-weight:500}.itunes-badge{display:inline-block;margin:12px 0;padding:12px 18px;border:1px solid #777;border-radius:8px;color:white!important;text-decoration:none;font:14px Arial,sans-serif!important}.itunes-badge img{display:block}audio:focus-visible{outline:2px solid var(--red);outline-offset:4px} .records-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.album-feature{min-width:0;max-width:100%;container-type:inline-size}.album-feature h3{font-size:clamp(30px,9cqi,60px);line-height:1.08;overflow-wrap:anywhere;word-break:normal;max-width:100%;margin:25px 0}.album-feature h3 span{display:inline-block;font-size:clamp(20px,5cqi,25px);line-height:1.3;max-width:100%;overflow-wrap:anywhere}.track-preview h4,.album-details,.artist-profile p{overflow-wrap:anywhere}.album-previews{min-width:0;max-width:100%}.direct-podcast{min-width:0}.album-feature audio{min-width:0;width:100%}@media(max-width:700px){.records-layout{grid-template-columns:minmax(0,1fr)}} 
.music-intro{padding-top:80px}.music-intro h1{font-size:clamp(68px,10vw,150px)}.artist-jump{flex-wrap:wrap;gap:12px;margin-top:35px}.artist-jump a{border:1px solid #5c302b;padding:12px;font:11px monospace}.artist-profile{border-top:1px solid #333}.artist-profile h2{font-size:clamp(40px,6vw,80px);overflow-wrap:anywhere}.artist-profile .records-layout{align-items:center}.artist-profile .video-meta{font-size:12px}.music-intro p{color:#bbb}