/**
 * Artemis landing page — scoped under .artemis-landing.
 */

.artemis-landing {
	--aiaa-navy: #1a3d6d;
	--aiaa-orange: #d2601a;
	--artemis-gap: 36px;
	--artemis-radius: 8px;
	--artemis-card-w: 27%;

	max-width: var(--main-width, 1170px);
	margin-inline: auto;
	padding-inline: 30px;
}

.artemis-landing > * + * {
	margin-top: 56px;
}

.artemis-featured + .artemis-infographic {
	margin-top: 0;
}

/* Override footer margin on Artemis landing page */
.page-template-template-artemis-landing .main-footer {
	margin-top: 0;
}

/* Hero */
.artemis-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	padding-block: 28px;
	max-width: 960px;
	margin: 0 auto;
}

.artemis-hero__logo img {
	display: block;
	height: auto;
	width: clamp(110px, 12vw, 125px);
}

.artemis-hero__title {
	color: var(--aiaa-navy);
	font-size: clamp(26px, 3vw, 64px);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1;
	margin: 0;
}

.artemis-hero__subtitle {
	color: var(--aiaa-navy);
	font-size: clamp(18px, 1.8vw, 24px);
	letter-spacing: 0.04em;
	margin: 0.25em 0 0;
}

@media (max-width: 600px) {
	.artemis-hero {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* Full-bleed alt band */
.artemis-section--alt,
.artemis-archive {
	position: relative;
	padding-block: 56px;
}

.artemis-section--alt::before,
.artemis-archive::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0 calc(50% - 50vw);
	background: var(--c-contrast-50, #f6f7f9);
}

/* Section header */
.artemis-archive__heading {
	font-weight: 700;
	font-size: clamp(30px, 2.4vw, 42px);
	margin: 0 0 var(--artemis-gap);
}

.artemis-section__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--artemis-gap);
	margin-bottom: var(--artemis-gap);
	border-bottom: 1px solid var(--c-contrast-75, #e2e2e2);
}

.artemis-section--alt .artemis-section__header {
	border-bottom-color: #fff;
}

.artemis-section__header-main {
	min-width: 0;
	border-left: 12px solid var(--aiaa-navy);
	padding-left: 14px;
}

.artemis-section__eyebrow {
	margin: 0 0 2px;
	color: var(--aiaa-orange);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.3;
}

.artemis-section__heading {
	margin: 0;
	font-weight: 800;
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.2;
}

.artemis-section__meta {
	max-width: 60%;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	margin-bottom: -18px;
}

.artemis-section__meta-label {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #eceff3;
	white-space: nowrap;
}

.artemis-section__meta-year {
	font-weight: 700;
	font-size: clamp(56px, 9vw, 110px);
	line-height: 1;
	letter-spacing: -0.08em;
	color: var(--c-contrast-75, #e2e2e2);
	white-space: nowrap;
}

.artemis-section--alt .artemis-section__meta-label,
.artemis-section--alt .artemis-section__meta-year {
	color: #fff;
}

@media (max-width: 600px) {
	.artemis-section__meta {
		display: none;
	}
}

.artemis-section__featured {
	margin-bottom: var(--artemis-gap);
}

/* Cards */
.artemis-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.artemis-card__media {
	display: block;
	overflow: hidden;
	border-radius: var(--artemis-radius);
	aspect-ratio: 16 / 9;
}

.artemis-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.artemis-card__media:hover .artemis-card__img {
	transform: scale(1.04);
}

.artemis-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding-top: 16px;
}

.artemis-card__eyebrow {
	display: inline-flex;
	background: var(--aiaa-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 2px 8px 0;
	border-radius: 3px;
}

a.artemis-card__eyebrow:hover {
	opacity: 0.85;
}

.artemis-card__title {
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.28;
	font-size: clamp(17px, 1.4vw, 20px);
	margin: 0;
}

.artemis-card__title a {
	color: var(--c-headings, #161616);
	text-decoration: none;
}

.artemis-card__title a:hover {
	color: var(--c-main);
}

.artemis-card__date {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--c-post-meta);
}

.artemis-card__excerpt {
	font-size: var(--excerpt-size, 13px);
	line-height: 1.6;
	color: var(--c-excerpts);
	margin: 0;
}

/* Featured card (media + text) */
.artemis-card--featured {
	flex-direction: row;
	align-items: center;
	gap: clamp(28px, 4vw, 56px);
}

.artemis-card--featured .artemis-card__media {
	flex: 0 0 58%;
}

.artemis-card--featured .artemis-card__body {
	padding-top: 0;
	gap: 14px;
}

.artemis-card--featured .artemis-card__title {
	font-size: clamp(22px, 2.6vw, 30px);
	line-height: 1.2;
}

.artemis-card--featured .artemis-card__excerpt {
	font-size: 14px;
}

/* Hero carousel (full-bleed) */
.artemis-carousel--hero {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	margin-top: 0;
}

.artemis-carousel--hero .artemis-carousel__track {
	gap: 10px;
	padding-bottom: 0;
}

.artemis-carousel--hero .artemis-carousel__track > .artemis-card {
	flex: 0 0 90vw;
	scroll-snap-align: start;
}

.artemis-carousel--hero .artemis-carousel__track > .artemis-card:only-child {
	flex-basis: 100vw;
}

.artemis-card--hero .artemis-card__link {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 9 / 5;
}

.artemis-card--hero .artemis-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.artemis-card--hero .artemis-card__overlay {
	position: absolute;
	inset: auto 0 0;
	display: flex;
	padding: clamp(20px, 4vw, 56px);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.72), transparent 70%);
}

.artemis-card--hero .artemis-card__title {
	color: #fff;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-size: clamp(26px, 4.5vw, 56px);
	max-width: 20ch;
	margin: 0;
}

/* Grid + carousel */
.artemis-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--artemis-gap);
}

.artemis-carousel {
	position: relative;
}

.artemis-carousel__track {
	display: flex;
	gap: var(--artemis-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 4px;
}

.artemis-carousel__track::-webkit-scrollbar {
	display: none;
}

.artemis-carousel__track > .artemis-card {
	flex: 0 0 var(--artemis-card-w);
	scroll-snap-align: start;
}

.artemis-carousel__nav {
	position: absolute;
	top: 28%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 2;
}

.artemis-carousel__nav svg {
	display: block;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.28));
}

.artemis-carousel__nav svg path:first-child {
	fill: #fff;
}

.artemis-carousel__nav svg path:last-child {
	fill: var(--c-main);
}

.artemis-carousel__nav:hover {
	background: transparent;
	transform: translateY(-50%) scale(1.08);
}

.artemis-carousel__nav--prev {
	left: 12px;
	transform: translateY(-50%) scaleX(-1);
}

.artemis-carousel__nav--prev:hover {
	transform: translateY(-50%) scaleX(-1) scale(1.08);
}

.artemis-carousel__nav--next {
	right: 12px;
}

.artemis-carousel--hero .artemis-carousel__nav {
	top: 50%;
}

.artemis-carousel__nav[hidden] {
	display: none;
}

.artemis-carousel__nav:disabled {
	opacity: 0;
	pointer-events: none;
}

/* Archive list */
.artemis-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px var(--artemis-gap);
}

.artemis-list__link {
	display: flex;
	gap: 16px;
	align-items: center;
	text-decoration: none;
}

.artemis-list__thumb {
	flex: 0 0 160px;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--artemis-radius);
}

.artemis-list__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.artemis-list__title {
	display: block;
	font-weight: 600;
	font-size: 17px;
	color: var(--c-headings, #161616);
	line-height: 1.3;
}

.artemis-list__author {
	display: block;
	font-size: 13px;
	color: var(--c-post-meta);
	margin-top: 4px;
	text-transform: uppercase;
}

.artemis-list__link:hover .artemis-list__title {
	color: var(--c-main);
}

/* Breakpoints */
@media (max-width: 940px) {
	.artemis-landing {
		--artemis-card-w: 42%;
	}

	.artemis-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.artemis-landing {
		--artemis-card-w: 78%;
	}

	.artemis-grid {
		grid-template-columns: 1fr;
	}

	.artemis-card--featured {
		flex-direction: column;
		align-items: stretch;
	}

	.artemis-card--featured .artemis-card__media {
		flex-basis: auto;
	}

	.artemis-card--featured .artemis-card__body {
		padding-top: 16px;
	}

	.artemis-carousel--hero .artemis-carousel__track > .artemis-card {
		flex-basis: 88vw;
	}

	.artemis-card--hero .artemis-card__link {
		aspect-ratio: 4 / 5;
	}

	.artemis-carousel__nav {
		display: none;
	}
}

@media (max-width: 600px) {
	.artemis-list {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   Artemis Mission Timeline — top infographic (vertical tabs)
   ============================================================ */

.artemis-infographic {
	position: relative;
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	color: #fff;
	overflow: hidden;
}

/* Parent theme ships content-box; scope a border-box reset to this block so
   width + padding math behaves as expected without touching the rest of the page. */
.artemis-infographic,
.artemis-infographic *,
.artemis-infographic *::before,
.artemis-infographic *::after {
	box-sizing: border-box;
}

.artemis-infographic__accent-bar {
	width: clamp(120px, 12vw, 154px);
	height: 10px;
	margin-bottom: 12px;
	background: var(--aiaa-navy, #1a3d6d);
}

.artemis-infographic__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: url("../images/info-graphic-gradient.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* diagonal line overlay */
.artemis-infographic__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../images/diagonal-bg.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	pointer-events: none;
}

.artemis-infographic__inner {
	position: relative;
	z-index: 1;
	max-width: var(--main-width, 1170px);
	margin-inline: auto;
	padding-block: 48px 56px;
	padding-inline: 30px;
}

.artemis-infographic__title {
	margin: 0 0 32px;
	color: #fff;
	font-size: clamp(28px, 3vw, 48px);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.05;
}

.artemis-infographic__grid {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 48px;
}

/* ---- Left: nav / tabs ---- */

.artemis-infographic__tabs {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Desktop: stretch the tab column to match the panel column height so the
   two grid columns stay flush. Scoped above the mobile breakpoint so it
   never fights the horizontal, touch-scrollable tab row on small screens. */
@media (min-width: 801px) {
	.artemis-infographic__nav {
		display: flex;
	}

	.artemis-infographic__tabs {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}

	.artemis-infographic__tab-item {
		display: flex;
		flex-direction: column; /* so the button's flex:1 grows vertically to fill */
		flex: 1 1 0;
	}

	.artemis-infographic__tab {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex: 1; /* fills the item height */
	}

	/* Reserve fixed slots for the two variable-length elements so every panel
	   is the same height and the columns never shift between tabs. */
	.artemis-infographic__desc {
		min-height: calc(1.6em * 3); /* always 3 lines */
	}

	.artemis-infographic__readmore {
		min-height: calc(1.5em * 2); /* always 2 lines, even when empty */
	}
}

.artemis-infographic__tab-item {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.artemis-infographic__tab-item:first-child {
	border-top: none;
}

.artemis-infographic__tab {
	width: 100%;
	padding: 16px 8px;
	border: 0;
	/* Reset the parent theme's global button chrome (drop shadow + radius)
	   that otherwise draws a short, inset line under each tab. */
	border-radius: 0;
	box-shadow: none;
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.6);
	font-size: clamp(13px, 1vw, 16px);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* desktop: hide the leading number, show the date label */
.artemis-infographic__tab-num {
	display: none;
}

.artemis-infographic__tab:hover {
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.08);
}

.artemis-infographic__tab:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px;
}

.artemis-infographic__tab.is-active {
	color: #fff;
	font-weight: 800;
	background: rgba(255, 255, 255, 0.14);
	box-shadow: inset 3px 0 0 0 #fff;
}

/* ---- Right: panel ---- */

.artemis-infographic__panels {
	position: relative;
	/* Floor for the absolutely-stacked panels so the column never collapses
	   while the active panel is briefly out of flow during a crossfade. */
	min-height: 460px;
}

/* All panels stay in the render tree, stacked and painted, so switching is a
   compositor-only opacity change — no display:none first-paint flash. */
.artemis-infographic__panel {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.artemis-infographic__panel.is-active {
	position: relative; /* the visible panel carries the column height */
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.artemis-infographic__tab {
		transition-duration: 0.01ms;
	}
	.artemis-infographic__panel {
		transition: none;
	}
}

.artemis-infographic__media {
	width: 100%;
	overflow: hidden;
}

.artemis-infographic__figure {
	margin: 0;
}

.artemis-infographic__figure img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 8px;
}

.artemis-infographic__credit {
	padding: 6px 3px 0;
	color: var(--white);
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	text-align: right;
}

.artemis-infographic__heading {
	margin: 12px 0 12px;
	color: #fff;
	font-size: clamp(22px, 2vw, 30px);
	font-weight: 700;
	line-height: 1.1;
}

.artemis-infographic__desc {
	margin: 0 0 20px;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 1.6;
	max-width: 70ch;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.artemis-infographic__readmore {
	margin: 0;
	font-size: clamp(13px, 1vw, 15px);
	line-height: 1.5;
	letter-spacing: 0.04em;
	/* clamp to 2 lines so a long link title can't grow the panel */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.artemis-infographic__readmore-label {
	color: #fff;
	margin-right: 6px;
}

.artemis-infographic__readmore-link {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.artemis-infographic__readmore-link:hover,
.artemis-infographic__readmore-link:focus-visible {
	color: rgba(255, 255, 255, 0.85);
	outline: none;
}

/* ---- Responsive ---- */

@media (max-width: 800px) {
	.artemis-infographic__inner {
		padding-inline: 20px;
	}

	.artemis-infographic__title {
		font-size: clamp(24px, 7vw, 34px);
		margin-bottom: 24px;
	}

	.artemis-infographic__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* prevent grid items from forcing horizontal overflow */
	.artemis-infographic__nav,
	.artemis-infographic__panels,
	.artemis-infographic__panel {
		min-width: 0;
	}

	/* number-only, touch-scrollable tab row — no chrome */
	.artemis-infographic__tabs {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		gap: 10px;
		padding: 0;
		margin: 0 0 4px;
		list-style: none;
		/* hide scrollbar but keep scrollable */
		scrollbar-width: none;
	}
	.artemis-infographic__tabs::-webkit-scrollbar {
		display: none;
	}

	.artemis-infographic__tab-item {
		flex: 0 0 auto;
		border: none;
		scroll-snap-align: center;
	}

	.artemis-infographic__tab {
		width: auto;
		padding: 9px 16px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 999px;
		background: transparent;
		color: rgba(255, 255, 255, 0.8);
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.02em;
		line-height: 1.2;
		text-align: center;
		transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
			background 0.35s cubic-bezier(0.4, 0, 0.2, 1),
			border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/* mobile: show the number, hide the date label */
	.artemis-infographic__tab-num {
		display: inline;
	}
	.artemis-infographic__tab-date {
		display: none;
	}

	.artemis-infographic__tab:hover {
		color: #fff;
		background: rgba(255, 255, 255, 0.08);
	}

	.artemis-infographic__tab.is-active {
		color: var(--aiaa-navy, #1a3d6d);
		background: #fff;
		border-color: #fff;
		font-weight: 800;
		box-shadow: none;
	}

	.artemis-infographic__media {
		border-radius: 0;
	}

	.artemis-infographic__figure img {
		border-radius: 6px;
		aspect-ratio: 16 / 10;
	}

	.artemis-infographic__heading {
		margin: 12px 0 10px;
	}

	.artemis-infographic__desc {
		max-width: none;
	}
}

/* ============================================================
   Artemis Mission Hardware — bottom infographic (dot carousel)
   ============================================================ */

.artemis-infographic--bottom {
	margin-top: 0;
}

.artemis-infographic__titlebar {
	position: relative;
	z-index: 1;
	background: #000;
	padding: 20px 20px;
	text-align: center;
}

.artemis-infographic__titlebar-text {
	margin: 0;
	color: #fff;
	font-size: clamp(20px, 2.3vw, 26px);
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.artemis-infographic--bottom .artemis-infographic__inner {
	padding-block: 48px 40px;
}

.artemis-bottom-carousel {
	position: relative;
}

.artemis-bottom-carousel__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.artemis-bottom-carousel__track::-webkit-scrollbar {
	display: none;
}

.artemis-bottom-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
	display: grid;
	grid-template-columns: minmax(200px, 420px) 1fr;
	align-items: center;
	gap: clamp(32px, 5vw, 64px);
}

.artemis-bottom-carousel__media {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
}

.artemis-bottom-carousel__moon {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.artemis-bottom-carousel__item {
	--item-rotate: 0deg;
	position: absolute;
	inset: 10%;
	z-index: 1;
	width: 80%;
	height: 80%;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.45)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.3));
	animation: artemis-bottom-carousel-float 4.5s ease-in-out infinite;
}

.artemis-bottom-carousel__item--rotate-right {
	--item-rotate: 6deg;
}

.artemis-bottom-carousel__item--rotate-left {
	--item-rotate: -6deg;
}

@keyframes artemis-bottom-carousel-float {
	0%, 100% {
		transform: rotate(var(--item-rotate)) translateY(0);
	}
	50% {
		transform: rotate(var(--item-rotate)) translateY(-10px);
	}
}

.artemis-bottom-carousel__body {
	min-width: 0;
}

.artemis-bottom-carousel__body .artemis-infographic__accent-bar {
	margin-bottom: 20px;
}

.artemis-bottom-carousel__title {
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(24px, 2.6vw, 34px);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.1;
}

.artemis-bottom-carousel__desc {
	margin: 0;
	max-width: 42ch;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(15px, 1.2vw, 18px);
	line-height: 1.5;
}

.artemis-bottom-carousel__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 50px;
	height: 50px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color 0.2s ease, transform 0.2s ease;
}

.artemis-bottom-carousel__nav svg {
	display: block;
	width: 50px;
	height: 50px;
}

.artemis-bottom-carousel__nav--prev {
	left: calc(50% - 50vw + 16px);
}

.artemis-bottom-carousel__nav--next {
	right: calc(50% - 50vw + 16px);
	transform: translateY(-50%) scaleX(-1);
}

.artemis-bottom-carousel__nav:hover,
.artemis-bottom-carousel__nav:focus-visible {
	background: none;
	box-shadow: none;
	color: var(--aiaa-navy, #1a3d6d);
}

.artemis-bottom-carousel__nav--prev:hover {
	transform: translateY(-50%) scale(1.15);
}

.artemis-bottom-carousel__nav--next:hover {
	transform: translateY(-50%) scaleX(-1) scale(1.15);
}

.artemis-bottom-carousel__nav[hidden] {
	display: none;
}

.artemis-bottom-carousel__nav:disabled {
	opacity: 0;
	pointer-events: none;
}

.artemis-bottom-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 32px;
}

.artemis-bottom-carousel__dot {
	width: 14px;
	height: 14px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	box-shadow: none;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}

.artemis-bottom-carousel__dot:hover {
	background: rgba(255, 255, 255, 0.6);
}

.artemis-bottom-carousel__dot:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.artemis-bottom-carousel__dot.is-active {
	background: #fff;
	transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
	.artemis-bottom-carousel__track {
		scroll-behavior: auto;
	}

	.artemis-bottom-carousel__item {
		animation: none;
	}
}

@media (max-width: 800px) {
	.artemis-infographic__titlebar {
		padding: 16px 20px;
	}

	.artemis-infographic--bottom .artemis-infographic__inner {
		padding-block: 32px;
	}

	.artemis-bottom-carousel__slide {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		gap: 24px;
	}

	.artemis-bottom-carousel__media {
		max-width: 280px;
	}

	.artemis-bottom-carousel__nav {
		display: none;
	}

	.artemis-bottom-carousel__body .artemis-infographic__accent-bar {
		margin-inline: auto;
	}

	.artemis-bottom-carousel__desc {
		max-width: none;
		margin-inline: auto;
	}
}