/*
 * Section: Mission / Brand statement.
 * Source: Figma node 328:472. Uses Azuri grid (azuri-container / equal-height /
 * azuri_col / azuri_inner).
 */

.azuri-mission {
	--azuri-mission-bg-image: none;
	--azuri-mission-gradient-top:    rgb(17, 20, 64);
	--azuri-mission-gradient-bottom: rgb(7, 61, 66);
	--azuri-mission-text-color:    #ffffff;
	--azuri-mission-eyebrow-color: var(--azuri-color-teal);
	--azuri-mission-description-color: rgba(255, 255, 255, 0.6);
	--azuri-mission-top-pad:    96px;
	--azuri-mission-bottom-pad: 96px;

	background: linear-gradient(179deg, #111440 -35.4%, #073D42 47.17%);
	color: var(--azuri-mission-text-color);
	display: block;
	isolation: isolate;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* Radial teal glow centred in the section — matches Figma node 328:473 */
.azuri-mission::after {
	background: radial-gradient(
		ellipse 700px 700px at 50% 40%,
		rgba(42, 173, 181, 0.08) 0%,
		transparent 65%
	);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.azuri-mission.has-bg-image::before {
	background-image: var(--azuri-mission-bg-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	inset: 0;
	opacity: 0.35;
	position: absolute;
	z-index: 0;
}

.azuri-mission__container {
	padding-bottom: var(--azuri-mission-bottom-pad);
	padding-top: var(--azuri-mission-top-pad);
	position: relative;
	z-index: 1;
}

.azuri-mission__inner {
	align-items: center;
	gap: var(--azuri-space-5);
	text-align: center;
}

/* Logo --------------------------------------------------------------- */

.azuri-mission__logo {
	display: inline-flex;
	margin-bottom: var(--azuri-space-3);
}

.azuri-mission__logo img {
	display: block;
	filter: brightness(0) invert(1);
	height: auto;
	max-height: 92px;
	opacity: 0.68;
	width: auto;
}

/* Eyebrow ------------------------------------------------------------ */

.azuri-mission__eyebrow {
	color: var(--azuri-mission-eyebrow-color);
	font-family: var(--azuri-font-family-base);
	font-size: var(--azuri-font-size-sm);
	font-weight: var(--azuri-font-weight-semibold);
	letter-spacing: 0.17em;
	line-height: 1.21;
	margin: 0;
	text-transform: uppercase;
}

/* Heading ------------------------------------------------------------ */

.azuri-mission__heading {
	color: var(--azuri-mission-text-color);
	display: flex;
	flex-direction: column;
	font-family: var(--azuri-font-family-base);
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 300;
	letter-spacing: -0.024em;
	line-height: 1.18;
	margin: 0;
	max-width: 760px;
}

.azuri-mission__heading-line {
	display: block;
    letter-spacing: -4px;
}

.azuri-mission__heading-line--italic {
	color: #2aadb5;
	font-style: italic;
	letter-spacing: -0.045em;
}

/* Description -------------------------------------------------------- */

.azuri-mission__description {
	color: var(--azuri-mission-description-color);
	font-family: var(--azuri-font-family-base);
	font-size: 16px;
	font-weight: var(--azuri-font-weight-regular);
	line-height: 1.65;
	margin: 0;
	max-width: 602px;
}
span.azuri-btn.azuri-btn--medical.azuri-mission__btn {
    padding: 14px 26px;
}

/* Actions ------------------------------------------------------------ */

.azuri-mission__actions {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--azuri-space-3);
	justify-content: center;
	margin-top: var(--azuri-space-3);
}

/* Secondary CTA on dark mission bg = ghost white outline button */
.azuri-mission .azuri-btn--cosmetic {
	background-color: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.azuri-mission .azuri-btn--cosmetic:hover,
.azuri-mission .azuri-btn--cosmetic:focus-visible {
	background-color: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.azuri-mission__actions a.azuri-btn.azuri-btn--cosmetic.azuri-mission__btn svg.azuri-icon.azuri-icon--arrow-right.azuri-btn__icon {
    display: none;
}
/* Responsive -------------------------------------------------------- */

@media only screen and ( min-width:240px) and (max-width:1023px) {
	.azuri-mission {
		--azuri-mission-top-pad: 64px;
		--azuri-mission-bottom-pad: 64px;
	}

	.azuri-mission__heading {
		font-size: 32px;
	}
	.azuri-mission__actions {
        flex-direction: row !important;
        align-content: flex-start !important;
    }
}

@media (max-width: 600px) {
	.azuri-mission {
		--azuri-mission-top-pad: 48px;
		--azuri-mission-bottom-pad: 48px;
	}

	.azuri-mission__heading {
		font-size: 28px;
	}

	.azuri-mission__actions {
		flex-direction: column;
		width: 100%;
	}

	.azuri-mission__btn {
		justify-content: center;
		width: 100%;
	}
}