/*
Theme Name: LOUDMOUTH TV — Neon Diamond
Template: interstate-security-wp
Version: 0.3.0
Description: Neon Diamond child theme for the supplied Universal Business Framework. Requires the parent theme. LOUDMOUTH Core remains separate.
Text Domain: loudmouth-neon
*/
:root{--ink:#08080d;--paper:#f5f2ff;--violet:#bd00ff;--cyan:#00eefc;--muted:#b8afc7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body.neon-site{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:clip}.neon-site a{color:inherit;text-decoration:none}.neon-site button{font:inherit;cursor:pointer}.neon-site h1,.neon-site h2,.neon-site h3{font-family:Arial,Helvetica,sans-serif;color:var(--paper);letter-spacing:-.065em;line-height:.98;margin:0}.neon-site img{max-width:100%;height:auto}.neon-site p{margin:0 0 1.4rem}.neon-site :focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100}.skip-link:focus{top:15px;background:#08080d;padding:12px}.neon-header{position:relative;z-index:5;min-height:114px;padding:18px 4.5vw;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff18;background:#08080de0;backdrop-filter:blur(16px)}.wordmark{font-weight:950;font-size:24px;letter-spacing:-1.2px;line-height:1}.wordmark span{display:block;font-size:8px;letter-spacing:2.4px;margin-top:9px;color:var(--muted)}.brand-logo{margin:auto;display:block}.brand-logo img{width:100px;max-height:80px;object-fit:contain;filter:drop-shadow(0 0 10px #bd00ff80);transition:transform .2s ease}.brand-logo:hover img,.brand-logo:focus-visible img{transform:scale(1.05)}.neon-header nav{display:flex;gap:26px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.neon-header nav a:hover{color:var(--cyan)}.nav-live{border-bottom:1px solid var(--cyan);padding-bottom:5px}.motion-toggle{color:var(--muted);background:none;border:1px solid #ffffff30;padding:8px;font-size:10px!important}.neon-hero{min-height:720px;position:relative;isolation:isolate;overflow:hidden;padding:76px 5vw 100px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.hero-aura{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 40%,#54007980,transparent 60%),radial-gradient(ellipse at 60% 100%,#00384260,transparent 60%);animation:hero-drift 12s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(black,transparent)}.eyebrow,.micro,.art-label,.hero-bottom{font-family:monospace;font-size:11px;letter-spacing:2px}.eyebrow{color:#d19bff;margin-bottom:30px!important}.hero-copy{position:relative;z-index:2}.neon-site .hero-copy h1{font-size:clamp(65px,7.5vw,116px);font-weight:950;letter-spacing:-.075em;line-height:.92;margin-bottom:30px}.outline-word{color:transparent;-webkit-text-stroke:1px #c8a0e7;text-shadow:0 0 32px #bd00ff38}.hero-deck{font-size:16px;color:var(--muted);max-width:420px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.neon-site .button{display:inline-flex;padding:16px 22px;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;align-items:center;justify-content:center;border-radius:0;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(110deg,#b619f1,#7623d9);color:white;box-shadow:0 0 25px #bd00ff22}.button.secondary{border:1px solid #00eefc80;color:var(--cyan);background:#08080d80}.micro{font-size:9px;color:var(--muted)}.hero-art{position:relative;min-width:0;margin-left:-5%;}.hero-emblem{position:relative;z-index:1;mix-blend-mode:screen;animation:hero-drift 12s ease-in-out infinite alternate;filter:drop-shadow(0 0 25px #bc00ff44)}.orbit{position:absolute;inset:0;border:1px solid #c676ff30;border-radius:50%;transform:rotate(-25deg) scale(1.15,.8);box-shadow:0 0 90px #bd00ff20}.art-label{display:block;text-align:right;font-size:8px;margin-top:28px;color:#b995c8}.hero-bottom{position:absolute;bottom:24px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.ticker{overflow:hidden;border-block:1px solid #bc00ff50;background:#170e20;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.ticker-track{width:max-content;display:flex;animation:marquee 20s linear infinite;font-size:16px;font-weight:800;letter-spacing:2px;padding:20px 0;color:#dba9ff}.ticker-track span{flex-shrink:0}.neon-section{padding:95px 6vw;position:relative;border-bottom:1px solid #ffffff16;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px}.neon-site h2{font-size:clamp(40px,5vw,70px)}.text-link{font-size:12px;color:var(--cyan)!important;border-bottom:1px solid #00eefc60;padding-bottom:6px}.glass-panel{background:#191221aa;backdrop-filter:blur(16px);border:1px solid #a66eca40;box-shadow:inset 0 0 35px #bd00ff06;padding:35px}.empty{color:var(--muted);margin:0!important}.brand-story{isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:540px}.story-logo{position:absolute;width:900px;max-width:100%;top:50%;left:35%;opacity:.07;z-index:-1;mix-blend-mode:screen;animation:bg-float-spin 120s linear infinite}.big-star{font-size:180px;line-height:1.2;color:#bd00ff;mix-blend-mode:difference}.story-copy h2{margin-bottom:30px}.story-copy p{color:var(--muted);max-width:560px}.neon-text{color:#dfacff;animation:neon-pulse 4s ease-in-out infinite}.tune-in{text-align:center;background:radial-gradient(ellipse at 50% 100%,#3e105f60,transparent 70%)}.tune-in h2{font-size:clamp(60px,9vw,120px);margin-bottom:25px}.tune-in p{color:var(--muted)}.tune-in .button{margin-top:20px}.neon-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px 5vw;font-size:11px;color:var(--muted)}.neon-footer p{margin:0}.content-page{min-height:70vh}.content-page h1{font-size:clamp(40px,7vw,85px);margin-bottom:40px}.content-page article{max-width:1120px;margin:auto}.content-page input,.content-page textarea{color:#111}.neon-site .lmtv-card{background:#171020;color:var(--paper);border:1px solid #ad61cb40}.neon-site .lmtv-card h3{letter-spacing:-.02em;font-size:26px}.neon-site .lmtv-button{background:#7623d9;color:white}.film-grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.cursor{animation:blink 1.3s steps(2) infinite}.glitch:hover{animation:glitch .3s both 2;text-shadow:2px 0 #00eefc,-2px 0 #ffb4ab}.glitch-skew:hover{animation:glitch-skew-anim .3s both 2;text-shadow:-2px 0 #bd00ff,2px 2px #00eefc}
@keyframes glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-skew-anim{0%,100%{transform:skew(0)}20%{transform:skew(-10deg)}40%{transform:skew(10deg)}60%{transform:skew(-5deg)}80%{transform:skew(5deg)}}@keyframes hero-drift{0%{transform:scale(1.04) translate(0,0)}20%{transform:scale(1.07) translate(-2%,-1.5%)}40%{transform:scale(1.05) translate(2%,-2%)}60%{transform:scale(1.08) translate(-1.5%,1.5%)}80%{transform:scale(1.06) translate(2%,1%)}100%{transform:scale(1.05) translate(-1%,-1%)}}@keyframes grain{0%,100%{transform:translate(0,0)}25%{transform:translate(-5%,5%)}50%{transform:translate(5%,-5%)}75%{transform:translate(-5%,-5%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bg-float-spin{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-52%) rotate(180deg) scale(1.05)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes neon-pulse{0%,100%{text-shadow:0 0 10px #bd00ff50;box-shadow:inset 0 0 0 #bd00ff00}50%{text-shadow:0 0 20px #bd00ffb0,0 0 5px #00eefc66;box-shadow:inset 2px 0 15px #bd00ff19}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .brand-logo:hover img{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brand-logo:hover img{transform:none}}
@media(max-width:900px){.neon-header{flex-wrap:wrap;gap:15px;padding:16px 5vw}.brand-logo{margin-left:auto;margin-right:0}.neon-header nav{order:3;width:100%;justify-content:space-between}.motion-toggle{font-size:9px!important}.neon-hero{padding-top:50px;grid-template-columns:1fr;min-height:0}.hero-copy h1{font-size:clamp(64px,12vw,110px)!important}.hero-art{margin:10px auto 30px;width:80%;max-width:540px}.hero-bottom{font-size:8px}.brand-story{grid-template-columns:1fr;gap:20px}.big-star{display:none}.neon-section{padding:65px 6vw}.section-heading{align-items:start;flex-direction:column}.neon-header .wordmark{font-size:20px}.brand-logo img{width:75px}.glass-panel{padding:22px}.neon-footer{align-items:flex-start;flex-direction:column}}@media(max-width:400px){.motion-toggle{max-width:60px}.hero-actions .button{width:100%}.hero-bottom span{max-width:110px}.neon-header nav{font-size:10px;gap:8px}}