:root{--bg:#060b12;--panel:#0b1421;--blue:#087dff;--electric:#29a4ff;--ice:#b8e5ff;--white:#f5f8fc;--muted:#93a1b6;--line:rgba(139,188,239,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:94px;position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,4.4vw,88px);border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(3,9,19,.88),rgba(3,9,19,.32));backdrop-filter:blur(12px)}.identity{display:flex;align-items:center;gap:13px;min-width:250px}.identity-emblem{width:68px;height:64px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 0 11px rgba(0,132,255,.34))}.identity-emblem img{width:86px;height:86px;object-fit:contain}.identity-text strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:23px;line-height:1;letter-spacing:.065em;font-weight:900}.identity-text strong span{color:#9cddff}.identity-text small{display:flex;align-items:center;gap:8px;margin-top:6px;color:#a5bbd1;letter-spacing:.19em;font-size:8px;font-weight:700}.identity-text i{width:3px;height:3px;border-radius:50%;background:var(--electric)}.navigation{display:flex;gap:clamp(18px,2.3vw,43px);align-items:center}.navigation a{font-size:10px;letter-spacing:.18em;font-weight:800;color:#b7c5d7;transition:color .2s}.navigation a:hover,.navigation a.active{color:#fff}.navigation a.active:after{content:'';display:block;height:2px;background:var(--electric);margin-top:8px}.header-right{display:flex;align-items:center;gap:25px}.location{white-space:nowrap;font-size:9px;letter-spacing:.12em;font-weight:800;color:#bdcde0}.live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#38b4ff;box-shadow:0 0 12px #2aa7ff}.header-cta{border:1px solid rgba(98,174,255,.6);background:rgba(0,108,255,.15);padding:14px 17px;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.header-cta span{margin-left:16px;color:#8ad2ff}.mobile-menu{display:none;background:none;border:0;padding:8px}.mobile-menu span{display:block;width:24px;height:2px;margin:5px;background:#fff}.hero{position:relative;min-height:850px;height:min(900px,100svh);max-height:1100px;overflow:hidden;background:#030812}.hero-visual{position:absolute;inset:0 0 0 33%;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:54% 45%;filter:saturate(.82) brightness(.75)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#040b16 0%,#040b16 26%,rgba(4,11,22,.95) 35%,rgba(4,11,22,.42) 63%,rgba(4,11,22,.14) 100%),linear-gradient(0deg,#050b13 0%,transparent 35%,rgba(0,0,0,.24) 100%)}.hero:before{content:'';position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at 78% 38%,rgba(16,106,222,.16),transparent 49%);pointer-events:none}.hero-layout{position:relative;z-index:3;max-width:1650px;margin:auto;height:100%;padding:200px clamp(26px,6vw,110px) 0;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{max-width:700px}.overline,.section-kicker{font-size:11px;letter-spacing:.23em;font-weight:800;color:#a4d7ff;display:flex;align-items:center;gap:13px}.overline-bar{width:30px;height:2px;background:var(--electric)}.overline-number{color:#64829d}.hero h1,.section h2,.banner-break h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.018em;line-height:.83}.hero h1{font-size:clamp(76px,9.2vw,155px);margin:32px 0 28px;text-shadow:0 8px 40px rgba(0,0,0,.2)}.hero h1 span{color:#8dd4ff;text-shadow:0 0 65px rgba(22,129,255,.26)}.hero-copy>p{font-size:15px;line-height:1.85;color:#bdc9d9;max-width:475px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:0 24px;font-size:11px;font-weight:800;letter-spacing:.14em;transition:transform .2s,background .2s,box-shadow .2s}.action:hover{transform:translateY(-3px)}.action-primary{background:linear-gradient(120deg,#0b77e6,#1b9cf8);box-shadow:0 8px 32px rgba(6,119,239,.22);color:#fff}.action-primary:hover{box-shadow:0 10px 40px rgba(6,119,239,.4)}.action-ghost,.action-outline{border:1px solid rgba(177,212,249,.34);background:rgba(8,18,34,.36)}.action span{font-size:18px;font-weight:500}.hero-stamp{margin-top:44px;display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;color:#8da5bd}.stamp-lines{height:34px;width:34px;background:repeating-linear-gradient(90deg,#46aafa 0 2px,transparent 2px 6px);opacity:.75}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-top:1px solid rgba(255,255,255,.15);padding-top:21px;color:#a6b8cd;font-size:10px;letter-spacing:.17em;font-weight:700}.hero-bottom b{color:white}.hero-bottom-center span{margin-left:10px;color:#51b7ff}.hero-index{position:absolute;right:2%;bottom:12%;font-family:'Barlow Condensed';font-size:clamp(160px,23vw,420px);line-height:1;font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.035);pointer-events:none}.ticker{height:61px;background:linear-gradient(90deg,#086ac9,#1493ef);display:flex;align-items:center;overflow:hidden;transform:skewY(-1deg);margin-top:-12px;position:relative;z-index:4}.ticker-track{white-space:nowrap;animation:marquee 38s linear infinite;font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:900;letter-spacing:.14em}.ticker-track b{padding:0 24px;color:#c5edff}@keyframes marquee{to{transform:translateX(-45%)}}.section{max-width:1650px;margin:0 auto;padding:130px clamp(26px,6vw,110px)}.section-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.section-kicker i{width:8px;height:8px;background:var(--electric);display:inline-block;transform:rotate(45deg)}.section-side{font-size:10px;letter-spacing:.19em;color:#718aa6;font-weight:800}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;padding-top:75px}.section h2{font-size:clamp(72px,8vw,133px);margin:0}.section h2 em,.banner-break h2 em{font-style:normal;color:#53b9ff}.intro-right{padding:8px 0 0 15px;max-width:470px}.huge-quote{font-family:Georgia,serif;font-size:120px;color:#2489e7;line-height:.6}.intro-right p:first-of-type{font-family:'Barlow Condensed';font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.1;margin:15px 0 22px}.intro-right .muted{font-size:14px;line-height:1.9;color:#9cadc1}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid #358cce;padding:18px 0;margin-top:22px;font-size:11px;font-weight:800;letter-spacing:.13em}.text-link span{color:#67bfff}.districts{padding-top:65px}.district-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:67px 0 42px}.district-heading h2{font-size:clamp(62px,6.8vw,110px)}.district-heading p{max-width:270px;line-height:1.8;font-size:14px;color:#9cadc1}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.experience-card{position:relative;min-height:440px;background:linear-gradient(145deg,#10223a,#09111e 75%);border:1px solid rgba(92,156,221,.22);padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .25s,border-color .25s}.experience-card:hover{transform:translateY(-6px);border-color:#339ff4}.card-glow{position:absolute;width:380px;height:380px;right:-170px;top:-160px;background:radial-gradient(circle,rgba(34,142,255,.24),transparent 67%);pointer-events:none}.card-two{background:linear-gradient(155deg,#12263b,#08111e 73%)}.card-three{background:linear-gradient(155deg,#142032,#08111e 73%)}.card-top{display:flex;justify-content:space-between;position:relative;font-size:10px;font-weight:800;letter-spacing:.16em;color:#9fc3e7}.card-top span:last-child{font-size:22px}.card-bottom{position:relative}.card-icon{font-family:'Barlow Condensed';font-size:62px;color:#4fb9ff;line-height:1;margin-bottom:25px}.card-bottom h3{font-family:'Barlow Condensed';font-size:49px;line-height:.93;letter-spacing:.015em;margin:0 0 17px}.card-bottom p{max-width:290px;color:#a7b8ca;font-size:13px;line-height:1.75;margin:0}.banner-break{height:440px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#081323}.banner-break-image{position:absolute;inset:0;background:url('assets/banner.png') center 48%/cover;filter:brightness(.25) saturate(.65);transform:scale(1.06)}.banner-break:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06101d99,#0b285044,#06101d99)}.banner-break-content{position:relative;z-index:1;padding:24px}.banner-break-content>span{font-size:11px;letter-spacing:.3em;font-weight:800;color:#9ad4ff}.banner-break h2{font-size:clamp(55px,7vw,110px);margin:24px 0}.banner-break p{font-size:11px;letter-spacing:.18em;color:#c0d0df}.join{padding-top:130px;padding-bottom:130px}.join-panel{padding:40px 48px;background:radial-gradient(ellipse at 90% 45%,rgba(20,119,226,.18),transparent 52%),linear-gradient(140deg,#102038,#0a1422 75%);border:1px solid rgba(67,144,226,.32);position:relative;overflow:hidden}.join-panel:after{content:'313';position:absolute;right:-35px;bottom:-110px;font-family:'Barlow Condensed';font-weight:900;font-size:370px;letter-spacing:-.09em;color:rgba(80,161,255,.05);pointer-events:none}.join-top,.join-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.15em;font-weight:800;color:#7892ad}.join-top{padding-bottom:28px;border-bottom:1px solid var(--line)}.join-middle{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:85px 0}.join-middle h2{font-size:clamp(78px,9vw,150px)}.join-middle p{color:#a5b8cd;font-size:14px;line-height:1.8;max-width:460px}.join-actions{display:flex;flex-direction:column;gap:12px;min-width:255px}.join-actions small{text-align:center;font-size:9px;letter-spacing:.19em;color:#7f9db8;margin-top:12px}.join-footer{border-top:1px solid var(--line);padding-top:25px}.join-footer b{color:#43b7ff}footer{padding:35px clamp(26px,6vw,110px) 125px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.09em;color:#8195ad}footer>a:hover{color:#a7dfff}.footer-brand{display:flex;align-items:center;gap:9px;color:white;font-family:'Barlow Condensed';font-size:20px;font-weight:900;letter-spacing:.06em}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand small{display:block;font-family:'DM Sans';font-size:8px;color:#8ca5bd;letter-spacing:.17em}.player{position:fixed;z-index:15;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));min-height:74px;padding:11px 14px;background:rgba(9,21,37,.95);border:1px solid rgba(86,166,247,.35);box-shadow:0 14px 65px #0008,0 0 35px rgba(0,103,234,.08);backdrop-filter:blur(22px)}.player-art{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(145deg,#123e70,#081c36);border:1px solid #26598b}.player-art img{width:45px;height:45px;object-fit:contain}.player-info{min-width:0;flex:1}.player-info strong{display:block;font-family:'Barlow Condensed';font-size:17px;letter-spacing:.05em}.player-info span{display:block;margin-top:3px;font-size:9px;letter-spacing:.07em;color:#94a9c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-play,.volume-button{display:grid;place-items:center;border:0;color:white;background:none;padding:0;flex-shrink:0}.player-play{width:39px;height:39px;border-radius:50%;background:#168cf0;transition:background .2s,transform .2s}.player-play:hover{background:#43b6ff;transform:scale(1.06)}.player-play svg{width:21px;height:21px}.pause-icon{display:none}.player.playing .pause-icon{display:block}.player.playing .play-icon{display:none}.volume-button{width:24px;height:32px;color:#9db9d6}.volume-button svg{width:19px;height:19px}.player.muted .sound-wave{display:none}#volume{width:44px;accent-color:#3ab0ff;cursor:pointer}.player-bars{display:flex;gap:2px;align-items:center;height:18px}.player-bars i{width:2px;height:5px;background:#4db8ff}.player.playing .player-bars i{animation:equalizer .65s ease-in-out infinite alternate}.player.playing .player-bars i:nth-child(2){animation-delay:.15s}.player.playing .player-bars i:nth-child(3){animation-delay:.3s}.player.playing .player-bars i:nth-child(4){animation-delay:.1s}@keyframes equalizer{to{height:17px}}.toast{position:fixed;z-index:30;bottom:112px;right:24px;background:#102b49;border:1px solid #3288d4;color:#e7f5ff;padding:13px 17px;font-size:12px;max-width:350px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1200px){.navigation{gap:17px}.location{display:none}.identity{min-width:215px}.header-cta{padding:13px}.hero-visual{left:24%}}@media(max-width:900px){.topbar{height:78px}.mobile-menu{display:block}.navigation{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 26px 20px;background:#071321;border-bottom:1px solid var(--line)}.navigation.open{display:flex}.navigation a{padding:16px}.navigation a.active:after{display:none}.header-cta{display:none}.hero{min-height:780px;height:100svh}.hero-layout{padding-top:175px}.hero-visual{left:0;opacity:.55}.hero-vignette{background:linear-gradient(90deg,#040b16ed,#040b16a8 70%,#040b1666),linear-gradient(0deg,#050b13,transparent 40%)}.hero h1{font-size:clamp(76px,12vw,115px)}.intro-grid{grid-template-columns:1fr;gap:45px}.intro-right{padding:0}.experience-grid{grid-template-columns:1fr 1fr}.experience-card:last-child{grid-column:span 2}.join-middle{flex-direction:column;align-items:stretch}.join-actions{max-width:350px}}@media(max-width:600px){.topbar{padding:0 18px}.identity-emblem{width:51px;height:52px}.identity-emblem img{width:67px;height:67px}.identity{gap:7px;min-width:0}.identity-text strong{font-size:20px}.identity-text small{font-size:7px}.hero{min-height:750px}.hero-layout{padding:157px 22px 0}.hero h1{font-size:clamp(69px,14.5vw,94px);margin:27px 0}.hero-copy>p{font-size:13px;max-width:365px}.overline{font-size:9px}.hero-actions{gap:9px}.action{font-size:10px;padding:0 15px;gap:17px;min-height:53px}.hero-stamp{margin-top:35px}.hero-bottom{font-size:8px}.hero-bottom-center{display:none}.section{padding:85px 22px}.section-top{gap:15px}.section-side{font-size:8px;text-align:right}.section-kicker{font-size:9px}.section h2{font-size:clamp(64px,13vw,88px)}.intro-grid{padding-top:55px}.districts{padding-top:30px}.district-heading{display:block;margin-top:45px}.district-heading h2{font-size:clamp(60px,12vw,80px)}.experience-grid{grid-template-columns:1fr}.experience-card,.experience-card:last-child{grid-column:auto;min-height:350px}.card-bottom h3{font-size:45px}.banner-break{height:350px}.banner-break h2{font-size:clamp(52px,10vw,76px)}.join-panel{padding:25px 20px}.join-top>span:last-child{display:none}.join-middle{padding:55px 0}.join-middle h2{font-size:clamp(70px,15vw,100px)}.join-footer{font-size:8px}footer{padding:30px 22px 125px;flex-wrap:wrap;gap:20px}.footer-brand{width:100%}.player{right:12px;bottom:12px;padding:9px;width:min(360px,calc(100vw - 24px));gap:9px}.player-bars{display:none}.player-info strong{font-size:15px}.player-info span{font-size:8px}#volume{width:33px}.toast{right:12px;bottom:98px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Metro Detroit branding and radio refinements */
.identity{min-width:275px;gap:15px}.identity-emblem{width:95px;height:66px;flex:none;overflow:visible;filter:drop-shadow(0 0 9px rgba(45,155,255,.38))}.identity-emblem img{width:100%;height:100%;object-fit:contain;display:block}.identity-text strong{font-size:24px}.identity-text small{letter-spacing:.13em}.navigation{gap:clamp(12px,1.6vw,26px)}.navigation a{font-size:10px}.track-button{border:0;background:transparent;color:#b3d9ff;font-size:20px;line-height:1;display:grid;place-items:center;width:25px;height:35px;padding:0;cursor:pointer}.track-button:hover{color:white}.player-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player{width:min(470px,calc(100vw - 32px))}.player-art img{width:100%;height:100%;object-fit:contain}.action-primary{background:linear-gradient(115deg,#0759e7,#158cff 65%,#4bc6ff)}
@media(max-width:1250px){.identity{min-width:245px}.identity-emblem{width:75px}.navigation{gap:12px}.header-right .location{display:none}}
@media(max-width:900px){.identity-emblem{width:75px;height:55px}.identity{min-width:0}}
@media(max-width:600px){.identity-emblem{width:69px;height:50px}.identity-text strong{font-size:19px}.identity-text small{font-size:6.5px}.player{width:min(420px,calc(100vw - 24px));gap:7px}.track-button{font-size:17px;width:20px}.player-art{width:37px;height:37px}.player-play{width:34px;height:34px}#volume{width:30px}}

/* Refined full-width logo lockup: preserve the original art without clipping */
.identity{gap:17px;min-width:300px;flex-shrink:0}
.identity-emblem{width:130px;height:76px;display:flex;align-items:center;justify-content:center;overflow:visible;filter:drop-shadow(0 2px 8px rgba(26,128,255,.22))}
.identity-emblem img{display:block;width:100%;height:auto;max-height:74px;object-fit:contain;image-rendering:auto}
.identity-text{flex-shrink:0}.identity-text strong{font-size:23px;white-space:nowrap}.identity-text small{white-space:nowrap}
@media(max-width:1300px){.identity{min-width:265px;gap:11px}.identity-emblem{width:105px;height:70px}.identity-text strong{font-size:21px}}
@media(max-width:900px){.identity{min-width:0;gap:12px}.identity-emblem{width:115px;height:65px}.identity-text strong{font-size:22px}}
@media(max-width:600px){.identity{gap:9px}.identity-emblem{width:91px;height:56px}.identity-emblem img{max-height:55px}.identity-text strong{font-size:18px}.identity-text small{font-size:6.5px;letter-spacing:.09em}}
@media(max-width:380px){.identity-emblem{width:76px}.identity-text strong{font-size:16px}}

/* 313 visual refinement */
:root{--blue:#086fe9;--electric:#34aaff;--ice:#d1efff}
.topbar{background:linear-gradient(180deg,rgba(4,12,25,.96),rgba(4,12,25,.77));border-bottom:1px solid rgba(89,166,245,.26)}
.identity{gap:14px}.identity-emblem{width:128px;height:78px;flex:none;filter:drop-shadow(0 0 10px rgba(44,151,255,.32))}.identity-emblem img{width:100%;height:100%;max-height:none;object-fit:contain}
.identity-text strong{background:linear-gradient(110deg,#fff 15%,#a2dfff 60%,#4baaff);-webkit-background-clip:text;background-clip:text;color:transparent}.identity-text strong span{color:inherit}
.footer-brand img{width:110px;height:64px;object-fit:contain;filter:drop-shadow(0 0 8px #1579ee55)}
.ticker{background:linear-gradient(105deg,#0748a8,#0d74df 46%,#43b9ff 75%,#0757ba);box-shadow:0 0 30px #0d78e444;transform:skewY(-1deg)}
.ticker-track{display:flex;align-items:center;width:max-content;animation:marquee-fixed 27s linear infinite;will-change:transform}.ticker-track span{flex:none;white-space:nowrap;padding-right:40px}.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee-fixed{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.player{width:min(570px,calc(100vw - 32px));min-height:88px;padding:13px 15px;gap:12px;border-radius:14px;background:linear-gradient(135deg,rgba(12,31,57,.98),rgba(5,14,29,.98));border:1px solid rgba(91,174,255,.46);box-shadow:0 18px 65px #000a,0 0 35px #147dff16}
.player-art{width:59px;height:59px;border-radius:10px;overflow:hidden;background:#061327}.player-art img{width:100%;height:100%;object-fit:contain}.player-info strong{font-size:20px;letter-spacing:.035em}.player-info span{font-size:10px}.player-info .radio-eyebrow{color:#5fbaff;font-size:8px;letter-spacing:.16em;font-weight:900;margin:0 0 4px}
.player-play{width:45px;height:45px;background:linear-gradient(140deg,#075fdb,#32b2ff);box-shadow:0 0 24px #168dff50}.track-button{font-size:21px;width:29px}.playlist-toggle{background:#102c4a;border:1px solid #3176af;color:#a9dfff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:20px}.playlist-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 32px));background:#07182d;border:1px solid #377bb4;border-radius:12px;padding:15px;box-shadow:0 12px 50px #000b}.playlist-panel[hidden]{display:none}.playlist-head{display:flex;justify-content:space-between;color:#e3f4ff;font-weight:900;font-size:12px;letter-spacing:.16em;margin-bottom:10px}.playlist-head span{color:#68b9ff}.playlist-song{display:block;width:100%;padding:13px;text-align:left;border:0;border-bottom:1px solid #23415e;background:transparent;color:#b7cde1;cursor:pointer;font-size:12px}.playlist-song:hover,.playlist-song.selected{background:#0c3156;color:white}
#volume{width:52px}.action-primary{background:linear-gradient(115deg,#0847bc,#1688f6 58%,#46bfff)}
@media(max-width:600px){.identity-emblem{width:82px;height:54px}.identity-text strong{font-size:18px}.player{right:9px;bottom:9px;width:calc(100vw - 18px);gap:7px;padding:9px}.player-art{width:42px;height:42px}.player-info strong{font-size:15px}.player-info .radio-eyebrow{font-size:7px}.track-button{font-size:17px;width:20px}.player-play{width:35px;height:35px}.playlist-toggle{width:26px;height:28px;font-size:16px}#volume{width:28px}.volume-button{width:18px}.footer-brand img{width:90px}}

/* Metro Detroit marquee — driven by requestAnimationFrame, not CSS keyframes. */
.ticker { overflow: hidden; isolation: isolate; }
.ticker-track { display: flex !important; align-items: center; width: max-content !important; max-width: none !important; animation: none !important; transition: none !important; transform: translate3d(0,0,0); will-change: transform; }
.ticker-track > span { display: block; flex: 0 0 auto; white-space: nowrap; padding-right: 0 !important; }
.ticker-track > span b { padding: 0 24px; }
.ticker:hover .ticker-track { animation-play-state: running !important; }


/* 2026 Metro Detroit signature redesign */
:root{--bg:#040913;--panel:#0a1728;--blue:#1265c9;--electric:#48bbff;--ice:#d7efff;--line:rgba(117,190,255,.2)}
body{background:radial-gradient(ellipse at 65% 22%,#102849 0%,#050c17 42%,#03070d 100%);font-family:'DM Sans',sans-serif}
.topbar{height:104px;background:rgba(3,10,21,.88);border-bottom:1px solid rgba(115,193,255,.22);box-shadow:0 12px 55px #0005}
.identity-emblem{width:132px;height:84px;filter:drop-shadow(0 0 12px #349eff45)}
.identity-text strong{font-size:27px;letter-spacing:.04em}
.identity-text small{font-size:9px;letter-spacing:.11em}
.navigation a{font-size:11px;letter-spacing:.11em}
.header-cta,.action-primary{background:linear-gradient(110deg,#0b469c,#167fdd 52%,#57bff2);border:1px solid #6cc9ff55;border-radius:6px;box-shadow:0 8px 30px #006cd32b}
.header-cta:hover,.action-primary:hover{filter:brightness(1.16)}
.hero{background:#040b16;min-height:740px}
.hero-visual{left:26%;opacity:.85;filter:saturate(1.13) contrast(1.06)}
.hero-visual img{object-position:center}
.hero-vignette{background:linear-gradient(90deg,#030915 0%,#041020ef 25%,#07122275 65%,#07122220),linear-gradient(0deg,#030915 0%,transparent 35%)}
.hero h1{font-size:clamp(90px,10vw,174px);line-height:.82;letter-spacing:-.025em;text-shadow:0 12px 40px #0009}
.hero h1 span{background:linear-gradient(100deg,#f4fbff 5%,#b1e5ff 38%,#42a7f2 75%,#0a67d1);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:510px;line-height:1.8;color:#d1dbe7}
.hero-index{opacity:.1}
.ticker{background:linear-gradient(105deg,#08265c,#1357a4 42%,#40a9e8 75%,#0d428b);border-block:1px solid #8bcaff44;box-shadow:0 0 45px #1374e83b}
.section{background:transparent}
.intro{background:linear-gradient(180deg,#050c17,#0a1625)}
.districts{background:radial-gradient(ellipse at 80% 40%,#122f50 0%,#07111e 55%,#050b13 100%)}
.experience-card{border:1px solid #72b8ff35;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #0005;transition:transform .25s,border-color .25s}
.experience-card:hover{transform:translateY(-7px);border-color:#69c3ff88}
.card-one{background:linear-gradient(0deg,#06101def,#0b1b35a6),url('assets/banner.png') center 30%/cover}
.card-two{background:linear-gradient(0deg,#071323f5,#0d2b4a96),url('assets/banner.png') 70% 60%/auto 130%}
.card-three{background:linear-gradient(0deg,#08111cf2,#16457291),url('assets/banner.png') 100% 50%/auto 140%}
.card-icon{font-size:32px;color:#78d2ff}
.banner-break-image{background-image:linear-gradient(90deg,#05101cd6,#0b274778),url('assets/banner.png');background-position:center;background-size:cover}
.join-panel{border:1px solid #63b4f84a;border-radius:16px;box-shadow:0 30px 100px #0008;background:radial-gradient(ellipse at 75% 0%,#153a61,#071425 60%)}
.player{backdrop-filter:blur(18px);border:1px solid #74c8ff70;border-radius:16px;box-shadow:0 18px 70px #000c,0 0 30px #168aff21}
.player-play{border-radius:50%}
footer{background:#040b15}
@media(max-width:900px){.topbar{height:82px}.hero-visual{left:0;opacity:.42}.hero-vignette{background:linear-gradient(90deg,#030915ee,#030915b8),linear-gradient(0deg,#030915,transparent 50%)}.hero h1{font-size:clamp(84px,15vw,125px)}}
@media(max-width:600px){.identity-emblem{width:82px;height:55px}.identity-text strong{font-size:19px}.identity-text small{font-size:7px}.hero h1{font-size:clamp(73px,17vw,105px)}.hero-copy>p{font-size:13px}.player{backdrop-filter:blur(20px)}}

.hero-stamp{display:none!important}