/* File: wp-content/themes/nad-child-theme/assets/css/nm-core.css
   NADmedia Core tokens + layout primitives. Loaded only on NM templates.
   Responsive conventions: docs/NM-RESPONSIVE.md */

.nm-page,
.nm-header,
.nm-footer {
	--nm-content-max: var(--nad-content-max, 1120px);
	--nm-content-narrow: var(--nad-content-narrow, 720px);
	--nm-gutter: clamp(1.25rem, 4vw, 4.5rem);
	--nm-section-space-max: var(--nad-section-space, 4.5rem);
	--nm-section-space: clamp(3rem, 6vw, var(--nm-section-space-max));
	--nm-space-xs: 0.25rem;
	--nm-space-sm: 0.5rem;
	--nm-space-md: 1rem;
	--nm-space-lg: 1.5rem;
	--nm-space-xl: clamp(2rem, 4vw, 3rem);
	--nm-space-xxl: var(--nm-section-space);
	--nm-card-min: 16rem;
	--nm-button-min-height: 44px;
	--nm-header-offset: 4.5rem;
	--nm-radius: var(--nad-radius, 8px);
	--nm-radius-card: 1rem;
	--nm-stroke-width: 1px;
	--nm-button-stroke-width: 1px;
	--nm-duration: 200ms;
	--nm-color-bg: #ffffff;
	--nm-color-muted: #f4f4f5;
	--nm-color-text: #172033;
	--nm-color-text-muted: #5d6b82;
	--nm-color-accent: var(--nad-accent, #2b6cff);
	--nm-color-on-accent: #ffffff;
	--nm-color-border: rgba(23, 32, 51, 0.12);
	--nm-color-focus: #111111;
	--nm-font: var(--nad-font, inherit);
	--nm-font-size-eyebrow: clamp(0.75rem, 0.35vw + 0.7rem, 0.875rem);
	--nm-font-size-body: 1rem;
	--nm-font-size-lead: clamp(1.05rem, 0.45vw + 0.95rem, 1.25rem);
	--nm-font-size-heading: clamp(1.5rem, 1.6vw + 1rem, 2.25rem);
	--nm-font-size-display: clamp(1.65rem, 2.4vw + 0.9rem, 4rem);
	--nm-hero-min-height: clamp(28rem, 88vh, 51.25rem);
	--nm-hero-object-position: var(--nad-hero-object-position, center center);
	box-sizing: border-box;
}

@supports (height: 88svh) {
	.nm-page {
		--nm-hero-min-height: clamp(28rem, 88svh, 51.25rem);
	}
}

.nm-page {
	background: var(--nm-color-bg);
	color: var(--nm-color-text);
	font-family: var(--nm-font);
	font-size: var(--nm-font-size-body);
	line-height: 1.6;
	margin: 0;
	max-width: 100%;
	overflow-x: clip;
	text-align: start;
	width: 100%;
}

.nm-page *,
.nm-page *::before,
.nm-page *::after {
	box-sizing: border-box;
}

.nm-wrap {
	margin: 0 auto;
	max-width: var(--nm-content-max);
	padding-block: 0;
	padding-inline-end: var(--nm-gutter);
	padding-inline-start: var(--nm-gutter);
	width: 100%;
}

.nm-wrap--narrow {
	max-width: var(--nm-content-narrow);
}

.nm-section {
	container-name: nm-section;
	container-type: inline-size;
	padding: var(--nm-section-space) 0;
}

.nm-section--muted {
	background: var(--nm-block-bg, var(--nm-color-muted));
}

.nm-section--cta {
	text-align: var(--nm-cta-align, center);
	--nm-button-group-justify: var(--nm-cta-button-justify, center);
}

.nm-align-start {
	text-align: start;
	--nm-button-group-justify: flex-start;
}

.nm-align-center {
	text-align: center;
	--nm-button-group-justify: center;
}

.nm-align-end {
	text-align: end;
	--nm-button-group-justify: flex-end;
}

.nm-align-center .nm-heading,
.nm-align-center .nm-lead {
	margin-inline: auto;
}

.nm-align-end .nm-heading,
.nm-align-end .nm-lead {
	margin-inline: auto 0;
}

.nm-align-start .nm-heading,
.nm-align-start .nm-lead {
	margin-inline: 0 auto;
}

.nm-eyebrow {
	font-size: var(--nm-font-size-eyebrow);
	font-weight: 700;
	letter-spacing: 0.12em;
	margin: 0 0 var(--nm-space-sm);
	max-width: 100%;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

.nm-lead {
	font-size: var(--nm-font-size-lead);
	line-height: 1.55;
	margin: 0 0 var(--nm-space-lg);
	max-width: min(38rem, 100%);
	overflow-wrap: anywhere;
}

.nm-heading,
.nm-page h2 {
	font-size: var(--nm-font-size-heading);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 var(--nm-space-md);
	max-width: 100%;
	overflow-wrap: anywhere;
}

.nm-display,
.nm-page .nm-hero h1 {
	font-size: var(--nm-font-size-display);
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 var(--nm-space-md);
	max-width: 100%;
	overflow-wrap: anywhere;
}

.nm-button {
	align-items: center;
	background: var(--nm-color-accent);
	border-color: var(--nm-button-stroke-color, var(--nm-color-accent));
	border-radius: var(--nm-radius);
	border-style: solid;
	border-width: var(--nm-button-stroke-width, 1px);
	color: var(--nm-color-on-accent);
	display: inline-flex;
	font-size: 0.8125rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.06em;
	max-width: 100%;
	min-height: var(--nm-button-min-height);
	padding: 10px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-wrap: balance;
	transition: opacity var(--nm-duration) ease, background-color var(--nm-duration) ease;
	white-space: normal;
}

.nm-button:hover,
.nm-button:focus-visible {
	opacity: 0.92;
}

.nm-button:focus-visible,
.nm-page a:focus-visible,
.nm-page button:focus-visible,
.nm-page input:focus-visible {
	outline: 3px solid var(--nm-color-focus);
	outline-offset: 2px;
}

.nm-button--primary {
	background: var(--nm-color-accent);
	color: var(--nm-color-on-accent);
}

.nm-button--secondary {
	background: transparent;
	border-color: var(--nm-button-stroke-color, currentColor);
	color: var(--nm-color-text);
}

.nm-button-group {
	display: flex;
	flex-wrap: wrap;
	gap: var(--nm-space-sm);
	justify-content: var(--nm-button-group-justify, flex-start);
	margin: var(--nm-space-lg) 0 0;
	width: 100%;
}

.nm-card-grid,
.nm-steps {
	display: grid;
	gap: var(--nm-space-lg);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--nm-card-min)), 1fr));
	list-style: none;
	margin: var(--nm-space-lg) 0 0;
	padding: 0;
}

.nm-card-grid > *,
.nm-steps > * {
	min-width: 0;
}

/* Gutenberg/Colibri wrap groups in an inner container. Make that wrapper
   transparent to the grid so cards stay as direct auto-fit columns. */
.nm-card-grid > .wp-block-group__inner-container,
.nm-steps > .wp-block-group__inner-container {
	display: contents;
}

.nm-card {
	background: #fff;
	border: var(--nm-stroke-width, 1px) solid var(--nm-stroke-color, var(--nm-color-border));
	border-radius: var(--nm-radius-card);
	container-name: nm-card;
	container-type: inline-size;
	min-width: 0;
	overflow: hidden;
}

.nm-card__media {
	aspect-ratio: 16 / 10;
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-card__body {
	min-width: 0;
	padding: 1.125rem;
}

.nm-card__title {
	font-size: 1.15rem;
	margin: 0 0 var(--nm-space-sm);
	overflow-wrap: anywhere;
}

.nm-card__title a {
	color: inherit;
	text-decoration: none;
}

.nm-card__text {
	margin: 0;
	overflow-wrap: anywhere;
}

.nm-steps {
	counter-reset: nm-step;
}

.nm-steps__item {
	background: #fff;
	border: var(--nm-stroke-width, 1px) solid var(--nm-stroke-color, var(--nm-color-border));
	border-radius: var(--nm-radius-card);
	min-width: 0;
	padding: var(--nm-space-lg);
}

.nm-steps__title {
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0 0 var(--nm-space-sm);
	overflow-wrap: anywhere;
}

.nm-hero {
	container-name: nm-hero;
	container-type: inline-size;
	overflow: hidden;
	position: relative;
}

.nm-hero--media {
	color: #fff;
	min-height: var(--nm-hero-min-height);
}

.nm-hero__media {
	inset: 0;
	position: absolute;
}

.nm-hero__video,
.nm-hero__image,
.nm-hero__poster,
.nm-hero__embed iframe {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: var(--nm-hero-object-position);
	width: 100%;
}

.nm-hero__embed {
	height: 100%;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.nm-hero__embed iframe {
	border: 0;
	height: 56.25vw;
	left: 50%;
	min-height: 100%;
	min-width: 177.77%;
	object-fit: unset;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
}

.nm-hero__poster {
	display: none;
	inset: 0;
	position: absolute;
}

.nm-hero--static .nm-hero__video,
.nm-hero--static .nm-hero__embed {
	display: none;
}

.nm-hero--static .nm-hero__poster {
	display: block;
}

.nm-hero__overlay {
	background: rgba(12, 16, 24, 0.28);
	inset: 0;
	opacity: var(--nad-hero-overlay-strength, 1);
	position: absolute;
}

.nm-hero__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: inherit;
	padding-block-end: var(--nm-hero-pad-bottom, var(--nm-section-space));
	padding-block-start: var(--nm-hero-pad-top, max(calc(var(--nm-header-offset) + var(--nm-space-md)), clamp(5.5rem, 16vh, 10rem)));
	padding-inline-end: var(--nm-gutter);
	padding-inline-start: var(--nm-gutter);
	position: relative;
	width: 100%;
	z-index: 1;
}

.nm-hero__content {
	max-width: min(40rem, 100%);
	min-width: 0;
	width: 100%;
}

.nm-hero__content.nm-fx {
	position: relative;
	z-index: 1;
}

.nm-hero--media .nm-hero__content {
	text-align: center;
}

.nm-hero--media .nm-lead,
.nm-hero--media .nm-button-group {
	margin-left: auto;
	margin-right: auto;
}

.nm-hero--media .nm-button-group {
	justify-content: center;
}

.nm-hero:not(.nm-hero--media) .nm-hero__inner {
	padding-bottom: var(--nm-hero-pad-bottom, var(--nm-space-lg));
	padding-top: var(--nm-hero-pad-top, var(--nm-section-space));
}

.nm-page img,
.nm-page video {
	height: auto;
	max-width: 100%;
}

.nm-page .nm-hero img,
.nm-page .nm-hero video {
	height: 100%;
	max-width: none;
}

.nm-hero__video,
.nm-hero__image,
.nm-hero__poster {
	height: 100%;
	max-width: none;
}

.nm-content > *:first-child {
	margin-top: 0;
}

.nm-content--sections {
	max-width: 100%;
}

.nm-content--sections > .nm-section,
.nm-content--sections > .wp-block-group.nm-section {
	margin: 0;
}

.nm-content img,
.nm-content iframe,
.nm-content table {
	max-width: 100%;
}

.nm-content table {
	display: block;
	overflow-x: auto;
}

.nm-form .nm-field {
	margin: 0 0 var(--nm-space-md);
}

.nm-form label {
	display: block;
	font-weight: 700;
	margin-bottom: var(--nm-space-xs);
}

.nm-form input:not([type="checkbox"]):not([type="radio"]),
.nm-form textarea,
.nm-form select {
	border: var(--nm-stroke-width, 1px) solid var(--nm-stroke-color, var(--nm-color-border));
	border-radius: var(--nm-radius);
	font: inherit;
	max-width: 100%;
	min-height: var(--nm-button-min-height);
	padding: 10px 12px;
	width: 100%;
}

.nm-help {
	color: var(--nm-color-text-muted);
	font-size: 0.92rem;
}

/* Compact containers: stack CTAs; keep type readable. */
@container nm-hero (max-width: 36rem) {
	.nm-eyebrow {
		letter-spacing: 0.06em;
	}

	.nm-button-group {
		align-items: stretch;
		flex-direction: column;
	}

	.nm-button-group .nm-button {
		width: 100%;
	}
}

@container nm-section (max-width: 36rem) {
	.nm-button-group {
		align-items: stretch;
		flex-direction: column;
	}

	.nm-button-group .nm-button {
		width: 100%;
	}

	.nm-section--cta .nm-lead,
	.nm-section--cta .nm-heading {
		max-width: none;
	}

	.nm-section--cta .nm-button-group,
	.nm-align-center .nm-button-group,
	.nm-align-end .nm-button-group {
		align-items: center;
	}

	.nm-section--cta .nm-button-group .nm-button,
	.nm-align-center .nm-button-group .nm-button,
	.nm-align-end .nm-button-group .nm-button {
		width: auto;
		max-width: 100%;
	}

	.nm-align-start .nm-button-group {
		align-items: flex-start;
	}

	.nm-align-start .nm-button-group .nm-button {
		width: auto;
		max-width: 100%;
	}
}

/* Wide hero type: balance long headlines when the block has room. */
@container nm-hero (min-width: 48rem) {
	.nm-display,
	.nm-page .nm-hero h1 {
		text-wrap: balance;
	}
}

@supports not (container-type: inline-size) {
	@media (max-width: 36em) {
		.nm-button-group {
			align-items: stretch;
			flex-direction: column;
		}

		.nm-button-group .nm-button {
			width: 100%;
		}

		.nm-section--cta .nm-button-group,
		.nm-align-center .nm-button-group,
		.nm-align-end .nm-button-group {
			align-items: center;
		}

		.nm-section--cta .nm-button-group .nm-button,
		.nm-align-center .nm-button-group .nm-button,
		.nm-align-end .nm-button-group .nm-button {
			width: auto;
			max-width: 100%;
		}
	}
}

/* Page left/right padding is a large-screen inset. Compact viewports keep the Core gutter. */
@media (min-width: 56.25em) {
	.nm-wrap {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-gutter));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-gutter));
	}

	.nm-has-pad-start .nm-wrap {
		padding-inline-start: var(--nm-section-pad-start);
	}

	.nm-has-pad-end .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end);
	}

	.nm-hero__inner {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
	}

	.nm-hero__inner.nm-has-pad-start {
		padding-inline-start: var(--nm-section-pad-start);
	}

	.nm-hero__inner.nm-has-pad-end {
		padding-inline-end: var(--nm-section-pad-end);
	}

	.nm-hero--media .nm-hero__content {
		align-self: var(--nm-hero-copy-align, start);
		max-width: min(40rem, 45%);
		text-align: var(--nm-hero-copy-align, start);
	}

	.nm-hero--media .nm-lead,
	.nm-hero--media .nm-button-group {
		margin-left: 0;
		margin-right: 0;
	}

	.nm-hero--media .nm-button-group {
		justify-content: var(--nm-hero-copy-justify, flex-start);
	}
}

/* Template-scoped Colibri chrome: hide builder hero only on NM shells. */
body.nm-has-shell .page-header #hero,
body.nm-has-shell #hero.h-hero {
	display: none !important;
}

body.nm-has-shell .page-header {
	min-height: 0;
}

body.nm-has-shell:not(.nm-has-media-hero) .h-navigation_outer.h-navigation_overlap {
	position: relative !important;
}

.nm-template-terra-landing .nm-hero__video,
.nm-template-terra-landing .nm-hero__image,
.nm-template-terra-landing .nm-hero__poster {
	object-position: var(--nad-hero-object-position, center center);
}

.nm-template-simple .nm-hero__video,
.nm-template-simple .nm-hero__image,
.nm-template-simple .nm-hero__poster {
	object-position: var(--nad-simple-hero-object-position, center center);
}

/* Page-level: mobile video crop. 56.25em ≈ 900px. */
@media (max-width: 56.25em) {
	.nm-template-terra-landing .nm-hero__video,
	.nm-template-terra-landing .nm-hero__image,
	.nm-template-terra-landing .nm-hero__poster {
		object-position: var(--nad-hero-object-position-mobile, var(--nad-hero-object-position, 70% center));
	}
}

/* Compact landscape: keep drawer-mode phones centered even when the hero is wide. */
@media (max-width: 56.25em) and (orientation: landscape) {
	.nm-hero--media {
		min-height: 100vh;
	}

	.nm-hero__inner {
		padding-bottom: var(--nm-hero-pad-bottom, var(--nm-space-lg));
		padding-top: max(var(--nm-header-offset), var(--nm-hero-pad-top, 3.5rem));
	}

	.nm-hero--media .nm-hero__content {
		align-self: center;
		max-width: min(40rem, 100%);
		text-align: center;
	}

	.nm-hero--media .nm-lead,
	.nm-hero--media .nm-button-group {
		margin-left: auto;
		margin-right: auto;
	}

	.nm-hero--media .nm-button-group {
		align-items: stretch;
		flex-direction: column;
		justify-content: center;
	}

	.nm-hero--media .nm-button-group .nm-button {
		width: 100%;
	}
}

@supports (height: 100svh) {
	@media (max-width: 56.25em) and (orientation: landscape) {
		.nm-hero--media {
			min-height: 100svh;
		}
	}
}

/*
 * Left/right insets and hero placement stay large-screen only,
 * including Customizer preview. Compact panes stay centered with the Core gutter.
 */
@media (min-width: 56.25em) {
	body.nadmedia-customizer-preview.nm-has-shell .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-gutter));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-gutter));
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-has-pad-start .nm-wrap {
		padding-inline-start: var(--nm-section-pad-start);
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-has-pad-end .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end);
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner.nm-has-pad-start {
		padding-inline-start: var(--nm-section-pad-start);
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner.nm-has-pad-end {
		padding-inline-end: var(--nm-section-pad-end);
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-hero__content {
		align-self: var(--nm-hero-copy-align, start);
		max-width: min(40rem, 45%);
		text-align: var(--nm-hero-copy-align, start);
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-lead,
	body.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-button-group {
		margin-left: 0;
		margin-right: 0;
	}

	body.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-button-group {
		justify-content: var(--nm-hero-copy-justify, flex-start);
	}
}

@media (prefers-reduced-motion: reduce) {
	.nm-page * {
		scroll-behavior: auto;
	}

	.nm-button {
		transition: none;
	}

	body.nm-honor-reduced-motion .nm-hero__video,
	body.nm-honor-reduced-motion .nm-hero__embed,
	body.nm-honor-reduced-motion .nm-block__video {
		display: none;
	}

	body.nm-honor-reduced-motion .nm-hero--video .nm-hero__poster {
		display: block;
	}
}

/* Per-block backgrounds (header, footer, Terra sections). */
.nm-block {
	--nm-block-overlay: 0;
}

.nm-section.nm-block--has-bg,
.nm-footer.nm-block--has-bg {
	isolation: isolate;
	position: relative;
}

.nm-section.nm-block--bg-color,
.nm-footer.nm-block--bg-color {
	background: var(--nm-block-bg, transparent);
	background-image: none;
}

.nm-section.nm-block--bg-none,
.nm-section--muted.nm-block--bg-none,
.nm-footer.nm-block--bg-none {
	background: transparent;
	background-image: none;
}

.nm-section--muted.nm-block--bg-color {
	background: var(--nm-block-bg, var(--nm-color-muted));
	background-image: none;
}

.nm-section--muted.nm-block--has-bg:not(.nm-block--bg-color):not(.nm-block--bg-none) {
	background: transparent;
}

.nm-block--has-bg > .nm-wrap,
.nm-block--has-bg > .nm-footer__legal {
	position: relative;
	z-index: 2;
}

.nm-block--has-bg > .nm-header__bar,
.nm-block--has-bg > .nm-header__drawer {
	position: relative;
	z-index: 2;
}

.nm-block__media {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.nm-block__image,
.nm-block__video {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-block__overlay {
	background: var(--nm-block-overlay-color, #000);
	inset: 0;
	opacity: var(--nm-block-overlay, 0);
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.nm-slideshow {
	--nm-slideshow-visible: 1;
	--nm-slideshow-hold: 5s;
}

.nm-slideshow__viewport,
.nm-slideshow__track,
.nm-slideshow__slide,
.nm-slideshow__image {
	height: 100%;
}

.nm-slideshow__viewport {
	inset: 0;
	overflow: hidden;
	position: absolute;
}

.nm-slideshow[data-nm-slideshow-display="cover"] .nm-slideshow__slide {
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="fade"] .nm-slideshow__slide.is-active {
	opacity: 1;
	z-index: 1;
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="slide"] .nm-slideshow__slide {
	opacity: 1;
	transform: translateX(100%);
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="slide"] .nm-slideshow__slide.is-active {
	transform: none;
	z-index: 1;
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="slide"] .nm-slideshow__slide.is-leaving {
	transform: translateX(-100%);
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="zoom"] .nm-slideshow__slide {
	opacity: 0;
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="zoom"] .nm-slideshow__slide.is-active {
	opacity: 1;
	z-index: 1;
}

.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="zoom"] .nm-slideshow__slide.is-active .nm-slideshow__image {
	animation: nm-slideshow-kenburns var(--nm-slideshow-hold, 5s) ease-in-out forwards;
}

.nm-slideshow[data-nm-slideshow-display="strip-2"] {
	--nm-slideshow-visible: 2;
}

.nm-slideshow[data-nm-slideshow-display="strip-3"] {
	--nm-slideshow-visible: 3;
}

.nm-slideshow[data-nm-slideshow-display^="strip"] .nm-slideshow__track {
	display: flex;
	height: 100%;
	transition: transform 0.8s ease;
}

.nm-slideshow[data-nm-slideshow-display^="strip"] .nm-slideshow__slide {
	flex: 0 0 calc(100% / var(--nm-slideshow-visible, 1));
	min-width: 0;
	position: relative;
}

.nm-slideshow__image {
	display: block;
	object-fit: cover;
	width: 100%;
}

@keyframes nm-slideshow-kenburns {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.08);
	}
}

@container nm-section (max-width: 36rem) {
	.nm-slideshow {
		--nm-slideshow-visible: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nm-slideshow[data-nm-slideshow-display="cover"] .nm-slideshow__slide,
	.nm-slideshow[data-nm-slideshow-display^="strip"] .nm-slideshow__track {
		transition: none;
	}

	.nm-slideshow[data-nm-slideshow-display="cover"][data-nm-slideshow-transition="zoom"] .nm-slideshow__slide.is-active .nm-slideshow__image {
		animation: none;
	}
}

/* Section entrance effects. Namespaced; opt-in via .nm-fx. */
.nm-fx {
	--nm-fx-duration: 0.7s;
	--nm-fx-distance: 1.5rem;
}

.nm-fx[data-nm-fx]:not(.is-visible) {
	opacity: 0;
}

.nm-fx[data-nm-fx].is-visible {
	opacity: 1;
	transform: none;
	transition: opacity var(--nm-fx-duration) ease, transform var(--nm-fx-duration) ease;
}

.nm-fx--fade:not(.is-visible) {
	opacity: 0;
}

.nm-fx--fade-up:not(.is-visible),
.nm-fx--slide-up:not(.is-visible) {
	transform: translateY(var(--nm-fx-distance));
}

.nm-fx--fade-down:not(.is-visible),
.nm-fx--slide-down:not(.is-visible) {
	transform: translateY(calc(var(--nm-fx-distance) * -1));
}

.nm-fx--fade-left:not(.is-visible) {
	transform: translateX(calc(var(--nm-fx-distance) * -1));
}

.nm-fx--fade-right:not(.is-visible) {
	transform: translateX(var(--nm-fx-distance));
}

.nm-fx--zoom:not(.is-visible) {
	transform: scale(0.96);
}

.nm-fx--slide-up:not(.is-visible),
.nm-fx--slide-down:not(.is-visible) {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.nm-fx[data-nm-fx],
	.nm-fx[data-nm-fx].is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}