.hello-biz-scroll-demo {
	box-sizing: border-box;
	width: 100%;
	padding-inline: clamp(20px, 5vw, 64px);
	background: var(--luma-background, #fff);
	color: var(--luma-text, #17171a);
}

.hello-biz-scroll-demo__section {
	display: flex;
	align-items: center;
	min-height: 65vh;
	margin: 0 auto;
	max-width: 800px;
}

.hello-biz-scroll-demo__content {
	width: 100%;
}

.hello-biz-scroll-demo__content h2 {
	margin-block: 0 0.5em;
	color: var(--luma-text, #17171a);
}

.hello-biz-scroll-demo__content p {
	margin-block: 0;
	max-width: 62ch;
	color: var(--luma-muted, #62646b);
}

html.hello-biz-has-scroll-animation .hello-biz-scroll-demo__content {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 600ms ease, transform 600ms ease;
}

html.hello-biz-has-scroll-animation .hello-biz-scroll-demo__section.is-visible .hello-biz-scroll-demo__content {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	html.hello-biz-has-scroll-animation .hello-biz-scroll-demo__content {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.luma-events {
	box-sizing: border-box;
	padding: clamp(88px, 11vw, 152px) clamp(20px, 5vw, 64px);
	background: linear-gradient(180deg, #fff 0%, #effbf8 42%, #edf7fd 74%, #f2f1fd 100%);
	color: var(--luma-text, #17171a);
}

.luma-events__inner {
	display: grid;
	grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 5vw, 64px);
	width: min(1180px, 100%);
	margin: 0 auto;
}

.luma-events__overview {
	position: relative;
	overflow: hidden;
	padding: clamp(30px, 4.5vw, 54px);
	background:
		radial-gradient(circle at 78% 6%, rgba(104, 215, 185, 0.32), transparent 29%),
		radial-gradient(circle at 88% 14%, rgba(53, 199, 192, 0.3), transparent 35%),
		radial-gradient(circle at 100% 92%, rgba(100, 205, 227, 0.14), transparent 38%),
		linear-gradient(145deg, #142022 0%, #16474c 62%, #25656a 100%);
	border-radius: clamp(28px, 4vw, 40px);
	box-shadow: 0 26px 70px rgba(39, 73, 125, 0.2);
	color: #fff;
}

.luma-events__header {
	position: relative;
	z-index: 1;
}

.luma-events__eyebrow {
	display: block;
	margin-bottom: 14px;
	color: #7fe3d2;
	font-size: 0.76rem;
	font-weight: 750;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.luma-events__header h2 {
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(2.5rem, 5vw, 4.6rem);
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.luma-events__header p {
	margin: 0;
	max-width: 48ch;
	color: rgba(255, 255, 255, 0.68);
	font-size: 1rem;
	line-height: 1.65;
}

.luma-events__calendar {
	position: relative;
	z-index: 1;
	margin-top: clamp(38px, 6vw, 64px);
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.luma-events__calendar-month {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 22px;
}

.luma-events__calendar-month span {
	font-size: 1.35rem;
	font-weight: 720;
	text-transform: capitalize;
}

.luma-events__calendar-month strong {
	color: rgba(255, 255, 255, 0.45);
	font-size: 0.8rem;
	font-weight: 650;
	letter-spacing: 0.1em;
}

.luma-events__weekdays,
.luma-events__days {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 5px;
}

.luma-events__weekdays {
	margin-bottom: 8px;
}

.luma-events__weekdays span {
	color: rgba(255, 255, 255, 0.4);
	font-size: 0.65rem;
	font-weight: 700;
	text-align: center;
}

.luma-events__days time,
.luma-events__days .is-empty {
	display: grid;
	place-items: center;
	min-width: 0;
	aspect-ratio: 1;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.72);
	font-size: clamp(0.68rem, 1vw, 0.82rem);
	font-weight: 650;
}

.luma-events__days time.is-event {
	background: linear-gradient(135deg, #166f5d 0%, #147a68 56%, #176f77 100%);
	box-shadow: 0 8px 20px rgba(20, 122, 104, 0.34);
	color: #fff;
}

.luma-events__list {
	display: grid;
	align-content: center;
	gap: 18px;
}

.luma-events__card {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: clamp(20px, 3vw, 32px);
	padding: clamp(24px, 3.5vw, 36px);
	background: #fff;
	border: 1px solid rgba(23, 23, 26, 0.08);
	border-radius: 26px;
	box-shadow: 0 16px 42px rgba(54, 91, 151, 0.08);
	transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.luma-events__date {
	display: grid;
	place-items: center;
	width: 82px;
	height: 92px;
	background: linear-gradient(145deg, #e8f9f6 0%, #eaf5fd 64%, #f0effc 100%);
	border: 1px solid rgba(20, 122, 104, 0.13);
	border-radius: 20px;
	color: var(--luma-accent, #147a68);
}

.luma-events__date time {
	display: flex;
	align-items: center;
	flex-direction: column;
	line-height: 1;
}

.luma-events__date strong,
.luma-events__date-placeholder {
	font-size: 2rem;
	font-weight: 780;
	letter-spacing: -0.05em;
}

.luma-events__date span:not(.luma-events__date-placeholder) {
	margin-top: 7px;
	font-size: 0.68rem;
	font-weight: 750;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.luma-events__category {
	display: block;
	margin-bottom: 8px;
	color: var(--luma-accent, #147a68);
	font-size: 0.7rem;
	font-weight: 750;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.luma-events__card h3 {
	margin: 0 0 10px;
	color: var(--luma-text, #17171a);
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.luma-events__card-content > p {
	margin: 0;
	color: var(--luma-muted, #62646b);
	font-size: 0.94rem;
	line-height: 1.58;
}

.luma-events__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin-top: 18px;
	color: #45464c;
	font-size: 0.78rem;
	font-weight: 650;
}

.luma-events__meta span,
.luma-events__meta time {
	position: relative;
	padding-left: 14px;
}

.luma-events__meta span::before,
.luma-events__meta time::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	background: #35c7c0;
	border-radius: 50%;
	content: '';
	transform: translateY(-50%);
}

html.hello-biz-has-scroll-animation .luma-events__overview,
html.hello-biz-has-scroll-animation .luma-events__card {
	opacity: 0;
	transform: translateY(34px);
	transition: opacity 650ms ease, transform 650ms ease;
}

html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__overview,
html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__card {
	opacity: 1;
	transform: translateY(0);
}

html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__card:nth-child(1) {
	transition-delay: 100ms;
}

html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__card:nth-child(2) {
	transition-delay: 200ms;
}

html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__card:nth-child(3) {
	transition-delay: 300ms;
}

@media (hover: hover) {
	.luma-events__card:hover,
	html.hello-biz-has-scroll-animation .luma-events.is-visible .luma-events__card:hover {
		border-color: rgba(20, 122, 104, 0.24);
		box-shadow: 0 22px 52px rgba(54, 91, 151, 0.13);
		transform: translateY(-3px);
	}
}

@media (max-width: 900px) {
	.luma-events__inner {
		grid-template-columns: 1fr;
	}

	.luma-events__overview {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
		align-items: end;
		gap: 36px;
	}

	.luma-events__calendar {
		margin-top: 0;
		padding-top: 0;
		padding-left: 32px;
		border-top: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.13);
	}
}

@media (max-width: 680px) {
	.luma-events__overview {
		display: block;
	}

	.luma-events__calendar {
		margin-top: 38px;
		padding-top: 28px;
		padding-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.13);
		border-left: 0;
	}
}

@media (max-width: 520px) {
	.luma-events__card {
		grid-template-columns: 66px minmax(0, 1fr);
		gap: 18px;
		padding: 22px;
	}

	.luma-events__date {
		width: 66px;
		height: 78px;
		border-radius: 16px;
	}

	.luma-events__date strong,
	.luma-events__date-placeholder {
		font-size: 1.65rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.luma-events__overview,
	.luma-events__card {
		transition: none !important;
	}
}

.luma-team {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	padding: clamp(88px, 12vw, 160px) clamp(20px, 5vw, 64px);
	background: #edf7fd;
	border-radius: clamp(32px, 5vw, 64px) clamp(32px, 5vw, 64px) 0 0;
	color: var(--luma-text, #17171a);
	transition: background-color 900ms ease, box-shadow 900ms ease;
}

.luma-team::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at 8% 12%, rgba(104, 215, 185, 0.26), transparent 31%),
		radial-gradient(circle at 92% 86%, rgba(53, 199, 192, 0.12), transparent 34%);
	border-radius: inherit;
	content: '';
	pointer-events: none;
	opacity: 1;
	transition: opacity 900ms ease;
}

.luma-team__inner {
	position: relative;
	z-index: 1;
	width: min(1100px, 100%);
	margin: 0 auto;
}

.luma-team__header {
	margin-bottom: clamp(40px, 6vw, 72px);
	max-width: 720px;
}

.luma-team__eyebrow {
	display: block;
	margin-bottom: 14px;
	color: var(--luma-accent, #147a68);
	font-size: 0.78rem;
	font-weight: 750;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.luma-team__header h2 {
	margin: 0 0 18px;
	color: var(--luma-text, #17171a);
	font-size: clamp(2.5rem, 6vw, 5.2rem);
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.luma-team__header p {
	margin: 0;
	max-width: 58ch;
	color: var(--luma-muted, #62646b);
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.65;
}

.luma-team__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 36px);
}

.luma-team__card {
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(23, 23, 26, 0.08);
	border-radius: 26px;
	box-shadow: 0 18px 50px rgba(54, 91, 151, 0.1);
}

.luma-team__card img {
	display: block;
	width: 100%;
	aspect-ratio: 380 / 265;
	object-fit: cover;
}

.luma-team__card-content {
	padding: clamp(24px, 4vw, 40px);
}

.luma-team__card-content h3 {
	margin: 0 0 6px;
	color: var(--luma-text, #17171a);
	font-size: clamp(1.5rem, 2.5vw, 2.1rem);
	letter-spacing: -0.03em;
}

.luma-team__card-content > span {
	display: block;
	margin-bottom: 18px;
	color: var(--luma-accent, #147a68);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.luma-team__card-content p {
	margin: 0;
	color: var(--luma-muted, #62646b);
	line-height: 1.65;
}

html.hello-biz-has-scroll-animation .luma-team {
	background: #fff;
	box-shadow: inset 0 1px 0 transparent;
}

html.hello-biz-has-scroll-animation .luma-team::before {
	opacity: 0;
}

html.hello-biz-has-scroll-animation .luma-team__header,
html.hello-biz-has-scroll-animation .luma-team__card {
	opacity: 0;
	transform: translateY(34px);
	transition: opacity 650ms ease, transform 650ms ease;
}

html.hello-biz-has-scroll-animation .luma-team.is-visible {
	background: #edf7fd;
	box-shadow: inset 0 1px 0 rgba(20, 122, 104, 0.09);
}

html.hello-biz-has-scroll-animation .luma-team.is-visible::before {
	opacity: 1;
}

html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__header,
html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__card {
	opacity: 1;
	transform: translateY(0);
}

html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__card:nth-child(1) {
	transition-delay: 120ms;
}

html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__card:nth-child(2) {
	transition-delay: 240ms;
}

html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__card:nth-child(3) {
	transition-delay: 360ms;
}

html.hello-biz-has-scroll-animation .luma-team.is-visible .luma-team__card:nth-child(4) {
	transition-delay: 480ms;
}

@media (max-width: 720px) {
	.luma-team__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.luma-team,
	.luma-team::before,
	.luma-team__header,
	.luma-team__card {
		transition: none !important;
	}
}