/* First Trip Around the Sun (Signature Collection): soft type, a sunbeam photo frame, the Sunshine pass, Party TV.
   The opening film's styles live in film.css. */
[data-theme="suntrip"] .title, [data-theme="suntrip"] .card h2, [data-theme="suntrip"] .divider, [data-theme="suntrip"] .age-badge b { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-synthesis: none; }
[data-theme="suntrip"] .title { letter-spacing: -.01em; text-shadow: none; }
[data-theme="suntrip"] .eyebrow { color: #4d6074; font-family: "Nunito", sans-serif; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; font-size: .76rem; }
[data-theme="suntrip"] .card { border-radius: 24px; box-shadow: 0 10px 30px rgba(196, 150, 90, .14), inset 0 0 0 1px #f3e3c4; }
[data-theme="suntrip"] .hero-art .st-rays { transform-box: view-box; transform-origin: 180px 78px; animation: sti-spin 80s linear infinite; }
@keyframes sti-spin { to { rotate: 360deg; } }

/* the kid's photo: the Kid Photo hook's sunburst (theme.photo.frame "starburst"), warmed into a soft sun
   here, as in the film. Sizing, crop and the host's frame pick stay with the hook. */
[data-theme="suntrip"] .kp-starburst .kp-win { box-shadow: 0 0 0 3px #fffaf0, 0 0 0 6px #f7c56d, 0 0 calc(var(--kp-w) * .3) calc(var(--kp-w) * .1) rgba(255, 230, 170, .55); }
[data-theme="suntrip"] .kp-starburst .kp-burst { fill: #f7c56d; opacity: .85; }

/* the pass: a Sunshine pass in soft cream with a sun on the stub */
[data-theme="suntrip"] .ticket { background: linear-gradient(180deg, #fffaf0, #fdecc8); color: #142a41; border-radius: 18px; box-shadow: 0 10px 24px rgba(196, 150, 90, .22), inset 0 0 0 2px #f7c56d; }
[data-theme="suntrip"] .ticket .t-main { border-right: 2px dotted #e9c98e; }
[data-theme="suntrip"] .ticket b { font-family: "Fraunces", Georgia, serif; font-weight: 600; }
[data-theme="suntrip"] .ticket small { color: #4d6074; letter-spacing: .18em; }

[data-theme="suntrip"].tv-slide h1, [data-theme="suntrip"].tv-slide h2 { font-family: "Fraunces", Georgia, serif; font-weight: 600; }

@media (prefers-reduced-motion: reduce) { [data-theme="suntrip"] .hero-art * { animation: none !important; } }