/* Spree, Stadt, Sound — motion and identity layer. */
html{scroll-behavior:smooth;scroll-padding-top:25px}
.hero-content>.eyebrow{animation:arrive .7s .1s both}.hero h1{animation:arrive .85s .2s both}.hero-description{animation:arrive .8s .35s both}.hero-actions{animation:arrive .8s .5s both}.hero-note{animation:arrive .8s .6s both}.hero-art{animation:spree-drift 22s ease-in-out infinite alternate;transform-origin:center 70%}.hero-sticker{animation:sticker-float 6s ease-in-out infinite}.hero-sticker::before,.hero-sticker::after{content:"";position:absolute;inset:-12px;border:1px solid #ffb7a560;border-radius:50%;animation:broadcast 5s ease-out infinite}.hero-sticker::after{animation-delay:2.5s}.hero-sticker span{letter-spacing:.07em;font-size:8px}.hero-sticker .spark{animation:signal-turn 30s linear infinite}.live-dot{animation:on-air 3s ease-in-out infinite}.hero .button:hover{box-shadow:0 5px 35px #d3ff5e50}.button{transition:transform .2s,background .2s,box-shadow .2s}.story-arrow{transition:transform .25s,background .25s}.story:hover .story-arrow{transform:rotate(40deg)}.story-art{transition:transform .4s,box-shadow .4s}.story:hover .story-art{transform:translateY(-4px);box-shadow:0 16px 35px #251a3313}.team-art .mic-bubble{animation:mic-float 7s ease-in-out infinite}.team-art .wave-bubble{animation:wave-float 7s ease-in-out -3s infinite}.team-art .little-star{animation:signal-turn 25s linear infinite}.is-playing .station-icon{animation:station-sway 2s ease-in-out infinite alternate}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible,.reveal:focus-within{opacity:1;transform:none}.story.reveal:nth-child(2){transition-delay:.1s}.story.reveal:nth-child(3){transition-delay:.2s}
.city-ticker{overflow:hidden;border-bottom:1px solid var(--line);margin-top:-2px;background:var(--paper);padding:25px 0;position:relative;z-index:1}.ticker-track{display:flex;width:max-content;animation:city-roll 34s linear infinite}.ticker-track>div{display:flex;align-items:center;gap:35px;flex:none;padding-right:35px}.ticker-track span{font-size:13px;font-weight:900;letter-spacing:.17em}.ticker-track b{color:#9986af;font-size:17px}.city-ticker:hover .ticker-track{animation-play-state:paused}
.local-section{padding-bottom:20px}.local-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px 70px;margin-bottom:36px}.local-intro>.eyebrow{grid-column:1/-1;color:#8053bb}.local-intro h2{font-size:clamp(36px,4vw,57px);line-height:1.03}.local-intro h2 em{font-style:normal;color:#916ac1}.local-intro>p{max-width:400px;font-size:14px;color:var(--muted);padding-bottom:3px}.local-experience{display:grid;grid-template-columns:1.15fr 1fr;background:#ede7f4;border-radius:26px;overflow:hidden;min-height:425px}.spree-poster{position:relative;background:#241730;color:#fff;overflow:hidden;min-height:425px}.poster-top,.poster-bottom{position:absolute;z-index:2;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;font-weight:800;letter-spacing:.13em}.poster-top{top:25px;color:#c8b6d5}.poster-bottom{bottom:38px;color:var(--lime);font-size:10px}.poster-bottom>span:last-child{font-size:39px;font-weight:400;animation:signal-turn 25s linear infinite}.poster-postcode{position:absolute;left:28px;top:55px;font-size:clamp(83px,8vw,128px);line-height:1;letter-spacing:-.08em;z-index:1;color:#e9dff3}.poster-postcode>span{display:block;font-size:12px;letter-spacing:.2em;margin:10px 0 0 6px;color:var(--lime)}.spree-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.river-bank{stroke:#775290;stroke-width:31;opacity:.65}.river-bank.secondary-bank{stroke:#58406d;stroke-width:14}.river-current{stroke:#e3ffab;stroke-width:2;stroke-dasharray:8 20;animation:river-flow 22s linear infinite}.river-current.secondary-current{stroke:#b7a0d0;stroke-width:1.5;animation-duration:30s}.local-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;transform:rotate(-7deg);transition:transform .3s}.local-pin i{width:9px;height:9px;border:2px solid #e7d6ef;border-radius:50%;background:#775290;box-shadow:0 0 0 5px #ffffff10}.local-pin span{font-size:8px;font-weight:800;letter-spacing:.08em;background:#3e2b50;border:1px solid #634a79;padding:7px 9px;border-radius:20px}.local-pin.is-active{transform:rotate(-7deg) translateY(-4px)}.local-pin.is-active span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.local-pin.is-active i{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px #d3ff5e22;animation:on-air 3s ease-in-out infinite}.pin-island{left:26%;top:53%}.pin-castle{left:43%;top:72%}.pin-hill{right:8%;top:35%}.poster-caption{position:absolute;bottom:17px;left:28px;color:#ad98bf;font-size:8px;letter-spacing:.03em}.local-details{padding:31px 32px 35px;display:flex;flex-direction:column}.local-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:35px}.local-tabs button{font-size:10px;background:#fff8;border:1px solid #d5c9df;border-radius:20px;padding:10px 12px;color:var(--ink);font-weight:700;transition:background .2s}.local-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.local-tabs button:hover{border-color:var(--ink)}#spot-panel .eyebrow{color:#7854a3;font-size:8px}#spot-panel h3{font-size:33px;line-height:1.08;margin:18px 0}#spot-panel p{font-size:13px;color:#6d5d7b;min-height:85px;max-width:350px}.local-link{display:inline-flex;align-items:center;gap:24px;padding:13px 0 6px;border-bottom:1px solid #8b7999;font-size:12px;font-weight:800;margin-top:10px}.local-link:hover{color:#7c4cab}#spot-panel>*{animation:arrive .4s ease both}
.motion-control{position:fixed;right:20px;bottom:112px;z-index:29;background:#f7f5f0ee;border:1px solid #ded6e7;border-radius:30px;color:var(--ink);padding:9px 13px;font-size:10px;line-height:1.2;box-shadow:0 2px 12px #251a3315;backdrop-filter:blur(8px)}.motion-control:hover{background:var(--lime)}.motion-control:disabled{opacity:.8;cursor:default}.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal,.motion-paused .hero-content>*{opacity:1!important;transform:none!important}
[data-sender-logo]{object-fit:contain;flex-shrink:0}.footer-logo{display:none;width:64px;height:54px;object-fit:contain;margin-bottom:15px}.footer-brand .footer-wordmark{font-size:22px;font-weight:900;letter-spacing:-.05em;color:#fff;margin:0}.has-sender-logo .footer-logo{display:block}.has-sender-logo .brand>img{border-radius:8px;object-fit:contain;flex:none}.has-sender-logo[data-logo-layout=full] .brand>img{width:162px;height:45px}.has-sender-logo[data-logo-layout=full] .brand>span{display:none}.has-sender-logo[data-logo-layout=full] .footer-logo{width:190px;height:80px}.has-sender-logo[data-logo-layout=full] .footer-wordmark{display:none}.has-sender-logo .station-icon{width:100px;height:85px;border:0;transform:none}.has-sender-logo .station-icon img{width:100%;height:100%;object-fit:contain}.has-sender-logo .wave-bubble img{mix-blend-mode:normal;max-height:90px;object-fit:contain;border-radius:8px}.has-sender-logo .empty-icon{width:150px;height:100px;object-fit:contain}.has-sender-logo[data-logo-surface=light] [data-sender-logo]{background:#fff;padding:5px;border-radius:9px}.has-sender-logo[data-logo-surface=dark] [data-sender-logo]{background:#21142f;padding:5px;border-radius:9px}.has-sender-logo[data-logo-surface=transparent] [data-sender-logo]{background:transparent}
.branding-panel{margin-bottom:35px;border-color:#d6c8e5;background:#fcfaff}.branding-heading{margin-bottom:26px}.branding-heading>.eyebrow{color:#8053bb;margin-bottom:10px}.branding-heading h2{font-size:31px;margin-bottom:10px}.branding-heading>p{font-size:13px;color:var(--muted)}.branding-editor{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}.branding-editor .field-row{gap:12px}.branding-editor .actions{gap:8px}.logo-status{font-size:11px;color:#6a5979;margin-top:15px;line-height:1.5}.brand-previews{padding:0 0 0 30px;border-left:1px solid var(--line)}.brand-previews>.eyebrow{font-size:8px;margin-bottom:13px}.brand-previews>p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:14px}.logo-preview{border:1px solid #e0d7e7;border-radius:14px;min-height:100px;margin-bottom:12px;padding:20px;display:flex;gap:12px;align-items:center;justify-content:center}.logo-preview-dark{background:#241730;color:#fff}.logo-preview-light{background:#f3f1e9;color:var(--ink)}.logo-preview img{height:55px;width:65px;object-fit:contain}.preview-wordmark{font-size:16px;font-weight:900;letter-spacing:-.05em}.preview-wordmark small{display:block;font-size:10px;letter-spacing:.12em;margin-top:3px}[data-preview-layout=full] .preview-wordmark{display:none}[data-preview-layout=full] .logo-preview img{width:200px;height:62px}[data-preview-surface=light] .logo-preview img{background:white;padding:5px;border-radius:8px}[data-preview-surface=dark] .logo-preview img{background:#21142f;padding:5px;border-radius:8px}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spree-drift{from{transform:scale(1.01)}to{transform:scale(1.065)}}@keyframes sticker-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(12deg) translateY(-9px)}}@keyframes broadcast{0%{transform:scale(.85);opacity:0}20%{opacity:.7}100%{transform:scale(1.35);opacity:0}}@keyframes signal-turn{to{transform:rotate(360deg)}}@keyframes on-air{0%,100%{opacity:.75}50%{opacity:1;box-shadow:0 0 0 5px #d3ff5e16}}@keyframes city-roll{to{transform:translateX(-50%)}}@keyframes river-flow{to{stroke-dashoffset:-280}}@keyframes mic-float{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-9px)}}@keyframes wave-float{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(7deg) translateY(9px)}}@keyframes station-sway{from{transform:rotate(-10deg)}to{transform:rotate(7deg)}}
@media(max-width:1000px){.local-intro{gap:17px 35px}.local-experience{grid-template-columns:1fr 1fr}.local-details{padding:25px}.local-tabs{gap:5px;margin-bottom:25px}.local-tabs button{font-size:9px;padding:9px}.local-details h3{font-size:29px!important}.branding-editor{gap:25px}.brand-previews{padding-left:25px}.branding-editor .field-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.hero-sticker span{font-size:6px}.hero-art{animation-duration:28s}.city-ticker{padding:19px 0}.ticker-track span{font-size:10px;letter-spacing:.1em}.ticker-track>div{gap:25px;padding-right:25px}.local-intro{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.local-intro h2{font-size:39px}.local-intro>p{font-size:13px}.local-experience{grid-template-columns:1fr;border-radius:22px}.spree-poster{min-height:340px}.poster-postcode{font-size:100px;top:48px}.poster-postcode>span{font-size:10px}.poster-top{left:22px;right:22px;font-size:7px}.poster-top>span:last-child{letter-spacing:.02em}.poster-bottom{left:22px;right:22px;bottom:31px}.poster-caption{left:22px;bottom:14px;font-size:7px}.pin-island{top:59%;left:20%}.pin-castle{top:75%;left:45%}.pin-hill{right:7%;top:46%}.local-pin span{font-size:7px;padding:6px 7px}.local-details{padding:26px 22px 30px}.local-tabs{margin-bottom:28px;gap:6px}.local-tabs button{font-size:9px;padding:10px}#spot-panel p{min-height:0}#spot-panel h3{font-size:31px!important}.local-section{padding-bottom:5px}.motion-control{bottom:103px;right:12px;font-size:9px;padding:8px 11px}.has-sender-logo[data-logo-layout=full] .brand>img{width:125px;height:35px}.branding-heading h2{font-size:28px}.branding-editor{grid-template-columns:1fr;gap:25px}.brand-previews{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.branding-editor .actions .button{width:100%}.logo-preview{min-height:95px}.hero-coordinate{bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}.hero-content>*{opacity:1!important;transform:none!important}}