/*
Theme Name: Strange Behavior
Theme URI: https://strangebehavior.example/
Author: Strange Behavior
Description: A responsive, industrial warning-label WordPress theme for the Strange Behavior DJ artist brand.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: strange-behavior
Tags: entertainment, music, dark, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template
*/

:root{--black:#0a0a0a;--panel:#111;--white:#fff;--lime:#ccff00;--uv:#782cff;--muted:#8a8a8a;--border:#2a2a2a;--display:"Arial Narrow",Impact,sans-serif;--condensed:"Arial Narrow",Arial,sans-serif;--body:Inter,Arial,sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px)}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip:auto;width:auto;height:auto;left:1rem;top:1rem;padding:.75rem;background:#fff;color:#000;z-index:999}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:15;background:rgba(10,10,10,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark,.custom-logo-link{display:inline-flex;align-items:center}.wordmark{font-family:var(--display);font-weight:900;font-stretch:condensed;font-size:clamp(1.25rem,3vw,2rem);letter-spacing:-.045em;line-height:.85}.wordmark span{color:var(--lime)}.custom-logo{max-height:54px;width:auto}.site-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.site-nav a{font:700 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--border);padding:.6rem .8rem}.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.hero:after{content:"SB//001";position:absolute;right:-.05em;bottom:-.24em;font:900 clamp(8rem,26vw,26rem)/1 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #282828;z-index:-1}.eyebrow,.label{font:700 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--lime)}.eyebrow:before{content:"";width:42px;height:6px;background:repeating-linear-gradient(135deg,var(--lime) 0 6px,transparent 6px 10px)}h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.92;margin:0 0 .7em;letter-spacing:-.045em}h1{font-size:clamp(4.2rem,13vw,10.7rem);max-width:1100px}h2{font-size:clamp(2.8rem,7vw,6.2rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}.hero h1 span{display:block;color:var(--lime)}.hero-copy{max-width:650px;color:#c8c8c8;font-size:clamp(1rem,2vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--lime);background:var(--lime);color:#000;font:800 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:.2s}.btn:hover{background:#fff;border-color:#fff;color:#000;transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--uv)}.btn-outline{background:transparent;color:#fff;border-color:#555}.ticker{overflow:hidden;border-bottom:1px solid var(--border);background:var(--lime);color:#000;padding:10px 0;white-space:nowrap;font:800 .76rem var(--mono);letter-spacing:.12em}.ticker span{display:inline-block;min-width:100%;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}.section{padding:clamp(80px,11vw,150px) 0;border-bottom:1px solid var(--border)}.section-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:50px}.section-number{font:700 .7rem var(--mono);color:var(--lime);letter-spacing:.1em}.section-intro{max-width:540px;color:var(--muted)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.report-card,.content-card{background:var(--panel);padding:32px;position:relative}.report-card:before{content:"";position:absolute;top:0;left:0;width:55px;height:5px;background:var(--lime)}.report-card p,.content-card p{color:#aaa}.mix-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:500px;border:1px solid var(--border);background:var(--panel)}.mix-art{position:relative;min-height:380px;background:linear-gradient(145deg,#191919,#0a0a0a);overflow:hidden}.mix-art:before{content:"STRANGE\A BEHAVIOR";white-space:pre;position:absolute;inset:32px;font:900 clamp(4rem,9vw,8rem)/.78 var(--display);letter-spacing:-.06em;color:var(--lime);z-index:2}.mix-art:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(135deg,transparent 0 22px,var(--uv) 23px 30px);opacity:.28;transform:rotate(-8deg)}.mix-info{padding:clamp(34px,6vw,75px);display:flex;flex-direction:column;justify-content:center}.meta{font:700 .69rem var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card{border:1px solid var(--border);padding:0}.card-image{aspect-ratio:1;background:#181818;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.3s}.content-card:hover .card-image img{filter:grayscale(0)}.card-body{padding:25px}.card-body h3{font-size:1.8rem}.show-row{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;padding:25px 0;border-top:1px solid var(--border)}.show-date{font:900 2rem var(--display);color:var(--lime)}.show-venue h3{margin:0;font-size:1.5rem}.bio-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,100px);align-items:center}.portrait-placeholder{aspect-ratio:4/5;background:linear-gradient(160deg,var(--uv),#151515 55%);position:relative;border:1px solid var(--border)}.portrait-placeholder:after{content:"ARTIST IMAGE";position:absolute;inset:auto 20px 20px;font:700 .7rem var(--mono);letter-spacing:.12em}.newsletter{background:var(--lime);color:#000}.newsletter h2{max-width:800px}.signup-form{display:flex;max-width:750px}.signup-form input{flex:1;min-width:0;background:#000;color:#fff;border:0;padding:18px 20px}.signup-form button{border:0;background:var(--uv);color:#fff;padding:0 24px;font:800 .75rem var(--mono);letter-spacing:.08em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-details{display:grid;gap:14px}.contact-details a{font-family:var(--mono);border-bottom:1px solid var(--border);padding:14px 0}.site-footer{padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.widget-title{font:800 1rem var(--display);text-transform:uppercase}.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font:600 .67rem var(--mono)}.page-hero{padding:100px 0 70px;border-bottom:1px solid var(--border)}.page-content{padding:70px 0;max-width:850px}.mix-landing-hero{text-align:center;padding:clamp(85px,12vw,160px) 0 80px;min-height:70vh;display:grid;place-items:center}.mix-landing-hero h1{margin-inline:auto}.qr-badge{display:inline-block;background:var(--lime);color:#000;padding:7px 12px;font:800 .68rem var(--mono);transform:rotate(-2deg)}.embed-shell{margin:30px auto;max-width:900px;padding:16px;border:1px solid var(--border);background:var(--panel)}.embed-shell iframe{display:block;width:100%;min-height:180px;border:0}.archive-grid{padding:70px 0}.pagination{margin-top:40px}.widget ul{padding:0;list-style:none}.widget li{margin:.6rem 0}.alignwide{width:min(1180px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
@media(max-width:820px){.menu-toggle{display:block}.site-nav{position:absolute;left:0;right:0;top:82px;background:#0a0a0a;border-bottom:1px solid var(--border);display:none;padding:24px}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:16px}.section-head,.mix-feature,.bio-grid,.contact-grid{grid-template-columns:1fr}.report-grid,.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.mix-art{min-height:330px}.show-row{grid-template-columns:85px 1fr}.show-row .btn{grid-column:1/-1}.hero{min-height:720px}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1180px)}h1{font-size:clamp(3.7rem,20vw,6.5rem)}.report-grid,.cards,.footer-grid{grid-template-columns:1fr}.signup-form{display:grid}.signup-form button{min-height:52px}.footer-bottom{display:grid;gap:12px}.header-inner{height:70px}.site-nav{top:70px}.mix-art:before{inset:20px}.section{padding:75px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}.btn{transition:none}}
.approved-logo{display:inline-flex;align-items:center}.approved-logo img{display:block;max-height:66px;width:auto}.approved-logo-footer img{max-height:150px}.site-branding .custom-logo{max-height:66px;width:auto}
@media(max-width:560px){.approved-logo img{max-height:56px}.approved-logo-footer img{max-height:130px}}