.deemo-entry {
  display: block;
  min-height: 250px;
  color: #403b48;
  background: linear-gradient(135deg, #f7edf0 0%, #e7e2f1 52%, #dbe8e8 100%);
  border-color: rgba(255, 255, 255, .7);
  box-shadow: 0 18px 48px rgba(8, 12, 20, .18);
}
.deemo-entry:before { border-color: rgba(92, 76, 95, .11); }
.deemo-entry:hover { border-color: #fff; box-shadow: 0 24px 58px rgba(8, 12, 20, .24); }
.deemo-entry > span { z-index: 4; color: #67566b; }
.deemo-entry > p { z-index: 4; color: #625a69; }
.deemo-entry-art { position: absolute; inset: 0; overflow: hidden; }
.deemo-entry-art:after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(248, 241, 243, .22), rgba(248, 241, 243, .72) 55%, rgba(248, 241, 243, .95));
}
.deemo-entry-icon {
  position: absolute;
  inset: 0 auto 0 0;
  width: 58%;
  height: 100%;
  object-fit: cover;
  object-position: 46% center;
  opacity: .82;
  transform: scale(1.04);
  transition: transform .55s ease, opacity .35s ease;
}
.deemo-entry:hover .deemo-entry-icon { opacity: .96; transform: scale(1.08); }
.deemo-entry-logo {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 3;
  width: min(31%, 178px);
  filter: brightness(0) saturate(100%) opacity(.76);
}
.deemo-entry-copy { position: absolute; right: 28px; bottom: 58px; z-index: 3; width: 48%; text-align: right; }
.deemo-entry-copy small, .deemo-entry-copy strong, .deemo-entry-copy em { display: block; }
.deemo-entry-copy small { margin-bottom: 8px; color: #7c667c; font-size: 9px; letter-spacing: .14em; }
.deemo-entry-copy strong { color: #403b48; font-size: 29px; font-weight: 500; }
.deemo-entry-copy em { margin-top: 8px; color: #756b78; font-size: 9px; font-style: normal; letter-spacing: .08em; }
.deemo-entry-rain { position: absolute; z-index: 2; width: 1px; height: 55px; background: linear-gradient(transparent, rgba(255,255,255,.86)); transform: rotate(9deg); animation: deemoEntryRain 1.8s linear infinite; }
.rain-a { top: -30px; left: 18%; }.rain-b { top: 20px; left: 43%; animation-delay: -.8s }.rain-c { top: -15px; left: 72%; animation-delay: -1.3s }
.deemo-entry-petal { position: absolute; z-index: 3; width: 13px; height: 7px; border-radius: 100% 0 100% 0; background: rgba(255,255,255,.9); box-shadow: 0 1px 5px rgba(110,87,112,.14); animation: deemoEntryPetal 6s ease-in-out infinite; }
.petal-a { top: 18%; left: 29%; }.petal-b { top: 43%; left: 59%; animation-delay: -2s; transform: scale(.7) }.petal-c { top: 70%; left: 75%; animation-delay: -4s; transform: scale(1.2) }
@keyframes deemoEntryRain { from { transform: translateY(-80px) rotate(9deg); opacity: 0 } 18% { opacity: .8 } to { transform: translateY(310px) rotate(9deg); opacity: 0 } }
@keyframes deemoEntryPetal { 0%,100% { transform: translate3d(0,-10px,0) rotate(0deg); opacity: .25 } 45% { opacity: 1 } 50% { transform: translate3d(28px,30px,0) rotate(150deg) } }
@media (max-width: 720px) {
  .deemo-entry { min-height: 215px; }
  .deemo-entry-icon { width: 68%; opacity: .68; }
  .deemo-entry-art:after { background: linear-gradient(90deg, rgba(248,241,243,.06), rgba(248,241,243,.78) 58%, rgba(248,241,243,.97)); }
  .deemo-entry-logo { top: 27px; right: 20px; width: 35%; }
  .deemo-entry-copy { right: 20px; bottom: 54px; width: 56%; }
  .deemo-entry-copy strong { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .deemo-entry-rain, .deemo-entry-petal { animation: none; } }