#sh-dynamic-root {
	width: 100%;
}

.sh-site-note {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	line-height: 1.4;
}

.sh-site-note--entry {
	opacity: 1;
	transform: none;
	animation: sh-site-note-entry 0.75s ease-in-out both;
}

.sh-site-note--entry-delay {
	animation-delay: 0.18s;
}

@keyframes sh-site-note-entry {
	from {
		opacity: 0;
		transform: translateY(-0.85rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sh-site-note--entry {
		opacity: 1;
		transform: none;
		animation: none;
	}
}

.sh-site-note--hero {
	background: #ffffff;
	color: #111111;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 0;
	overflow: hidden;
}

.sh-site-note--hero img {
	display: block;
	width: 100%;
	height: clamp(72px, 16vw, 260px);
	object-fit: contain;
	object-position: center;
}

.sh-site-note--large img {
	height: clamp(120px, 30vw, 420px);
}

.sh-site-note--status {
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	background: #f5d6d6;
	color: #3b1a1a;
}

.sh-site-note--status[data-palette="christmas_red_pastel"] {
	background: #f5d6d6;
	color: #3b1a1a;
}

.sh-site-note--status[data-palette="spring_mint"] {
	background: #d9f2e6;
	color: #143325;
}

.sh-site-note--status[data-palette="spring_lavender"] {
	background: #e9e2f6;
	color: #2a1f3d;
}

.sh-site-note--status[data-palette="spring_blush"] {
	background: #f7e1ea;
	color: #3d1f2b;
}

.sh-site-note--status[data-palette="summer_sky"] {
	background: #d9effc;
	color: #0f2a3a;
}

.sh-site-note--status[data-palette="summer_sand"] {
	background: #f7efd8;
	color: #2a2415;
}

.sh-site-note--status[data-palette="fall_pumpkin_pastel"] {
	background: #f6e0cf;
	color: #3a1f10;
}

.sh-site-note--status[data-palette="fall_olive"] {
	background: #e8edd9;
	color: #1f2a12;
}

.sh-home-spotlight .image {
	min-height: 24rem;
}

@media screen and (max-width: 1280px) {
	.sh-home-spotlight .image {
		min-height: 21rem;
	}
}

@media screen and (max-width: 980px) {
	.sh-home-spotlight .image {
		min-height: 18rem;
	}
}

@media screen and (max-width: 736px) and (orientation: portrait) {
	.sh-home-spotlight .image {
		min-height: 14rem;
	}
}