*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,sans-serif;color:#282239;background:#eee4ff}.scene{width:100vw;height:100vh;position:relative;overflow:hidden}.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#eee6ff 0%,#eee6fff0 28%,#eee6ff80 49%,transparent 70%)}.brand{position:absolute;top:6%;left:5%;font-size:3.2vw;font-weight:900;letter-spacing:-.15vw}.brand i{font-style:normal;display:inline-grid;place-items:center;width:4vw;height:4.3vw;border-radius:1.2vw;background:#7540e9;color:#d7fa75;margin-right:1vw;transform:rotate(-8deg);box-shadow:.3vw .3vw #d7fa75}.copy{position:absolute;left:5%;top:29%;width:50%}.label{font-size:1vw;font-weight:700;letter-spacing:.2vw;color:#7042c5}.copy h1{font-size:5.4vw;line-height:1.04;letter-spacing:-.25vw;margin:1.8vw 0;color:#7540e9}.copy p{font-size:1.4vw;line-height:1.7;max-width:30vw}.bottom{position:absolute;bottom:6%;left:5%;font-size:1vw;font-weight:700;letter-spacing:.12vw}.badge{position:absolute;right:5%;bottom:7%;background:#d7fa75;padding:1.2vw 2vw;border-radius:3vw;font-size:1.1vw;font-weight:700;transform:rotate(-4deg)}.star{display:inline-block;color:#f4a239}.overlay{background:transparent;color:white}.overlay .scene{border:0}.overlay .topline{position:absolute;left:2%;top:2%;background:#7540e9;padding:.65vw 1.5vw;border-radius:2vw;display:flex;align-items:center;gap:1.3vw;box-shadow:0 .3vw 0 #d7fa75}.overlay strong{font-size:1.8vw;letter-spacing:-.06vw}.overlay small{font-size:.8vw}.overlay .badge{bottom:2%;right:2%;font-size:.85vw;padding:.6vw 1.2vw;color:#282239;transform:none}.overlay .camera{position:absolute;right:2%;bottom:8%;width:22%;height:25%;border:.35vw solid #d7fa75;border-radius:1.5vw;box-shadow:0 0 0 .35vw #7540e9}.overlay .camera span{position:absolute;bottom:-1.5vw;left:50%;transform:translateX(-50%);white-space:nowrap;background:#7540e9;padding:.3vw 1vw;border-radius:2vw;font-size:.8vw}@media(prefers-reduced-motion:no-preference){.star{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(10deg)}}}