.living-cover, .living-cover * { box-sizing: border-box; }
.living-cover { --night: #050a14; max-width: 380px; margin: 0 auto; }
.living-cover img { max-width: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.living-cover { position: relative; width: 100%; aspect-ratio: 992 / 1586; perspective: 1500px; touch-action: pan-y; filter: drop-shadow(0 2rem 4rem rgba(0, 0, 0, .56));
}
.living-cover__scene { position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(212, 163, 108, .24); border-radius: .4rem; background: var(--night); transform-style: flat; will-change: transform;
}
.living-cover__base,
.living-cover__wheel,
.living-cover__figure,
.living-cover__figure-glow { position: absolute; display: block; user-select: none; pointer-events: none; will-change: transform;
}
.living-cover__base { inset: -1.2%; width: 102.4%; height: 102.4% !important; object-fit: cover; transform: scale(1.025);
}
.living-cover__wheel { inset: 0; width: 100%; height: 100% !important; object-fit: cover; opacity: .88; transform-origin: 50% 49.7%; mix-blend-mode: screen; filter: drop-shadow(0 0 .55rem rgba(197, 136, 89, .22));
}
.living-cover__figure,
.living-cover__figure-glow { left: 50%; top: 51.5%; width: 55.2%; height: auto; transform-origin: 50% 48%;
}
.living-cover__figure-glow { opacity: .54; filter: blur(.05rem);
}
.living-cover__figure { filter: drop-shadow(0 0 .3rem rgba(245, 187, 112, .18)) drop-shadow(0 .9rem 1.8rem rgba(0, 0, 0, .34));
}
.living-cover__sparks,
.living-cover__vignette { position: absolute; inset: 0; pointer-events: none;
}
.living-cover__spark { position: absolute; width: .26rem; aspect-ratio: 1; border-radius: 50%; background: #ffe6bf; box-shadow: 0 0 .7rem .1rem rgba(224, 159, 95, .7); opacity: 0; animation: mwa-lc-star var(--duration) ease-in-out var(--delay) infinite;
}
.living-cover__glint { position: absolute; z-index: 8; width: 1.1rem; aspect-ratio: 1; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent 47%, rgba(255, 235, 198, .95) 50%, transparent 53%), linear-gradient(transparent 47%, rgba(255, 235, 198, .95) 50%, transparent 53%); filter: drop-shadow(0 0 .35rem #d79459); animation: mwa-lc-glint 7.5s ease-in-out infinite;
}
.living-cover__glint--one { left: 48.5%; top: 47.5%; }
.living-cover__glint--two { left: 58%; top: 64%; animation-delay: -3.75s; }
.living-cover__vignette { z-index: 10; box-shadow: inset 0 0 3rem rgba(0, 0, 0, .24);
}
@keyframes mwa-lc-star { 0%, 68%, 100% { opacity: 0; transform: scale(.35); } 76% { opacity: .88; transform: scale(1); } 84% { opacity: .15; transform: scale(.55); }
}
@keyframes mwa-lc-glint { 0%, 37%, 53%, 100% { opacity: 0; transform: scale(.25) rotate(0deg); } 44% { opacity: .92; transform: scale(1.15) rotate(45deg); } 48% { opacity: .28; transform: scale(.68) rotate(65deg); }
}
@media (prefers-reduced-motion: reduce) { .living-cover__spark, .living-cover__glint { animation: none; }
}