/*
Theme Name: RadioAnimal Pro
Theme URI: https://www.radioanimal.com/
Author: RadioAnimal
Description: Station-styled block theme for RadioAnimal Media Strategies. Editable homepage, team profiles, and responsive layouts.
Version: 1.1.2
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: radioanimal-pro
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#0c0c0d;color:#f4f1ea}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e10600;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.92}h1{font-size:clamp(64px,9vw,128px);text-transform:uppercase}h2{font-size:clamp(40px,5vw,72px);text-transform:uppercase}h3{font-size:28px;text-transform:uppercase;letter-spacing:.02em}.wrap{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.wp-site-blocks>*,.home-main>*{margin-block-start:0!important}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px;background:#0c0c0d;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:20;max-width:none;padding-left:max(32px,calc((100vw - 1176px)/2));padding-right:max(32px,calc((100vw - 1176px)/2))}.brand{width:240px;flex-shrink:0;background:#fff;border-radius:6px;padding:4px 8px}.brand figure,.brand img{display:block;width:100%;margin:0}.site-header nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-contact{background:#e10600;color:#fff;padding:10px 16px;border-radius:999px}.nav-contact:hover{background:#ff2a22}
.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:78vh;align-items:center;background:radial-gradient(900px 480px at 80% 40%, rgba(225,6,0,.28), transparent 60%), #0c0c0d}.hero-text{padding-top:72px;padding-bottom:72px}.live-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#ffb4b0}.dot{width:8px;height:8px;border-radius:50%;background:#e10600;box-shadow:0 0 0 0 rgba(225,6,0,.7);animation:pulse 1.6s infinite}.hero h1{margin-top:18px}.hero-copy{max-width:520px;margin-top:22px;font-size:18px;color:#d7d3cb;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;background:#e10600;color:#fff;padding:14px 22px;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px}.button:hover{background:#ff2a22;color:#fff}.button-light{background:#fff;color:#0c0c0d}.button-light:hover{background:#f4f1ea;color:#0c0c0d}.text-link{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid #e10600;padding-bottom:3px}
.hero-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-logo{width:min(460px,90%);margin:0;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}.hero-logo img{width:100%;display:block;background:#fff;border-radius:12px}.waves{position:absolute;right:8%;top:18%;display:flex;gap:10px;align-items:center}.waves span{display:block;width:8px;height:18px;border:3px solid #e10600;border-left:0;border-radius:0 40px 40px 0;opacity:.85;animation:wave 1.4s ease-in-out infinite}.waves span:nth-child(2){width:16px;height:34px;animation-delay:.15s}.waves span:nth-child(3){width:26px;height:52px;animation-delay:.3s}
.ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#e10600;color:#fff}.ticker-track{display:flex;gap:42px;padding:14px 0;width:max-content;animation:marquee 22s linear infinite;font-family:Anton,Impact,sans-serif;letter-spacing:.12em;font-size:18px}.ticker-track span::before{content:"●";margin-right:42px;font-size:10px;vertical-align:middle}
.section{padding-top:88px;padding-bottom:88px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#e10600}.section h2{margin-top:12px}.section-intro{max-width:560px;margin-top:18px;color:#c8c4bc;font-size:18px}.services-grid,.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.service-card{background:#161618;border:1px solid rgba(255,255,255,.08);padding:28px 24px 32px;min-height:240px;transition:transform .2s ease,background .2s ease}.service-card:hover{transform:translateY(-4px);background:#e10600;color:#fff}.service-card:hover .card-num,.service-card:hover p{color:#fff}.card-num{font-family:Anton,Impact,sans-serif;font-size:42px;color:#e10600;line-height:1}.service-card h3{margin:18px 0 12px}.service-card p:last-child{color:#c8c4bc;font-size:15px;line-height:1.55}
.team-section{background:#f4f1ea;color:#0c0c0d}.team-section .eyebrow{color:#e10600}.person-card{background:#fff;color:#0c0c0d;overflow:hidden;border-radius:8px}.person-card figure{height:300px;overflow:hidden;background:#ddd;margin:0}.person-card img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:grayscale(100%)}.person-copy{padding:22px}.person-role{margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e10600}.person-copy>p:not(.person-role){margin-top:12px;color:#3d3d40;font-size:15px}.person-copy .text-link{color:#0c0c0d}
.experience-section{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.experience-copy>p:not(.eyebrow){margin-top:18px;color:#c8c4bc;max-width:520px}.experience-copy .button{margin-top:28px}.format-line{border-bottom:1px solid rgba(255,255,255,.12);padding:22px 0;font-family:Anton,Impact,sans-serif;font-size:28px;letter-spacing:.04em;text-transform:uppercase}
.contact-section{background:#e10600;color:#fff}.contact-inner{padding-top:80px;padding-bottom:80px}.contact-inner .eyebrow{color:#fff}.contact-inner h2{margin-top:10px}.contact-inner>p:not(.eyebrow){margin-top:16px;font-size:18px}.contact-inner .text-link{border-color:#fff}
.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-top:48px;padding-bottom:28px;font-size:14px;color:#c8c4bc;border-top:1px solid rgba(255,255,255,.08)}.footer-brand h3{font-size:32px}.footer-tag{margin-top:8px}.footer-address p:last-child{margin-top:10px;line-height:1.6}.footer-links a:hover{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#8d8a84;font-size:12px}
.profile-heading{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:end;margin-bottom:36px}.profile-heading figure{margin:0;background:#5c5c5c;overflow:hidden;height:260px}.profile-heading img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:grayscale(100%)}.page-main .wp-block-post-content img{filter:grayscale(100%)}.page-main h1{margin-bottom:28px}.page-main .wp-block-post-content{color:#d7d3cb;line-height:1.75;max-width:760px}.page-main .wp-block-post-content p{margin-bottom:18px}.page-main .wp-block-post-content a{color:#ff6b66;text-decoration:underline}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(225,6,0,0)}}
@keyframes wave{0%,100%{transform:scaleX(1);opacity:.45}50%{transform:scaleX(1.15);opacity:1}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){.hero,.experience-section,.services-grid,.team-grid,.site-footer{grid-template-columns:1fr}.site-header{flex-direction:column}.hero-art{min-height:320px;padding:24px 0 48px}.person-card figure{height:360px}}
@media(max-width:640px){.wrap,.site-header{padding-left:18px;padding-right:18px}.brand{width:200px}.site-header nav{flex-wrap:wrap;justify-content:center;gap:12px 16px}.hero-text{padding-top:40px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.dot,.waves span,.ticker-track{animation:none}}