/* Titles are inline vectors and have explicit dimensions, including Safari. */
.hero h1{position:relative;min-height:1px}.hero .title-art{display:block;width:100%;height:auto;max-height:170px}
.scene-screen,.pop-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.pop .hero h1{animation:pop-title-sway 6s ease-in-out infinite alternate;transform-origin:center}
.pop-drift{animation:pop-drift 5s ease-in-out infinite alternate}.pop-wave{animation:pop-wave 6s ease-in-out infinite alternate}
.photo-reel{transform-box:fill-box;transform-origin:center;animation:reel-spin 4s linear infinite}.reel-two{animation-duration:4.5s}
.pop .motion-decor,.pop .spark{display:none}
.pop .cassette-item{animation:cassette-bob 5s ease-in-out infinite alternate}
.pop .hero .tagline{font-size:clamp(15px,1.5vw,20px);max-width:100%;padding:4px 6px}
.pop .hero .cassette-item{top:32%;width:22%}
.videoclipe .hero .video-sticker{top:34%}
@keyframes pop-title-sway{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(-2deg) translateY(-5px)}}
@keyframes pop-drift{from{transform:translate(0,0)}to{transform:translate(12px,-13px)}}
@keyframes pop-wave{from{transform:translate(0,0)}to{transform:translate(-10px,10px)}}
@media(max-width:800px){.hero .title-art{max-height:140px}.pop .hero .tagline{font-size:clamp(13px,3.8vw,19px)}}

/* Revision 5: stronger, staggered motion confined to the Pop proposal. */
.pop .hero h1{animation:pop-title-lively 4.5s ease-in-out infinite alternate}
.pop .pop-drift{animation:pop-drift-lively 3.6s ease-in-out infinite alternate}
.pop .pop-wave{animation:pop-wave-lively 4.2s ease-in-out infinite alternate}
.pop .hero .cassette-item{animation:pop-cassette-lively 3.8s ease-in-out infinite alternate;transform-origin:60% 55%}
.pop .photo-reel{animation-duration:2.4s}.pop .reel-two{animation-duration:2.8s}
.pop .cassette-item .reel{animation-duration:2s}.pop .cassette-item .right-reel{animation-duration:2.5s}
.pop-confetti{transform-box:fill-box;transform-origin:center;animation:pop-confetti 4s ease-in-out infinite alternate}
.confetti-b{animation-duration:3.3s;animation-delay:-1.2s}.confetti-c{animation-duration:4.8s;animation-delay:-2s}
.pop-zigzag{animation:pop-zigzag 3.5s ease-in-out infinite alternate}
.pop-dashes{animation:pop-dashes 3.9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes pop-title-lively{from{transform:rotate(-5deg) translateY(2px)}to{transform:rotate(-1deg) translateY(-9px)}}
@keyframes pop-drift-lively{from{transform:translate(-9px,8px)}to{transform:translate(27px,-27px)}}
@keyframes pop-wave-lively{from{transform:translate(12px,-10px)}to{transform:translate(-28px,22px)}}
@keyframes pop-cassette-lively{from{transform:rotate(10deg) translateY(4px)}to{transform:rotate(-10deg) translateY(-17px)}}
@keyframes pop-confetti{from{transform:translate(-7px,9px) rotate(-15deg)}to{transform:translate(16px,-24px) rotate(22deg)}}
@keyframes pop-zigzag{from{transform:translate(-23px,10px)}to{transform:translate(22px,-15px)}}
@keyframes pop-dashes{from{transform:rotate(-12deg) translateY(8px)}to{transform:rotate(15deg) translateY(-21px)}}