.nst-about-page {
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
}

.nst-about {
	--nst-about-ink: #17171d;
	--nst-about-white: #ffffff;
	--nst-about-indigo: #5252c7;
	--nst-about-signal: var(--nst-brand-yellow, #dcff59);
	--nst-about-surface: #f5f5f7;
	--nst-about-muted: #60616a;
	--nst-about-line: #d8d9de;
	--nst-about-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--nst-about-gutter: clamp(1.25rem, 4.2vw, 4.75rem);
	box-sizing: border-box;
	color: var(--nst-about-ink);
	font-family: var(--nst-font-sans);
	margin: 0 !important;
	max-width: none !important;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.nst-about *,
.nst-about *::before,
.nst-about *::after {
	box-sizing: border-box;
}

.nst-about figure,
.nst-about p {
	margin: 0;
}

.nst-about img {
	display: block;
	max-width: none;
}

.nst-about h1,
.nst-about h2,
.nst-about h3 {
	font-family: var(--nst-font-sans);
	margin: 0;
}

.nst-about h1 span,
.nst-about h2 span,
.nst-about h3 span {
	display: block;
}

.nst-about-shell {
	margin: 0 auto;
	max-width: 90rem;
	padding-left: var(--nst-about-gutter);
	padding-right: var(--nst-about-gutter);
	width: 100%;
}

.nst-about-label,
.nst-about-kicker,
.nst-about-observation__number {
	font-size: var(--nst-type-label-size);
	font-weight: 800;
	letter-spacing: var(--nst-type-label-track);
	line-height: 1.3;
	text-transform: uppercase;
}

.nst-about-label,
.nst-about-kicker {
	margin-bottom: 1.4rem !important;
}

.nst-about-hero__copy > .nst-about-label {
	color: var(--nst-brand-yellow, #dcff59);
}

.nst-about-filter__copy > .nst-about-label {
	color: var(--nst-about-indigo);
}

.nst-about-kicker {
	align-items: center;
	display: flex;
	gap: 0.85rem;
}

.nst-about-kicker span {
	align-items: center;
	background: var(--nst-about-ink);
	color: var(--nst-brand-yellow, #dcff59);
	display: inline-flex;
	height: 1.85rem;
	justify-content: center;
	letter-spacing: 0.06em;
	width: 2.1rem;
}

.nst-about-section-head {
	align-items: end;
	border-top: 1px solid var(--nst-about-line);
	display: grid;
	gap: clamp(2.5rem, 7vw, 8rem);
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.58fr);
	padding-top: 1.5rem;
}

.nst-about-section-head h2,
.nst-about-filter h2,
.nst-about-closing h2 {
	font-size: var(--nst-type-h2-size);
	font-weight: var(--nst-type-h2-weight);
	letter-spacing: var(--nst-type-h2-track);
	line-height: var(--nst-type-h2-line);
}

.nst-about-section-head__intro {
	border-left: 1px solid var(--nst-about-line);
	color: var(--nst-about-muted);
	font-size: var(--nst-type-body-size);
	line-height: var(--nst-type-body-line);
	max-width: 30rem;
	padding-left: 1.5rem;
}

/* 01 — field-note hero */
.nst-about-hero {
	background: var(--nst-about-ink);
	min-height: min(54rem, 100svh);
}

.nst-about-hero__layout {
	display: grid;
	grid-template-columns: 4.75rem minmax(0, 1.1fr) minmax(0, 0.9fr);
	min-height: min(54rem, 100svh);
}

.nst-about-hero__rail {
	align-items: center;
	background: var(--nst-about-ink);
	color: var(--nst-about-white);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2rem 0 2.25rem;
}

.nst-about-hero__rail-number {
	color: var(--nst-brand-yellow, #dcff59);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.nst-about-hero__rail-label {
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transform: rotate(-90deg) translateX(50%);
	white-space: nowrap;
}

.nst-about-hero__copy {
	background: var(--nst-about-white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(4rem, 7vw, 7.5rem) clamp(2.25rem, 4vw, 4.5rem);
	position: relative;
	z-index: 2;
}

.nst-about-hero__title {
	font-size: clamp(3.625rem, 5vw, 4.25rem);
	font-weight: var(--nst-type-h1-weight);
	letter-spacing: var(--nst-type-h1-track);
	line-height: var(--nst-type-h1-line);
	max-width: 48rem;
}

.nst-about-hero__title span {
	white-space: nowrap;
}

.nst-about-hero__title span:last-child {
	margin-left: 0;
}

.nst-about-hero__summary {
	color: var(--nst-about-muted);
	font-size: var(--nst-type-body-size);
	line-height: var(--nst-type-body-line);
	margin-left: clamp(2rem, 6vw, 6rem) !important;
	margin-top: clamp(2rem, 4vw, 3.75rem) !important;
	max-width: 30rem;
}

.nst-about-hero__note {
	align-items: center;
	display: flex;
	font-size: 0.6875rem;
	font-weight: 800;
	gap: 0.8rem;
	letter-spacing: 0.1em;
	margin-top: auto !important;
	padding-top: 3rem;
	text-transform: uppercase;
}

.nst-about-hero__note span {
	background: var(--nst-about-indigo);
	height: 0.25rem;
	width: 2.8rem;
}

.nst-about-hero__media {
	min-height: inherit;
	overflow: hidden;
	position: relative;
}

.nst-about-hero__media img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 48%;
	transition: transform 1200ms var(--nst-about-ease), filter 1000ms ease;
	width: 100%;
}

.nst-about-hero__media figcaption {
	background: var(--nst-about-white);
	bottom: 1.25rem;
	color: var(--nst-about-ink);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	padding: 0.8rem 1rem;
	position: absolute;
	right: 1.25rem;
	text-transform: uppercase;
}

/* 02 — paired observations */
.nst-about-observations {
	background: var(--nst-about-white);
	padding: clamp(7rem, 10vw, 10rem) 0;
}

.nst-about-observations__grid {
	display: grid;
	gap: clamp(0.75rem, 1.4vw, 1.25rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: clamp(4rem, 7vw, 6rem);
}

.nst-about-observation {
	background: var(--nst-about-surface);
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
}

.nst-about-observation__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.nst-about-observation__media img {
	height: 100%;
	object-fit: cover;
	transition: filter 900ms ease, transform 1000ms var(--nst-about-ease);
	width: 100%;
}

.nst-about-observation--first .nst-about-observation__media img {
	object-position: 50% 54%;
}

.nst-about-observation--second .nst-about-observation__media {
	grid-row: 2;
}

.nst-about-observation--second .nst-about-observation__media img {
	object-position: center bottom;
}

.nst-about-observation--second .nst-about-observation__copy {
	grid-row: 1;
}

.nst-about-observation__copy {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	padding: clamp(1.5rem, 3.5vw, 3.25rem);
}

.nst-about-observation__number {
	color: var(--nst-about-indigo);
	grid-column: 1;
	padding-top: 0.35rem;
}

.nst-about-observation h3,
.nst-about-route__name {
	font-size: var(--nst-type-h3-size);
	font-weight: var(--nst-type-h3-weight);
	letter-spacing: var(--nst-type-h3-track);
	line-height: var(--nst-type-h3-line);
}

.nst-about-observation h3,
.nst-about-observation__copy > p:not(.nst-about-observation__number),
.nst-about-observation__note {
	grid-column: 2;
}

.nst-about-observation__copy > p:not(.nst-about-observation__number) {
	color: var(--nst-about-muted);
	font-size: var(--nst-type-body-size);
	line-height: var(--nst-type-body-line);
	margin-top: 1.25rem !important;
	max-width: 28rem;
}

.nst-about-observation__note {
	align-self: end;
	border-top: 1px solid var(--nst-about-line);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin-top: 2rem;
	padding-top: 0.9rem;
	text-transform: uppercase;
}

/* 03 — original route table */
.nst-about-route {
	background: var(--nst-about-surface);
	padding: clamp(7rem, 10vw, 10rem) 0;
}

.nst-about-route__table {
	border-top: 1px solid var(--nst-about-line);
	margin-top: clamp(4rem, 7vw, 6rem);
}

.nst-about-route__row {
	align-items: center;
	border-bottom: 1px solid var(--nst-about-line);
	display: grid;
	gap: clamp(1rem, 2.5vw, 2.75rem);
	grid-template-columns: 3.5rem minmax(10rem, 0.65fr) minmax(16rem, 1fr) minmax(18rem, 0.85fr);
	min-height: 12rem;
	padding-block: 1.25rem;
	padding-inline: 0;
	transition: background 350ms ease, color 350ms ease, padding 520ms var(--nst-about-ease);
}

.nst-about-route__number {
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	transition: color 350ms ease;
}

.nst-about-route__name {
	font-size: clamp(1.65rem, 2.4vw, 2.5rem);
}

.nst-about-route__description {
	color: var(--nst-about-muted);
	font-size: var(--nst-type-body-size);
	line-height: var(--nst-type-body-line);
	max-width: 26rem;
	transition: color 350ms ease;
}

.nst-about-route__thumb {
	aspect-ratio: 16 / 9;
	background: var(--nst-about-white);
	overflow: hidden;
	width: 100%;
}

.nst-about-route__thumb img {
	filter: saturate(.62);
	height: 100%;
	object-fit: cover;
	transition: filter 700ms ease, transform 700ms var(--nst-about-ease);
	width: 100%;
}

/* 04 — design filter */
.nst-about-filter {
	background: var(--nst-about-white);
	padding: clamp(7rem, 10vw, 10rem) 0;
}

.nst-about-filter__layout {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 8vw, 8rem);
	grid-template-columns: minmax(0, 1.12fr) minmax(20rem, 0.88fr);
}

.nst-about-filter__media {
	height: clamp(34rem, 48vw, 46rem);
	position: relative;
}

.nst-about-filter__image {
	margin: 0;
	overflow: hidden;
	position: absolute;
}

.nst-about-filter__image img {
	height: 100%;
	object-fit: cover;
	transition: transform 1000ms var(--nst-about-ease);
	width: 100%;
}

.nst-about-filter__image--primary {
	height: 88%;
	left: 0;
	top: 0;
	width: 74%;
}

.nst-about-filter__image--primary img {
	object-position: 50% 44%;
}

.nst-about-filter__image--secondary {
	border: clamp(0.5rem, 1vw, 0.875rem) solid var(--nst-about-white);
	bottom: 0;
	height: 42%;
	right: 0;
	width: 53%;
}

.nst-about-filter__copy {
	max-width: 34rem;
}

.nst-about-filter__description,
.nst-about-closing__description {
	font-size: var(--nst-type-body-size);
	line-height: var(--nst-type-body-line);
	margin-top: 1.75rem !important;
}

.nst-about-filter__description {
	color: var(--nst-about-muted);
}

.nst-about-filter__principles {
	border-top: 1px solid var(--nst-about-line);
	list-style: none;
	margin: 2.25rem 0 0;
	padding: 0;
}

.nst-about-filter__principles li {
	align-items: center;
	border-bottom: 1px solid var(--nst-about-line);
	display: grid;
	gap: 1rem;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	min-height: 4rem;
}

.nst-about-filter__principles span {
	color: var(--nst-about-indigo);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.nst-about-filter__principles strong {
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

/* 05 — collection scene */
.nst-about-closing {
	align-items: center;
	background: var(--nst-about-ink);
	color: var(--nst-about-white);
	display: flex;
	height: clamp(38rem, 72vw, 52rem);
	justify-content: flex-end;
	padding: var(--nst-about-gutter);
}

.nst-about-closing__image,
.nst-about-closing__shade {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.nst-about-closing__image {
	object-fit: cover;
	object-position: 50% 48%;
	transition: transform 1200ms var(--nst-about-ease), filter 1000ms ease;
}

.nst-about-closing__shade {
	background: linear-gradient(90deg, rgba(15, 16, 20, 0.02) 16%, rgba(15, 16, 20, 0.2) 49%, rgba(15, 16, 20, 0.82) 100%);
}

.nst-about-closing__copy {
	margin-right: max(0rem, calc((100vw - 90rem) / 2));
	max-width: 35rem;
	position: relative;
	width: min(43%, 35rem);
	z-index: 2;
}

@media (min-width: 1024px) {
	.nst-about-closing__copy {
		margin-right: 0;
		width: 30%;
	}
}

.nst-about-closing__description {
	color: rgba(255, 255, 255, 0.82);
	max-width: 28rem;
}

.nst-about-button {
	align-items: center;
	background: var(--nst-about-white);
	border: 1px solid var(--nst-about-white);
	color: var(--nst-about-ink);
	display: inline-flex;
	font-size: 0.6875rem;
	font-weight: 800;
	gap: 2rem;
	isolation: isolate;
	justify-content: space-between;
	letter-spacing: 0.1em;
	margin-top: 2rem;
	min-height: 3.35rem;
	overflow: hidden;
	padding: 0.9rem 1.2rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: border-color 360ms ease, color 360ms ease, transform 720ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.nst-about-button::before {
	background: var(--nst-about-signal);
	border-radius: 43% 57% 47% 53% / 58% 44% 56% 42%;
	content: "";
	inset: -76% -38%;
	pointer-events: none;
	position: absolute;
	transform: translate3d(-112%, 0, 0);
	transition: transform 760ms var(--nst-about-ease);
	z-index: 0;
}

.nst-about-button > span {
	position: relative;
	z-index: 1;
}

.nst-about-button__arrow {
	font-size: 1rem;
	transition: transform 520ms var(--nst-about-ease);
}

.nst-about-button:focus-visible {
	outline: 3px solid var(--nst-about-signal);
	outline-offset: 5px;
}

.nst-about-button:focus-visible::before {
	transform: translate3d(0, 0, 0);
}

/* Finite, one-time entrance motion. */
.nst-about.is-ready .nst-about-section-head,
.nst-about.is-ready .nst-about-observation,
.nst-about.is-ready .nst-about-route__row,
.nst-about.is-ready .nst-about-filter__image,
.nst-about.is-ready .nst-about-filter__copy,
.nst-about.is-ready .nst-about-closing__copy,
.nst-about-hero.is-ready .nst-about-hero__rail,
.nst-about-hero.is-ready .nst-about-hero__copy,
.nst-about-hero.is-ready .nst-about-hero__media {
	transition: opacity 720ms ease, transform 920ms var(--nst-about-ease);
}

.nst-about.is-ready:not(.is-visible) .nst-about-section-head,
.nst-about.is-ready:not(.is-visible) .nst-about-observation,
.nst-about.is-ready:not(.is-visible) .nst-about-route__row,
.nst-about.is-ready:not(.is-visible) .nst-about-filter__image,
.nst-about.is-ready:not(.is-visible) .nst-about-filter__copy,
.nst-about.is-ready:not(.is-visible) .nst-about-closing__copy,
.nst-about-hero.is-ready:not(.is-visible) .nst-about-hero__rail,
.nst-about-hero.is-ready:not(.is-visible) .nst-about-hero__copy,
.nst-about-hero.is-ready:not(.is-visible) .nst-about-hero__media {
	opacity: 0;
	transform: translateY(1.5rem);
}

.nst-about-hero.is-ready:not(.is-visible) .nst-about-hero__media,
.nst-about-closing.is-ready:not(.is-visible) .nst-about-closing__image {
	transform: scale(1.035);
}

.nst-about-observation:nth-child(2),
.nst-about-route__row:nth-child(2),
.nst-about-filter__copy {
	transition-delay: 120ms !important;
}

.nst-about-route__row:nth-child(3),
.nst-about-filter__image--secondary {
	transition-delay: 220ms !important;
}

.nst-about.is-visible .nst-about-section-head,
.nst-about.is-visible .nst-about-observation,
.nst-about.is-visible .nst-about-route__row,
.nst-about.is-visible .nst-about-filter__image,
.nst-about.is-visible .nst-about-filter__copy,
.nst-about.is-visible .nst-about-closing__copy,
.nst-about-hero.is-visible .nst-about-hero__rail,
.nst-about-hero.is-visible .nst-about-hero__copy,
.nst-about-hero.is-visible .nst-about-hero__media {
	opacity: 1;
	transform: none;
}

@media (hover: hover) and (pointer: fine) {
	.nst-about-route__row:hover {
		background: var(--nst-about-ink);
		color: var(--nst-about-white);
		padding-inline: 1.25rem;
	}

	.nst-about-route__row:hover .nst-about-route__number {
		color: var(--nst-brand-yellow, #dcff59);
	}

	.nst-about-route__row:hover .nst-about-route__description {
		color: #d9dae0;
	}

	.nst-about-route__row:hover img {
		filter: saturate(.95);
		transform: scale(1.04);
	}

	.nst-about-observation:hover .nst-about-observation__media img,
	.nst-about-filter:hover .nst-about-filter__image img {
		transform: scale(1.018);
	}

	.nst-about-hero:hover .nst-about-hero__media img,
	.nst-about-closing:hover .nst-about-closing__image {
		transform: scale(1.012);
	}

	.nst-about-button:hover {
		border-color: var(--nst-about-signal);
		transform: translateY(-3px);
	}

	.nst-about-button:hover::before {
		transform: translate3d(0, 0, 0);
	}

	.nst-about-button:hover .nst-about-button__arrow {
		transform: translateX(0.3rem);
	}

	.nst-about-button:active {
		transform: translateY(-1px) scale(0.985);
		transition-duration: 140ms;
	}
}

@media (max-width: 1279px) and (min-width: 960px) {
	.nst-about-hero__layout {
		grid-template-columns: 4rem minmax(0, 1.1fr) minmax(0, 0.9fr);
	}

	.nst-about-hero__title {
		font-size: clamp(3rem, 4.3vw, 3.3rem);
	}
}

@media (max-width: 1023px) {
	.nst-about-hero__layout {
		grid-template-columns: 4rem minmax(0, 1.1fr) minmax(0, 0.9fr);
	}

	.nst-about-hero__title {
		font-size: clamp(3rem, 4.3vw, 3.3rem);
	}

	.nst-about-section-head {
		gap: 3rem;
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.65fr);
	}

	.nst-about-route__row {
		gap: 1.35rem;
		grid-template-columns: 2.5rem minmax(8rem, 0.6fr) minmax(12rem, 0.9fr) minmax(15rem, 1fr);
	}

	.nst-about-filter__layout {
		gap: 3.5rem;
	}
}

@media (max-width: 959px) {
	.nst-about-hero,
	.nst-about-hero__layout {
		min-height: 47rem;
	}

	.nst-about-hero__layout {
		display: block;
		position: relative;
	}

	.nst-about-hero__rail {
		align-items: center;
		background: transparent;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		left: 0;
		padding: 1.25rem;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 4;
	}

	.nst-about-hero__rail-label {
		transform: none;
	}

	.nst-about-hero__copy {
		background: transparent;
		bottom: 0;
		color: var(--nst-about-white);
		justify-content: flex-end;
		left: 0;
		padding: 8rem 1.25rem 2.25rem;
		position: absolute;
		right: 0;
		top: 0;
	}

	.nst-about-hero__title {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.nst-about-hero__title span:last-child {
		margin-left: 0;
	}

	.nst-about-hero__summary {
		color: rgba(255, 255, 255, 0.84);
		font-size: 0.9375rem;
		margin-left: clamp(2.25rem, 12vw, 3.75rem) !important;
		margin-top: 1.5rem !important;
		max-width: min(31rem, calc(100% - clamp(2.25rem, 12vw, 3.75rem)));
	}

	.nst-about-hero__note {
		margin-top: 2.25rem !important;
		padding-top: 0;
	}

	.nst-about-hero__media {
		bottom: 0;
		left: 0;
		min-height: 47rem;
		position: absolute;
		right: 0;
		top: 0;
	}

	.nst-about-hero__media::after {
		background: linear-gradient(0deg, rgba(15, 16, 20, 0.92) 0%, rgba(15, 16, 20, 0.42) 46%, rgba(15, 16, 20, 0.1) 78%, rgba(15, 16, 20, 0.26) 100%);
		content: "";
		inset: 0;
		position: absolute;
	}

	.nst-about-hero__media img {
		object-position: 47% center;
	}

	.nst-about-hero__media figcaption {
		display: none;
	}
}

@media (max-width: 767px) {
	.nst-about {
		--nst-about-gutter: 1rem;
	}

	.nst-about-section-head {
		display: block;
		padding-top: 1rem;
	}

	.nst-about-section-head__intro {
		border-left: 0;
		border-top: 1px solid var(--nst-about-line);
		font-size: 0.9375rem;
		margin-left: clamp(2.25rem, 12vw, 3.75rem) !important;
		margin-top: 1.5rem !important;
		max-width: none;
		padding-left: 0;
		padding-top: 1rem;
	}

	.nst-about-label,
	.nst-about-kicker {
		margin-bottom: 1rem !important;
	}

	.nst-about-hero,
	.nst-about-hero__layout {
		min-height: 47rem;
	}

	.nst-about-hero__layout {
		display: block;
		position: relative;
	}

	.nst-about-hero__rail {
		align-items: center;
		background: transparent;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		left: 0;
		padding: 1.25rem;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 4;
	}

	.nst-about-hero__rail-label {
		transform: none;
	}

	.nst-about-hero__copy {
		background: transparent;
		bottom: 0;
		color: var(--nst-about-white);
		justify-content: flex-end;
		left: 0;
		padding: 8rem 1.25rem 2.25rem;
		position: absolute;
		right: 0;
		top: 0;
	}

	.nst-about-hero__title {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.nst-about-hero__title span:last-child {
		margin-left: 0;
	}

	.nst-about-hero__summary {
		color: rgba(255, 255, 255, 0.84);
		font-size: 0.9375rem;
		margin-left: clamp(2.25rem, 12vw, 3.75rem) !important;
		margin-top: 1.5rem !important;
		max-width: calc(100% - clamp(2.25rem, 12vw, 3.75rem));
	}

	.nst-about-hero__note {
		margin-top: 2.25rem !important;
		padding-top: 0;
	}

	.nst-about-hero__media {
		bottom: 0;
		left: 0;
		min-height: 47rem;
		position: absolute;
		right: 0;
		top: 0;
	}

	.nst-about-hero__media::after {
		background: linear-gradient(0deg, rgba(15, 16, 20, 0.92) 0%, rgba(15, 16, 20, 0.42) 46%, rgba(15, 16, 20, 0.1) 78%, rgba(15, 16, 20, 0.26) 100%);
		content: "";
		inset: 0;
		position: absolute;
	}

	.nst-about-hero__media img {
		object-position: 47% center;
	}

	.nst-about-hero__media figcaption {
		display: none;
	}

	.nst-about-observations,
	.nst-about-route,
	.nst-about-filter {
		padding: 5.5rem 0;
	}

	.nst-about-route {
		padding: 1.25rem 0;
	}

	.nst-about-route .nst-about-kicker {
		margin-bottom: 0.6rem !important;
	}

	.nst-about-route .nst-about-section-head h2 {
		font-size: clamp(1.75rem, 8vw, 2rem);
	}

	.nst-about-route .nst-about-section-head__intro {
		font-size: 0.8125rem;
		line-height: 1.4;
		margin-left: 1.5rem !important;
		margin-top: 0.75rem !important;
		padding-top: 0.625rem;
	}

	.nst-about-observations__grid {
		gap: 0.5rem;
		margin-top: 3rem;
	}

	.nst-about-observation {
		display: flex;
		flex-direction: column;
	}

	.nst-about-observation__media,
	.nst-about-observation--second .nst-about-observation__media {
		aspect-ratio: 4 / 5;
		grid-row: auto;
		order: 1;
	}

	.nst-about-observation__copy,
	.nst-about-observation--second .nst-about-observation__copy {
		display: block;
		grid-row: auto;
		order: 2;
		padding: 1rem 0.8rem 1.2rem;
	}

	.nst-about-observation__number {
		font-size: 0.5625rem;
		margin-bottom: 0.75rem !important;
	}

	.nst-about-observation h3 {
		font-size: clamp(1.35rem, 6.4vw, 1.8rem);
	}

	.nst-about-observation__copy > p:not(.nst-about-observation__number) {
		font-size: 0.8125rem;
		line-height: 1.48;
		margin-top: 0.9rem !important;
	}

	.nst-about-observation__note {
		display: block;
		font-size: 0.5rem;
		margin-top: 1.25rem;
		padding-top: 0.65rem;
	}

	.nst-about-route__table {
		margin-top: 1rem;
	}

	.nst-about-route__row {
		gap: 0.75rem;
		grid-template-columns: 1.5rem minmax(0, 1fr) 5.75rem;
		min-height: 4rem;
		padding-block: 0.35rem;
	}

	.nst-about-route__number {
		font-size: 0.5625rem;
	}

	.nst-about-route__name {
		font-size: clamp(1.25rem, 6vw, 1.55rem);
	}

	.nst-about-route__description {
		display: none;
	}

	.nst-about-route__thumb {
		grid-column: 3;
		width: 5.75rem;
	}

	.nst-about-filter__layout {
		display: grid;
		gap: 2.75rem;
		grid-template-columns: 1fr;
	}

	.nst-about-filter__media {
		display: grid;
		gap: 0.5rem;
		grid-template-columns: 1.12fr 0.88fr;
		height: 13rem;
	}

	.nst-about-filter__image,
	.nst-about-filter__image--primary,
	.nst-about-filter__image--secondary {
		border: 0;
		height: 100%;
		position: static;
		width: 100%;
	}

	.nst-about-filter__copy {
		margin-left: clamp(1rem, 7vw, 2.25rem);
		max-width: none;
	}

	.nst-about-filter__description {
		font-size: 0.9375rem;
		margin-top: 1.35rem !important;
	}

	.nst-about-filter__principles {
		margin-top: 1.75rem;
	}

	.nst-about-filter__principles li {
		min-height: 3.4rem;
	}

	.nst-about-closing {
		align-items: flex-end;
		height: 38rem;
		justify-content: flex-start;
		padding: 1.25rem 1.25rem 2.5rem;
	}

	.nst-about-closing__image {
		object-position: 43% center;
	}

	.nst-about-closing__shade {
		background: linear-gradient(0deg, rgba(15, 16, 20, 0.88) 0%, rgba(15, 16, 20, 0.24) 63%, rgba(15, 16, 20, 0.04) 100%);
	}

	.nst-about-closing__copy {
		margin: 0 0 0 clamp(1rem, 7vw, 2.25rem);
		max-width: calc(100% - clamp(1rem, 7vw, 2.25rem));
		width: auto;
	}

	.nst-about-closing__description {
		font-size: 0.9375rem;
		margin-top: 1.35rem !important;
		max-width: 20rem;
	}
}

@media (max-width: 359px) {
	.nst-about-hero,
	.nst-about-hero__layout,
	.nst-about-hero__media {
		min-height: 44rem;
	}

	.nst-about-observation__copy {
		padding-left: 0.65rem;
		padding-right: 0.65rem;
	}

	.nst-about-filter__media {
		height: 11.5rem;
	}
}