/* Homepage-only rules from the original index.html's page-specific <style> block
   (assets/css/style.css only carries the shared/global design system). */

.story-section {
	background-color: var(--cream);
}
.menu-preview-section {
	background-color: var(--cream-dark);
	position: relative;
	overflow: hidden;
}
.locations-section {
	background-color: var(--cream);
}
.locations-section-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 2.5rem;
}
/* The Group Dining teaser is now a Cover block (photo + navy overlay),
   styled entirely through its own block attributes — no custom CSS needed.
   Its old cream two-column layout (.story-intro-grid etc.) moved to the
   Group Dining page itself; see group-dining.css. */
.story-image-wrap .wp-block-image {
	margin: 0;
	width: 100%;
	height: 100%;
}

/* WordPress auto-adds `:where(.is-layout-flow) > * { margin-block-start: 24px }`
   between direct children of <main>. The :where() wrapper has zero specificity,
   so a plain child-combinator rule wins. */
.front-page-main > * {
	margin-block-start: 0;
}

.story-split > * {
	transition-delay: 0.15s;
}
.story-split > *:nth-child(2) {
	transition-delay: 0.3s;
}