/* Decorative art stays behind content and never intercepts clicks. */
.home-clean .ambient-entertainment-host { position:relative; isolation:isolate; }
.home-clean .ambient-entertainment-host > .shell { position:relative; z-index:2; }
.ambient-entertainment { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.ambient-picture { position:absolute; width:180px; height:130px; left:-25px; top:22%; border:2px solid #5ce8ff; border-radius:18px; background-image:url('/th/assets/living/entertainment-atlas-v1.webp'); background-size:400% 400%; box-shadow:0 0 30px #13baff77; opacity:0; transform:translateY(30px) rotate(-9deg) scale(.8); }
.ambient-picture:nth-child(2) { left:auto; right:-25px; top:60%; border-color:#ed63ed; box-shadow:0 0 30px #ed43dd66; }
.ambient-picture.is-popping { animation:entertainment-pop 8s ease-in-out both; }
@keyframes entertainment-pop { 0%,100% { opacity:0; transform:translateY(30px) rotate(-9deg) scale(.8); } 18%,72% { opacity:.65; transform:translateY(0) rotate(-6deg) scale(1); } 88% { opacity:.3; transform:translateY(-18px) rotate(2deg) scale(.96); } }
.home-clean .genre-card.ambient-spotlight { animation:entertainment-spotlight 4.2s ease-in-out; }
@keyframes entertainment-spotlight { 25%,65% { transform:translateY(-7px) scale(1.025); border-color:#76efff; box-shadow:0 0 28px #38d8ff66; } }
@media(max-width:700px) { .ambient-picture { width:105px; height:84px; } .ambient-picture.is-popping { animation-duration:7s; } }
@media(prefers-reduced-motion:reduce) { .ambient-entertainment { display:none; } .home-clean .genre-card.ambient-spotlight { animation:none; } }
.motion-paused .ambient-picture,.motion-paused .genre-card { animation-play-state:paused!important; }

/* Visible from the first screen: three full-colour floating mini-posters. */
.hero-life-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:12px 5px 8px; pointer-events:none; }
.hero-life-card { position:relative; display:block; height:96px; border-radius:13px; border:1px solid #91f1ff; background-image:url('/th/assets/living/entertainment-atlas-v1.webp'); background-size:400% 400%; box-shadow:0 10px 22px #00162e66,0 0 16px #16d6ff38; animation:hero-art-float 5.5s ease-in-out var(--life-delay) infinite; overflow:hidden; }
.hero-life-card:nth-child(2) { border-color:#f491ec; }
.hero-life-card::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 25%,#061023e8); }
.hero-life-card b { position:absolute; bottom:10px; left:12px; z-index:1; color:#fff; font-size:13px; letter-spacing:.07em; text-shadow:0 2px 5px #000; }
@keyframes hero-art-float { 0%,100% { transform:translateY(5px) rotate(-2deg); } 50% { transform:translateY(-7px) rotate(2deg); } }
.home-clean .genre-card.ambient-spotlight { animation:entertainment-spotlight 2.8s ease-in-out; }
.home-clean .ambient-picture { width:230px; height:165px; }
.home-clean .ambient-picture.is-popping { animation-duration:7s; }
@keyframes entertainment-pop { 0%,100% { opacity:0; transform:translateY(35px) rotate(-12deg) scale(.75); } 16%,75% { opacity:.9; transform:translateY(-8px) rotate(-5deg) scale(1); } 88% { opacity:.4; transform:translateY(-30px) rotate(3deg) scale(.94); } }
.motion-paused .hero-life-card,.ambient-tab-hidden .hero-life-card,.ambient-tab-hidden .ambient-picture { animation-play-state:paused!important; }
@media(max-width:700px) { .home-clean .ambient-picture { width:110px; height:85px; } .hero-life-strip { gap:8px; } .hero-life-card { height:72px; } .hero-life-card b { font-size:10px; left:7px; } }
@media(prefers-reduced-motion:reduce) { .hero-life-card { animation:none; transform:none; } }