/* Occasion pages share the class-page components in site-styles.css. */
.birthdayLanding{--page-tint:var(--tint-purple);--page-ink:var(--color-purple)}
.corporateLanding{--page-tint:var(--tint-orange);--page-ink:var(--color-orange)}
.eventLanding .eventDetails{background:#fff4e8}
.eventLanding .eventBudget{background:#eee7fb}
.eventLanding .eventStory{background:var(--paper)}
.eventLanding .eventEnd{background:#eaf4fb;text-align:center}
.eventLanding .eventTwoCards{grid-template-columns:repeat(2,minmax(0,1fr))}
.eventLanding .eventPrices{grid-template-columns:repeat(3,minmax(0,1fr))}
.eventLanding .eventPrices .stat{margin:0}
.eventLanding .eventPrices strong{font-size:clamp(22px,2.3vw,30px)}
.eventLanding .eventPrices span{font-size:16px;margin-top:10px;display:block}
.eventLanding .eventContent a:not(.primary){text-decoration:underline;text-underline-offset:4px}
.eventLanding .eventContent ol{padding-left:24px}
.eventLanding .eventContent li{line-height:1.7;margin:14px 0}
.eventLanding .eventContent .infoCard p{line-height:1.7}
.eventLanding .eventEnd h2{max-width:760px;margin-left:auto;margin-right:auto}
.eventLanding .eventEnd .primary{margin:18px 0}
.eventSkip{position:absolute;left:20px;top:-100px}
.eventSkip:focus{top:12px;background:white;z-index:1000;padding:12px}
@media(max-width:900px){.eventLanding .eventTwoCards,.eventLanding .eventPrices{grid-template-columns:1fr}}