.hero{min-height:100vh;position:relative;overflow:hidden}.hero-bg{z-index:0;background-image:url(/images/hero-bedroom.png);background-position:50%;background-size:cover;position:absolute;inset:0}.stars{pointer-events:none;z-index:1;position:absolute;inset:0}.star{width:3px;height:3px;image-rendering:pixelated;background:#fff4c2;animation:2s steps(3,end) infinite pixelTwinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes pixelTwinkle{0%{opacity:.15}30%{opacity:.4}50%{opacity:1}70%{opacity:.4}to{opacity:.15}}.star-1{animation-delay:.2s;top:12%;left:34%}.star-2{animation-delay:1.4s;top:12%;left:52%}.star-3{animation-delay:.8s;top:12%;left:68%}.star-4{animation-delay:2s;top:8%;left:40%}.star-5{animation-delay:1.1s;top:12%;left:43%}.star-6{animation-delay:.5s;top:8%;left:58%}.star-7{animation-delay:1.8s;top:10%;left:37%}.star-8{animation-delay:.9s;top:14%;left:63%}.star-9{animation-delay:1.6s;top:30%;left:62%}.star-10{animation-delay:2.2s;top:2%;left:74%}@media only screen and (max-width:600px){.star-1{top:12%;left:15%}.star-2{left:95%}.star-6{top:10%;left:30%}.star-7{top:17%;left:30%}.star-10{left:80%}}
.sleep-z{color:#fff4c2;opacity:0;font-family:monospace;font-weight:700;animation:3s steps(4,end) infinite sleep;position:absolute}.z1{font-size:14px;animation-delay:0s;top:55%;right:65%}.z2{font-size:18px;animation-delay:1s;top:50%;right:60%}.z3{font-size:18px;animation-delay:2s;top:40%;right:55%}@keyframes sleep{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(18px,-25px)}}.music-player{color:#fff4c2;cursor:pointer;background:#11162b;border:2px solid #fff4c2;align-items:center;gap:10px;padding:8px 12px;font-family:monospace;font-weight:700;display:flex;box-shadow:4px 4px #000}.music-player:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.ufo{transform-origin:50%;width:80px;animation:40s steps(6,end) infinite ufoPeek;position:absolute;top:10px;left:45%}@media only screen and (max-width:1800px){.ufo{top:50px;left:35%}}@media only screen and (max-width:500px){.ufo{top:50px;left:20%}}@keyframes ufoPeek{0%{opacity:0;transform:translateY(-30px)scale(0)}2%{opacity:1;transform:translateY(0)scale(1)}4%{opacity:1;transform:translateY(60px)scale(1)}10%{opacity:1;transform:translateY(60px)scale(1)}14%{opacity:1;transform:translateY(0)scale(1)}16%{opacity:0;transform:translateY(-30px)scale(0)}to{opacity:0;transform:translateY(-50px)scale(0)}}.ufo-beam{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:linear-gradient(#fff4c240,#0000);width:50%;height:45px;animation:1.5s ease-in-out infinite beamPulse;position:absolute;top:55%;left:25%}@keyframes beamPulse{0%,to{opacity:.2}50%{opacity:.6}}