/* ==========================================================
   Champagne Skies — a family New Year card
   Alpine night blue, rose gold and snow; Playfair and Pinyon Script.
   ========================================================== */
.cs {
  --g-bg: #0e1730; --g-bg2: #16213f; --g-ink: #f7f1ea; --g-muted: rgba(247, 241, 234, 0.76);
  --g-accent: #e7b7a0; --g-accent2: #ffe2c8; --g-card: #fffaf4; --g-card-ink: #2a2230;
  --g-display: 'Playfair Display', serif; --g-script: 'Pinyon Script', cursive;
  --g-body: 'Lora', serif; --g-label: 'Josefin Sans', 'Sora', sans-serif;
}
.cs .vx-loader { background: linear-gradient(180deg, #0e1730, #2b2a4a 70%, #6b4a5a); }
.cs .gr-dear, .cs .gr-to, .cs .gr-letter-to, .cs .gr-letter-sign, .cs .gr-wish p { font-style: normal; font-size: 1.6rem; }
.cs .gr-letter-to { font-size: 2rem; }
.cs .gr-wish p { font: italic 400 0.98rem/1.5 var(--g-body); }
.cs .gr-flip-back { font-style: normal; font-size: 1.35rem; line-height: 1.25; }

.cs .gr-hot { overflow: visible; }
.cs-up { inset: -70% 0 auto 0; height: 70%; }

.cs-year { background: linear-gradient(180deg, var(--g-bg), #1b2546); }
.cs-polaroids { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; }
.cs-polaroid { margin: 0; padding: 8px 8px 12px; background: #fffaf4; border-radius: 4px; transform: rotate(var(--r)); box-shadow: 0 18px 30px -16px rgba(0, 0, 0, 0.7); }
.cs-polaroid img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 2px; }
.cs-polaroid figcaption { margin-top: 8px; font: italic 400 0.82rem/1.35 var(--g-body); color: #3a2c3a; }

.cs-count { background: radial-gradient(circle at 50% 100%, #3a2c4a, var(--g-bg) 70%); }
.cs-count-sprite { height: 150px; width: auto; margin: 0 auto 10px; transform: rotate(-12deg); filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.5)); }
.cs .vx-countdown b { font-family: var(--g-display); color: var(--g-accent2); }