/* Three outlined title treatments: no external font download required. */
.hero h1,.teaser h1{line-height:1;margin:20px auto 14px;width:92%;font-size:inherit;transform:none;text-shadow:none}
.title-art{display:block;width:100%;height:auto;overflow:visible}
.neon .hero h1,.neon .teaser h1{width:82%;transform:skew(-7deg);filter:drop-shadow(3px 3px 0 #9037d3) drop-shadow(0 0 12px #ed3bcd70)}
.pop .hero h1,.pop .teaser h1{width:94%;transform:rotate(-4deg);filter:drop-shadow(3px 5px 0 #ffbd56)}
.videoclipe .hero h1,.videoclipe .teaser h1{width:87%;transform:skew(-10deg) rotate(-2deg);filter:drop-shadow(5px 5px 0 #c800a3)}
.hero .hero-copy{top:5%}.neon .hero .tagline{margin-top:18px}.teaser .hero-copy{top:65px}
.teaser h1{margin-top:32px;margin-bottom:28px}.teaser-date{font-size:60px;font-weight:800;letter-spacing:-1px;color:var(--ink);border-block:2px solid var(--accent);padding:14px 0;margin:0 24px 10px}.teaser-date span{padding:0 12px}.teaser-bottom{padding-top:65px}.teaser-call{font-size:33px;margin-top:13px}.teaser-bottom>p:nth-child(3){font-size:24px}
.hero .art{animation:none!important;transform:none!important}
.neon-shapes,.tv-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.triangle{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 7px #ff3bd9);animation:triangle-dance 6s ease-in-out infinite alternate}.t2{animation-duration:4.6s;animation-delay:-2s;filter:drop-shadow(0 0 7px #ffa134)}.t3{animation-duration:7s;animation-delay:-4s;filter:drop-shadow(0 0 7px #7d69ff)}
.pixel-ship{animation:arcade-flight 5s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #4ceae2)}.star{animation:star-breathe 3s ease-in-out infinite alternate;transform-origin:680px 534px}
.cassette-item{position:absolute;width:24%;right:6%;top:30%;z-index:1;overflow:visible;filter:drop-shadow(5px 6px 0 #13295d30);animation:cassette-bob 4.5s ease-in-out infinite alternate}
.reel{transform-box:fill-box;transform-origin:center;animation:reel-spin 3s linear infinite}.right-reel{animation-duration:3.6s}
.screen-sweep{animation:tv-sweep 4s linear infinite}.video-sticker{position:absolute;left:7%;top:29%;z-index:1;background:#052b35;color:#e4ff3a;font-family:Consolas,monospace;font-weight:700;font-size:clamp(12px,1.3vw,19px);letter-spacing:2px;padding:9px 13px;transform:rotate(-8deg);box-shadow:4px 4px 0 #ee2ab0;animation:sticker-rock 4s ease-in-out infinite alternate}.record-dot{display:inline-block;background:#ff4fb7;width:8px;height:8px;border-radius:50%;animation:star-breathe 2s ease-in-out infinite alternate}.play-arrow{display:inline-block;animation:play-slide 2s ease-in-out infinite alternate}
.teaser-page .video-sticker{font-size:32px;padding:18px 25px}.teaser-page .record-dot{width:15px;height:15px}.teaser-page *{animation:none!important}
.teaser-bottom{z-index:3}.hero-foot{z-index:3}
.pop .details h2,.pop .dress h3{font-family:Georgia,serif;font-weight:700;letter-spacing:-.5px}.videoclipe .kicker,.videoclipe .mini,.videoclipe .hero-foot{font-family:Consolas,monospace}.neon .details h2{font-weight:300;letter-spacing:.01em}
@keyframes triangle-dance{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-32px) rotate(12deg)}}
@keyframes arcade-flight{0%{transform:translate(-20px,0)}50%{transform:translate(25px,-20px)}100%{transform:translate(-10px,25px)}}
@keyframes star-breathe{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}
@keyframes cassette-bob{from{transform:rotate(12deg) translateY(0)}to{transform:rotate(-5deg) translateY(-14px)}}
@keyframes reel-spin{to{transform:rotate(360deg)}}
@keyframes tv-sweep{from{transform:translateY(0)}to{transform:translateY(450px)}}
@keyframes sticker-rock{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(-3deg) translateY(-8px)}}
@keyframes play-slide{to{transform:translateX(4px)}}
@media(max-width:800px){.hero h1{margin-top:18px;margin-bottom:18px}.hero .hero-copy{top:5%}.video-sticker{font-size:12px;padding:7px 10px}.cassette-item{top:29%}}