body.page-id-7580 .entry-header,
body.page-id-7580 .entry-title {
	display: none !important;
}

body.page-id-7580,
body.page-id-7580 #content,
body.page-id-7580 .site-content,
body.page-id-7580 .content-area,
body.page-id-7580 .site-main {
	background: #fff !important;
}

.lyla-special-page {
	position: relative;
	width: auto;
	max-width: none;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	overflow-x: clip;
	color: #25352f;
	background: #fff;
}

.lyla-special-wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--lyla-site-content-max, 1440px);
	margin: 0 auto;
	padding-right: var(--lyla-site-content-pad, 24px);
	padding-left: var(--lyla-site-content-pad, 24px);
	box-sizing: border-box;
}

.lyla-special-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.lyla-special-bg-icon {
	position: absolute;
	display: grid;
	width: 86px;
	height: 86px;
	place-items: center;
	color: rgba(38, 120, 94, .16);
	transform: rotate(var(--r, -10deg));
}

.lyla-special-bg-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.lyla-special-bg-icon--1 { top: 120px; left: 4vw; --r: -12deg; }
.lyla-special-bg-icon--2 { top: 620px; right: 7vw; color: rgba(230, 143, 45, .18); --r: 16deg; }
.lyla-special-bg-icon--3 { top: 1180px; left: 7vw; --r: 10deg; }
.lyla-special-bg-icon--4 { top: 1820px; right: 5vw; color: rgba(89, 131, 188, .16); --r: -20deg; }
.lyla-special-bg-icon--5 { top: 2460px; left: 5vw; color: rgba(230, 143, 45, .14); --r: 15deg; }
.lyla-special-bg-icon--6 { top: 3060px; right: 9vw; --r: 8deg; }
.lyla-special-bg-icon--7 { top: 3740px; left: 8vw; color: rgba(89, 131, 188, .16); --r: -14deg; }
.lyla-special-bg-icon--8 { top: 4380px; right: 5vw; --r: 18deg; }

.lyla-special-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(500px, calc(100vh - 310px), 680px);
	padding: clamp(68px, 8vh, 112px) 0 clamp(54px, 7vh, 96px);
}

.lyla-special-hero .lyla-special-wrap {
	position: relative;
}

.lyla-special-hero__poster {
	position: absolute;
	top: 50%;
	right: var(--lyla-site-content-pad, 24px);
	z-index: 0;
	width: min(56vw, 820px);
	max-width: calc(100% - 520px);
	aspect-ratio: 16 / 7;
	overflow: hidden;
	border-radius: 8px;
	opacity: .92;
	transform: translateY(-50%);
}

.lyla-special-hero__poster::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .78) 24%, rgba(255, 255, 255, .1) 68%);
	pointer-events: none;
}

.lyla-special-hero__poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lyla-special-kicker,
.lyla-special-group__head > p,
.lyla-special-insert__eyebrow {
	position: relative;
	z-index: 1;
	margin: 0 0 12px;
	color: #2d8f6d;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.lyla-special-hero h1 {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 980px;
	min-width: 0;
	margin: 0;
	font-size: clamp(34px, 3.45vw, 52px);
	line-height: 1.22;
	letter-spacing: 0;
	color: #16382e;
	word-break: keep-all;
	overflow-wrap: normal;
}

.lyla-special-hero__lead {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 960px;
	min-width: 0;
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 1.9;
	color: #52655f;
	word-break: keep-all;
	overflow-wrap: normal;
}

.lyla-special-nav {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 100%;
	min-width: 0;
	margin-top: 34px;
}

.lyla-special-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 17px;
	border: 1px solid rgba(45, 143, 109, .2);
	border-radius: 999px;
	background: rgba(255, 255, 255, .84);
	color: #214239;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(33, 66, 57, .08);
}

.lyla-special-group {
	scroll-margin-top: 120px;
	padding: 32px 0;
}

.lyla-special-group__box {
	position: relative;
	overflow: hidden;
	padding: clamp(26px, 4vw, 48px);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.lyla-special-group__box::before {
	content: attr(data-word);
	position: absolute;
	top: 8px;
	right: 24px;
	z-index: 0;
	color: rgba(30, 104, 80, .055);
	font-size: clamp(56px, 12vw, 150px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.lyla-special-group__head {
	position: relative;
	z-index: 1;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(37, 53, 47, .1);
}

.lyla-special-group__head h2 {
	max-width: 980px;
	margin: 0;
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.3;
	letter-spacing: 0;
	color: #183c32;
	word-break: keep-all;
	overflow-wrap: normal;
}

.lyla-special-group__head div {
	max-width: 900px;
	margin-top: 20px;
	color: #566862;
	font-size: 15px;
	line-height: 1.9;
	word-break: keep-all;
	overflow-wrap: normal;
}

.lyla-special-group__head div p {
	margin: 0;
}

.lyla-special-list {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 24px;
}

.lyla-special-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: 28px;
	align-items: center;
	padding: 18px;
	border: 1px solid rgba(37, 53, 47, .08);
	border-radius: 8px;
	background: #fff;
}

.lyla-special-item:nth-child(even) {
	grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.lyla-special-item:nth-child(even) .lyla-special-item__media {
	order: 2;
}

.lyla-special-item__media {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	background: #eef5f1;
	box-shadow: 0 14px 34px rgba(31, 61, 52, .12);
}

.lyla-special-item__media img {
	display: block;
	width: 100%;
	max-width: 1000px;
	aspect-ratio: 1000 / 320;
	object-fit: cover;
	transition: transform .28s ease;
}

.lyla-special-item:hover .lyla-special-item__media img {
	transform: scale(1.025);
}

.lyla-special-item__body {
	padding: 8px 8px 8px 2px;
}

.lyla-special-item__body h3 {
	margin: 0;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 0;
}

.lyla-special-item__body h3 a {
	color: #1c3e35;
	text-decoration: none;
}

.lyla-special-item__body p {
	margin: 13px 0 0;
	color: #5a6d67;
	font-size: 15px;
	line-height: 1.85;
}

.lyla-special-item__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	color: #2d8f6d;
	font-weight: 800;
	text-decoration: none;
}

.lyla-special-item__link::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.lyla-special-insert {
	padding: 18px 0 28px;
}

.lyla-special-insert__box {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
	gap: 24px;
	align-items: center;
	overflow: hidden;
	padding: clamp(24px, 4vw, 40px);
	border: 1px solid rgba(45, 143, 109, .14);
	border-width: 1px 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.lyla-special-insert__box::after {
	content: attr(data-word);
	position: absolute;
	right: 18px;
	bottom: -12px;
	color: rgba(45, 143, 109, .08);
	font-size: clamp(48px, 10vw, 118px);
	font-weight: 900;
	line-height: 1;
}

.lyla-special-insert h2 {
	position: relative;
	z-index: 1;
	margin: 0;
	color: #183c32;
	font-size: clamp(23px, 2.4vw, 32px);
	line-height: 1.35;
	letter-spacing: 0;
}

.lyla-special-insert p:not(.lyla-special-insert__eyebrow) {
	position: relative;
	z-index: 1;
	margin: 14px 0 0;
	color: #52655f;
	font-size: 15px;
	line-height: 1.9;
}

.lyla-special-insert ul {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lyla-special-insert li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #28463d;
	font-weight: 800;
}

.lyla-special-insert li::before {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #f0a345;
	box-shadow: 0 0 0 5px rgba(240, 163, 69, .14);
}

.lyla-special-insert__tags {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lyla-special-insert__tags span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	background: #fff;
	color: #28463d;
	font-weight: 800;
	box-shadow: 0 8px 18px rgba(31, 61, 52, .08);
}

.lyla-special-support {
	padding: 0;
}

@media (max-width: 900px) {
	.lyla-special-hero__poster {
		right: 16px;
		width: min(72vw, 520px);
		max-width: none;
		opacity: .26;
	}

	.lyla-special-hero__poster::before {
		background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .48) 100%);
	}

	.lyla-special-group__head,
	.lyla-special-item,
	.lyla-special-item:nth-child(even),
	.lyla-special-insert__box {
		grid-template-columns: 1fr;
	}

	.lyla-special-item:nth-child(even) .lyla-special-item__media {
		order: 0;
	}
}

@media (max-width: 640px) {
	.lyla-special-page {
		overflow-x: hidden;
	}

	.lyla-special-hero {
		min-height: auto;
		padding-top: 46px;
	}

	.lyla-special-hero__poster {
		top: 22px;
		right: -24px;
		width: 86vw;
		transform: none;
	}

	.lyla-special-hero h1 {
		font-size: clamp(29px, 8vw, 34px);
		line-height: 1.24;
	}

	.lyla-special-hero__lead {
		font-size: 15px;
		line-height: 1.85;
	}

	.lyla-special-hero h1,
	.lyla-special-hero__lead,
	.lyla-special-group__head h2,
	.lyla-special-group__head div,
	.lyla-special-item__body h3,
	.lyla-special-item__body p,
	.lyla-special-insert h2,
	.lyla-special-insert p:not(.lyla-special-insert__eyebrow) {
		max-width: 100%;
		word-break: normal;
		overflow-wrap: anywhere;
		line-break: loose;
	}

	.lyla-special-wrap {
		padding-right: 16px;
		padding-left: 16px;
	}

	.lyla-special-nav {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
		overflow-x: visible;
		flex-wrap: initial;
		padding-bottom: 4px;
		scrollbar-width: none;
	}

	.lyla-special-nav::-webkit-scrollbar {
		display: none;
	}

	.lyla-special-nav a {
		justify-content: center;
		min-width: 0;
		min-height: 40px;
		padding: 0 10px;
		font-size: 13px;
		line-height: 1.35;
		text-align: center;
		white-space: normal;
	}

	.lyla-special-group {
		padding: 22px 0;
	}

	.lyla-special-group__box,
	.lyla-special-insert__box {
		padding: 22px 16px;
	}

	.lyla-special-item {
		padding: 12px;
	}

	.lyla-special-item__body h3 {
		font-size: 19px;
	}
}
