/* Focused delivery stylesheet for Mine & Survive ship detail pages. */

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("/assets/barlow-condensed-extrabold-20260812.ttf") format("truetype");
}

@font-face {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 200 1000;
	font-display: swap;
	src: url("/assets/nunito-variable-20260813.ttf") format("truetype");
}

:root {
	color-scheme: dark;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-synthesis: none;
	--background: #030814;
	--surface: #0c1628;
	--surface-raised: #101c31;
	--line: #24334f;
	--line-cyan: #21bff4;
	--line-violet: #874bff;
	--text: #f7f8fd;
	--muted: #b6c2d8;
	--subtle: #8b9ab4;
	--cyan: #20baf3;
	--blue: #2577fa;
	--violet: #7e36f3;
	--focus: #69e1ff;
}

* {
	box-sizing: border-box;
}

html {
	background: var(--background);
	scroll-behavior: smooth;
	scrollbar-color: #394b6b var(--background);
	scrollbar-width: thin;
}

body {
	min-width: 280px;
	min-height: 100vh;
	margin: 0;
	background:
		radial-gradient(circle at 21% 40%, rgba(28, 166, 239, 0.065), transparent 27rem),
		radial-gradient(circle at 80% 36%, rgba(116, 56, 242, 0.075), transparent 28rem),
		linear-gradient(180deg, #020713 0%, #050b19 58%, #020713 100%);
	color: var(--text);
}

body::before {
	position: fixed;
	inset: 0;
	z-index: -1;
	background-image:
		radial-gradient(circle at 17% 29%, rgba(255, 255, 255, 0.28) 0 0.7px, transparent 0.9px),
		radial-gradient(circle at 79% 68%, rgba(112, 210, 255, 0.25) 0 0.65px, transparent 0.9px);
	background-position: 0 0, 38px 51px;
	background-size: 127px 127px, 173px 173px;
	content: "";
	opacity: 0.13;
	pointer-events: none;
}

::selection {
	background: #6939db;
	color: #fff;
}

a {
	color: inherit;
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.22em;
}

.skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 20;
	padding: 11px 15px;
	border-radius: 10px;
	background: var(--text);
	color: var(--background);
	font-weight: 800;
	transform: translateY(-170%);
}

.skip-link:focus {
	transform: translateY(0);
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.site-shell {
	width: min(100% - 80px, 1400px);
	margin: 0 auto;
}

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 112px;
	border-bottom: 1px solid rgba(139, 154, 180, 0.24);
	gap: 24px;
}

.brand {
	display: flex;
	align-items: center;
	gap: 14px;
	font-family: "Nunito", ui-rounded, system-ui, sans-serif;
	font-size: clamp(1.82rem, 2vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1;
}

.brand-link,
.header-link {
	text-decoration: none;
}

.brand-link {
	min-height: 44px;
}

.brand-name {
	color: var(--text);
	text-shadow: 0 2px 12px rgba(247, 248, 253, 0.08);
	white-space: nowrap;
}

.brand-dot {
	color: #ff5baa;
}

.brand-mark {
	display: block;
	width: 58px;
	height: 58px;
	object-fit: contain;
	filter: drop-shadow(0 8px 16px rgba(75, 43, 219, 0.24));
	flex: 0 0 58px;
}

.header-label {
	color: #e6ebf6;
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

h1,
h2,
h3,
p {
	text-wrap: pretty;
}

h1 {
	margin: 0;
	font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
	font-size: clamp(4.35rem, 7.1vw, 6rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 0.89;
	text-transform: uppercase;
}

h1 span,
h1 strong {
	display: block;
}

h1 span {
	color: #f5f6fa;
	text-shadow: 0 3px 22px rgba(255, 255, 255, 0.08);
}

h1 strong {
	color: #667bf9;
	font-weight: inherit;
	text-shadow:
		-11px 0 30px rgba(30, 188, 246, 0.15),
		11px 0 32px rgba(128, 53, 242, 0.17);
}

a:focus-visible {
	outline: 3px solid var(--focus);
	outline-offset: 4px;
}

footer {
	display: flex;
	align-items: center;
	min-height: 76px;
	border-top: 1px solid rgba(139, 154, 180, 0.2);
}

footer p {
	margin: 0;
	color: var(--subtle);
	font-size: 0.875rem;
}

@media (max-width: 900px) {
.site-shell {
		width: min(100% - 48px, 820px);
	}

.site-header {
		min-height: 88px;
	}

.brand-mark {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
	}
}

@media (max-width: 760px) {
html {
		scroll-behavior: auto;
	}

.site-shell {
		width: min(100% - 32px, 640px);
	}

.site-header {
		min-height: 74px;
	}

.brand {
		gap: 10px;
		font-size: 1.5rem;
	}

.brand-mark {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

.header-label {
		font-size: 0.72rem;
	}

h1 {
		font-size: clamp(3.25rem, 15vw, 4.8rem);
		line-height: 0.92;
	}
}

@media (min-width: 600px) and (max-width: 900px) and (max-height: 600px) {
h1 {
		font-size: clamp(2.9rem, 7vw, 4rem);
		line-height: 0.9;
	}
}

@media (max-width: 360px) {
.site-shell {
		width: min(100% - 24px, 640px);
	}

.brand-name {
		font-size: 1.34rem;
	}

h1 {
		font-size: 3rem;
	}
}

@media (prefers-reduced-motion: reduce) {
html {
		scroll-behavior: auto;
	}
}

.space-page {
	--space-ink: #f8fbff;
	--space-muted: #a9b7cb;
	--space-navy: #050916;
	--space-navy-deep: #01030a;
	--space-line: rgba(153, 201, 245, 0.18);
	--space-cyan: #54d5ff;
	--space-cyan-bright: #a9efff;
	--space-orange: #ff7628;
	--space-orange-bright: #ffb44f;
	--space-violet: #7c4dff;
	--space-green: #6bf1aa;
	background:
		radial-gradient(circle at 12% 16%, rgba(70, 34, 148, 0.24), transparent 30rem),
		radial-gradient(circle at 88% 4%, rgba(29, 132, 199, 0.24), transparent 28rem),
		linear-gradient(180deg, #071124 0%, var(--space-navy) 46%, var(--space-navy-deep) 100%);
	color: var(--space-ink);
	line-height: 1.55;
}

.space-page::before {
	opacity: 0.32;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, 0.8) 0 1px, transparent 1.4px),
		radial-gradient(circle, rgba(84, 213, 255, 0.5) 0 1px, transparent 1.5px);
	background-position: 0 0, 43px 61px;
	background-size: 91px 91px, 137px 137px;
}

.space-page .button {
	display: inline-flex;
	min-height: 52px;
	padding: 12px 23px;
	align-items: center;
	justify-content: center;
	gap: 20px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
	transition:
		transform 160ms ease,
		box-shadow 160ms ease,
		border-color 160ms ease;
}

.space-page .button:hover,
.space-page .button:focus-visible {
	transform: translateY(-2px);
}

.space-page .button-primary {
	color: #160a02;
	background: linear-gradient(135deg, #ffc35f, var(--space-orange) 62%, #ff5428);
	box-shadow:
		0 4px 0 #8e2916,
		0 14px 32px rgba(255, 91, 31, 0.28);
}

.space-page .button-primary:hover,
.space-page .button-primary:focus-visible {
	box-shadow:
		0 4px 0 #8e2916,
		0 18px 40px rgba(255, 91, 31, 0.42);
}

.space-page .button-ghost {
	border-color: rgba(255, 255, 255, 0.26);
	color: var(--space-ink);
	background: rgba(3, 8, 19, 0.9);
}

.space-page .button-ghost:hover,
.space-page .button-ghost:focus-visible {
	border-color: var(--space-cyan);
}

@media (min-width: 721px) and (max-width: 980px) and (max-height: 600px) {
.space-page .button {
		min-height: 44px;
		gap: 12px;
		padding: 9px 15px;
		font-size: 0.66rem;
	}
}

@media (max-width: 720px) {
.space-page .button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
.space-page .button {
		transition: none;
	}
}

.header-links {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(14px, 2.2vw, 30px);
}

.header-links .header-link {
	position: relative;
	display: inline-flex;
	min-height: 44px;
	align-items: center;
}

.header-links .header-link::after {
	position: absolute;
	right: 0;
	bottom: 7px;
	left: 0;
	height: 1px;
	background: currentcolor;
	content: "";
	opacity: 0;
	transform: scaleX(0.4);
	transition:
		opacity 170ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 170ms cubic-bezier(0.22, 1, 0.36, 1);
}

.header-links .header-link[aria-current="page"],
.header-links .header-link:hover,
.header-links .header-link:focus-visible {
	color: #fff;
}

.header-links .header-link[aria-current="page"]::after,
.header-links .header-link:hover::after,
.header-links .header-link:focus-visible::after {
	opacity: 0.72;
	transform: scaleX(1);
}

.breadcrumbs {
	margin-bottom: clamp(34px, 4vw, 54px);
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	gap: 8px 11px;
	color: var(--subtle);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	list-style: none;
	text-transform: uppercase;
}

.breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 11px;
}

.breadcrumbs li:not(:last-child)::after {
	width: 18px;
	height: 1px;
	background: currentcolor;
	content: "";
	opacity: 0.5;
}

.breadcrumbs a {
	color: #d5deed;
	text-decoration-color: rgba(105, 225, 255, 0.45);
}

.content-footer {
	display: flex;
	min-height: 94px;
	justify-content: space-between;
	gap: 24px;
}

.content-footer nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px 24px;
	color: var(--muted);
	font-size: 0.8rem;
	font-weight: 750;
}

.space-page .ship-detail-main {
	padding: clamp(24px, 4vw, 52px) 0 72px;
}

.space-page .breadcrumbs {
	margin-bottom: clamp(28px, 4vw, 52px);
}

.space-page .breadcrumbs ol {
	color: #8094ad;
}

.space-page .breadcrumbs a {
	color: #d5e6f4;
	text-decoration-color: rgba(84, 213, 255, 0.48);
}

.space-page .ship-dossier h1 {
	margin: 0;
	font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
	font-weight: 800;
	letter-spacing: -0.025em;
	text-align: left;
	text-transform: uppercase;
}

.space-page .ship-dossier h1 span,
.space-page .ship-dossier h1 strong {
	display: block;
}

.space-page .ship-dossier h1 strong {
	color: var(--space-orange-bright);
	font-weight: inherit;
	text-shadow: 0 12px 32px rgba(255, 118, 40, 0.18);
}

.space-page .ship-hero-actions {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	gap: 12px;
}

.space-page .ship-stats h2,
.space-page .ship-operating-profile h2,
.space-page .ship-siblings h2 {
	margin: 0;
	font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 0.92;
	text-transform: uppercase;
}

.space-page .ship-dossier {
	display: grid;
	min-height: 610px;
	margin-bottom: clamp(74px, 9vw, 124px);
	border-block: 1px solid rgba(169, 239, 255, 0.25);
	grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.72fr);
}

.space-page .ship-dossier-visual {
	position: relative;
	display: grid;
	min-width: 0;
	margin: 0;
	padding: clamp(18px, 3vw, 42px);
	place-items: center;
	border-right: 1px solid rgba(169, 239, 255, 0.19);
	background:
		radial-gradient(circle at 50% 48%, rgba(84, 213, 255, 0.16), transparent 42%),
		linear-gradient(rgba(84, 213, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(84, 213, 255, 0.04) 1px, transparent 1px),
		#040a15;
	background-size: auto, 36px 36px, 36px 36px, auto;
	overflow: hidden;
}

.space-page .ship-dossier-visual::before,
.space-page .ship-dossier-visual::after {
	position: absolute;
	width: 74%;
	height: 74%;
	border: 1px solid rgba(84, 213, 255, 0.15);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.space-page .ship-dossier-visual::after {
	width: 52%;
	height: 52%;
	border-color: rgba(255, 174, 79, 0.14);
}

.space-page .ship-dossier-visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: min(100%, 720px);
	height: auto;
	filter: drop-shadow(0 28px 28px rgba(0, 0, 0, 0.56));
}

.space-page .ship-dossier-visual figcaption {
	position: absolute;
	right: 22px;
	bottom: 20px;
	left: 22px;
	z-index: 2;
	color: var(--space-muted);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
}

.space-page .ship-dossier-copy {
	display: flex;
	padding: clamp(38px, 5vw, 76px);
	justify-content: center;
	flex-direction: column;
}

.space-page .ship-dossier h1 {
	margin-top: 0;
	font-size: clamp(4.35rem, 7.1vw, 6rem);
	line-height: 0.78;
}

.space-page .ship-role {
	width: fit-content;
	margin: 26px 0 0;
	padding: 7px 12px;
	border-radius: 6px;
	color: #071421;
	background: var(--space-cyan-bright);
	font-size: 0.65rem;
	font-weight: 950;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.space-page .ship-description {
	margin: 24px 0 0;
	color: var(--space-ink);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.5;
}

.space-page .ship-fit {
	max-width: 66ch;
	margin: 14px 0 0;
	color: var(--space-muted);
	line-height: 1.65;
}

.space-page .ship-availability {
	display: flex;
	align-items: center;
	margin: 20px 0 0;
	gap: 10px;
	color: var(--space-green);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

.space-page .ship-availability::before {
	width: 7px;
	height: 7px;
	border: 1px solid currentcolor;
	border-radius: 50%;
	background: rgba(107, 241, 170, 0.22);
	content: "";
}

.space-page .ship-stats {
	margin-bottom: clamp(72px, 8vw, 112px);
}

.space-page .ship-stats > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 30px;
	gap: 38px;
}

.space-page .ship-stats h2,
.space-page .ship-operating-profile h2 {
	font-size: clamp(3.2rem, 5vw, 5rem);
}

.space-page .ship-stats > header p {
	max-width: 52ch;
	margin: 0 0 4px;
	color: var(--space-muted);
	line-height: 1.6;
}

.space-page .ship-stat-grid {
	display: grid;
	margin: 0;
	border-block: 1px solid rgba(169, 239, 255, 0.25);
	grid-template-columns: repeat(6, 1fr);
}

.space-page .ship-stat-grid > div {
	min-width: 0;
	padding: 24px 18px;
	border-right: 1px solid rgba(169, 239, 255, 0.15);
}

.space-page .ship-stat-grid > div:last-child {
	border-right: 0;
}

.space-page .ship-stat-grid dt {
	color: var(--space-muted);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.space-page .ship-stat-grid dd {
	display: grid;
	margin: 19px 0 0;
	align-items: center;
	grid-template-columns: 1fr 18px 1fr;
	color: var(--space-ink);
	font-size: clamp(1rem, 1.7vw, 1.35rem);
	font-variant-numeric: tabular-nums;
	font-weight: 800;
}

.space-page .ship-stat-grid dd i {
	color: var(--space-muted);
	font-size: 0.72rem;
	font-style: normal;
	text-align: center;
}

.space-page .ship-stat-grid dd strong {
	color: var(--space-orange-bright);
	font-weight: 900;
	text-align: right;
}

.space-page .ship-stat-legend {
	display: flex;
	margin: 13px 0 0;
	justify-content: flex-end;
	gap: 24px;
	color: var(--space-muted);
	font-size: 0.59rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.space-page .ship-stat-legend span:last-child {
	color: var(--space-orange-bright);
}

.space-page .ship-operating-profile {
	display: grid;
	margin-bottom: clamp(72px, 8vw, 112px);
	padding-block: clamp(44px, 6vw, 76px);
	border-block: 1px solid rgba(169, 239, 255, 0.22);
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
	gap: clamp(48px, 8vw, 118px);
}

.space-page .ship-operating-profile > div > p {
	max-width: 60ch;
	margin: 24px 0 0;
	color: var(--space-muted);
	line-height: 1.65;
}

.space-page .ship-operating-profile dl {
	display: grid;
	margin: 0;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 30px;
}

.space-page .ship-operating-profile dl > div {
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid rgba(169, 239, 255, 0.14);
}

.space-page .ship-operating-profile dt {
	color: var(--space-muted);
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

.space-page .ship-operating-profile dd {
	margin: 0;
	color: var(--space-cyan-bright);
	font-size: 0.78rem;
	font-variant-numeric: tabular-nums;
	font-weight: 900;
	text-align: right;
}

.space-page .ship-siblings {
	margin-bottom: 36px;
}

.space-page .ship-siblings h2 {
	font-size: 1.7rem;
}

.space-page .ship-siblings ul {
	display: grid;
	margin: 20px 0 0;
	padding: 0;
	border-block: 1px solid rgba(169, 239, 255, 0.22);
	grid-template-columns: repeat(5, 1fr);
	list-style: none;
}

.space-page .ship-siblings li + li {
	border-left: 1px solid rgba(169, 239, 255, 0.14);
}

.space-page .ship-siblings a {
	display: flex;
	min-height: 68px;
	padding: 12px;
	align-items: center;
	justify-content: center;
	color: var(--space-muted);
	font-size: 0.69rem;
	font-weight: 900;
	letter-spacing: 0.055em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.space-page .ship-siblings a[aria-current="page"] {
	color: #071421;
	background: var(--space-cyan-bright);
}

.space-page .ship-sequence {
	display: grid;
	border-block: 1px solid rgba(169, 239, 255, 0.22);
	grid-template-columns: repeat(3, 1fr);
}

.space-page .ship-sequence > * {
	display: grid;
	min-height: 94px;
	padding: 19px 22px;
	align-content: center;
	gap: 6px;
	text-decoration: none;
}

.space-page .ship-sequence > * + * {
	border-left: 1px solid rgba(169, 239, 255, 0.14);
}

.space-page .ship-sequence span {
	color: var(--space-muted);
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.space-page .ship-sequence strong {
	color: var(--space-ink);
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.space-page .ship-sequence-all {
	text-align: center;
}

.space-page .ship-sequence > *:last-child {
	text-align: right;
}

.space-page .ship-sequence-edge {
	opacity: 0.56;
}

.space-page .content-footer {
	border-top-color: rgba(169, 239, 255, 0.2);
}

@media (hover: hover) {
.space-page .ship-sequence a:hover,
	.space-page .ship-siblings a:not([aria-current="page"]):hover {
		background: rgba(84, 213, 255, 0.06);
	}
}

@media (max-width: 1080px) {
.space-page .ship-stat-grid {
		grid-template-columns: repeat(3, 1fr);
	}

.space-page .ship-stat-grid > div:nth-child(3) {
		border-right: 0;
	}

.space-page .ship-stat-grid > div:nth-child(-n + 3) {
		border-bottom: 1px solid rgba(169, 239, 255, 0.15);
	}
}

@media (max-width: 900px) {
.space-page .ship-dossier {
		min-height: 0;
		grid-template-columns: 1fr;
	}

.space-page .ship-dossier-visual {
		min-height: 520px;
		border-right: 0;
		border-bottom: 1px solid rgba(169, 239, 255, 0.19);
	}

.space-page .ship-dossier-visual img {
		width: min(86%, 610px);
	}

.space-page .ship-operating-profile {
		grid-template-columns: 1fr;
		gap: 34px;
	}
}

@media (max-width: 760px) {
.header-links {
		gap: 13px;
	}

.content-footer {
		display: grid;
		padding-block: 25px;
		gap: 14px;
	}

.content-footer nav {
		justify-content: flex-start;
	}

.space-page .ship-detail-main {
		padding-top: 26px;
	}

.space-page .ship-dossier {
		margin-bottom: 76px;
	}

.space-page .ship-dossier-visual {
		min-height: 390px;
		padding: 18px;
	}

.space-page .ship-dossier-copy {
		padding: 36px 0 0;
	}

.space-page .ship-dossier h1 {
		font-size: clamp(3.25rem, 15vw, 4.8rem);
	}

.space-page .ship-stats > header {
		display: block;
	}

.space-page .ship-stats > header p {
		margin-top: 18px;
	}

.space-page .ship-stat-grid {
		grid-template-columns: repeat(2, 1fr);
	}

.space-page .ship-stat-grid > div,
	.space-page .ship-stat-grid > div:nth-child(3) {
		border-right: 1px solid rgba(169, 239, 255, 0.15);
		border-bottom: 1px solid rgba(169, 239, 255, 0.15);
	}

.space-page .ship-stat-grid > div:nth-child(2n) {
		border-right: 0;
	}

.space-page .ship-stat-grid > div:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

.space-page .ship-operating-profile dl {
		grid-template-columns: 1fr;
	}

.space-page .ship-siblings ul {
		grid-template-columns: 1fr;
	}

.space-page .ship-siblings li + li {
		border-top: 1px solid rgba(169, 239, 255, 0.14);
		border-left: 0;
	}

.space-page .ship-siblings a {
		min-height: 54px;
	}

.space-page .ship-sequence {
		grid-template-columns: 1fr;
	}

.space-page .ship-sequence > * + * {
		border-top: 1px solid rgba(169, 239, 255, 0.14);
		border-left: 0;
	}

.space-page .ship-sequence > *,
	.space-page .ship-sequence > *:last-child {
		min-height: 76px;
		text-align: left;
	}
}

@media (max-width: 520px) {
.site-header .header-links > .header-label:not(.header-link),
	.site-header .header-links > .header-link:first-child:not(:only-child) {
		display: none;
	}

.space-page .ship-dossier-visual {
		min-height: 320px;
	}

.space-page .ship-dossier-copy .button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
.header-links .header-link::after {
		transition: none;
	}
}