/* A slow sunrise in the collection artwork. */
.monthly-art .halo {
  background: radial-gradient(circle at 44% 38%, #fff6d64d, #ffe3ad1a 65%, transparent);
  animation: collection-sun-glow 9s ease-in-out infinite;
}
.monthly-art .halo::before {
  content: ''; position: absolute; inset: -35%; border-radius: 50%;
  background: radial-gradient(circle, #fff1cd66 0%, #ffe4b32e 35%, transparent 70%);
  filter: blur(12px); pointer-events: none;
  animation: collection-sun-aura 9s ease-in-out infinite;
}
@keyframes collection-sun-glow {
  0%,100% { filter: brightness(1); box-shadow: 0 0 0 20px #fff2df14, 0 0 0 45px #fff2df0c, 0 0 65px #fce7cd40; }
  50% { filter: brightness(1.18); box-shadow: 0 0 0 24px #fff2df20, 0 0 0 52px #fff2df12, 0 0 110px #fce7cd88; }
}
@keyframes collection-sun-aura {
  0%,100% { opacity: .45; transform: scale(.94); }
  50% { opacity: .9; transform: scale(1.07); }
}
.monthly .release-line { gap: 14px 20px; padding: 25px 0; }
.monthly .release-line > span:first-child { font-size: clamp(14px,1.15vw,17px); font-weight: 600; letter-spacing: 1.4px; }
.monthly .release-line strong { font: 500 clamp(23px,2.1vw,30px)/1.25 'Outfit',sans-serif; letter-spacing: -.025em; }
.monthly .release-line .pill { font-size: 15px; line-height: 1.5; padding: 9px 15px; background: #ffffff0c; }
.monthly-art > span { font-size: clamp(12px,1vw,15px); padding-inline: 20px; line-height: 1.5; }
.monthly-copy .monthly-membership {
  width: fit-content; max-width: 100%; min-height: 78px; padding: 14px 16px 14px 20px;
  gap: 18px; border-radius: 25px; margin-top: 28px; text-align: left;
  color: #fff6e9; border: 1px solid #f8e7d480;
  background: linear-gradient(115deg,#e6cda524,#e3c7e52b 50%,#a9cde326);
  box-shadow: inset 0 1px 0 #ffffff44,0 12px 35px #17112b20;
  backdrop-filter: blur(14px);
}
.monthly-membership strong { font: 600 clamp(19px,1.55vw,24px)/1.3 'Manrope',sans-serif; letter-spacing: -.04em; }
.membership-sun { display: grid; place-items: center; width: 36px; flex: 0 0 36px; color: #f7dfb3; }
.membership-sun svg { width: 32px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; }
.membership-arrow { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: #f3e6ce; color: #493c56; font: 25px/1 'Manrope',sans-serif; transition: transform .35s; }
.monthly-copy .monthly-membership:hover { background: linear-gradient(115deg,#e6cda539,#e3c7e53b 50%,#a9cde33b); }
.monthly-membership:hover .membership-arrow { transform: rotate(8deg); }
@media(max-width:700px) {
  .monthly .release-line { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
  .monthly .release-line > span:first-child { grid-column: 1 / -1; font-size: 14px; }
  .monthly .release-line strong { font-size: 25px; }
  .monthly .release-line .pill { font-size: 14px; padding: 8px 12px; }
  .monthly-copy .monthly-membership { width: 100%; padding: 16px 14px; gap: 12px; }
  .monthly-membership strong { flex: 1; font-size: 20px; }
  .membership-sun { width: 28px; flex-basis: 28px; }
  .membership-sun svg { width: 28px; }
  .membership-arrow { width: 40px; height: 40px; flex-basis: 40px; }
}
@media(max-width:360px) { .monthly .release-line { grid-template-columns: 1fr; } .monthly .release-line .pill { justify-self: start; } }
.motion-paused .monthly-art .halo,.motion-paused .monthly-art .halo::before { animation-play-state: paused !important; }
@media(prefers-reduced-motion:reduce) { .monthly-art .halo,.monthly-art .halo::before { animation: none !important; } .membership-arrow { transition: none; } }