@font-face {
	font-family: "FD Display";
	src: url("../fonts/lilita_one_regular.ttf?ver=4444c23631884f41") format("truetype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}



.home-studio-summary {
	padding: clamp(5rem, 9vw, 8rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.home-studio-summary__heading {
	max-width: 54rem;
	margin: 0 auto clamp(2.5rem, 5vw, 4rem);
	text-align: center;
}

.home-studio-summary__heading > p:last-child {
	max-width: 47rem;
	margin-right: auto;
	margin-left: auto;
}

.home-pillar-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	max-width: var(--content);
	margin: 0 auto;
}

.home-pillar-grid article {
	position: relative;
	min-height: 14rem;
	padding: clamp(1.45rem, 2.5vw, 2rem);
	border: 1px solid rgba(0, 12, 24, 0.11);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.2rem 3.25rem rgba(44, 107, 175, 0.11);
}

.home-pillar-grid .pillar-head > span:last-child {
	display: block;
	margin-bottom: 0;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.home-pillar-grid h3 {
	margin-bottom: 0.65rem;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(1.35rem, 2vw, 1.8rem);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}

.home-pillar-grid p {
	margin: 0;
	color: var(--text-soft);
	font-size: 0.93rem;
	line-height: 1.6;
}

.home-pillar-link {
	max-width: var(--content);
	margin: clamp(1.75rem, 3.5vw, 2.75rem) auto 0;
	text-align: center;
}

.home-pillar-link .text-link,
.work-collaborations__cta .text-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}

.experience-credits {
	display: grid;
	grid-template-columns: minmax(14rem, 0.8fr) minmax(38rem, 1.7fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	max-width: var(--content);
	margin: clamp(3rem, 6vw, 5rem) auto 0;
	padding-top: clamp(2rem, 4vw, 3rem);
	border-top: 1px solid rgba(0, 12, 24, 0.14);
}

.experience-credits > div > p:last-child {
	margin: 0;
	color: var(--text-soft);
	font-size: 0.9rem;
	line-height: 1.55;
}

.experience-credits ul {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 12, 24, 0.12);
	border-radius: 0.85rem;
	background: var(--paper);
	list-style: none;
	overflow: hidden;
}

.credit-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 5.75rem;
	padding: 0.7rem 0.45rem;
	border-right: 1px solid rgba(0, 12, 24, 0.1);
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.62rem, 0.85vw, 0.82rem);
	font-weight: 900;
	letter-spacing: 0.015em;
	line-height: 1.05;
	text-align: center;
}

.credit-mark:last-child {
	border-right: 0;
}

.credit-mark--cern {
	font-size: clamp(0.82rem, 1.1vw, 1.1rem);
	letter-spacing: 0.14em;
}

.credit-mark--tedx {
	color: #e62b1e;
	font-size: clamp(0.72rem, 1vw, 1rem);
}

.credit-mark--tedx span {
	color: var(--ink);
	font-size: 0.72em;
	font-weight: 650;
}

.credit-mark--sae {
	font-size: clamp(1rem, 1.4vw, 1.4rem);
	letter-spacing: 0.08em;
}

.credit-mark--cerveau {
	font-family: "FD Body", sans-serif;
	font-weight: 800;
	text-transform: lowercase;
}

.credit-mark--sunny {
	font-style: italic;
}

.credit-mark--lake {
	color: var(--brand);
}

.work-collaborations {
	padding: clamp(5rem, 8vw, 7.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.work-collaboration-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.75rem);
	max-width: var(--content);
	margin: 0 auto;
}

.work-collaboration-grid article {
	display: flex;
	flex-direction: column;
	min-height: 21rem;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid rgba(0, 12, 24, 0.11);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.4rem 3.5rem rgba(44, 107, 175, 0.12);
}

.client-mark {
	display: flex;
	align-items: center;
	min-height: 6.25rem;
	margin-bottom: auto;
	padding-bottom: 1.5rem;
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(1.55rem, 2.6vw, 2.6rem);
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 0.92;
}

.client-mark--lmdm span,
.client-mark--cerveau span {
	color: var(--brand);
}

.client-mark--ceruleum {
	color: var(--brand);
	font-weight: 700;
	letter-spacing: 0.01em;
}

.client-mark--cerveau {
	font-family: "FD Body", sans-serif;
	font-weight: 800;
	text-transform: lowercase;
}

.work-collaboration-grid .client-type {
	margin: 1.5rem 0 0.65rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--line);
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.07em;
	line-height: 1.4;
	text-transform: uppercase;
}

.work-collaboration-grid article > p:last-child {
	margin: 0;
	color: var(--text-soft);
	font-size: 0.94rem;
	line-height: 1.62;
}

.work-collaborations__cta {
	margin: clamp(2rem, 4vw, 3rem) auto 0;
	color: var(--text-soft);
	font-size: 0.94rem;
	text-align: center;
}

@media (max-width: 1040px) {
	.experience-credits {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.experience-credits > div {
		max-width: 38rem;
		margin: 0 auto;
		text-align: center;
	}

	.experience-credits ul {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.credit-mark:nth-child(4) {
		border-right: 0;
	}

	.credit-mark:nth-child(n + 5) {
		border-top: 1px solid rgba(0, 12, 24, 0.1);
	}

	.credit-mark:last-child {
		grid-column: span 2;
	}
}

@media (max-width: 760px) {
	.home-pillar-grid,
	.work-collaboration-grid {
		grid-template-columns: 1fr;
	}

	.home-pillar-grid article {
		min-height: 0;
	}

	.work-collaboration-grid {
		max-width: 34rem;
	}

	.work-collaboration-grid article {
		min-height: 18rem;
	}
}

@media (max-width: 700px) {
	.home-studio-summary,
	.work-collaborations {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

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

	.credit-mark,
	.credit-mark:nth-child(4) {
		min-height: 5.25rem;
		border-top: 1px solid rgba(0, 12, 24, 0.1);
		border-right: 1px solid rgba(0, 12, 24, 0.1);
	}

	.credit-mark:nth-child(1),
	.credit-mark:nth-child(2) {
		border-top: 0;
	}

	.credit-mark:nth-child(2n) {
		border-right: 0;
	}

	.credit-mark:last-child {
		grid-column: 1 / -1;
		border-right: 0;
	}
}



body[data-page="about"] {
	background: var(--snow);
}

.studio-hero {
	position: relative;
	display: grid;
	place-items: center;
	min-height: clamp(39rem, 61vw, 50rem);
	overflow: hidden;
	padding: clamp(8rem, 13vw, 11rem) var(--gutter) clamp(9rem, 15vw, 13rem);
	background-color: #173f70;
	--fdt-background:linear-gradient(180deg, rgba(0, 12, 24, 0.5), rgba(12, 56, 100, 0.28)), url("../optimized/411d9295fd277173.webp");--fdt-preview:linear-gradient(180deg, rgba(0, 12, 24, 0.5), rgba(12, 56, 100, 0.28)), url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");background-image:var(--fdt-background);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
	text-align: center;
}

.studio-hero::after {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 44%, rgba(95, 184, 235, 0.12), transparent 34rem);
	content: "";
	pointer-events: none;
}

.studio-hero__copy {
	position: relative;
	z-index: 3;
	width: min(100%, 64rem);
}

.studio-hero h1,
.studio-section-heading h2,
body[data-page="about"] .home-section-heading h2,
.studio-declaration h2 {
	font-family: "FD Utility", Helvetica, Arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.08;
	text-transform: uppercase;
}

.studio-hero h1 {
	margin: 0 auto 1.5rem;
	color: var(--white);
	font-size: clamp(3rem, 5.5vw, 5.1rem);
}

.studio-hero h1 em,
.studio-declaration h2 em {
	color: var(--sky);
}

.studio-hero__copy > p:last-child {
	max-width: 47rem;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
}

.studio-hero__mascot {
	position: absolute;
	right: max(3vw, calc((100vw - 90rem) / 2));
	bottom: clamp(3.5rem, 6vw, 5.5rem);
	z-index: 2;
	width: clamp(8rem, 13vw, 13rem);
	height: auto;
	opacity: 0.9;
}

.studio-hero__snow {
	position: absolute;
	right: -2%;
	bottom: -1px;
	left: -2%;
	z-index: 4;
	height: clamp(5rem, 9vw, 8rem);
	background: var(--snow);
	clip-path: polygon(0 76%, 17% 62%, 31% 69%, 45% 40%, 61% 53%, 76% 23%, 100% 48%, 100% 100%, 0 100%);
}

.studio-who {
	display: grid;
	grid-template-columns: minmax(18rem, 0.86fr) minmax(24rem, 1.14fr);
	gap: clamp(3rem, 8vw, 8rem);
	padding: clamp(4.5rem, 8vw, 8rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.studio-section-heading h2 {
	margin-bottom: 0;
	font-size: clamp(2.9rem, 4.7vw, 4.65rem);
}

.studio-who__copy {
	max-width: 47rem;
}

.studio-who__copy > p {
	color: var(--text-soft);
}

.studio-who__copy .lead {
	margin-bottom: 1.25rem;
	color: var(--ink);
	font-size: clamp(1.18rem, 1.7vw, 1.5rem);
	font-weight: 650;
	line-height: 1.55;
}

.studio-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: clamp(2rem, 4vw, 3.2rem) 0 0;
	background: rgba(0, 12, 24, 0.16);
}

.studio-facts > div {
	padding: 1.15rem;
	background: var(--paper);
}

.studio-facts dt {
	margin-bottom: 0.35rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.studio-facts dd {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 750;
	line-height: 1.4;
}

body[data-page="about"] .studio-team {
	padding: clamp(5rem, 8vw, 7.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--paper);
}

body[data-page="about"] .herd-grid {
	--herd-gap: clamp(1.25rem, 2.5vw, 2rem);
	display: grid;
	gap: calc(var(--herd-gap) + 4.5rem) var(--herd-gap);
	max-width: none;
	margin: 0;
	padding-top: 5rem;
}

body[data-page="about"] .herd-grid--founders {
	display: flex;
	justify-content: center;
	gap: var(--herd-gap);
}

body[data-page="about"] .herd-grid--founders .herd-card {
	width: calc((100% - (2 * var(--herd-gap))) / 3);
}

body[data-page="about"] .herd-grid--crew {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-page="about"] .herd-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: visible;
	border: 1px solid rgba(0, 12, 24, 0.1);
	border-radius: 1rem;
	background: var(--snow);
	box-shadow: 0 1.5rem 3.75rem rgba(44, 107, 175, 0.18);
}

body[data-page="about"] .herd-card img {
	position: relative;
	z-index: 2;
	width: min(76%, 16rem);
	height: 13.5rem;
	margin: -5.25rem auto -0.5rem;
	object-fit: contain;
	object-position: center bottom;
	background: transparent;
	filter: drop-shadow(0 1rem 1.35rem rgba(0, 12, 24, 0.14));
}

body[data-page="about"] .herd-card__copy {
	position: relative;
	z-index: 1;
	min-height: 0;
	padding: clamp(1.4rem, 2.4vw, 2rem);
}

body[data-page="about"] .herd-card h3 {
	margin-bottom: 0.55rem;
	font-size: clamp(1.45rem, 2vw, 2rem);
	text-transform: none;
}

.studio-pillars {
	padding: clamp(5rem, 9vw, 8rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: #dceff9;
}

.studio-section-heading--center {
	max-width: 52rem;
	margin: 0 auto clamp(3rem, 6vw, 5rem);
	text-align: center;
}

.studio-section-heading--center > p:last-child {
	max-width: 44rem;
	margin: 1.2rem auto 0;
	color: var(--text-soft);
}

.studio-pillar-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.75rem);
	max-width: var(--content);
	margin: 0 auto;
}

.studio-pillar-grid article {
	position: relative;
	min-height: 22rem;
	padding: clamp(1.6rem, 3vw, 2.4rem);
	overflow: hidden;
	border: 1px solid rgba(0, 12, 24, 0.12);
	border-radius: 1rem;
	background: var(--snow);
	box-shadow: 0 1.35rem 3rem rgba(44, 107, 175, 0.14);
}

.studio-pillar-grid article::after {
	position: absolute;
	right: -2.25rem;
	bottom: -3.5rem;
	width: 10rem;
	aspect-ratio: 1;
	border: 2.6rem solid rgba(95, 184, 235, 0.12);
	border-radius: 50%;
	content: "";
}

.studio-pillar-grid article > span {
	display: inline-block;
	margin-bottom: clamp(4rem, 7vw, 6.5rem);
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.studio-pillar-grid h3 {
	position: relative;
	z-index: 1;
	margin-bottom: 0.85rem;
	font-size: clamp(1.65rem, 2.2vw, 2.25rem);
	line-height: 1.1;
}

.studio-pillar-grid p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--text-soft);
	font-size: 0.94rem;
}

.studio-declaration {
	display: grid;
	grid-template-columns: minmax(20rem, 0.82fr) minmax(25rem, 1.18fr);
	gap: clamp(3rem, 8vw, 8rem);
	padding: clamp(5rem, 9vw, 8rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--ink);
	color: var(--white);
}

.studio-declaration h2 {
	margin-bottom: 0;
	color: var(--white);
	font-size: clamp(3rem, 4.8vw, 4.8rem);
}

.studio-declaration__copy > p {
	color: rgba(255, 255, 255, 0.72);
}

.studio-declaration__copy .lead {
	color: var(--white);
	font-size: clamp(1.18rem, 1.7vw, 1.5rem);
	font-weight: 650;
	line-height: 1.55;
}

.studio-declaration ul {
	display: grid;
	gap: 0;
	margin: clamp(2rem, 4vw, 3.25rem) 0 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	list-style: none;
}

.studio-declaration li {
	display: grid;
	grid-template-columns: minmax(12rem, 0.7fr) minmax(16rem, 1.3fr);
	gap: 1.5rem;
	padding: 1.3rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.studio-declaration li strong {
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.76rem;
	font-weight: 850;
	letter-spacing: 0.07em;
	line-height: 1.45;
	text-transform: uppercase;
}

.studio-declaration li span {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.9rem;
}

body[data-page="about"] .studio-partner-rail {
	display: grid;
	gap: 1.2rem;
	min-height: 0;
	padding: 2rem var(--gutter) 2.4rem;
	background: #000;
	color: var(--white);
}

body[data-page="about"] .studio-partner-rail h2 {
	margin: 0;
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.95rem, 1.3vw, 1.2rem);
	font-weight: 780;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
}

body[data-page="about"] .studio-partner-rail .partner-logo {
	width: auto;
	height: auto;
	object-fit: contain;
}

body[data-page="about"] .partner-logo--ph {
	max-width: min(12.5rem, 34vw);
	max-height: 4.25rem;
}

body[data-page="about"] .partner-logo--nyon {
	max-width: min(13rem, 38vw);
	max-height: 4.75rem;
}

@media (max-width: 1040px) {
	.studio-who,
	.studio-declaration {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	body[data-page="about"] .herd-grid--crew {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body[data-page="about"] .herd-grid--founders .herd-card {
		width: calc((100% - var(--herd-gap)) / 2);
	}

	body[data-page="about"] .herd-grid--crew .herd-card:last-child {
		grid-column: 1 / -1;
		width: calc(50% - 0.65rem);
		justify-self: center;
	}

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

	.studio-pillar-grid article:last-child {
		grid-column: 1 / -1;
		width: calc(50% - 0.5rem);
		justify-self: center;
	}
}

@media (max-width: 700px) {
	.studio-hero {
		min-height: 45rem;
		padding: 8rem 1.25rem 11rem;
		--fdt-background:linear-gradient(180deg, rgba(0, 12, 24, 0.46), rgba(12, 56, 100, 0.28)), url("../optimized/7bf34b94629c9271.webp");--fdt-preview:linear-gradient(180deg, rgba(0, 12, 24, 0.46), rgba(12, 56, 100, 0.28)), url("data:image/webp;base64,UklGRjQEAABXRUJQVlA4ICgEAABQGwCdASpQAK0APpFAm0mlo6KhJ5J8ALASCWMAzuoy4D67lnIaNv0lbZmrbgjrZTaybwyjXRvYxIqLaOqQ8dwJM3d9qifc0U03307mB3AFv2ZqU1S43PQfWWJCJWeWPqx5G4Nd7Bpyr386f23gSPFEz1h0azJ2/x5HPzMY2iGiGbXM9Q/+IQMBuBmOx1YGysLeDWvpq3mp6MEHZq9MkBlRUxJZECopoKWkaJLvCkbsPvx+cdPTaXqiWO+D2OoJkzM2P9+3hnh84zSWvbFbOCpquhC+9YMHOJADW1nTdDNqmGE7YAD+8oh/527medbwf/IMfoa+xrUIAAAhNUWmCM9kLbpdXGxYpv0pk61yi25wohC9T7yh469EGviViFYlxVLQ60TCpduAl+4bmrnz7uZoM7mNf+OO8Wg+hMK9Htr4mqhQ70OMIJfNIXLg5BBMcsvF0Qy6krwOD+ZnUPvITGRg3Dn7UO/HC2y+Em+Xtj0htKfl3jhOIFJ7jnYYpTRcThwDUlL+eAZRKaUHwOz0aJVYG1/p4CosNkjl+G8b62+S0+QnnaJBJERQSyvOY3jBKMaHbksZFWtWbFnfWuf++7QWgIe+agTDHMX49trxo+HNP5pPiWWpJrHwl5ekNWGlPc7HaRYQlAPWxOULTNyxGWUxOE6m2V2Xpvv3BzKzK/jjp65oVgtT9sj152RJw4wFuek3qJ9ruwiyp5p7WVAkkV1VKIe1jXKT7Vtv9b0fgN0C11yGi8hSPqlo5lCH4FsqicyGyFjDz/2/5Dy0yxVksJWCgvxseVip2yqoeVivViNr8TbfHAd9Qc0ril+lrkWY/XW3qP8Hb6odWx09f5PIH6ABVKzX4NGa9QbGYfTH36miLahLRWmUQnrZ0IveUXpuwgKOmKWmQeWvKaIjyalR7D7FMgn+sW2MydgA+JHxtnkknOcs3vo8fI0t6fJikL/bSJPYfpVRXsbu4ueN05nv1mzVEr+1JdBezqcd7wTdEJbVg7iVzai7GRomWSPK6GD5pnIFLjAIOCd1prnWmVN9MY4p4lRbgNq2s/FUOn833WWNF5+hRHo9zt39TtCvqwPP51ivL8fyMEdfLwlqdPZaJy7iBT2PWIFZPMy7HaecYYy/7l93UI90AcdYMETGk+3tQLnNnew9XUF9ttjTzOTD75VGBlbKZId5uTSMXJEAmjnuk6O+kOCGfmnZPk64rY9gApj4nz3AZzRwIpK8rPPeE6+deZjUF03kFefHKyQ2WQ7DS2Vea9mIh8T+Hnd0cHdRCIEgE1Mfo2J46ksMY+XXgwpaTPXra9994KPTNBagLFe9DUiOEfQf/qi4cN8O+AvvEeKWybwPgQ5ZYQcf/FoEGKrLraTu3ocy7X1ff/BjqbroNN5aX22ANA8EABv/l7oN8wTFokAAAAAAAA==");background-image:var(--fdt-background);
		background-position: center top;
	}

	.studio-hero h1 {
		font-size: clamp(2.7rem, 12vw, 3.9rem);
	}

	.studio-hero__mascot {
		right: 1rem;
		bottom: 4.5rem;
		width: 7.5rem;
	}

	.studio-who,
	.studio-pillars,
	.studio-declaration,
	body[data-page="about"] .studio-team {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

	.studio-section-heading h2,
	body[data-page="about"] .home-section-heading h2,
	.studio-declaration h2 {
		font-size: clamp(2.7rem, 12vw, 3.8rem);
	}

	.studio-facts,
	.studio-pillar-grid {
		grid-template-columns: 1fr;
	}

	body[data-page="about"] .herd-grid--founders,
	body[data-page="about"] .herd-grid--crew {
		grid-template-columns: 1fr;
		gap: 1.4rem;
	}

	body[data-page="about"] .herd-grid--founders {
		flex-direction: column;
	}

	body[data-page="about"] .herd-grid--founders .herd-card,
	body[data-page="about"] .herd-grid--crew .herd-card:last-child,
	.studio-pillar-grid article:last-child {
		grid-column: auto;
		width: 100%;
	}

	body[data-page="about"] .herd-card img {
		width: min(82%, 16rem);
		height: 12.5rem;
		margin-top: -4.75rem;
	}

	body[data-page="about"] .herd-card__copy {
		padding: 1.45rem;
	}

	.studio-pillar-grid article {
		min-height: 19rem;
	}

	.studio-pillar-grid article > span {
		margin-bottom: 3.5rem;
	}

	.studio-declaration li {
		grid-template-columns: 1fr;
		gap: 0.45rem;
	}

	body[data-page="about"] .studio-partner-rail {
		gap: 1rem;
		padding: 1.8rem 1.25rem 2.15rem;
	}
}

@font-face {
	font-family: "FD Utility";
	src: url("../fonts/noto-sans-jp-latin.woff2?ver=2df3e31f5fbf0357") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 100 900;
}

@font-face {
	font-family: "FD Body";
	src: url("../fonts/open-sans-latin.woff2?ver=d8e4fe0452aa2076") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 300 800;
}

@font-face {
	font-family: "FD Body";
	src: url("../fonts/open-sans-latin-italic.woff2?ver=3b50909a098195a8") format("woff2");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
}

:root {
	--ink: #000c18;
	--ink-soft: #071b2d;
	--night: #061a2d;
	--night-blue: #0b3158;
	--brand: #2c6baf;
	--brand-bright: #1689d5;
	--forest-blue: #0d2847;
	--sky: #8ad5ff;
	--red: #d70400;
	--red-dark: #a8110d;
	--orange: #f18d45;
	--snow: #f7f4ec;
	--paper: #fffdf8;
	--ice: #dceef7;
	--line: rgba(0, 12, 24, 0.16);
	--white-line: rgba(255, 255, 255, 0.2);
	--text: #183047;
	--text-soft: #526575;
	--white: #fff;
	--content: 1088px;
	--wide: 1088px;
	--gutter: clamp(1.25rem, 5vw, 4.5rem);
	--section: clamp(5.5rem, 10vw, 10rem);
	--radius: 1.35rem;
	--ease: cubic-bezier(0.2, 0.75, 0.25, 1);
	--topo: url("../optimized/de8201beeee4dd95.webp");
	--img: "../../../assets/img/";
}

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

html {
	background: var(--ink);
	scroll-behavior: smooth;
	scroll-padding-top: 5rem;
}

body {
	margin: 0;
	min-width: 320px;
	overflow-x: hidden;
	overflow-x: clip;
	background: var(--snow);
	color: var(--text);
	font-family: "FD Body", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 450;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
}

body,
button,
input,
textarea,
select {
	font-family: "FD Body", Arial, sans-serif;
}

img,
svg {
	display: block;
	max-width: 100%;
}

figure,
h1,
h2,
h3,
p,
ul,
ol,
dl,
dd {
	margin-top: 0;
}

h1,
h2,
h3 {
	color: var(--ink);
	font-family: "FD Display", "FD Utility", sans-serif;
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 0.96;
}

h1,
h2 {
	text-wrap: balance;
}

h1 em,
h2 em {
	color: var(--brand);
	font-style: normal;
}

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.2em;
}

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

::selection {
	background: var(--red);
	color: var(--white);
}

#main {
	min-height: 70vh;
	overflow: hidden;
}

.skip-link {
	position: fixed;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 1000;
	min-height: 44px;
	padding: 0.7rem 1rem;
	transform: translateY(-180%);
	background: var(--paper);
	color: var(--ink);
	font-weight: 800;
	transition: transform 180ms ease;
}

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



.concept-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: grid;
	grid-template-columns: minmax(12rem, 1fr) auto minmax(12rem, 1fr);
	align-items: center;
	width: 100%;
	min-height: 6.25rem;
	padding: 1.1rem var(--gutter);
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	transition: transform 240ms var(--ease), background-color 220ms ease, box-shadow 220ms ease;
}

.concept-header.is-scrolled,
.concept-header.is-open {
	background-color: rgba(13, 40, 71, 0.97);
	box-shadow: 0 0.75rem 2rem rgba(0, 12, 24, 0.2);
}

.concept-header.is-hidden {
	transform: translateY(calc(-100% - 0.5rem));
}

.concept-header::after {
	position: absolute;
	right: var(--gutter);
	bottom: 0;
	left: var(--gutter);
	height: 1px;
	background: rgba(255, 255, 255, 0.22);
	content: "";
}

.brand {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	min-height: 44px;
	text-decoration: none;
}

.brand img {
	width: clamp(10.75rem, 15vw, 14rem);
	height: auto;
}

.concept-header nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(0.2rem, 1.2vw, 1.35rem);
}

.concept-header nav a,
.header-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.65rem 0.6rem;
	text-decoration: none;
}

.concept-header nav a::after {
	position: absolute;
	right: 0.6rem;
	bottom: 0.35rem;
	left: 0.6rem;
	height: 2px;
	transform: scaleX(0);
	transform-origin: right;
	background: var(--white);
	content: "";
	transition: transform 240ms var(--ease);
}

.concept-header nav a:hover::after,
.concept-header nav a:focus-visible::after,
.concept-header nav a[aria-current="page"]::after {
	transform: scaleX(1);
	transform-origin: left;
}

.header-cta {
	justify-self: end;
	gap: 0.4rem;
	border: 1px solid rgba(255, 255, 255, 0.7);
	background: rgba(0, 12, 24, 0.18);
	box-shadow: 0 8px 28px rgba(0, 12, 24, 0.18);
	backdrop-filter: blur(8px);
	transition: background 220ms ease, color 220ms ease, transform 220ms var(--ease);
}

.header-cta:hover,
.header-cta:focus-visible {
	transform: translateY(-2px);
	background: var(--white);
	color: var(--ink);
}

.menu-button {
	display: none;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.65);
	border-radius: 0.7rem;
	background: rgba(0, 12, 24, 0.24);
	color: var(--white);
	cursor: pointer;
}

.menu-button span {
	display: block;
	width: 1.35rem;
	height: 2px;
	margin: 0.32rem auto;
	background: currentColor;
	transition: transform 180ms ease;
}

.concept-header.is-open .menu-button span:first-child {
	transform: translateY(0.24rem) rotate(45deg);
}

.concept-header.is-open .menu-button span:last-child {
	transform: translateY(-0.24rem) rotate(-45deg);
}



.button-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem;
}

.button,
.text-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}

.button {
	position: relative;
	min-width: 10rem;
	padding: 0.85rem 1.35rem;
	border: 1px solid transparent;
	clip-path: polygon(0.55rem 0, 100% 0, calc(100% - 0.55rem) 100%, 0 100%);
	box-shadow: 0 0.45rem 0 rgba(0, 12, 24, 0.16);
	transition: background 220ms ease, color 220ms ease, transform 220ms var(--ease);
}

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

.button--red {
	background: var(--red);
	color: var(--white);
}

.button--red:hover,
.button--red:focus-visible {
	background: var(--red-dark);
}

.button--ghost {
	border-color: rgba(255, 255, 255, 0.68);
	background: rgba(0, 12, 24, 0.24);
	color: var(--white);
	backdrop-filter: blur(8px);
}

.button--ghost:hover,
.button--ghost:focus-visible,
.button--ice {
	background: var(--snow);
	color: var(--ink);
}

.button--ice:hover,
.button--ice:focus-visible {
	background: var(--sky);
}

.text-link {
	gap: 0.45rem;
	padding: 0.55rem 0.1rem;
	color: var(--brand);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.35rem;
	transition: color 180ms ease, transform 180ms var(--ease);
}

.text-link:hover,
.text-link:focus-visible {
	transform: translateX(3px);
	color: var(--red);
}

.trail-label {
	margin-bottom: 1.1rem;
	color: var(--red);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1.35;
	text-transform: uppercase;
}

.trail-label::before {
	display: inline-block;
	width: 0.65rem;
	height: 0.65rem;
	margin-right: 0.65rem;
	transform: rotate(45deg);
	border: 2px solid currentColor;
	content: "";
}

.trail-label--light {
	color: var(--sky);
}

.section-heading {
	position: relative;
	z-index: 1;
	max-width: 52rem;
	margin-bottom: clamp(3rem, 7vw, 5.5rem);
}

.section-heading h2 {
	margin-bottom: 1.35rem;
	font-size: clamp(3.2rem, 6vw, 6.25rem);
}

.section-heading > p:last-child:not(.trail-label) {
	max-width: 40rem;
	margin-bottom: 0;
	color: var(--text-soft);
	font-size: clamp(1rem, 1.25vw, 1.18rem);
}

.route-section {
	position: relative;
}

.route-section::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(1.5rem, calc((100vw - var(--content)) / 2));
	z-index: 0;
	width: 2px;
	background: repeating-linear-gradient(to bottom, var(--red) 0 0.65rem, transparent 0.65rem 1.25rem);
	content: "";
	opacity: 0.75;
}

.route-section::after {
	position: absolute;
	top: clamp(5.5rem, 10vw, 9.5rem);
	left: max(1.08rem, calc((100vw - var(--content)) / 2 - 0.42rem));
	z-index: 2;
	width: 1rem;
	height: 1rem;
	transform: rotate(45deg);
	border: 3px solid var(--red);
	background: var(--snow);
	content: "";
}

.route-section > * {
	position: relative;
	z-index: 1;
}

.topo-stage {
	background-color: var(--night);
	--fdt-background:linear-gradient(115deg, rgba(0, 12, 24, 0.2), rgba(0, 12, 24, 0.7)), var(--topo);--fdt-preview:linear-gradient(115deg, rgba(0, 12, 24, 0.2), rgba(0, 12, 24, 0.7)), var(--topo);background-image:var(--fdt-background);
	background-position: center;
	background-size: cover;
	color: var(--white);
}

.ink-section {
	background: var(--ink);
	color: var(--white);
}

.ink-section h2,
.ink-section h3,
.topo-stage h2,
.topo-stage h3 {
	color: var(--white);
}



.home-hero {
	--sky-height: clamp(35rem, 53vw, 48rem);
	position: relative;
	padding-top: var(--sky-height);
	background: var(--snow);
}

.hero-sky {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: var(--sky-height);
	background-color: #72c9f6;
	--fdt-background:url("../optimized/411d9295fd277173.webp");--fdt-preview:url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");background-image:var(--fdt-background);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.hero-sky::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 12, 24, 0.02), rgba(0, 45, 87, 0.14));
	content: "";
}

.hero-dahu {
	position: absolute;
	top: calc(var(--sky-height) - clamp(14rem, 20vw, 20rem));
	left: 50%;
	z-index: 3;
	width: clamp(24rem, 39vw, 36rem);
	transform: translateX(-50%);
	filter: drop-shadow(0 1.2rem 1.5rem rgba(0, 12, 24, 0.18));
	animation: dahu-breathe 7s var(--ease) infinite alternate;
}

@keyframes dahu-breathe {
	from { transform: translateX(-50%) translateY(0); }
	to { transform: translateX(-50%) translateY(-0.45rem); }
}

.hero-copy {
	position: relative;
	z-index: 2;
	min-height: 34rem;
	padding: clamp(9rem, 13vw, 13rem) var(--gutter) clamp(5rem, 8vw, 8rem);
	background-color: var(--snow);
	--fdt-background:radial-gradient(circle at 78% 42%, rgba(44, 107, 175, 0.12), transparent 27%);--fdt-preview:radial-gradient(circle at 78% 42%, rgba(44, 107, 175, 0.12), transparent 27%);background-image:var(--fdt-background);
	clip-path: polygon(0 4.5rem, 37% 0, 67% 3rem, 100% 0, 100% 100%, 0 100%);
}

.hero-copy::after {
	position: absolute;
	right: clamp(2rem, 7vw, 7rem);
	bottom: 2rem;
	width: clamp(12rem, 24vw, 23rem);
	height: clamp(12rem, 24vw, 23rem);
	background: url("../optimized/b84452a922b7d222.webp") center / contain no-repeat;
	content: "";
	opacity: 0.035;
	pointer-events: none;
}

.hero-copy > * {
	width: min(100%, var(--content));
	margin-right: auto;
	margin-left: auto;
}

.hero-copy h1 {
	max-width: 58rem;
	margin-right: auto;
	margin-bottom: 1.75rem;
	margin-left: max(0px, calc((100% - var(--content)) / 2));
	font-size: clamp(4rem, 7.8vw, 7.75rem);
}

.hero-copy > p:not(.trail-label) {
	max-width: 43rem;
	margin-left: max(0px, calc((100% - var(--content)) / 2));
	color: var(--text-soft);
	font-size: clamp(1.05rem, 1.5vw, 1.32rem);
}

.hero-copy .button-row {
	margin-top: 2rem;
}

.partner-rail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1.5rem, 4vw, 4.5rem);
	min-height: 8rem;
	padding: 1.4rem var(--gutter);
	background: var(--ink);
	color: rgba(255, 255, 255, 0.74);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.partner-rail img {
	width: 8rem;
	height: 2.6rem;
	object-fit: contain;
}

.partner-rail b {
	font-weight: 800;
}

.current-ascent {
	display: grid;
	grid-template-columns: minmax(0, 1.28fr) minmax(25rem, 0.72fr);
	min-height: 50rem;
}

.ascent-art {
	min-height: 50rem;
	--fdt-background:linear-gradient(to right, transparent 58%, rgba(6, 26, 45, 0.55)), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(to right, transparent 58%, rgba(6, 26, 45, 0.55)), none;background-image:var(--fdt-background);
	background-position: 55% center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ascent-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-width: 0;
	padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 5vw, 5rem);
}

.game-logo {
	width: min(24rem, 90%);
	margin-bottom: 2rem;
}

.game-hook {
	max-width: 34rem;
	margin-bottom: 1.75rem;
	font-size: clamp(1.15rem, 1.65vw, 1.5rem);
	font-weight: 650;
	line-height: 1.5;
}

.chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-bottom: 2.3rem;
	padding: 0;
	list-style: none;
}

.chip-list li {
	padding: 0.42rem 0.75rem;
	border: 1px solid rgba(138, 213, 255, 0.5);
	background: rgba(0, 12, 24, 0.28);
	color: var(--ice);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.herd-section,
.work-intro,
.game-intro,
.climb-story {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2 + 4.5rem));
	background: var(--snow);
}

.herd-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
	max-width: var(--content);
	margin: 0 auto;
}

.herd-card {
	position: relative;
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(0, 12, 24, 0.12);
	background: var(--paper);
	box-shadow: 0.55rem 0.55rem 0 var(--ice);
	transition: transform 240ms var(--ease), box-shadow 240ms var(--ease);
}

.herd-card:hover {
	transform: translateY(-0.45rem);
	box-shadow: 0.7rem 0.85rem 0 rgba(44, 107, 175, 0.2);
}

.herd-card .card-index {
	position: absolute;
	top: 0.8rem;
	left: 0.8rem;
	z-index: 2;
	padding: 0.25rem 0.42rem;
	background: var(--ink);
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.herd-card img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	object-position: center bottom;
	background: linear-gradient(155deg, var(--ice), var(--snow));
}

.herd-card > div {
	min-height: 8.6rem;
	padding: 1.25rem 1rem;
}

.herd-card h3 {
	margin-bottom: 0.5rem;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.95rem, 1.35vw, 1.2rem);
	font-weight: 900;
	line-height: 1.16;
	text-transform: uppercase;
}

.herd-card p {
	margin: 0;
	color: var(--brand);
	font-size: 0.78rem;
	font-weight: 750;
	line-height: 1.45;
}

.herd-card--quiet img {
	background: linear-gradient(155deg, #e9e5dc, var(--paper));
}

.section-link {
	margin-top: 2.25rem;
	margin-left: auto;
}

.work-teaser {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2 + 4.5rem));
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.96), rgba(0, 12, 24, 0.82)), var(--topo);--fdt-preview:linear-gradient(90deg, rgba(0, 12, 24, 0.96), rgba(0, 12, 24, 0.82)), var(--topo);background-image:var(--fdt-background);
	background-position: center;
	background-size: cover;
}

.work-teaser .section-heading > p:last-child,
.work-teaser .trail-label {
	color: var(--sky);
}

.work-teaser .section-heading h2 em {
	color: var(--sky);
}

.verb-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	max-width: var(--content);
	margin: 0 auto 3rem;
	background: var(--white-line);
}

.verb-grid article {
	min-height: 18rem;
	padding: clamp(2rem, 4vw, 3.25rem);
	background: rgba(0, 12, 24, 0.84);
	transition: background 220ms ease;
}

.verb-grid article:hover {
	background: rgba(11, 49, 88, 0.95);
}

.verb-grid span,
.feature-scene span,
.station-number,
.station-services h3 {
	color: var(--sky);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.verb-grid h3 {
	margin: 1.75rem 0 1rem;
	font-size: clamp(2.75rem, 4.4vw, 4.5rem);
}

.verb-grid p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.7);
}

.basecamp {
	display: grid;
	grid-template-columns: minmax(16rem, 0.8fr) minmax(20rem, 1fr) minmax(14rem, 0.65fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--paper);
}

.basecamp-art img {
	width: 100%;
	max-height: 22rem;
	object-fit: contain;
}

.basecamp-copy h2 {
	margin-bottom: 1.25rem;
	font-size: clamp(3.5rem, 6vw, 6rem);
}

.basecamp-copy > p:not(.trail-label) {
	max-width: 34rem;
	color: var(--text-soft);
	font-size: 1.1rem;
}

.basecamp aside {
	padding: 1.6rem;
	border-top: 3px solid var(--red);
	background: var(--snow);
}

.basecamp aside p {
	margin-bottom: 0.65rem;
}

.basecamp aside .text-link {
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 0.7rem;
}



.game-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(47rem, 67vw, 60rem);
	padding: clamp(9rem, 15vw, 13rem) var(--gutter) clamp(8rem, 12vw, 10rem);
	background-color: var(--ink);
	--fdt-background:url("../optimized/9b9279833a900a18.webp");--fdt-preview:none;background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
}

.game-hero__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 12, 24, 0.82) 0, rgba(0, 12, 24, 0.18) 58%, rgba(0, 12, 24, 0.28)), linear-gradient(to top, rgba(0, 12, 24, 0.86), transparent 52%);
}

.game-hero__content {
	position: relative;
	z-index: 1;
	width: min(38rem, 55vw);
	margin-left: max(0px, calc((100vw - var(--content)) / 2));
}

.game-hero__content > img {
	width: min(29rem, 80%);
	margin-bottom: 1.8rem;
}

.game-hero__content > p:not(.trail-label) {
	margin-bottom: 1.8rem;
	font-size: clamp(1.1rem, 1.55vw, 1.45rem);
	font-weight: 700;
	line-height: 1.5;
	text-shadow: 0 2px 16px rgba(0, 12, 24, 0.8);
}

.game-hero__facts {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 0 max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: rgba(0, 12, 24, 0.88);
	backdrop-filter: blur(12px);
}

.game-hero__facts span {
	display: flex;
	align-items: center;
	min-height: 5.5rem;
	padding: 1rem 1.5rem;
	border-left: 1px solid var(--white-line);
	color: var(--ice);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.game-hero__facts span:last-child {
	border-right: 1px solid var(--white-line);
}

.game-intro {
	display: grid;
	grid-template-columns: 0.85fr 1.2fr 0.85fr;
	align-items: start;
	gap: clamp(2rem, 5vw, 5rem);
}

.game-intro h1 {
	margin: 0;
	font-size: clamp(3.7rem, 6.4vw, 6.5rem);
}

.intro-copy {
	padding-top: 2.3rem;
	font-size: clamp(1rem, 1.35vw, 1.2rem);
}

.intro-copy p:last-child {
	margin-bottom: 0;
	color: var(--brand);
	font-weight: 750;
}

.route-card {
	padding: 1.6rem;
	border: 1px solid var(--line);
	background: var(--paper);
	box-shadow: 0.55rem 0.55rem 0 var(--ice);
}

.route-card .card-index {
	display: block;
	margin-bottom: 1rem;
	color: var(--red);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.route-card dl,
.route-card dd {
	margin-bottom: 0;
}

.route-card dl > div {
	display: grid;
	grid-template-columns: 5rem 1fr;
	gap: 0.75rem;
	padding: 0.7rem 0;
	border-top: 1px solid var(--line);
}

.route-card dt {
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.route-card dd {
	font-size: 0.84rem;
	line-height: 1.45;
}

.feature-trail {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
}

.feature-trail .section-heading > p:last-child {
	color: rgba(255, 255, 255, 0.68);
}

.feature-trail .section-heading h2 em {
	color: var(--sky);
}

.feature-scene {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(19rem, 0.85fr);
	align-items: stretch;
	max-width: var(--content);
	min-height: 25rem;
	margin: 0 auto 1.25rem;
	border: 1px solid var(--white-line);
	background: rgba(0, 12, 24, 0.82);
	box-shadow: 0.7rem 0.7rem 0 rgba(138, 213, 255, 0.11);
}

.feature-scene > img {
	width: 100%;
	height: 100%;
	min-height: 25rem;
	padding: clamp(1.8rem, 4vw, 4rem);
	object-fit: contain;
	background: linear-gradient(145deg, var(--snow), var(--ice));
}

.feature-scene > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 5vw, 4.5rem);
}

.feature-scene h3 {
	margin: 1rem 0 1.2rem;
	font-size: clamp(2.8rem, 4.4vw, 4.6rem);
}

.feature-scene p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 1.05rem;
}

.feature-scene--reverse {
	grid-template-columns: minmax(19rem, 0.85fr) minmax(0, 1.15fr);
}

.feature-scene--reverse > img {
	grid-column: 2;
	grid-row: 1;
}

.feature-scene--reverse > div {
	grid-column: 1;
	grid-row: 1;
}

.climb-story {
	background-color: var(--snow);
	--fdt-background:linear-gradient(rgba(247, 244, 236, 0.94), rgba(247, 244, 236, 0.94)), var(--topo);--fdt-preview:linear-gradient(rgba(247, 244, 236, 0.94), rgba(247, 244, 236, 0.94)), var(--topo);background-image:var(--fdt-background);
	background-size: cover;
}

.climb-steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.2rem;
	max-width: var(--content);
	margin: 0 auto;
	padding: 3.2rem 0 0;
	list-style: none;
}

.climb-steps::before {
	position: absolute;
	top: 1rem;
	right: 7%;
	left: 7%;
	height: 3px;
	transform: rotate(-2deg);
	background: var(--red);
	content: "";
}

.climb-steps li {
	position: relative;
	min-height: 15rem;
	padding: 2rem 1.5rem;
	border-top: 4px solid var(--brand);
	background: var(--paper);
	box-shadow: 0.45rem 0.45rem 0 rgba(44, 107, 175, 0.14);
}

.climb-steps li::before {
	position: absolute;
	top: -2.7rem;
	left: 50%;
	width: 1rem;
	height: 1rem;
	transform: translateX(-50%) rotate(45deg);
	border: 3px solid var(--red);
	background: var(--snow);
	content: "";
}

.climb-steps li:nth-child(2) {
	transform: translateY(-0.6rem);
}

.climb-steps li:nth-child(3) {
	transform: translateY(-1.3rem);
}

.climb-steps li:nth-child(4) {
	transform: translateY(-2rem);
}

.climb-steps b {
	display: block;
	margin-bottom: 1rem;
	font-family: "FD Display", sans-serif;
	font-size: 2rem;
	font-weight: 400;
}

.climb-steps p {
	margin-bottom: 0;
	color: var(--text-soft);
	font-size: 0.92rem;
}

.concept-section,
.press-concept {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--paper);
}

.concept-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1rem;
	max-width: var(--content);
	margin: 0 auto;
}

.concept-tile {
	position: relative;
	grid-column: span 4;
	margin: 0;
	border: 1px solid var(--line);
	background: #ebe7de;
	box-shadow: 0.45rem 0.45rem 0 rgba(44, 107, 175, 0.12);
}

.concept-tile--1,
.concept-tile--6 {
	grid-column: span 7;
}

.concept-tile--2,
.concept-tile--5 {
	grid-column: span 5;
}

.concept-tile img {
	width: 100%;
	height: 100%;
	min-height: 15rem;
	max-height: 25rem;
	padding: 1rem;
	object-fit: contain;
}

.concept-tile figcaption {
	position: absolute;
	right: 0.7rem;
	bottom: 0.7rem;
	padding: 0.25rem 0.45rem;
	background: var(--ink);
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.6rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.playtest-panel {
	display: grid;
	grid-template-columns: minmax(18rem, 0.8fr) minmax(24rem, 1fr);
	align-items: end;
	gap: clamp(2rem, 6vw, 6rem);
	min-height: 39rem;
	padding: clamp(4rem, 8vw, 7rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	overflow: hidden;
}

.playtest-panel > img {
	align-self: end;
	width: min(100%, 34rem);
	margin-bottom: -7rem;
	filter: drop-shadow(0 1.5rem 1.5rem rgba(0, 12, 24, 0.35));
}

.playtest-panel > div {
	align-self: center;
	max-width: 38rem;
}

.playtest-panel h2 {
	margin-bottom: 1.2rem;
	font-size: clamp(4rem, 7vw, 7rem);
}

.playtest-panel p:not(.trail-label) {
	max-width: 34rem;
	color: rgba(255, 255, 255, 0.72);
	font-size: 1.12rem;
}



.page-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(37rem, 55vw, 50rem);
	padding: clamp(10rem, 17vw, 14rem) var(--gutter) clamp(5rem, 8vw, 8rem);
	background-color: var(--ink);
	color: var(--white);
}

.page-hero::before {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 12, 24, 0.84), rgba(0, 12, 24, 0.12) 70%), linear-gradient(to top, rgba(0, 12, 24, 0.76), transparent 60%);
	content: "";
}

.page-hero::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: clamp(2.5rem, 5vw, 5rem);
	background: var(--snow);
	clip-path: polygon(0 100%, 0 75%, 25% 22%, 51% 72%, 78% 10%, 100% 55%, 100% 100%);
	content: "";
}

.page-hero--work {
	--fdt-background:url("../optimized/411d9295fd277173.webp");--fdt-preview:url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.page-hero__copy {
	position: relative;
	z-index: 1;
	width: min(100%, var(--content));
	margin: 0 auto;
}

.page-hero__copy h1 {
	max-width: 54rem;
	margin-bottom: 1.25rem;
	color: var(--white);
	font-size: clamp(4.5rem, 9vw, 9rem);
}

.page-hero__copy h1 em {
	color: var(--sky);
}

.page-hero__copy > p:not(.trail-label) {
	margin-bottom: 1.7rem;
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	font-weight: 700;
}

.work-intro .section-heading {
	max-width: 60rem;
}

.work-intro .lead {
	max-width: 56rem;
	margin: -2rem 0 3.5rem auto;
	font-size: clamp(1.15rem, 1.8vw, 1.55rem);
	line-height: 1.55;
}

.promise-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: var(--content);
	margin: 0 auto;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.promise-row span {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 6rem;
	padding: 1.2rem 1.2rem 1.2rem 3rem;
	border-right: 1px solid var(--line);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.76rem;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.promise-row span:last-child {
	border-right: 0;
}

.promise-row span::before {
	position: absolute;
	left: 1rem;
	width: 0.75rem;
	height: 0.75rem;
	transform: rotate(45deg);
	border: 2px solid var(--red);
	content: "";
}

.service-stations {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--wide)) / 2));
}

.service-station {
	display: grid;
	grid-template-columns: 7rem minmax(18rem, 0.75fr) minmax(28rem, 1.25fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: start;
	max-width: var(--wide);
	margin: 0 auto;
	padding: clamp(3.5rem, 7vw, 6.5rem) clamp(1.5rem, 4vw, 4rem);
	border-top: 1px solid var(--white-line);
}

.service-station:last-child {
	border-bottom: 1px solid var(--white-line);
}

.station-number {
	font-family: "FD Display", sans-serif;
	font-size: clamp(3.8rem, 7vw, 7rem);
	font-weight: 400;
	line-height: 0.8;
}

.station-title h2 {
	margin-bottom: 0;
	font-size: clamp(3rem, 5.5vw, 5.5rem);
}

.station-title h2 em {
	color: var(--sky);
}

.station-services {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2rem, 4vw, 4rem);
	padding-top: 1.9rem;
}

.station-services > div {
	min-width: 0;
}

.station-services h3 {
	margin-bottom: 1rem;
	color: var(--sky);
	font-size: 0.78rem;
	line-height: 1.45;
}

.station-services p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.68);
}

.service-station--light {
	position: relative;
	margin-top: 1px;
	margin-bottom: 1px;
	background: var(--snow);
	color: var(--text);
}

.service-station--light::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: var(--snow);
	content: "";
}

.service-station--light h2,
.service-station--light h3 {
	color: var(--ink);
}

.service-station--light h2 em,
.service-station--light .station-number,
.service-station--light .trail-label,
.service-station--light .station-services h3 {
	color: var(--brand);
}

.service-station--light .station-services p {
	color: var(--text-soft);
}

.proof-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
	min-height: 42rem;
	background: var(--snow);
}

.proof-art {
	min-height: 42rem;
	--fdt-background:linear-gradient(to right, transparent 65%, rgba(247, 244, 236, 0.5)), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(to right, transparent 65%, rgba(247, 244, 236, 0.5)), none;background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.proof-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(3rem, 6vw, 6rem);
}

.proof-copy h2 {
	margin-bottom: 1.2rem;
	font-size: clamp(3.8rem, 7vw, 7rem);
}

.proof-copy p:not(.trail-label) {
	max-width: 31rem;
	color: var(--text-soft);
	font-size: 1.12rem;
}

.inquiry {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--section) var(--gutter);
	background: var(--paper);
	text-align: center;
}

.inquiry h2 {
	margin-bottom: 1.4rem;
	font-size: clamp(3.8rem, 7vw, 7rem);
}

.inquiry > p:not(.trail-label) {
	max-width: 40rem;
	margin-bottom: 2rem;
	color: var(--text-soft);
	font-size: 1.12rem;
}

.inquiry .text-link {
	margin-top: 1rem;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.trust-rail {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--ink);
	color: var(--white);
}

.trust-rail b {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 7rem;
	padding: 1.2rem;
	border-right: 1px solid var(--white-line);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
}



.press-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(24rem, 0.75fr);
	align-items: end;
	min-height: clamp(42rem, 58vw, 53rem);
	padding: clamp(10rem, 17vw, 14rem) max(var(--gutter), calc((100vw - var(--content)) / 2)) clamp(5rem, 8vw, 8rem);
	background: var(--ink);
	color: var(--white);
}

.press-hero__art {
	position: absolute;
	inset: 0;
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.78) 0, rgba(0, 12, 24, 0.3) 58%, rgba(0, 12, 24, 0.76)), linear-gradient(to top, rgba(0, 12, 24, 0.82), transparent 50%), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(90deg, rgba(0, 12, 24, 0.78) 0, rgba(0, 12, 24, 0.3) 58%, rgba(0, 12, 24, 0.76)), linear-gradient(to top, rgba(0, 12, 24, 0.82), transparent 50%), none;background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.press-hero__copy,
.press-hero aside {
	position: relative;
	z-index: 1;
}

.press-hero__copy h1 {
	max-width: 58rem;
	margin-bottom: 1.2rem;
	color: var(--white);
	font-size: clamp(4.2rem, 8vw, 8rem);
}

.press-hero__copy h1 em {
	color: var(--sky);
}

.press-hero__copy > p:not(.trail-label) {
	margin-bottom: 1.6rem;
	font-size: clamp(1.05rem, 1.55vw, 1.32rem);
	font-weight: 700;
}

.press-hero aside {
	justify-self: end;
	width: min(100%, 24rem);
	padding: 1.4rem;
	border-top: 3px solid var(--red);
	background: rgba(0, 12, 24, 0.7);
	backdrop-filter: blur(10px);
}

.press-hero aside span {
	display: block;
	margin-bottom: 0.45rem;
	color: var(--sky);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.press-hero aside a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.press-index {
	position: sticky;
	top: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(0.3rem, 2vw, 1.5rem);
	min-height: 4.5rem;
	padding: 0.5rem var(--gutter);
	border-bottom: 1px solid var(--line);
	background: rgba(247, 244, 236, 0.94);
	box-shadow: 0 0.5rem 1.5rem rgba(0, 12, 24, 0.08);
	backdrop-filter: blur(10px);
}

.press-index span,
.press-index a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.55rem 0.65rem;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.press-index span {
	color: var(--red);
}

.press-index a:hover,
.press-index a:focus-visible {
	color: var(--brand);
	text-decoration: underline;
	text-underline-offset: 0.35rem;
}

.press-facts {
	display: grid;
	grid-template-columns: minmax(20rem, 0.9fr) minmax(30rem, 1.1fr);
	gap: clamp(3rem, 7vw, 7rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.press-synopsis h2 {
	margin-bottom: 1.4rem;
	font-size: clamp(3.8rem, 6.5vw, 6.5rem);
}

.press-synopsis p:not(.trail-label) {
	max-width: 40rem;
	color: var(--text-soft);
	font-size: 1.04rem;
}

.facts-grid,
.facts-grid dd {
	margin-bottom: 0;
}

.facts-grid {
	border-top: 3px solid var(--ink);
}

.facts-grid > div {
	display: grid;
	grid-template-columns: 9rem 1fr;
	gap: 1.5rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--line);
}

.facts-grid dt {
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.facts-grid dd {
	font-size: 0.94rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.asset-module {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--ink);
	color: var(--white);
}

.asset-module > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	max-width: var(--content);
	margin: 0 auto 2rem;
}

.asset-module h2 {
	margin-bottom: 0;
	color: var(--white);
	font-size: clamp(3.7rem, 6vw, 6rem);
}

.asset-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}

.asset-meta span,
.asset-meta a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.55rem 0.8rem;
	border: 1px solid var(--white-line);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-decoration: none;
	text-transform: uppercase;
}

.asset-meta a {
	background: var(--red);
}

.asset-module > img {
	width: 100%;
	max-width: var(--content);
	margin: 0 auto;
	border: 1px solid var(--white-line);
	box-shadow: 1rem 1rem 0 rgba(138, 213, 255, 0.1);
}

.press-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	max-width: var(--content);
	margin: 0 auto;
}

.press-gallery figure {
	min-width: 0;
	margin: 0;
	border: 1px solid var(--line);
	background: var(--snow);
}

.press-gallery figure > img {
	width: 100%;
	aspect-ratio: 16 / 10;
	padding: 0.8rem;
	object-fit: contain;
	background: #ebe7de;
}

.press-gallery figcaption {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 0.35rem 1rem;
	padding: 1rem;
}

.press-gallery figcaption span,
.press-gallery figcaption b {
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.07em;
	line-height: 1.35;
	text-transform: uppercase;
}

.press-gallery figcaption span {
	grid-column: 1 / -1;
	color: var(--brand);
}

.press-gallery figcaption a {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 44px;
	color: var(--red);
	font-size: 0.72rem;
	font-weight: 800;
}

.logo-module {
	display: grid;
	grid-template-columns: minmax(19rem, 0.7fr) minmax(32rem, 1.3fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 8rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
}

.logo-module h2 {
	margin-bottom: 1.2rem;
	font-size: clamp(3.8rem, 6.5vw, 6.5rem);
}

.logo-module h2 em {
	color: var(--sky);
}

.logo-module > div:first-child > p:not(.trail-label) {
	color: rgba(255, 255, 255, 0.7);
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 13rem;
	margin: 0;
	padding: 2rem;
	border: 1px solid var(--white-line);
}

.logo-card:last-child {
	grid-column: 1 / -1;
}

.logo-card img {
	width: min(100%, 18rem);
	max-height: 8rem;
	object-fit: contain;
}

.logo-card--blue {
	background: var(--brand);
}

.logo-card--snow {
	background: var(--snow);
}

.logo-card--ink {
	background: rgba(0, 12, 24, 0.75);
}

.studio-boilerplate {
	display: grid;
	grid-template-columns: 0.7fr 1.15fr 0.75fr;
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--paper);
}

.studio-boilerplate h2 {
	margin-bottom: 0;
	font-size: clamp(3.8rem, 6vw, 6rem);
}

.studio-boilerplate > p {
	margin-bottom: 0;
	color: var(--text-soft);
	font-size: 1.08rem;
}

.studio-boilerplate > div:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.studio-boilerplate .text-link {
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 0.68rem;
}



.site-footer {
	position: relative;
	display: grid;
	grid-template-columns: 8rem minmax(18rem, 1fr) minmax(14rem, 0.65fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	padding: clamp(4rem, 8vw, 7rem) max(var(--gutter), calc((100vw - var(--content)) / 2)) 2rem;
	background-color: var(--ink);
	--fdt-background:linear-gradient(rgba(0, 12, 24, 0.82), rgba(0, 12, 24, 0.94)), var(--topo);--fdt-preview:linear-gradient(rgba(0, 12, 24, 0.82), rgba(0, 12, 24, 0.94)), var(--topo);background-image:var(--fdt-background);
	background-position: center;
	background-size: cover;
	color: var(--white);
}

.footer-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 8rem;
	transform: rotate(-4deg);
	border: 1px solid var(--white-line);
	background: rgba(44, 107, 175, 0.4);
}

.footer-mark img {
	width: 5.5rem;
	height: 5.5rem;
	object-fit: contain;
}

.footer-kicker {
	margin-bottom: 0.9rem;
	color: var(--sky);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.site-footer h2 {
	margin-bottom: 0;
	color: var(--white);
	font-size: clamp(3.5rem, 6vw, 6rem);
}

.site-footer h2 br {
	display: initial;
}

.footer-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-actions .text-link {
	color: var(--sky);
}

.footer-meta {
	grid-column: 1 / -1;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--white-line);
	color: rgba(255, 255, 255, 0.55);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.61rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.4;
	text-transform: uppercase;
}



@media (max-width: 1040px) {
	.concept-header {
		grid-template-columns: 1fr auto;
		min-height: 5.25rem;
	}

	.concept-header nav,
	.header-cta {
		display: none;
	}

	.menu-button {
		display: block;
		justify-self: end;
	}

	.concept-header.is-open nav {
		position: absolute;
		top: calc(100% - 0.2rem);
		right: var(--gutter);
		left: var(--gutter);
		display: grid;
		gap: 0;
		padding: 0.75rem;
		border: 1px solid var(--white-line);
		background: rgba(0, 12, 24, 0.98);
		box-shadow: 0 1.25rem 3rem rgba(0, 12, 24, 0.32);
	}

	.concept-header.is-open nav a {
		justify-content: flex-start;
		min-height: 48px;
		padding: 0.75rem 1rem;
	}

	.concept-header.is-open nav a::after {
		right: 1rem;
		left: 1rem;
	}

	.current-ascent,
	.proof-panel {
		grid-template-columns: 1fr 1fr;
	}

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

	.herd-card:nth-child(4) {
		grid-column: 1 / 2;
	}

	.game-intro {
		grid-template-columns: 1fr 1.25fr;
	}

	.game-intro .route-card {
		grid-column: 1 / -1;
	}

	.service-station {
		grid-template-columns: 5rem minmax(0, 1fr);
	}

	.station-services {
		grid-column: 2;
	}

	.press-facts,
	.logo-module {
		grid-template-columns: 1fr;
	}

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

	.studio-boilerplate {
		grid-template-columns: 0.7fr 1.3fr;
	}

	.studio-boilerplate > div:last-child {
		grid-column: 2;
	}
}



@media (max-width: 700px) {
	:root {
		--gutter: 1.25rem;
		--section: 5.25rem;
	}

	html {
		scroll-padding-top: 4.5rem;
	}

	body {
		font-size: 0.96rem;
	}

	.concept-header {
		min-height: 4.7rem;
		padding-block: 0.7rem;
	}

	.concept-header::after {
		right: 1.25rem;
		left: 1.25rem;
	}

	.brand img {
		width: 10.25rem;
	}

	.menu-button {
		width: 46px;
		height: 46px;
	}

	.button-row {
		align-items: stretch;
	}

	.button {
		min-width: 0;
	}

	.section-heading {
		margin-bottom: 3rem;
	}

	.section-heading h2 {
		font-size: clamp(3.1rem, 16vw, 4.6rem);
	}

	.trail-label {
		font-size: 0.68rem;
	}

	.route-section::before {
		left: 1.45rem;
	}

	.route-section::after {
		top: 5.1rem;
		left: 1.03rem;
	}

	.route-section {
		padding-right: 1.25rem;
		padding-left: 3.55rem;
	}

	.home-hero {
		--sky-height: clamp(32rem, 144vw, 36rem);
	}

	.hero-sky {
		--fdt-background:url("../optimized/7bf34b94629c9271.webp");--fdt-preview:url("data:image/webp;base64,UklGRjQEAABXRUJQVlA4ICgEAABQGwCdASpQAK0APpFAm0mlo6KhJ5J8ALASCWMAzuoy4D67lnIaNv0lbZmrbgjrZTaybwyjXRvYxIqLaOqQ8dwJM3d9qifc0U03307mB3AFv2ZqU1S43PQfWWJCJWeWPqx5G4Nd7Bpyr386f23gSPFEz1h0azJ2/x5HPzMY2iGiGbXM9Q/+IQMBuBmOx1YGysLeDWvpq3mp6MEHZq9MkBlRUxJZECopoKWkaJLvCkbsPvx+cdPTaXqiWO+D2OoJkzM2P9+3hnh84zSWvbFbOCpquhC+9YMHOJADW1nTdDNqmGE7YAD+8oh/527medbwf/IMfoa+xrUIAAAhNUWmCM9kLbpdXGxYpv0pk61yi25wohC9T7yh469EGviViFYlxVLQ60TCpduAl+4bmrnz7uZoM7mNf+OO8Wg+hMK9Htr4mqhQ70OMIJfNIXLg5BBMcsvF0Qy6krwOD+ZnUPvITGRg3Dn7UO/HC2y+Em+Xtj0htKfl3jhOIFJ7jnYYpTRcThwDUlL+eAZRKaUHwOz0aJVYG1/p4CosNkjl+G8b62+S0+QnnaJBJERQSyvOY3jBKMaHbksZFWtWbFnfWuf++7QWgIe+agTDHMX49trxo+HNP5pPiWWpJrHwl5ekNWGlPc7HaRYQlAPWxOULTNyxGWUxOE6m2V2Xpvv3BzKzK/jjp65oVgtT9sj152RJw4wFuek3qJ9ruwiyp5p7WVAkkV1VKIe1jXKT7Vtv9b0fgN0C11yGi8hSPqlo5lCH4FsqicyGyFjDz/2/5Dy0yxVksJWCgvxseVip2yqoeVivViNr8TbfHAd9Qc0ril+lrkWY/XW3qP8Hb6odWx09f5PIH6ABVKzX4NGa9QbGYfTH36miLahLRWmUQnrZ0IveUXpuwgKOmKWmQeWvKaIjyalR7D7FMgn+sW2MydgA+JHxtnkknOcs3vo8fI0t6fJikL/bSJPYfpVRXsbu4ueN05nv1mzVEr+1JdBezqcd7wTdEJbVg7iVzai7GRomWSPK6GD5pnIFLjAIOCd1prnWmVN9MY4p4lRbgNq2s/FUOn833WWNF5+hRHo9zt39TtCvqwPP51ivL8fyMEdfLwlqdPZaJy7iBT2PWIFZPMy7HaecYYy/7l93UI90AcdYMETGk+3tQLnNnew9XUF9ttjTzOTD75VGBlbKZId5uTSMXJEAmjnuk6O+kOCGfmnZPk64rY9gApj4nz3AZzRwIpK8rPPeE6+deZjUF03kFefHKyQ2WQ7DS2Vea9mIh8T+Hnd0cHdRCIEgE1Mfo2J46ksMY+XXgwpaTPXra9994KPTNBagLFe9DUiOEfQf/qi4cN8O+AvvEeKWybwPgQ5ZYQcf/FoEGKrLraTu3ocy7X1ff/BjqbroNN5aX22ANA8EABv/l7oN8wTFokAAAAAAAA==");background-image:var(--fdt-background);
		background-position: center top;
		background-size: 100% auto;
	}

	.hero-dahu {
		top: calc(var(--sky-height) - 10.5rem);
		width: min(92vw, 25rem);
	}

	.hero-copy {
		min-height: 35rem;
		padding: 8.5rem 1.25rem 4.7rem;
		clip-path: polygon(0 2.3rem, 40% 0, 72% 2rem, 100% 0, 100% 100%, 0 100%);
		text-align: left;
	}

	.hero-copy::after {
		right: -3rem;
		bottom: 0;
		width: 16rem;
		height: 16rem;
	}

	.hero-copy h1 {
		font-size: clamp(3.4rem, 17vw, 4.65rem);
	}

	.hero-copy > p:not(.trail-label) {
		margin-left: 0;
		font-size: 1rem;
	}

	.hero-copy .button-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.partner-rail {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.2rem 1rem;
		min-height: 0;
		padding: 2rem 1.25rem;
	}

	.partner-rail span {
		grid-column: 1 / -1;
	}

	.partner-rail img {
		justify-self: center;
		width: 7rem;
	}

	.current-ascent,
	.proof-panel {
		grid-template-columns: 1fr;
	}

	.ascent-art,
	.proof-art {
		min-height: 27rem;
		--fdt-background:linear-gradient(to bottom, transparent 65%, rgba(6, 26, 45, 0.5)), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(to bottom, transparent 65%, rgba(6, 26, 45, 0.5)), none;background-image:var(--fdt-background);
		background-position: 69% center;
	}

	.ascent-copy {
		padding: 4rem 1.25rem 5rem;
	}

	.game-logo {
		width: min(18rem, 82vw);
	}

	.game-hook {
		font-size: 1.08rem;
	}

	.ascent-copy .button-row {
		width: 100%;
		flex-direction: column;
	}

	.ascent-copy .button {
		width: 100%;
	}

	.herd-section,
	.work-intro,
	.game-intro,
	.climb-story,
	.work-teaser {
		padding-top: var(--section);
		padding-bottom: var(--section);
	}

	.herd-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.8rem;
	}

	.herd-card:nth-child(4) {
		grid-column: auto;
	}

	.herd-card:nth-child(5) {
		grid-column: 1 / -1;
		width: calc(50% - 0.4rem);
		justify-self: center;
	}

	.herd-card > div {
		min-height: 7.5rem;
		padding: 1rem 0.75rem;
	}

	.herd-card h3 {
		font-size: 0.85rem;
	}

	.herd-card p {
		font-size: 0.7rem;
	}

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

	.verb-grid article {
		min-height: 0;
		padding: 2rem;
	}

	.verb-grid h3 {
		font-size: 3.25rem;
	}

	.basecamp {
		grid-template-columns: 1fr;
		gap: 2rem;
		padding-block: 5rem;
	}

	.basecamp-art {
		order: 2;
	}

	.basecamp-art img {
		max-height: 14rem;
	}

	.basecamp-copy {
		order: 1;
	}

	.basecamp-copy h2 {
		font-size: 4rem;
	}

	.basecamp aside {
		order: 3;
	}

	.game-hero {
		align-items: flex-end;
		min-height: 47rem;
		padding: 8.25rem 1.25rem 9.5rem;
		background-position: 69% center;
	}

	.game-hero__shade {
		background: linear-gradient(to top, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.55) 46%, rgba(0, 12, 24, 0.08) 76%);
	}

	.game-hero__content {
		width: 100%;
		margin-left: 0;
	}

	.game-hero__content > img {
		width: min(17rem, 76vw);
	}

	.game-hero__content > p:not(.trail-label) {
		font-size: 1rem;
	}

	.game-hero__content .button-row {
		width: 100%;
	}

	.game-hero__content .button {
		flex: 1 1 9rem;
	}

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

	.game-hero__facts span {
		min-height: 3.5rem;
		padding: 0.65rem 1rem;
		border-top: 1px solid var(--white-line);
		font-size: 0.6rem;
	}

	.game-intro {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.game-intro h1 {
		font-size: 4.2rem;
	}

	.intro-copy {
		padding-top: 0;
	}

	.game-intro .route-card {
		grid-column: auto;
	}

	.feature-trail,
	.concept-section,
	.press-concept,
	.service-stations {
		padding: var(--section) 1.25rem;
	}

	.feature-scene,
	.feature-scene--reverse {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.feature-scene > img,
	.feature-scene--reverse > img {
		grid-column: 1;
		grid-row: 1;
		min-height: 18rem;
		height: 18rem;
		padding: 1.5rem;
	}

	.feature-scene > div,
	.feature-scene--reverse > div {
		grid-column: 1;
		grid-row: 2;
		padding: 1.75rem;
	}

	.feature-scene h3 {
		font-size: 3rem;
	}

	.climb-steps {
		grid-template-columns: 1fr;
		gap: 0.9rem;
		padding: 0 0 0 1.75rem;
	}

	.climb-steps::before {
		top: 0;
		bottom: 0;
		left: 0.4rem;
		width: 3px;
		height: auto;
		transform: rotate(0);
	}

	.climb-steps li,
	.climb-steps li:nth-child(n) {
		min-height: 0;
		padding: 1.5rem;
		transform: none;
	}

	.climb-steps li::before {
		top: 1.8rem;
		left: -1.8rem;
	}

	.concept-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
	}

	.concept-tile,
	.concept-tile--2,
	.concept-tile--5,
	.concept-tile--6 {
		grid-column: span 1;
	}

	.concept-tile--1 {
		grid-column: 1 / -1;
	}

	.concept-tile img {
		min-height: 9rem;
		max-height: 14rem;
		padding: 0.5rem;
	}

	.playtest-panel {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 5rem 1.25rem 0;
		text-align: center;
	}

	.playtest-panel > div {
		grid-row: 1;
	}

	.playtest-panel h2 {
		font-size: 4.2rem;
	}

	.playtest-panel > img {
		grid-row: 2;
		width: min(100%, 24rem);
		margin: 1.5rem auto -2.5rem;
	}

	.page-hero {
		min-height: 38rem;
		padding: 8.5rem 1.25rem 5.5rem;
	}

	.page-hero--work {
		--fdt-background:url("../optimized/7bf34b94629c9271.webp");--fdt-preview:url("data:image/webp;base64,UklGRjQEAABXRUJQVlA4ICgEAABQGwCdASpQAK0APpFAm0mlo6KhJ5J8ALASCWMAzuoy4D67lnIaNv0lbZmrbgjrZTaybwyjXRvYxIqLaOqQ8dwJM3d9qifc0U03307mB3AFv2ZqU1S43PQfWWJCJWeWPqx5G4Nd7Bpyr386f23gSPFEz1h0azJ2/x5HPzMY2iGiGbXM9Q/+IQMBuBmOx1YGysLeDWvpq3mp6MEHZq9MkBlRUxJZECopoKWkaJLvCkbsPvx+cdPTaXqiWO+D2OoJkzM2P9+3hnh84zSWvbFbOCpquhC+9YMHOJADW1nTdDNqmGE7YAD+8oh/527medbwf/IMfoa+xrUIAAAhNUWmCM9kLbpdXGxYpv0pk61yi25wohC9T7yh469EGviViFYlxVLQ60TCpduAl+4bmrnz7uZoM7mNf+OO8Wg+hMK9Htr4mqhQ70OMIJfNIXLg5BBMcsvF0Qy6krwOD+ZnUPvITGRg3Dn7UO/HC2y+Em+Xtj0htKfl3jhOIFJ7jnYYpTRcThwDUlL+eAZRKaUHwOz0aJVYG1/p4CosNkjl+G8b62+S0+QnnaJBJERQSyvOY3jBKMaHbksZFWtWbFnfWuf++7QWgIe+agTDHMX49trxo+HNP5pPiWWpJrHwl5ekNWGlPc7HaRYQlAPWxOULTNyxGWUxOE6m2V2Xpvv3BzKzK/jjp65oVgtT9sj152RJw4wFuek3qJ9ruwiyp5p7WVAkkV1VKIe1jXKT7Vtv9b0fgN0C11yGi8hSPqlo5lCH4FsqicyGyFjDz/2/5Dy0yxVksJWCgvxseVip2yqoeVivViNr8TbfHAd9Qc0ril+lrkWY/XW3qP8Hb6odWx09f5PIH6ABVKzX4NGa9QbGYfTH36miLahLRWmUQnrZ0IveUXpuwgKOmKWmQeWvKaIjyalR7D7FMgn+sW2MydgA+JHxtnkknOcs3vo8fI0t6fJikL/bSJPYfpVRXsbu4ueN05nv1mzVEr+1JdBezqcd7wTdEJbVg7iVzai7GRomWSPK6GD5pnIFLjAIOCd1prnWmVN9MY4p4lRbgNq2s/FUOn833WWNF5+hRHo9zt39TtCvqwPP51ivL8fyMEdfLwlqdPZaJy7iBT2PWIFZPMy7HaecYYy/7l93UI90AcdYMETGk+3tQLnNnew9XUF9ttjTzOTD75VGBlbKZId5uTSMXJEAmjnuk6O+kOCGfmnZPk64rY9gApj4nz3AZzRwIpK8rPPeE6+deZjUF03kFefHKyQ2WQ7DS2Vea9mIh8T+Hnd0cHdRCIEgE1Mfo2J46ksMY+XXgwpaTPXra9994KPTNBagLFe9DUiOEfQf/qi4cN8O+AvvEeKWybwPgQ5ZYQcf/FoEGKrLraTu3ocy7X1ff/BjqbroNN5aX22ANA8EABv/l7oN8wTFokAAAAAAAA==");background-image:var(--fdt-background);
		background-position: center top;
		background-size: 100% auto;
	}

	.page-hero__copy h1 {
		font-size: clamp(4.2rem, 20vw, 5.7rem);
	}

	.work-intro .lead {
		margin: 0 0 2.5rem;
		font-size: 1.08rem;
	}

	.promise-row {
		grid-template-columns: 1fr;
	}

	.promise-row span {
		min-height: 4.5rem;
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}

	.promise-row span:last-child {
		border-bottom: 0;
	}

	.service-station {
		grid-template-columns: 3.5rem minmax(0, 1fr);
		gap: 1.25rem;
		padding: 3rem 0.75rem;
	}

	.station-number {
		font-size: 3.4rem;
	}

	.station-title h2 {
		font-size: clamp(3.1rem, 15vw, 4.2rem);
	}

	.station-services {
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
		gap: 0;
		padding-top: 1rem;
	}

	.station-services > div {
		padding: 1.4rem 0;
		border-top: 1px solid var(--white-line);
	}

	.service-station--light .station-services > div {
		border-color: var(--line);
	}

	.proof-art {
		min-height: 27rem;
	}

	.proof-copy {
		padding: 4rem 1.25rem 5rem;
	}

	.proof-copy h2 {
		font-size: 4.4rem;
	}

	.inquiry {
		padding: 5.5rem 1.25rem;
	}

	.inquiry h2 {
		font-size: clamp(3.3rem, 15vw, 4.4rem);
	}

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

	.trust-rail b {
		min-height: 5.5rem;
		border-bottom: 1px solid var(--white-line);
		font-size: 0.6rem;
	}

	.press-hero {
		grid-template-columns: 1fr;
		min-height: 43rem;
		padding: 8.5rem 1.25rem 4rem;
	}

	.press-hero__art {
		background-position: 69% center;
	}

	.press-hero__copy h1 {
		font-size: clamp(4rem, 19vw, 5.6rem);
	}

	.press-hero__copy .button-row {
		align-items: stretch;
	}

	.press-hero__copy .button {
		flex: 1 1 9rem;
	}

	.press-hero aside {
		justify-self: stretch;
		width: 100%;
		margin-top: 2.5rem;
	}

	.press-index {
		justify-content: flex-start;
		gap: 0;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.press-index span,
	.press-index a {
		flex: 0 0 auto;
		padding-inline: 0.65rem;
	}

	.press-facts {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		padding: 5.25rem 1.25rem;
	}

	.press-synopsis h2 {
		font-size: clamp(3.5rem, 17vw, 4.8rem);
	}

	.facts-grid > div {
		grid-template-columns: 6.25rem minmax(0, 1fr);
		gap: 0.8rem;
	}

	.asset-module {
		padding: 5.25rem 1.25rem;
	}

	.asset-module > header {
		align-items: flex-start;
		flex-direction: column;
	}

	.asset-module h2 {
		font-size: 4rem;
	}

	.asset-meta {
		justify-content: flex-start;
	}

	.asset-meta a {
		width: 100%;
		justify-content: center;
	}

	.asset-module > img {
		box-shadow: 0.55rem 0.55rem 0 rgba(138, 213, 255, 0.1);
	}

	.press-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
	}

	.press-gallery figure > img {
		padding: 0.4rem;
	}

	.press-gallery figcaption {
		display: block;
		padding: 0.75rem;
	}

	.press-gallery figcaption span,
	.press-gallery figcaption b {
		display: block;
	}

	.press-gallery figcaption b {
		margin-top: 0.4rem;
	}

	.press-gallery figcaption a {
		justify-content: flex-start;
		font-size: 0.64rem;
	}

	.logo-module {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		padding: 5.25rem 1.25rem;
	}

	.logo-module h2 {
		font-size: 4.2rem;
	}

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

	.logo-card,
	.logo-card:last-child {
		grid-column: 1;
		min-height: 11rem;
	}

	.studio-boilerplate {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding: 5.25rem 1.25rem;
	}

	.studio-boilerplate h2 {
		font-size: 4.2rem;
	}

	.studio-boilerplate > div:last-child {
		grid-column: auto;
	}

	.site-footer {
		grid-template-columns: 5.5rem minmax(0, 1fr);
		gap: 1.5rem;
		padding: 4rem 1.25rem 1.5rem;
	}

	.footer-mark {
		width: 5.5rem;
		height: 5.5rem;
	}

	.footer-mark img {
		width: 3.7rem;
		height: 3.7rem;
	}

	.site-footer h2 {
		font-size: 3.2rem;
	}

	.site-footer h2 br {
		display: initial;
	}

	.footer-actions {
		grid-column: 1 / -1;
		align-items: stretch;
	}

	.footer-actions .text-link {
		align-self: flex-start;
	}

	.footer-meta {
		flex-direction: column;
		margin-top: 1rem;
	}
}

@media (max-width: 380px) {
	.hero-copy h1,
	.page-hero__copy h1,
	.press-hero__copy h1 {
		font-size: 3.7rem;
	}

	.game-intro {
		grid-template-columns: minmax(0, 1fr);
	}

	.game-intro h1 {
		font-size: 3.55rem;
	}

	.service-station {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.station-number {
		font-size: 2.8rem;
	}

	.station-title h2 {
		font-size: 3rem;
	}

	.station-services {
		grid-column: 1;
	}

	.site-footer {
		grid-template-columns: 4rem minmax(0, 1fr);
		gap: 1rem;
	}

	.footer-mark {
		width: 4rem;
		height: 4rem;
	}

	.footer-mark img {
		width: 2.8rem;
		height: 2.8rem;
	}

	.game-hero__content .button-row,
	.press-hero__copy .button-row {
		flex-direction: column;
	}

	.game-hero__content .button,
	.press-hero__copy .button {
		width: 100%;
		flex-basis: auto;
	}

	.press-gallery {
		grid-template-columns: 1fr;
	}
}

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

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}



.page-hero-mascot {
	position: absolute;
	right: auto;
	bottom: clamp(1rem, 2.5vw, 2.25rem);
	left: 50%;
	z-index: 5;
	width: clamp(20rem, 31vw, 28rem);
	height: auto;
	max-width: 82vw;
	transform: translateX(-50%);
	filter: drop-shadow(0 1.2rem 1.5rem rgba(0, 12, 24, 0.24));
	opacity: 1;
	pointer-events: none;
}

.studio-hero {
	padding-bottom: clamp(17rem, 24vw, 21rem);
}

.studio-hero__copy {
	align-self: start;
}

.work-hero__copy {
	transform: translateY(clamp(-6rem, -7vw, -4rem));
}

@media (max-width: 700px) {
	.page-hero-mascot {
		bottom: 0.25rem;
		width: min(82vw, 22rem);
	}

	.studio-hero {
		padding-bottom: 15rem;
	}

	.work-hero__copy {
		transform: translateY(-4.75rem);
	}
}



.concept-header nav a::after {
	background: var(--white);
}

.header-socials {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 0.45rem;
}

.header-socials a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-radius: 50%;
	background: rgba(0, 12, 24, 0.14);
	backdrop-filter: blur(8px);
	transition: background 180ms ease, color 180ms ease, transform 180ms var(--ease);
}

.header-socials a:hover,
.header-socials a:focus-visible {
	transform: translateY(-2px);
	background: var(--white);
	color: var(--ink);
}

.header-socials svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.header-socials .social-icon-dot {
	fill: currentColor;
	stroke: none;
}

.section-kicker {
	margin-bottom: 0.85rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.11em;
	line-height: 1.35;
	text-transform: uppercase;
}

.section-kicker--light {
	color: var(--sky);
}

body[data-page="home"] .home-hero {
	--hero-bg: url("../optimized/411d9295fd277173.webp");--hero-bg-preview:url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");
	--hero-frame: url("../optimized/6b616d7aa4225edc.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRtoBAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSPkAAAABgGPb2rHni22nslPZNst/DBlBStu2NQDbtm3b9o31vXETERNA/Xazk4aziDCcZSALdxXIwlsHsvA2gSz8LSCLYAfIItwFsoj2gSziAyAKr+EISMGqxvAvmLnBi+nDbu+e23eBN6SNcB3emi4qUyCL9R7I4nYForDG4l1pIFgBssiN4cM5Gr+DDCN8Cx/PGslvIuzoUbKFj/g6DVdpQOENuGfwUV+XfDVzAt03iAZtqHxgR1o0UvIVxjf0cVwBcKN5VfcyzgnQhDXTfAeP3aqOuCmKPz7wqVDQZmsNTy7sIJCivNH2hP7VR/J4ZRtemuoxhhGPxxP4TwoAVlA4ILoAAAAwBgCdASpQAC0APpE8mkkloyKhLvJKALASCWkAFcAfQAYwTMAx5TGKuKK+3ZZ4Wb7510giZiUqJ2AAAP7616vr48fcQQL4pgMDD8CvYhcxz0bSBCJ7cIMkh9YJ73CX4LzQsaYAz7NgE2F/qp7//86sz/rV0EsIefsy3C44JlzD/6VtZ1dfl1v7mGRX7X14n0s04TXnW4MvqOdWqm96EwWsHqUt8JReYlIw4DMb7G5b9WMozWey8AAAAAA=");
	--sky-height: min(56.25vw, 67.5rem);
	--hero-overlap: clamp(5.5rem, 8vw, 8rem);
	position: relative;
	min-height: 0;
	padding-top: var(--sky-height);
	background: var(--white);
}

.hero-scene {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 0;
	height: var(--sky-height);
	overflow: hidden;
	background: #adddf5;
}

.hero-frame-overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 4;
	height: var(--sky-height);
	--fdt-background:var(--hero-frame);--fdt-preview:var(--hero-frame-preview);background-image:var(--fdt-background);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	pointer-events: none;
}

.hero-frame-overlay::after {
	content: "";
	display: none;
}

.hero-layer {
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	max-width: none;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	pointer-events: none;
}

.hero-layer--ai {
	display: block;
	user-select: none;
}

.hero-layer--6 { z-index: 1; --fdt-background:url("../optimized/900f645673ad9d68.webp");--fdt-preview:url("data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAACwAwCdASpQAC0APpFIoEwlpCMiIigAsBIJaQB2AAAl6RvqagCuoAD+8ww/+tC0IHP/r4Ap45RwYQkIAAA=");background-image:var(--fdt-background); }
.hero-layer--5 { z-index: 2; --fdt-background:url("../optimized/c21c14f2a47c569e.webp");--fdt-preview:url("data:image/webp;base64,UklGRrICAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSIsBAAABoV2I6H9okENtm2k7s65t8+DadmXf0rZvb990dlp3tm3btp1cxhs5M1X4TcQETACJ31SttChkYa4pPtGYKEf8HAMxkmip4oAATmh3xBufaIAFBSMz9brhmgnfWXFxzQeS7LQrYYMQeUaxc2y8gGRJPnngqWeAO7gMVqYqo4UAsE+tSwg7WwUhRtwAHeDQQuCDe54YM2HEXc0UCPFnvWFkBLQQP94giyQt/erYIX48YZHrynkhNNEMTEA4kZEPxDhJ5c9FABB0G0i3gpDKQskIFuaDQLblTBBMzGVHwMpuAdhg4BMBuNjPDRMeeUYIPvaywYJTIDbGViYYcIIopFtND33HiUORxbRQd4wEtJmJtifukIJBXSg7BtLna0DXYTJoWS4PVUfIAD2rpWMMjGyWgJ47XpAFFrYLQ80IyGxjNz+0fCIXHOzkgzFwMFMIFR1MAcAVVKCmAphhhrANBRWuxlXc6JFpxCtvgAP8pVc4OJ7RCEEtTlQUuJKCm0/e4K9w4DW8AXDwEcSvxwBWUDggAAEAADAIAJ0BKlAALQA+hTqXR6UjoiE1WAmYoBCJYgDIi+N53fx2/zVf6Ae4DbAeYDz6vQBvAG8pg3DJOShqwADuubPH9cyJlxFKhtVsAP72pP/+nN//TZX//Sk5K0NaC6VgAd40Z51KuOPMKP6AZMEQRSJjcEDfoMOu/TOo12ASorIEdAOi6cP/nWSTDjAMQudAsW5zhOe1W/sos/7pFd5+0VfMp3p/sVm3/EDQigtO4tW7e5UynVJi2RcgJz3qH337+3/n/8CV8TMt/x/+Tf/xLTTuQyqO4FH/ZmhNx7zt1o9F+JqNn2SFf7uVICehJhUwT1VdmVwhyd0OT2TSxNGQAAA=");background-image:var(--fdt-background); }
.hero-layer--4 { z-index: 3; --fdt-background:url("../optimized/ef2d5d19c43f94c4.webp");--fdt-preview:url("data:image/webp;base64,UklGRroCAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSGUBAAABGTVtG7A4HV8i+h++iQbJtm2btrMv2rNt27Ztm1Uz/oK0V4z1A7aTsm3btu2DvWPNFTEBE8DiOzHAkCRicfPccaNcCKXPRQYYPSsi2WkaAM/sII4Ub8VhABxyhCiiXLYZ88l53hDELHu5+NQtS4lB67IuzGfnu0MIeV5z8blXFhGBhf02Yb7wlSD8OdnrvghfAiOZzHBm4bCrojASY3jhysAK94VgJHtIwFGQNZ6rwMhoQo+fKXyAkfWOE3gpkYeR20IKAzzkmIS0ZINepzzqK7OIESgaoJUVdcWpNcIAo3SaGKpxUKVeEBdajArdlDIiR5Z1HsED+OR9+GSjIQYYtWoVCCLDE0bsMDwHGE9LGjgfRaLBAB+iMTCZaNAgiWgQQcIrLxjg7hkJeMIKdyRlAgtaeqSjRyAQgQgEIhCBCESHHHPCGRdccs0tdzzwyDOvvKEOdWvpgQhEIAKBCESgPXj6HRkAVlA4IC4BAACQCQCdASpQAC0APoE2lEelIyIhOZK9UKAQCWgAwQvn0OdgNsBz8HnzXyvkYSuhnRrcH1ljmHlpn6iKNE7b5EahV9AFcEhj+MQR9OHyw8d+ou1MTScgAP78+EML//9DgDt/9bvuaOwZxr/8Z+LeretGVr3f3QfitW8fyeWVSUvmF+7+tDwymBnHc3QjWX8HQ7x/5QSwKUbbOyIEurIPKZr8ZYZpiwLOdOfD3yyh/UbPY+7B5anAxhZqsfhZ/tuXu5+624QodRHGIZ+Jg76lLs7BhmyyqvbynkUl63vRZ5I+aS5vyvYAA51rfSqE52XTvanRXAcVNt5onBcuR4UyGPKESv5GhGTeYhfOf+g3NechYNmFtKd/It7su2IKXBC1uVC1+M6bsxc006I4Q4AAAA==");background-image:var(--fdt-background); }
.hero-layer--3 { z-index: 4; --fdt-background:url("../optimized/a8d6fa696f1b28a0.webp");--fdt-preview:url("data:image/webp;base64,UklGRgYCAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSCkBAAABkHNb27FHd2wblW2UtllnpbTzF+xUtlmZY1ZfNbbN8MOzrrHee9xExATkHieytqePPYjFRbhQcxmZE/l08qBEveXOcWp0oq7jPAAPmiFsz/cY77zi4okAapQH0bce2TNx4SieNAJncY2Y+LjiBd4AjozsAMCTXD4O7gkAl4gPrO8A6NFl5FriPUCTGLlDpgNK4uQJEUWz8or4/NQBO4IZId/T5MPYUFuT/jCqcxOeyIllLKnLGonIkIuqRQoX20ThVVxcUjrWoi9Af/0skRsDmaZXdpIf4N6lPPmBX8gyA7JlYFOOO2g/eDYlk5tLLhrX5JADwC0AUIZJbgGf3bv0Ebwkd+FzQnx0liQ/9rlPl0iv4iuEi/QsU/NrmocWT2/PdNXWFCTT//IAVlA4ILYAAADQBQCdASpQAC0APo02mUelIqKhMRv5IKARiUAZ/rQFuA3gDeaQN1uJwRuYu/DAa/Wd6aq5JAggAP7cUf/uDrSEilj+HOv7R7hX/QrG+Olx745NxS0d/7WG2O2bGLNf8ir/+1Ef/UsP/9oaQY8VLo1caJCD//UHf/6+UY7Io4FAXc+aaujBrD52hZZMEzsdML+SCULrJSnwuLFdWftczajSO2BJCUur0O24eJjvJAOUXh92wAAAAA==");background-image:var(--fdt-background); }
.hero-layer--2 { z-index: 5; --fdt-background:url("../optimized/a38cb6e7efc3a6ce.webp");--fdt-preview:url("data:image/webp;base64,UklGRhIDAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSFcBAAABkINt27E3T/QdsTU5+Y5MmWwbk21OOTLZRm1rsm1z4tTJtuLcxfe/H+sOETEB9Keb0xrjwww+nBYYH4a9Dg/wGmB8GKgW4OKacPHJMrUZHwXQ9J3xYQi2EK3g1RNyFACOE5H5aegspUVnLVVivx+CZ42JzkL3dEqmsb6yuN0ZAmEPIPzOkaic4WJIJimcv/6pzYv026ahc7LQkPIZNpHS+E8AZo+eBuP42cGWJQzrvOTiCvVZDHO3vID4ccyCdWt/o48speOwZ4mCpLNg/3Rjd4QsYQ3zfFlGpZHwqrUc5PgqiQ8S4BLq7ykES2TxenV+2OU75/NQ8FZ9GRy7C+l7vwdQdJMMRLnfFY9D2bNx8ujzi6D4F34yLLj+CWqcbJCKa5qEWvdaS2Gdfwcq3i5B+STUvSbDksk4pHEcqp++2h9jLGR+F1o5frIlyJBoFTT13d5R/D8UAFZQOCCUAQAAMAoAnQEqUAAtAD6ROphHpaOioS70nPiwEgloAMKwAS47lgS3b37gD/n3xeAagLp9C/bqfxZV/noNuwBnbUumsxSP/1S0IrPBtkDMEjq2fnSQyPu3RnTtLYlAAP78R2sjF2B7a26uYB4ydXjzgBNJjcKNlrlMT7qXShmeWVeGF8ZDcXFofyf/81fsC//ybtcl4hZIejwfX+cB3iw/3/c+vAdTlvoLP//doHKyxzBbMcru/HazAi/hPR1py5EGI7Vc7wGNaHmEt7xu0Lu5tlSVSICDPRdf6yZsqmomgSyEfLhsiEuUWh3ADFvKvelu6QGGVYC1GiSH3i7t6oXQkSqgbZY6bckys4DmiPYFBBIAnpDQWHUR/gs09n0DA9KTAKxCOmo/JRJiA5GAmRn+C8sG4cd9Mp3fECHHvxgPp/x/xrI0wWy57nkwYo/QAE0pGOOJKw4cf3++Sm6N9qJ2b0i+M3De/M+AKA6+A2OuyELgWnJuh7Quny7BXBXHpV3lnJh/qJxTDJtYAcU5AWjbTQCc1QAAAAA=");background-image:var(--fdt-background); }
.hero-layer--smoke { z-index: 6; --fdt-background:url("../optimized/a36e4912f00599dc.webp");--fdt-preview:url("data:image/webp;base64,UklGRpYAAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSDkAAAABX6AokqQ2eznDiz8WkEBEBMQukn9uvIKZ2jY+CYWQwiSCLlq+YzRE9H8CdLFhEtNF0TplRA3MDw8AVlA4IDYAAADQAwCdASpQAC0APpFIn0ulpCKhpEgAsBIJaQAAJiJyVNAre0i5ZGAA+Ff//GKU/w3CosAAAAA=");background-image:var(--fdt-background); }
.hero-layer--1 { z-index: 7; --fdt-background:url("../optimized/7440bbc76f6cf2d0.webp");--fdt-preview:url("data:image/webp;base64,UklGRnACAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSMwBAAABkAPZtmlb69nv27ZtGyEj24xsO7Jt2zYi237227Xr1KkRXNU+54Y/iIgJkP/uVxQZHFxmSOWk8KAyVWbRPQiU9uOcvGSHSGGXFTzgh931I9dCZVe4uwarRF9nuqdxQxJ1T3ddYKBI3aoeagvQvj+7XFVYc0Fk6SwPMmxS1h4jLTrSRe1/8yBePr70YoPddC1XWvZxUWWLB9IY6np43kmDOycSm7oiUkR2AB1Xw1KRfl4AhRq/zhUjK0pFDRnnhmL3l/C/vsj6+yAp3A3XZkjRFFANz8Eu6Yz/aeVdUNx6LtUBngBW5S0B0N5p0SKjoe4cD37DtcFvA1nnlJreYheLnEAvfOIFyCh8LpCFTtlT30uf36EyHlo/8MUFAs0p7YBokeis5V4O0TXyK9zY5kfgqrkDVov04muoiETnsGc4YGUZeFnWXGm7suzDbi1St/5HjrR+Bj8x2dLcZGbIeJJKRsqDhppz/TCc0tVQXZEHPA//CJMXVuYnkGSK8WaqnpLoB9yarCApZwY5oDCekmhkjkpMzCCp/nN4zxXycOLH4kZeMngacA8HZ9WON1C88l82TcwgQ5uybdu2tNZaKfVVTM5q+1svHa8DVoEDVlA4IH4AAADQBQCdASpQAC0APpE8mUglo6KhMRgIALASCWUA1IAeyHFgNtzz/4G82TS0CkfdmiXAaGH90E2gAP7614Jb8jA57/cijwfmvTC9j5f7qVORBaDYvcu9SJN4HPcAH7K8EyuEVqDQt0YpOLN/KWyvRG7YTMNmJZSt2dE4F8AAAAA=");background-image:var(--fdt-background); }

.hero-layer--smoke {
	animation: hero-smoke-drift 5.8s ease-in-out infinite alternate;
}

@keyframes hero-smoke-drift {
	0% {
		background-position: 50% 0.25rem;
		opacity: 0.78;
	}
	55% {
		opacity: 0.96;
	}
	100% {
		background-position: calc(50% + 0.35rem) -0.45rem;
		opacity: 0.84;
	}
}

.hero-layer--fallback {
	display: none;
	inset: 0;
	width: auto;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.hero-layer--back {
	z-index: 1;
	--fdt-background:var(--hero-bg);--fdt-preview:var(--hero-bg-preview);background-image:var(--fdt-background);
}

body[data-page="home"] .hero-copy {
	position: relative;
	z-index: 5;
	min-height: 0;
	margin-top: calc(-1 * var(--hero-overlap));
	padding: clamp(2.5rem, 4vw, 4rem) var(--gutter) clamp(4.75rem, 8vw, 7.5rem);
	clip-path: none;
	background: var(--white);
	text-align: center;
}

body[data-page="home"] .hero-copy::after {
	display: none;
}

body[data-page="home"] .hero-copy > * {
	width: min(100%, var(--content));
	margin-right: auto;
	margin-left: auto;
}

body[data-page="home"] .hero-copy h1 {
	max-width: 58rem;
	margin-right: auto;
	margin-bottom: 1.4rem;
	margin-left: auto;
	font-family: "FD Utility", Helvetica, Arial, sans-serif;
	font-size: clamp(2.75rem, 5vw, 4.5rem);
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.08;
	text-transform: uppercase;
}

body[data-page="home"] .hero-copy > p:not(.section-kicker) {
	max-width: 42rem;
	margin-right: auto;
	margin-left: auto;
	color: var(--text-soft);
	font-size: clamp(1rem, 1.3vw, 1.22rem);
}

body[data-page="home"] .hero-copy .button-row {
	justify-content: center;
	margin-top: 1.75rem;
}

body[data-page="home"] .partner-rail {
	display: grid;
	gap: 1.2rem;
	min-height: 0;
	padding: 2rem var(--gutter) 2.4rem;
	background: #000;
	color: var(--white);
}

body[data-page="home"] .partner-rail h2 {
	margin: 0;
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.95rem, 1.3vw, 1.2rem);
	font-weight: 780;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
}

.partner-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(2.5rem, 7vw, 6rem);
}

body[data-page="home"] .partner-rail .partner-logo {
	width: auto;
	height: auto;
	object-fit: contain;
}

body[data-page="home"] .partner-logo--ph {
	max-width: min(12.5rem, 34vw);
	max-height: 4.25rem;
}

body[data-page="home"] .partner-logo--nyon {
	max-width: min(13rem, 38vw);
	max-height: 4.75rem;
}

body[data-page="home"] .current-ascent {
	display: flex;
	align-items: center;
	min-height: clamp(31rem, 43vw, 40rem);
	padding: clamp(3rem, 6vw, 5.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background-color: var(--night);
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.77) 35%, rgba(0, 12, 24, 0.12) 72%), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(90deg, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.77) 35%, rgba(0, 12, 24, 0.12) 72%), none;background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
}

body[data-page="home"] .ascent-copy {
	width: min(36rem, 55%);
	padding: 0;
}

body[data-page="home"] .game-logo {
	width: min(25rem, 92%);
	margin-bottom: 1.65rem;
}

body[data-page="home"] .game-hook {
	max-width: 33rem;
	margin-bottom: 1.4rem;
	font-size: clamp(1.05rem, 1.45vw, 1.32rem);
	line-height: 1.48;
}

body[data-page="home"] .chip-list {
	margin-bottom: 1.7rem;
}

body[data-page="home"] .ascent-copy .button-row {
	width: min(100%, 33rem);
}

body[data-page="home"] .ascent-copy .button {
	flex: 1 1 12rem;
}

body[data-page="home"] .herd-section {
	padding: clamp(5rem, 8vw, 7.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.home-section-heading {
	max-width: 48rem;
	margin: 0 auto clamp(3.5rem, 6vw, 5.5rem);
	text-align: center;
}

.home-section-heading h2 {
	margin: 0 auto 1.25rem;
	font-family: "FD Utility", Helvetica, Arial, sans-serif;
	font-size: clamp(3rem, 5vw, 4.9rem);
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.08;
	text-transform: uppercase;
}

.home-section-heading > p:last-child {
	max-width: 46rem;
	margin: 0 auto;
	color: var(--text-soft);
	font-size: 1.04rem;
}

.team-group {
	max-width: var(--content);
	margin: 0 auto;
}

.team-group + .team-group {
	margin-top: clamp(4rem, 7vw, 6.5rem);
}

.team-group > h3,
.team-group__heading h3 {
	margin-bottom: 1.25rem;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-transform: uppercase;
}

.team-group__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1.25rem;
}

.team-group__heading h3,
.team-group__heading p {
	margin-bottom: 0;
}

.team-group__heading p {
	color: var(--text-soft);
	font-size: 0.9rem;
}

body[data-page="home"] .herd-grid {
	--herd-gap: clamp(1.25rem, 2.5vw, 2rem);
	display: grid;
	gap: calc(var(--herd-gap) + 4.5rem) var(--herd-gap);
	max-width: none;
	margin: 0;
	padding-top: 5rem;
}

body[data-page="home"] .herd-grid--founders {
	display: flex;
	justify-content: center;
	gap: var(--herd-gap);
}

body[data-page="home"] .herd-grid--founders .herd-card {
	width: calc((100% - (2 * var(--herd-gap))) / 3);
}

body[data-page="home"] .herd-grid--crew {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-page="home"] .herd-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: visible;
	border: 1px solid rgba(0, 12, 24, 0.1);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.5rem 3.75rem rgba(44, 107, 175, 0.18);
}

body[data-page="home"] .herd-card img {
	position: relative;
	z-index: 2;
	width: min(76%, 16rem);
	height: 13.5rem;
	margin: -5.25rem auto -0.5rem;
	object-fit: contain;
	object-position: center bottom;
	background: transparent;
	filter: drop-shadow(0 1rem 1.35rem rgba(0, 12, 24, 0.14));
}

body[data-page="home"] .herd-card--quiet img {
	background: transparent;
}

body[data-page="home"] .herd-card__copy {
	position: relative;
	z-index: 1;
	min-height: 0;
	padding: clamp(1.4rem, 2.4vw, 2rem);
}

body[data-page="home"] .herd-card:hover {
	box-shadow: 0 1.8rem 4.5rem rgba(44, 107, 175, 0.24);
}

.herd-card__discipline {
	margin-bottom: 0.55rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.07em;
	line-height: 1.45;
	text-transform: uppercase;
}

body[data-page="home"] .herd-card h3 {
	margin-bottom: 0.55rem;
	font-size: clamp(1.45rem, 2vw, 2rem);
	text-transform: none;
}

.herd-card__role {
	margin-bottom: 1rem !important;
	color: var(--ink) !important;
	font-size: 0.82rem !important;
	font-weight: 800 !important;
}

.herd-card__bio {
	margin: 0 !important;
	color: var(--text-soft) !important;
	font-size: 0.87rem !important;
	font-weight: 450 !important;
	line-height: 1.62 !important;
}

.home-work-teaser {
	display: grid;
	grid-template-columns: minmax(20rem, 1.2fr) minmax(18rem, 0.8fr) auto;
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	padding: clamp(3rem, 5vw, 4.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--ink);
	color: var(--white);
}

.home-work-teaser h2 {
	margin-bottom: 0.8rem;
	color: var(--white);
	font-size: clamp(2.2rem, 3.5vw, 3.35rem);
}

.home-work-teaser p:last-child {
	max-width: 39rem;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.7);
}

.home-work-teaser ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-work-teaser li {
	padding: 0.42rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 780;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

body[data-page="home"] .basecamp {
	display: block;
	padding: clamp(4.75rem, 8vw, 7.5rem) var(--gutter);
	background: var(--paper);
	text-align: center;
}

body[data-page="home"] .basecamp-art {
	display: block;
	width: min(28rem, 76vw);
	max-height: 19rem;
	margin: 0 auto 1.4rem;
	object-fit: contain;
}

body[data-page="home"] .basecamp-copy {
	width: min(100%, 45rem);
	margin: 0 auto;
}

body[data-page="home"] .basecamp-copy h2 {
	margin-bottom: 0.9rem;
	font-size: clamp(2.8rem, 4.8vw, 4.6rem);
}

body[data-page="home"] .basecamp-copy > p:not(.section-kicker) {
	max-width: 37rem;
	margin-right: auto;
	margin-left: auto;
	color: var(--text-soft);
	font-size: 1rem;
}

.signup-form {
	margin-top: 1.8rem;
	text-align: left;
}

.signup-form label {
	display: block;
	margin-bottom: 0.45rem;
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

.signup-form__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.75rem;
}

.signup-form input {
	min-width: 0;
	height: 52px;
	padding: 0 1rem;
	border: 1px solid rgba(0, 12, 24, 0.28);
	border-radius: 0;
	background: var(--white);
	color: var(--ink);
	font-size: 1rem;
}

.signup-form input:focus {
	border-color: var(--brand);
	outline: 3px solid rgba(138, 213, 255, 0.55);
	outline-offset: 2px;
}

.signup-form .button {
	height: 52px;
	box-shadow: none;
	cursor: pointer;
}

.basecamp-note {
	margin-top: 1.25rem;
	font-size: 0.82rem !important;
}

.basecamp-note a {
	font-weight: 750;
}

@media (min-width: 3000px) {
	body[data-page="home"] .home-hero {
		--hero-bg: url("../optimized/1f398a3c0c3d8657.webp");--hero-bg-preview:url("data:image/webp;base64,UklGRsABAABXRUJQVlA4ILQBAADQCQCdASpQAB0APpE6mEgloyKhLNQNULASCUAX7YA6ih9sfBlg2FDw5T0iq7tJ3eCS46Pr1N94RFSrlCx9FbNP5eHtuiTzEu5lvb16q7q/n8C2QIZJMAAA/Nknoh2R4Ngmpgs21S/tck4gpcQ3oaqvNFQ49XF198ABaF+Gm6L5YY5Ul1TCCUHdjTPqrKFjGhEP/R/sf2D9B/dH2jr51RNSUANPwgVwAf38L3LkZrM6lnp/WpN602JhgPfqi3ceZ1ZXC+RxB6o8f5iUN65yhqqt8hHOTVgUgD1n+2+BtSJB38Utj93RpMLLSx4sKVPWeyRlUkniix19heKOPYQcvU4PIPw81PmLNPaA3LUrlR6Bb6eR5tBxs+Xgc05hWfyQa3qtiWKz5/0Ek7Rj4hpKeTvyHcIqKTfNLbjSLggSCYCO2Ic1Q9aL0jxwJvfoxyzKXkkZgqFeuFxUIumCko1wxlr+hNEIY96cfVf0YIAM7G4+/JY/88QP1SevU64uWrzFJxUCa+uaPDtpVrpLgpHlrAhepp7b9moWZ7vCfVttsu3KyI22g/w0GwfiVMzhmYiUeYArQAAA");
		--hero-frame: url("../optimized/9d20f1b2695e67a9.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAATwAAHAAAQUxQSIMAAAANcFpt27I8v+Jkh9+lc/4EJCK0/zCBS2QBlwE06ShsxBjfeRIpIiYAZPNXMtEdVOVlD1QLH3Dt7kA1ebJANXiA62AMlgXDMmzDAcNKbBuWAZrqbAyqjTOo5ncRqPZXoGqdwbPkBaFXAUl50wlA9QCyizSZuAWu7SEE/grxg8hNIf4LAQBWUDggRgAAADAEAJ0BKlAAHQA+gTKTR6UjIaE2aACgEAlpANFEL3WbeDhcCcv3l+zgoAD+/ZmAFj/63jsvR+YhL4vz8W+qN1RtaRAAAAA=");
		--sky-height: 36.67vw;
	}

	.hero-frame-overlay::after {
		position: absolute;
		top: 58.7%;
		left: 17.4%;
		display: block;
		width: calc(var(--sky-height) * 0.377);
		height: calc(var(--sky-height) * 0.18);
		--fdt-background:url("../optimized/c9a50f2abad1e5df.webp");--fdt-preview:url("data:image/webp;base64,UklGRuYBAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSPkAAAABgGPb2rHni22nslPZNst/DBlBStu2NQDbtm3b9o31vXETERNA/Xazk4aziDCcZSALdxXIwlsHsvA2gSz8LSCLYAfIItwFsoj2gSziAyAKr+EISMGqxvAvmLnBi+nDbu+e23eBN6SNcB3emi4qUyCL9R7I4nYForDG4l1pIFgBssiN4cM5Gr+DDCN8Cx/PGslvIuzoUbKFj/g6DVdpQOENuGfwUV+XfDVzAt03iAZtqHxgR1o0UvIVxjf0cVwBcKN5VfcyzgnQhDXTfAeP3aqOuCmKPz7wqVDQZmsNTy7sIJCivNH2hP7VR/J4ZRtemuoxhhGPxxP4TwoAVlA4IMYAAADQBQCdASpQAC0APpE8mkiloyKhMzHIALASCWcA0fmLr3/dBQrQOwS2wTwzu8lUjh5ZE1/AyySAAP7614Hj4Gl//vzn/9+H//++19Q8v+6MgfTTukHyJAUrpOOrgpQOJCmdjbTOAK++CV1ENUVF3wE///tQXPU/fybX6df+pfMorvs9LAg6rf/9KvmWm/ue/7l+h7ZC9RGQmLw6Nd8lOClzcGUczUqzDdoJRd2gC1j4P4YyWJO78cS+qhwe9EWxgLtQjEAAAAA=");background-image:var(--fdt-background);
		background-position: calc(var(--sky-height) * -0.3093) calc(var(--sky-height) * -0.587);
		background-repeat: no-repeat;
		background-size: calc(var(--sky-height) * 1.7778) var(--sky-height);
	}

	.hero-scene {
		z-index: auto;
	}

	.hero-layer--ai {
		display: none;
	}

	.hero-layer--fallback {
		display: block;
	}
}

@media (max-width: 1040px) {
	.concept-header {
		grid-template-columns: minmax(0, 1fr) auto auto;
		gap: 0.55rem;
	}

	.concept-header nav {
		display: none;
	}

	.header-socials {
		display: flex;
	}

	body[data-page="home"] .home-hero {
		--hero-overlap: clamp(6rem, 12vw, 8rem);
	}

	.hero-scene {
		z-index: auto;
	}

	.hero-layer--ai {
		display: none;
	}

	.hero-layer--fallback {
		display: block;
	}

	.home-section-heading {
		grid-template-columns: 1fr;
		gap: 1.4rem;
	}

	.home-section-heading > p:last-child {
		grid-column: 1;
		grid-row: auto;
		max-width: 42rem;
	}

	body[data-page="home"] .herd-grid--crew {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body[data-page="home"] .herd-grid--founders .herd-card {
		width: calc((100% - var(--herd-gap)) / 2);
	}

	body[data-page="home"] .herd-grid--crew .herd-card:last-child {
		grid-column: 1 / -1;
		width: calc(50% - 0.65rem);
		justify-self: center;
	}

	.home-work-teaser {
		grid-template-columns: minmax(18rem, 1fr) minmax(15rem, 0.8fr);
	}

	.home-work-teaser .button {
		grid-column: 1 / -1;
		justify-self: start;
	}
}

@media (max-width: 700px) {
	.concept-header {
		gap: 0.35rem;
	}

	.header-socials {
		gap: 0.3rem;
	}

	.header-socials a {
		width: 44px;
		height: 44px;
	}

	body[data-page="home"] .home-hero {
		--hero-overlap: clamp(3rem, 14vw, 5rem);
	}

	body[data-page="home"] .hero-copy {
		padding: 2.25rem 1.25rem 4.5rem;
	}

	body[data-page="home"] .hero-copy h1 {
		font-size: clamp(2.35rem, 11vw, 3.4rem);
	}

	body[data-page="home"] .hero-copy .button-row {
		align-items: center;
	}

	body[data-page="home"] .partner-rail {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1.8rem 1.25rem 2.15rem;
	}

	.partner-logos {
		gap: 1.6rem;
	}

	body[data-page="home"] .current-ascent {
		align-items: flex-end;
		min-height: 40rem;
		padding: 3.5rem 1.25rem;
		--fdt-background:linear-gradient(to top, rgba(0, 12, 24, 0.96) 0, rgba(0, 12, 24, 0.74) 38%, rgba(0, 12, 24, 0.05) 74%), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(to top, rgba(0, 12, 24, 0.96) 0, rgba(0, 12, 24, 0.74) 38%, rgba(0, 12, 24, 0.05) 74%), none;background-image:var(--fdt-background);
		background-position: 69% center;
	}

	body[data-page="home"] .ascent-copy {
		align-items: center;
		width: 100%;
		padding: 0;
		text-align: center;
	}

	body[data-page="home"] .ascent-copy .button-row {
		justify-content: center;
		align-items: stretch;
	}

	body[data-page="home"] .ascent-copy .button {
		flex: none;
		width: 100%;
		height: auto;
		min-height: 48px;
	}

	body[data-page="home"] .game-logo {
		width: min(21rem, 88vw);
		margin-right: auto;
		margin-left: auto;
	}

	body[data-page="home"] .game-hook {
		margin-right: auto;
		margin-left: auto;
	}

	body[data-page="home"] .chip-list {
		justify-content: center;
	}

	body[data-page="home"] .herd-section {
		padding: 4.75rem 1.25rem;
	}

	.home-section-heading {
		margin-bottom: 3.5rem;
	}

	.home-section-heading h2 {
		font-size: clamp(2.9rem, 13vw, 4rem);
	}

	.team-group__heading {
		display: block;
	}

	.team-group__heading h3 {
		margin-bottom: 0.4rem;
	}

	body[data-page="home"] .herd-grid--founders,
	body[data-page="home"] .herd-grid--crew {
		grid-template-columns: 1fr;
		gap: 1.4rem;
	}

	body[data-page="home"] .herd-grid--founders {
		flex-direction: column;
	}

	body[data-page="home"] .herd-grid--founders .herd-card {
		width: 100%;
	}

	body[data-page="home"] .herd-grid--crew .herd-card:last-child {
		grid-column: auto;
		width: 100%;
	}

	body[data-page="home"] .herd-card img {
		width: min(82%, 16rem);
		height: 12.5rem;
		aspect-ratio: auto;
		margin-top: -4.75rem;
	}

	body[data-page="home"] .herd-card__copy {
		padding: 1.45rem;
	}

	.home-work-teaser {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding: 3.25rem 1.25rem;
	}

	.home-work-teaser .button {
		grid-column: auto;
		justify-self: stretch;
	}

	body[data-page="home"] .basecamp {
		padding: 4.25rem 1.25rem 5rem;
	}

	body[data-page="home"] .basecamp-art {
		width: min(22rem, 86vw);
		max-height: 15rem;
	}

	.signup-form__row {
		grid-template-columns: 1fr;
	}

	.signup-form .button {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.concept-header {
		gap: 0.2rem;
	}

	.concept-header .brand img {
		width: 8rem;
	}

	.header-socials a {
		width: 44px;
		height: 44px;
	}

	.header-socials svg {
		width: 18px;
		height: 18px;
	}

	.concept-header .menu-button {
		width: 44px;
		height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-layer {
		background-attachment: scroll;
		transform: none !important;
	}

	.hero-layer--smoke {
		animation: none !important;
		opacity: 1;
	}
}



.site-footer {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.5rem clamp(2rem, 5vw, 5rem);
	min-height: 0;
	padding: 2.25rem max(var(--gutter), calc((100vw - var(--content)) / 2)) 1.35rem;
	background: #000;
	color: var(--white);
}

.footer-logo {
	display: block;
	width: clamp(9rem, 13vw, 12rem);
	min-height: 44px;
}

.footer-logo img {
	width: 100%;
	height: auto;
}

.footer-nav,
.footer-socials {
	display: flex;
	align-items: center;
	gap: clamp(0.4rem, 1.5vw, 1.4rem);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 780;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.footer-nav {
	justify-content: center;
}

.footer-socials {
	justify-content: flex-end;
}

.footer-nav a,
.footer-socials a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.35rem 0.25rem;
	text-decoration: none;
}

.footer-nav a:hover,
.footer-nav a:focus-visible,
.footer-socials a:hover,
.footer-socials a:focus-visible {
	color: var(--sky);
}

.site-footer .footer-meta {
	grid-column: 1 / -1;
	display: block;
	margin: 0;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	color: rgba(255, 255, 255, 0.52);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.6rem;
	font-weight: 650;
	letter-spacing: 0.07em;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 700px) {
	.site-footer {
		grid-template-columns: 1fr;
		gap: 0.5rem;
		padding: 2.5rem 1.25rem 1.25rem;
		text-align: center;
	}

	.footer-logo {
		justify-self: center;
		width: 10.5rem;
	}

	.footer-nav,
	.footer-socials {
		justify-content: center;
		flex-wrap: wrap;
	}

	.site-footer .footer-meta {
		grid-column: 1;
		margin-top: 0.75rem;
	}
}



body[data-page="work"] .work-hero {
	position: relative;
	display: grid;
	place-items: center;
	min-height: clamp(42rem, 56.25vw, 58rem);
	padding: 8rem var(--gutter) clamp(8rem, 13vw, 12rem);
	overflow: hidden;
	background-color: var(--night-blue);
	--fdt-background:url("../optimized/411d9295fd277173.webp");--fdt-preview:url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
}

body[data-page="work"] .work-hero::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(to bottom, rgba(0, 12, 24, 0.26), rgba(0, 12, 24, 0.56)), radial-gradient(circle at center, rgba(0, 12, 24, 0.2), rgba(0, 12, 24, 0.54) 78%);
	content: "";
}

.work-hero__ridge {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	z-index: 1;
	height: clamp(6rem, 13vw, 12rem);
	background: var(--snow);
	clip-path: polygon(100% 18%, 100% 100%, 0 100%, 0 88%, 28% 88%, 37% 73%, 50% 75%, 58% 50%, 73% 56%, 84% 35%);
	pointer-events: none;
}

.work-hero__copy {
	position: relative;
	z-index: 2;
	width: min(100%, 58rem);
	text-align: center;
}

body[data-page="work"] .work-hero h1,
body[data-page="work"] .work-section-heading h2,
body[data-page="work"] .work-inquiry h2 {
	font-family: "FD Utility", Helvetica, Arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.08;
	text-transform: uppercase;
}

body[data-page="work"] .work-hero h1 {
	margin: 0 auto 1.25rem;
	color: var(--white);
	font-size: clamp(3.1rem, 6.2vw, 5.75rem);
	text-shadow: 0 0.25rem 2rem rgba(0, 12, 24, 0.38);
}

body[data-page="work"] .work-hero h1 em {
	color: var(--sky);
}

.work-hero__copy > p {
	margin: 0 auto 1.8rem;
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	font-weight: 650;
}

.work-intro-clean,
.work-services,
.work-inquiry {
	padding-right: max(var(--gutter), calc((100vw - var(--content)) / 2));
	padding-left: max(var(--gutter), calc((100vw - var(--content)) / 2));
}

.work-intro-clean {
	padding-top: clamp(4.5rem, 7vw, 6.5rem);
	padding-bottom: clamp(5rem, 8vw, 7.5rem);
	background: var(--snow);
}

.work-section-heading {
	width: min(100%, 48rem);
	margin: 0 auto clamp(2.5rem, 5vw, 4rem);
	text-align: center;
}

body[data-page="work"] .work-section-heading h2 {
	margin: 0 auto 1.25rem;
	font-size: clamp(2.8rem, 5vw, 4.9rem);
}

.work-section-heading > p,
.work-section-heading .lead {
	max-width: 44rem;
	margin: 0 auto;
	color: var(--text-soft);
	font-size: clamp(1rem, 1.3vw, 1.14rem);
	line-height: 1.65;
}

.work-promises {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.2vw, 1.6rem);
	max-width: 62rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.work-promises li {
	display: grid;
	place-items: center;
	min-height: 5.25rem;
	padding: 1.2rem;
	border: 1px solid rgba(0, 12, 24, 0.1);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.35rem 3.5rem rgba(44, 107, 175, 0.13);
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.075em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.work-services {
	padding-top: clamp(5rem, 8vw, 7.5rem);
	padding-bottom: clamp(5.5rem, 9vw, 8rem);
	background: linear-gradient(180deg, var(--paper), var(--ice));
}

.work-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.2rem, 2.5vw, 2rem);
	max-width: var(--content);
	margin: 0 auto;
}

.work-service-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(1.6rem, 3vw, 2.5rem);
	border: 1px solid rgba(0, 12, 24, 0.1);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.6rem 4rem rgba(44, 107, 175, 0.16);
}

.work-service-card h3 {
	min-height: 4.5em;
	margin-bottom: clamp(1.8rem, 3vw, 2.7rem);
	font-family: "FD Utility", Helvetica, Arial, sans-serif;
	font-size: clamp(1.65rem, 2.45vw, 2.4rem);
	font-weight: 900;
	letter-spacing: 0.005em;
	line-height: 1.12;
	text-align: center;
	text-transform: uppercase;
}

.work-service-card h3 em {
	color: var(--brand);
	font-style: normal;
}

.work-service-list {
	display: grid;
	gap: 1.5rem;
	margin-top: auto;
}

.work-service-list > div {
	padding-top: 1.35rem;
	border-top: 1px solid var(--line);
}

.work-service-list h4 {
	margin: 0 0 0.55rem;
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.73rem;
	font-weight: 850;
	letter-spacing: 0.055em;
	line-height: 1.45;
	text-transform: uppercase;
}

.work-service-list p {
	margin: 0;
	color: var(--text-soft);
	font-size: 0.94rem;
	line-height: 1.62;
}

.work-proof {
	display: flex;
	align-items: center;
	min-height: clamp(31rem, 43vw, 40rem);
	padding: clamp(3rem, 6vw, 5.5rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background-color: var(--night);
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.77) 35%, rgba(0, 12, 24, 0.12) 72%), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(90deg, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.77) 35%, rgba(0, 12, 24, 0.12) 72%), none;background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
}

.work-proof__copy {
	width: min(36rem, 55%);
}

.work-proof__copy img {
	width: min(25rem, 92%);
	margin-bottom: 1.65rem;
}

.work-proof__copy p {
	max-width: 33rem;
	margin-bottom: 1.7rem;
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
	line-height: 1.5;
}

.work-inquiry {
	display: grid;
	grid-template-columns: minmax(18rem, 0.75fr) minmax(28rem, 1.25fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 6rem);
	padding-top: clamp(4.5rem, 7vw, 6.5rem);
	padding-bottom: clamp(4.5rem, 7vw, 6.5rem);
	background: var(--paper);
}

.work-inquiry > img {
	width: min(100%, 27rem);
	max-height: 20rem;
	justify-self: end;
	object-fit: contain;
}

.work-inquiry__copy {
	max-width: 44rem;
}

body[data-page="work"] .work-inquiry h2 {
	margin-bottom: 1.15rem;
	font-size: clamp(2.55rem, 4.6vw, 4.4rem);
}

.work-inquiry__copy > p {
	max-width: 38rem;
	margin-bottom: 1.7rem;
	color: var(--text-soft);
	font-size: 1.04rem;
}

.work-inquiry .button-row {
	align-items: center;
}

body[data-page="work"] .work-partner-rail {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.2rem;
	min-height: 0;
	padding: 2rem var(--gutter) 2.4rem;
	background: #000;
	color: var(--white);
}

body[data-page="work"] .work-partner-rail h2 {
	margin: 0;
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.95rem, 1.3vw, 1.2rem);
	font-weight: 780;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-align: center;
}

body[data-page="work"] .work-partner-rail .partner-logo {
	width: auto;
	height: auto;
	object-fit: contain;
}

body[data-page="work"] .work-partner-rail .partner-logo--ph {
	max-width: min(12.5rem, 34vw);
	max-height: 4.25rem;
}

body[data-page="work"] .work-partner-rail .partner-logo--nyon {
	max-width: min(13rem, 38vw);
	max-height: 4.75rem;
}

@media (max-width: 920px) {
	.work-service-grid {
		grid-template-columns: 1fr;
		max-width: 42rem;
	}

	.work-service-card h3 {
		min-height: 0;
	}

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

@media (max-width: 700px) {
	body[data-page="work"] .work-hero {
		min-height: 42rem;
		padding: 7.5rem 1.25rem 8rem;
		background-position: 48% center;
	}

	.work-hero__ridge {
		height: 7rem;
		clip-path: polygon(100% 8%, 100% 100%, 0 100%, 0 92%, 18% 92%, 31% 82%, 43% 83%, 55% 64%, 70% 68%, 84% 42%);
	}

	body[data-page="work"] .work-hero h1 {
		font-size: clamp(2.65rem, 13vw, 3.8rem);
	}

	.work-intro-clean,
	.work-services,
	.work-inquiry {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

	body[data-page="work"] .work-section-heading h2 {
		font-size: clamp(2.7rem, 12vw, 3.8rem);
	}

	.work-promises {
		grid-template-columns: 1fr;
		gap: 0.8rem;
	}

	.work-promises li {
		min-height: 4.5rem;
	}

	.work-service-card {
		padding: 1.5rem;
	}

	.work-service-list {
		grid-template-columns: 1fr;
	}

	.work-proof {
		align-items: flex-end;
		min-height: 40rem;
		padding: 3.5rem 1.25rem;
		--fdt-background:linear-gradient(to top, rgba(0, 12, 24, 0.96) 0, rgba(0, 12, 24, 0.74) 38%, rgba(0, 12, 24, 0.05) 74%), url("../optimized/9b9279833a900a18.webp");--fdt-preview:linear-gradient(to top, rgba(0, 12, 24, 0.96) 0, rgba(0, 12, 24, 0.74) 38%, rgba(0, 12, 24, 0.05) 74%), none;background-image:var(--fdt-background);
		background-position: 69% center;
	}

	.work-proof__copy {
		width: 100%;
		text-align: center;
	}

	.work-proof__copy img {
		width: min(21rem, 88vw);
		margin-right: auto;
		margin-left: auto;
	}

	.work-proof__copy p {
		margin-right: auto;
		margin-left: auto;
	}

	.work-inquiry {
		grid-template-columns: 1fr;
		gap: 1.25rem;
		text-align: center;
	}

	.work-inquiry > img {
		width: min(22rem, 86vw);
		max-height: 15rem;
		justify-self: center;
	}

	body[data-page="work"] .work-inquiry h2 {
		font-size: clamp(2.55rem, 11vw, 3.6rem);
	}

	.work-inquiry__copy > p {
		margin-right: auto;
		margin-left: auto;
	}

	.work-inquiry .button-row {
		justify-content: center;
	}

	body[data-page="work"] .work-partner-rail {
		gap: 1rem;
		padding: 1.8rem 1.25rem 2.15rem;
	}
}



.experience-credits {
	grid-template-columns: 1fr;
	gap: clamp(2rem, 4vw, 3rem);
}

.experience-credits > div {
	max-width: 50rem;
	margin: 0 auto;
	text-align: center;
}

.experience-credits ul {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-auto-rows: clamp(8.5rem, 12vw, 10rem);
	gap: clamp(0.75rem, 1.5vw, 1.15rem);
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.credit-mark,
.credit-mark:nth-child(n),
.credit-mark:last-child {
	grid-column: auto;
	height: 100%;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.credit-link {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: clamp(1.25rem, 2vw, 1.75rem);
	border: 1px solid rgba(0, 12, 24, 0.1);
	border-radius: 0.9rem;
	background: var(--paper);
	box-shadow: 0 0.8rem 2.4rem rgba(44, 107, 175, 0.08);
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.credit-link::after {
	position: absolute;
	top: 0.75rem;
	right: 0.85rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 900;
	content: "↗";
	opacity: 0;
	transform: translate(-0.2rem, 0.2rem);
	transition: opacity 220ms ease, transform 220ms ease;
}

.credit-link:hover,
.credit-link:focus-visible {
	border-color: rgba(44, 107, 175, 0.48);
	background: #fff;
	box-shadow: 0 1.35rem 3.25rem rgba(44, 107, 175, 0.2);
	transform: translateY(-0.35rem);
}

.credit-link:hover::after,
.credit-link:focus-visible::after {
	opacity: 1;
	transform: translate(0, 0);
}

.credit-link:focus-visible {
	outline: 3px solid var(--brand-bright);
	outline-offset: 3px;
}

.credit-link img {
	display: block;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 5.25rem;
	object-fit: contain;
}

.credit-link img[alt="CERN"],
.credit-link img[alt="Asteroid Lab"],
.credit-link img[alt="Digital Kingdom"],
.credit-link img[alt="EPAC"],
.credit-link img[alt="Lakeview Games"] {
	max-height: 6.25rem;
}

.client-logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 5.75rem;
	margin-bottom: auto;
	object-fit: contain;
	object-position: left center;
}

.client-logo--lmdm,
.client-logo--ceruleum {
	max-width: 88%;
	max-height: 4.25rem;
}

.client-logo--cerveau {
	max-width: 82%;
}

.support-rail.partner-rail,
body[data-page="home"] .support-rail.partner-rail,
body[data-page="about"] .support-rail.partner-rail,
body[data-page="work"] .support-rail.partner-rail {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	min-height: 0;
	padding: 2.5rem var(--gutter) 3rem;
	background: #000;
	color: var(--white);
}

.support-rail h2,
body[data-page="home"] .support-rail h2,
body[data-page="about"] .support-rail h2,
body[data-page="work"] .support-rail h2 {
	margin: 0;
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(0.95rem, 1.3vw, 1.2rem);
	font-weight: 780;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
}

.support-rail .partner-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(3rem, 7vw, 7rem);
}

.support-rail img.partner-logo,
body[data-page="home"] .support-rail img.partner-logo,
body[data-page="about"] .support-rail img.partner-logo,
body[data-page="work"] .support-rail img.partner-logo {
	display: block;
	width: auto;
	height: 5rem;
	max-width: none;
	max-height: none;
	object-fit: contain;
}

@media (max-width: 1040px) {
	.experience-credits ul {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.experience-credits ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 7.75rem;
		gap: 0.55rem;
	}

	.credit-mark,
	.credit-mark:nth-child(n),
	.credit-mark:last-child {
		grid-column: auto;
		height: 100%;
		min-height: 0;
		padding: 0;
		border: 0;
	}

	.credit-mark:last-child {
		grid-column: auto;
	}

	.support-rail.partner-rail,
	body[data-page="home"] .support-rail.partner-rail,
	body[data-page="about"] .support-rail.partner-rail,
	body[data-page="work"] .support-rail.partner-rail {
		gap: 1rem;
		padding: 1.8rem 1.25rem 2.15rem;
	}

	.support-rail .partner-logos {
		gap: 1.75rem 2.25rem;
	}

	.support-rail img.partner-logo,
	body[data-page="home"] .support-rail img.partner-logo,
	body[data-page="about"] .support-rail img.partner-logo,
	body[data-page="work"] .support-rail img.partner-logo {
		height: 3.5rem;
	}
}

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

	.credit-link:hover,
	.credit-link:focus-visible {
		transform: none;
	}
}



.concept-header {
	font-size: 1rem;
	letter-spacing: 0.06em;
}

.brand {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.brand img {
	width: clamp(11.5rem, 15vw, 14.5rem);
	filter: drop-shadow(0 0.12rem 0.2rem rgba(0, 12, 24, 0.28));
}

.concept-header nav {
	gap: clamp(0.2rem, 0.85vw, 1rem);
}

.concept-header nav a {
	padding-right: 0.72rem;
	padding-left: 0.72rem;
}

.concept-header nav a::after {
	right: 0.72rem;
	left: 0.72rem;
}

.header-socials a,
.header-socials a:hover,
.header-socials a:focus-visible {
	border-color: var(--forest-blue);
	background: var(--forest-blue);
	color: var(--white);
}

.header-socials a:hover,
.header-socials a:focus-visible {
	box-shadow: 0 0.75rem 1.75rem rgba(0, 12, 24, 0.3);
}

.support-rail .partner-logos {
	width: min(100%, var(--content));
	margin-right: auto;
	margin-left: auto;
}

.home-pillar-grid article {
	display: grid;
	grid-template-rows: auto auto 1fr;
	min-height: 0;
}

.home-pillar-grid h3 {
	min-height: 2.2em;
	font-size: clamp(1.2rem, 1.65vw, 1.55rem);
}

.home-pillar-grid p {
	font-size: 0.9rem;
	line-height: 1.56;
}

body[data-page="home"] .ascent-copy .button-row--single {
	justify-content: flex-start;
}

body[data-page="home"] .ascent-copy .button-row--single .button {
	flex: 0 1 15rem;
}

@media (max-width: 1120px) {
	.concept-header {
		grid-template-columns: minmax(0, 1fr) auto auto;
		gap: 0.55rem;
	}

	.concept-header nav {
		display: none;
	}

	.menu-button {
		display: block;
		justify-self: end;
	}

	.concept-header.is-open nav {
		position: absolute;
		top: calc(100% - 0.2rem);
		right: var(--gutter);
		left: var(--gutter);
		display: grid;
		gap: 0;
		padding: 0.75rem;
		border: 1px solid var(--white-line);
		background: rgba(0, 12, 24, 0.98);
		box-shadow: 0 1.25rem 3rem rgba(0, 12, 24, 0.32);
	}

	.concept-header.is-open nav a {
		justify-content: flex-start;
		min-height: 48px;
		padding: 0.75rem 1rem;
	}

	.concept-header.is-open nav a::after {
		right: 1rem;
		left: 1rem;
	}
}

@media (max-width: 700px) {
	.home-pillar-grid h3 {
		min-height: 0;
	}

	body[data-page="home"] .ascent-copy .button-row--single {
		justify-content: center;
	}

	body[data-page="home"] .ascent-copy .button-row--single .button {
		flex: 0 0 auto;
		width: min(100%, 18rem);
	}
}

@media (max-width: 400px) {
	.concept-header .brand {
		padding: 0;
	}

	.concept-header .brand img {
		width: 7.25rem;
	}
}



.hero-frame-overlay::after {
	display: none !important;
}

@media (max-width: 1920px) and (orientation: portrait) {
	body[data-page="home"] .home-hero {
		--hero-bg: url("../optimized/b479df9679364d1c.webp");--hero-bg-preview:url("data:image/webp;base64,UklGRqYDAABXRUJQVlA4IJoDAACwEgCdASpQAGAAPpE8mUmloyIhKJINcLASCUAZEhahvSDeAPTFt1bueUDU8jJfrdXw6SCGc1QPY5ljf/qWrYCurfTaeaOilpmagHJbpNZjOdu8YpzwXpei3AA5f81w5D8V3j+6h7S1x105vpo2js2PUUWskWM9acO3Qbv9vZUaOqQnle6Rva+KKuBzAikWgil/h2sZIVLIjOLR1ZCUyAD+8/w3/O3ly9MNS//5Bj8bvxu3YBX8pkSklBzlIhkgJnNuj1XrSKCrkjjKTANMuksTOdyOmorI61S5TCtk4GaOq/o5YrwYJ6MqYVfCcFbRelt8BvYojUeVXmDs9+rPMc/GRStf8MhpBevInQmcob6vDIZyBwHo1X3hQRVyjMU0V3O9IoNqeEe48RN0LzyIOSFf0NRaOWcl88EiQa3WjYM7xUJ/50/0hTgANkLDyMaF80TE/hWpeelJnnfflly49AWJj6f8cSH2iPgawe4DwSYTCzO2NckLH/pZ/7kRlIeJvTrbxjdE7DVXvAVcNCZlrxcD760Hc837A64WJ6zpPwcqv/R1EK888RP0J+ldI0//KKXOdL8G/ZXvjx3loeqRNzEO0idDqA+jyQqYaDRFzNtq/Id4gfWYaECOQNBRii4f7yQ8aXqWOg/xFepf1zs50+z/nnwBmN4xzrssfDfqp+DSlTT4g1o5dAW0HrMzV7KzffSQFrdhbHJ5FhrTAK0CuLNGLJRijbNBwTED8MFYU9fPEUaNc8wrbTX3B4/ihbghhi/6Xc0xhQhJk15KJFgTpf4A0TT0Hq/oprrNQcRqQ82yuUUUTBtJdzLdPamfquYicjCMJ7FJZJZS7VoZ0orMqkQyVMR4iWgvTt8C2t7JMm1Lj5506ol9p4mJsyCjwjA8aORDnk0VXJxb4gm+2rbMSO2zILZhxa1U5TTcxj2SQhS3mjstlHx1nNXe+8iY0U4XD2wWHCfBChoPn2380wP1jDgJtEI6GPDNzwtke1zQiVxqiQnC8ptRYPBGAvSw9EubrYNwnKFf0cnFnSaFsR7P0tycTt+XGwIPAEwY42MFlWe2Px/HnKVrNu1smMf/UzQ8ZUMQbl14zZsItl4k6EbR1ozYWXKDpUPCnTdhRCBjK4jblX35jZd+vY39Kw0Rbpdz3quKU8c5trtC/+S3C3n5Hesc6SfULQerA+coAzESdhF2IzF2UIB4mMM+LWEbefp4a+zIhx26FVoqwAAA");
		--hero-frame: url("../optimized/8e2d3791e9c35c8b.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRuACAABXRUJQVlA4WAoAAAAQAAAATwAAXwAAQUxQSCgBAAABkHNb27FHz4pd2U5lp8pKmcq2jdK26qzvB8ROapul7YztmQ9X8/m5u1FETAD730xzajTmqKkQEuPznRiDIxAjADExIMb2LTFayyCmFsSECIkxuQAxQyAmDcS4fiRGZxeEaHiUTLwEFRoeZVMvoSBPXhVTL6FEjiqhZH6ixMT4fQYttg+gxWAfPEXUemkoojEFroye4yxcgS7wxQSAuECuLPAWB+CnvRyh37lzB4BGWa6vwZFG29Pb5SSj7wBWpemEnYCnmM8AMHADYJMxZpoy8hYqV5G1Vp4YgBhAv3PluhDqqCLGWBukBx1ATVVXKe2pFkTozEtTYxXp1a+CjpAexozeg5CpM428fVAyD0GfkJQWcKoC8/e8XNwo/TMvQhD7G9hPIbE/AVZQOCCSAQAA0AkAnQEqUABgAD6RQpxLJaOioaRUCiiwEglpAAgQSAEqB7UHpvoV/rMReNudB7Go+jKwtmMkP7v10uSHQt0evA5iB3L2QbqSrrBWNF/c5OoUVIH/9ZsgAP77nMACR//8OkD3//4dLB/BmX/x8jH/Ij8UzTT83mpIwdveX5i4MB0vLIvvWxpO8ZULh4yHSvna9tWx14PqSsa1+19881a35JAFZJ3USUjzRYkkww/g1pW4RfV0V//+SjljMNa6rThs/H22WmaEXqNcg3diJaBA1J92W3aqTRWLX4ZreiEEO4Wl/4NDhefDb9AO6zEz69CLuSOUMrzAR8BnlwL27q4vjTWfb86jnrWrj4QDcsl5lbTTUmCHj8Q1oEx3/kgtKdnNZ+nyvRgPzmecj6LOcuyzKM2HU+68qdBIz7JSJCx5mnfJ33xoCmD5Vcrd7Dlb9so8YrVfJzCnOT1nlHpJIfrsAdqGQASxD+5C+YGRF1Y9im9MOW2HYNDSKx8tgu96e8H0w56EBA9P+03bUwOdEYx6AAAA");
		--sky-height: 119.602vw;
	}
}

@media (max-width: 770px) and (orientation: portrait) {
	body[data-page="home"] .home-hero {
		--hero-bg: url("../optimized/7bf34b94629c9271.webp");--hero-bg-preview:url("data:image/webp;base64,UklGRjQEAABXRUJQVlA4ICgEAABQGwCdASpQAK0APpFAm0mlo6KhJ5J8ALASCWMAzuoy4D67lnIaNv0lbZmrbgjrZTaybwyjXRvYxIqLaOqQ8dwJM3d9qifc0U03307mB3AFv2ZqU1S43PQfWWJCJWeWPqx5G4Nd7Bpyr386f23gSPFEz1h0azJ2/x5HPzMY2iGiGbXM9Q/+IQMBuBmOx1YGysLeDWvpq3mp6MEHZq9MkBlRUxJZECopoKWkaJLvCkbsPvx+cdPTaXqiWO+D2OoJkzM2P9+3hnh84zSWvbFbOCpquhC+9YMHOJADW1nTdDNqmGE7YAD+8oh/527medbwf/IMfoa+xrUIAAAhNUWmCM9kLbpdXGxYpv0pk61yi25wohC9T7yh469EGviViFYlxVLQ60TCpduAl+4bmrnz7uZoM7mNf+OO8Wg+hMK9Htr4mqhQ70OMIJfNIXLg5BBMcsvF0Qy6krwOD+ZnUPvITGRg3Dn7UO/HC2y+Em+Xtj0htKfl3jhOIFJ7jnYYpTRcThwDUlL+eAZRKaUHwOz0aJVYG1/p4CosNkjl+G8b62+S0+QnnaJBJERQSyvOY3jBKMaHbksZFWtWbFnfWuf++7QWgIe+agTDHMX49trxo+HNP5pPiWWpJrHwl5ekNWGlPc7HaRYQlAPWxOULTNyxGWUxOE6m2V2Xpvv3BzKzK/jjp65oVgtT9sj152RJw4wFuek3qJ9ruwiyp5p7WVAkkV1VKIe1jXKT7Vtv9b0fgN0C11yGi8hSPqlo5lCH4FsqicyGyFjDz/2/5Dy0yxVksJWCgvxseVip2yqoeVivViNr8TbfHAd9Qc0ril+lrkWY/XW3qP8Hb6odWx09f5PIH6ABVKzX4NGa9QbGYfTH36miLahLRWmUQnrZ0IveUXpuwgKOmKWmQeWvKaIjyalR7D7FMgn+sW2MydgA+JHxtnkknOcs3vo8fI0t6fJikL/bSJPYfpVRXsbu4ueN05nv1mzVEr+1JdBezqcd7wTdEJbVg7iVzai7GRomWSPK6GD5pnIFLjAIOCd1prnWmVN9MY4p4lRbgNq2s/FUOn833WWNF5+hRHo9zt39TtCvqwPP51ivL8fyMEdfLwlqdPZaJy7iBT2PWIFZPMy7HaecYYy/7l93UI90AcdYMETGk+3tQLnNnew9XUF9ttjTzOTD75VGBlbKZId5uTSMXJEAmjnuk6O+kOCGfmnZPk64rY9gApj4nz3AZzRwIpK8rPPeE6+deZjUF03kFefHKyQ2WQ7DS2Vea9mIh8T+Hnd0cHdRCIEgE1Mfo2J46ksMY+XXgwpaTPXra9994KPTNBagLFe9DUiOEfQf/qi4cN8O+AvvEeKWybwPgQ5ZYQcf/FoEGKrLraTu3ocy7X1ff/BjqbroNN5aX22ANA8EABv/l7oN8wTFokAAAAAAAA==");
		--hero-frame: url("../optimized/6814e3bc68aae7a2.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRi4FAABXRUJQVlA4WAoAAAAQAAAATwAArAAAQUxQSCoCAAABkMVq2yFJXyqVzqxt27Zt27Zt27Zt27Zt2xyj8l78NV3/fPVdLiJiAui////0nPeAMPktCLMCwsT0l6Y7hDHuSVMc0myQJn6wNAMhjPFMmoqQZpc0yUOlGQVhzDfS1IQ0h6RJa0kzBcL4fJKmMaQ5I01WSDNHmqg/pGkLaa5IkxfSLJMmpr8wcTdAFKPlJ4iS9RScuyrqpGCIUv0FtLon5Q5odk1rX/AxeTwCoyPJ4zOIazEx0xOVPlP4CIOqYBL3zp4Zj/Ivq8tgHJeMZtnmielQUZsFK2pH13eCSdQz5zITUdc9MZXUgQg8VF6Tx5cJUfkH0YnM4a8aEhGtAIAFHi25wYZWlaTSjVPGTqzUVHDAo6Mro0uZF5yYdmoJqdGDFQzWsYFPwTNFj5lkxLahOzZfImt4wccnaeeq5OUmG9R2lhh87EuuOXdsWmGDZtmtclabW38L6pnk9e0OOZvGLLK/HT4Ntdvn7AIzn4YJR4UqCLVspjjyCWSmtrYAC+Hmd1QYLqBl8PKaYVO/ZuRwertilTd1Sc25BV8GmjbbXLHBG/9Tk4YTVQSAXR7lnRsK+nujliTzEQBMMIhSgp0nY11fON1Bxq1fAHwLEjXm5OOjDIbGwKi0xAJglSeaxyjqrTlKVx0oS9Wh1ia6xqg99pFPyq4/tPQm85GyhKKGMpqF4PTJb0HvFKK6yq+YJRHBsb1eBDwaOsdXz6bCvef8AoBZYyLKwv+OAlZQOCDeAgAAcBEAnQEqUACtAD6RSJxLpaQioaL5mhCwEglpAFce0AbI1/HdtV77vgyk2BGkgmj+Mr6s9gbo9+i1+0Y7zMzMzMzMzMzMzMygyIeNsTvRJ28yB+cFnp99XEKZOPFRDz2O6DevtEqaF1mcPaCyz0D3AlIB8ICkYq9qNLDl08nfS+WxPr4Pc8EnxHvSS3OC8VhvlVVAAAD++5zAABEfq2H//aUXZ/3ioP8N+dU3IQy2NLlg7OBVyI0XNUv/wnyQSPbpgKUgauhbtJFpNkDZzQYZPFMCvnJFUBz9WP/4dNd/4dIjbuqrtQ9c45UMUnIr23HLIYwopOSCz5+MSP9QyqIE4Rj5udsR91Dglixf7NEiXb0LrD9sq6gGxLs485/u5gH6Z1XL2fRKqe35p6Q3l3Pgo4pm/9df4gSi7LlkBfpkOcJ8iJZX/+VtchMiagF1Z7iqLasWwSulHIlwPBeDbM+PoYf1slHbCaXKly3kTkSZw0zl91r2KWCFJcmNxG81nMVb/pUuHkmBnPbgDO7cp/E9Sxxt0rRhRuS9RxmGmlbgy/deEBkjqyLZfX++LasSBt68uWB979aG2qTXkrPv+KeJiMRzdxrLNmi6z/0CtC0UBm0+MjUuQEctlBcc/XtEi/3HDecoyjCiU/Q/v33CHFROTfHwvJg62u6+4PF2ldCfztszITX3bZexDH2j3iebfc/M/fHrU7+D8VW81RVVOmA3sHuPb8B1lL3TpKZgTGrQHkcvlg/gFfo29Rb/OwLQqS2YrQZdEca/Zshi5qAYDe/Nfth0Q3VuggAHpEAop0ne9ztnq5/1mn/u6Mr8BYpSuk+10FoCNG+ZBPmgHKcRVYmF/5q3SXRWCNE3f3FEmvV1NVTFuo9cgcQ7MqxjCzIPPhujNAUQKRz6KoT4GnfBAeOsSr7s6xLbrJ2UQuMX7vkwjUcoOKIG0DkVBS6+DqQEE9lVIYKm6xRbju3UqJUUAAA=");
		--sky-height: 216.533vw;
	}
}



.work-collaboration-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.work-client-card {
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 10rem;
	padding: clamp(1.25rem, 2.4vw, 2rem);
	border: 1px solid rgba(0, 12, 24, 0.11);
	border-radius: 1rem;
	background: var(--paper);
	box-shadow: 0 1.25rem 3rem rgba(44, 107, 175, 0.1);
	text-decoration: none;
	transition: transform 220ms var(--ease), border-color 220ms ease, box-shadow 220ms ease;
}

.work-client-card:hover,
.work-client-card:focus-visible {
	transform: translateY(-0.35rem);
	border-color: rgba(44, 107, 175, 0.4);
	box-shadow: 0 1.7rem 3.5rem rgba(44, 107, 175, 0.18);
}

.work-client-card:focus-visible {
	outline: 3px solid var(--brand-bright);
	outline-offset: 3px;
}

.work-client-card .client-logo,
.work-client-card .client-logo--lmdm,
.work-client-card .client-logo--ceruleum,
.work-client-card .client-logo--cerveau,
.work-client-card .client-logo--nrtv {
	width: auto;
	height: auto;
	max-width: 86%;
	max-height: 5.25rem;
	margin: 0;
	object-fit: contain;
	object-position: center;
}

.work-inquiry {
	display: block;
	padding-top: clamp(4.5rem, 7vw, 6.5rem);
	padding-bottom: clamp(5rem, 8vw, 7rem);
	text-align: center;
}

.work-inquiry > img {
	display: block;
	width: min(100%, 25rem);
	max-height: 18rem;
	margin: 0 auto clamp(1.4rem, 3vw, 2.25rem);
	object-fit: contain;
}

.work-inquiry__copy {
	width: min(100%, 46rem);
	max-width: none;
	margin: 0 auto;
}

body[data-page="work"] .work-inquiry h2 {
	margin: 0 auto 1rem;
	font-size: clamp(2.35rem, 4.4vw, 4.1rem);
}

.work-inquiry__copy > p {
	max-width: 38rem;
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	line-height: 1.65;
}

.work-contact-form,
.work-contact-form__row {
	display: grid;
	gap: 1.1rem;
}

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

.work-contact-form label {
	display: grid;
	gap: 0.55rem;
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.065em;
	text-align: left;
	text-transform: uppercase;
}

.work-contact-form input,
.work-contact-form textarea {
	width: 100%;
	border: 1px solid rgba(0, 12, 24, 0.2);
	border-radius: 0.75rem;
	background: var(--white);
	color: var(--ink);
	font: 500 1rem/1.5 "FD Body", Arial, sans-serif;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.work-contact-form input {
	min-height: 3.25rem;
	padding: 0.7rem 0.9rem;
}

.work-contact-form textarea {
	min-height: 10rem;
	padding: 0.85rem 0.9rem;
	resize: vertical;
}

.work-contact-form input:focus,
.work-contact-form textarea:focus {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(44, 107, 175, 0.18);
	outline: 0;
}

.work-contact-form .button {
	width: 100%;
	margin-top: 0.25rem;
}

@media (max-width: 760px) {
	.work-collaboration-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 38rem;
	}

	.work-client-card {
		min-height: 8rem;
		padding: 1rem;
	}
}

@media (max-width: 640px) {
	.work-contact-form__row {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.concept-header,
	.work-client-card {
		transition: none;
	}

	.work-client-card:hover,
	.work-client-card:focus-visible {
		transform: none;
	}
}



.support-rail .partner-logos .partner-link {
	display: inline-flex;
}

.support-rail .partner-logos .partner-link:focus-visible {
	outline: 3px solid var(--sky);
	outline-offset: 4px;
}

body[data-page="home"] .game-abstract {
	max-width: 33rem;
	margin: 0 0 1.6rem;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.98rem;
	line-height: 1.6;
}

body[data-page="home"] .game-hook {
	margin-bottom: 1.1rem;
}

.pillar-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1.35rem;
}

.pillar-icon {
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	color: var(--ink);
}

.pillar-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.pillar-icon .accent {
	stroke: var(--brand);
}

.pillar-icon .accent-red {
	fill: var(--red);
	stroke: none;
}

.home-pillar-grid article {
	grid-template-rows: auto auto auto 1fr;
	transition: transform 220ms var(--ease), box-shadow 220ms ease;
}

.home-pillar-grid article:hover {
	transform: translateY(-0.35rem);
	box-shadow: 0 1.6rem 3.75rem rgba(44, 107, 175, 0.16);
}

.work-hero__copy > p {
	margin-bottom: 0.9rem;
}

.work-hero__copy > p:last-of-type {
	margin-bottom: 1.8rem;
}

.work-route {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: clamp(1.2rem, 2.5vw, 2rem);
	row-gap: 0.75rem;
	max-width: var(--content);
	margin: 0 auto;
}

.route-svg {
	grid-column: 1 / -1;
	display: block;
	width: 100%;
	height: auto;
}

.route-fill {
	fill: rgba(13, 40, 71, 0.05);
	stroke: none;
}

.route-line {
	fill: none;
	stroke: var(--ink);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.route-drop {
	stroke: rgba(0, 12, 24, 0.3);
	stroke-dasharray: 0.1 9;
	stroke-linecap: round;
	stroke-width: 2.5;
}

.route-dot {
	fill: var(--ink);
}

.route-ring {
	fill: none;
	stroke: rgba(0, 12, 24, 0.15);
	stroke-width: 2;
}

.route-flag line {
	stroke: var(--ink);
	stroke-linecap: round;
	stroke-width: 3;
}

.route-flag polygon {
	fill: var(--red);
}

.route-station text {
	fill: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.work-route .work-service-card h3 {
	min-height: 0;
	margin-bottom: 1.25rem;
}

.work-station__kicker {
	margin: 0 0 0.9rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

.work-station__body {
	margin: 0;
	color: var(--text-soft);
	font-size: 0.94rem;
	line-height: 1.62;
}

.work-route__footnote {
	grid-column: 1 / -1;
	margin: 1.5rem 0 0;
	color: var(--text-soft);
	font-size: 0.9rem;
	text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
	.work-route[data-animate].is-armed .route-line {
		stroke-dasharray: 1;
		stroke-dashoffset: 1;
	}

	.work-route[data-animate].is-armed :is(.route-station, .route-flag, .route-drop, .route-dot--minor) {
		opacity: 0;
	}

	.work-route[data-animate].is-drawn .route-line {
		stroke-dashoffset: 0;
		transition: stroke-dashoffset 1400ms var(--ease);
	}

	.work-route[data-animate].is-drawn :is(.route-station, .route-flag, .route-drop, .route-dot--minor) {
		opacity: 1;
		transition: opacity 360ms ease;
	}

	.work-route[data-animate].is-drawn .route-stagger-1 {
		transition-delay: 450ms;
	}

	.work-route[data-animate].is-drawn .route-stagger-2 {
		transition-delay: 750ms;
	}

	.work-route[data-animate].is-drawn .route-stagger-3 {
		transition-delay: 1050ms;
	}

	.work-route[data-animate].is-drawn .route-stagger-4 {
		transition-delay: 1300ms;
	}
}

@media (max-width: 760px) {
	.route-svg {
		display: none;
	}

	.work-route {
		position: relative;
		grid-template-columns: 1fr;
		row-gap: 1.4rem;
		padding-left: 36px;
	}

	.work-route::before {
		content: "";
		position: absolute;
		top: 0.6rem;
		bottom: 0.6rem;
		left: 9px;
		width: 3px;
		--fdt-background:radial-gradient(circle, rgba(0, 12, 24, 0.3) 1.4px, transparent 1.5px);--fdt-preview:radial-gradient(circle, rgba(0, 12, 24, 0.3) 1.4px, transparent 1.5px);background-image:var(--fdt-background);
		background-repeat: repeat-y;
		background-size: 3px 11px;
	}

	.work-route .work-service-card {
		position: relative;
	}

	.work-route .work-service-card::before {
		content: "";
		position: absolute;
		top: 1.8rem;
		left: -33px;
		box-sizing: content-box;
		width: 14px;
		height: 14px;
		border: 3px solid var(--paper);
		border-radius: 50%;
		background: var(--ink);
	}

	.work-route__footnote {
		margin-top: 0.5rem;
		text-align: left;
	}
}

.work-collaborations .work-section-heading {
	margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
}

body[data-page="work"] .work-collaborations .work-section-heading h2 {
	margin-bottom: 0.85rem;
	font-size: clamp(1.6rem, 2.25vw, 2.15rem);
}

.work-collaborations .work-section-heading > p:last-child {
	max-width: 40rem;
	color: var(--text);
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
}

.work-client-card {
	min-height: 11.25rem;
}

.work-client-card .client-logo,
.work-client-card .client-logo--lmdm,
.work-client-card .client-logo--ceruleum,
.work-client-card .client-logo--cerveau,
.work-client-card .client-logo--nrtv {
	max-height: 6.25rem;
}

.work-collaborations__cta {
	font-size: 1rem;
}

body[data-page="work"] .work-inquiry {
	padding-top: clamp(2.5rem, 4vw, 3.5rem);
}

body[data-page="work"] .work-inquiry > img {
	width: min(100%, 16rem);
	max-height: 13.5rem;
	margin-bottom: 1rem;
}

body[data-page="work"] .work-inquiry h2 {
	margin-bottom: 0.85rem;
	font-size: clamp(2.1rem, 3.2vw, 2.9rem);
}

body[data-page="work"] .work-inquiry__copy > p {
	margin-bottom: 1.5rem;
}

.work-contact-form textarea {
	min-height: 8rem;
}

@media (max-width: 760px) {
	.pillar-icon {
		width: 3.75rem;
		height: 3.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-pillar-grid article {
		transition: none;
	}

	.home-pillar-grid article:hover {
		transform: none;
		box-shadow: 0 1.2rem 3.25rem rgba(44, 107, 175, 0.11);
	}
}



@media (pointer: fine) {
	body {
		cursor: url("../toon-ui/pointer-toon-small.svg") 3 3, auto;
	}

	a,
	button,
	select,
	summary,
	label[for] {
		cursor: url("../toon-ui/pointer-toon-small.svg") 3 3, pointer;
	}

	input,
	textarea,
	[contenteditable="true"] {
		cursor: text;
	}
}

.current-ascent,
.feature-trail,
.concept-section {
	position: relative;
}

.section-ears {
	position: absolute;
	right: 50%;
	bottom: -1px;
	z-index: 3;
	display: block;
	width: clamp(9rem, 17vw, 15.8125rem);
	aspect-ratio: 253 / 55;
	transform: translateX(50%);
	background: url("../optimized/e949c6e1c4dfaf39.webp") center bottom / contain no-repeat;
	pointer-events: none;
}

.has-creature-tail {
	position: relative;
	overflow: visible;
}

.has-creature-tail::after {
	position: absolute;
	right: -2.65rem;
	bottom: -3.65rem;
	z-index: 2;
	width: clamp(6.25rem, 10vw, 8.75rem);
	aspect-ratio: 178 / 159;
	transform: rotate(-7deg);
	background: url("../optimized/37f7852801448375.webp") center / contain no-repeat;
	filter: drop-shadow(0 0.8rem 0.9rem rgba(0, 12, 24, 0.14));
	content: "";
	pointer-events: none;
}

.route-card {
	z-index: 2;
}

.route-card__backpack {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	z-index: 3;
	width: 3.75rem;
	height: auto;
	transform: rotate(5deg);
	filter: drop-shadow(0 0.45rem 0.45rem rgba(0, 12, 24, 0.14));
	pointer-events: none;
}

.route-card .card-index {
	padding-right: 4rem;
}

.concept-tile.has-creature-tail {
	z-index: 2;
}

.concept-tile.has-creature-tail::after {
	right: -2.1rem;
	bottom: -3rem;
	width: clamp(6rem, 9vw, 8rem);
	transform: rotate(8deg) scaleX(-1);
}

.section-cameo {
	position: absolute;
	z-index: 2;
	display: block;
	height: auto;
	pointer-events: none;
	user-select: none;
}

.section-cameo--monster {
	top: clamp(5.5rem, 8vw, 8rem);
	right: max(0.75rem, calc((100vw - var(--content)) / 2 - 9.75rem));
	width: clamp(7rem, 9vw, 9rem);
	transform: rotate(5deg);
	filter: drop-shadow(0 1.1rem 1.1rem rgba(0, 0, 0, 0.28));
}

.section-cameo--worker {
	top: clamp(5rem, 7vw, 7rem);
	left: max(0.75rem, calc((100vw - var(--content)) / 2 - 8.5rem));
	width: clamp(6.25rem, 8vw, 8rem);
	transform: rotate(-4deg);
	filter: drop-shadow(0 1rem 1rem rgba(44, 107, 175, 0.2));
}

@media (max-width: 1120px) {
	.section-cameo {
		display: none;
	}
}

@media (max-width: 700px) {
	.section-ears {
		width: 10.5rem;
	}

	.has-creature-tail::after,
	.concept-tile.has-creature-tail::after {
		right: 0.2rem;
		bottom: -2.8rem;
		width: 6.5rem;
	}

	.route-card__backpack {
		width: 3.25rem;
	}
}



.press-eyebrow {
	margin: 0 0 0.9rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}

.press-eyebrow--light {
	color: var(--sky);
}

.press-studio-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
	align-items: end;
	gap: clamp(2.5rem, 6vw, 6rem);
	min-height: clamp(42rem, 56vw, 50rem);
	padding: clamp(10rem, 15vw, 13rem) max(var(--gutter), calc((100vw - var(--content)) / 2)) clamp(4.5rem, 7vw, 6.5rem);
	overflow: hidden;
	background: var(--ink);
	color: var(--white);
}

.press-studio-hero__art {
	position: absolute;
	inset: 0;
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.84) 0%, rgba(0, 12, 24, 0.43) 58%, rgba(0, 12, 24, 0.74) 100%), linear-gradient(to top, rgba(0, 12, 24, 0.82), transparent 58%), url("../optimized/411d9295fd277173.webp");--fdt-preview:linear-gradient(90deg, rgba(0, 12, 24, 0.84) 0%, rgba(0, 12, 24, 0.43) 58%, rgba(0, 12, 24, 0.74) 100%), linear-gradient(to top, rgba(0, 12, 24, 0.82), transparent 58%), url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABwDQCdASpQAC0APpFAmUmlo6IhKJQMWLASCUAW/XB4/bHJsXR/UMdvtBfrmvRtOVvwo7ysXy+iq5JX5Z/TpdU50fW2zrF2KvItpcpnveuqve1FakD+AzAooBd/ed8IC/hTqXVo4bPbjquyRWGxRx92E4QH8AD+bJURdsYZKzHNFDBrjW+e72Y/i4DykxR8ibFe2VL3oDJhM7FToXr8jx5XgX5KFcA07i5diCqLpKzMrd1mHcj/1d568hLes5If3R76VeuPLs+opq9fnU1nz039aCG9g4ovRpwbSkTrcT8qL4mKm/itWWkdGi49mJftr+Siky6qHq5iWR2Y9irdoO8LsqaNotJwwAN/MsD+LOjpnHzSlFfhzP49iKsUFofAGuqfb/KnaSFqB8jjwPUpsI4UmYHGTK/Bj/oNa+OQT4ZIFr4QOiIkt8lBFMOy/ifXCKPug87mihnJYcsqjo3brLgxwd5HXFO9TJ6TrczroczDKCpbeIhVbHGw7jfXwN+dtR+tg/Wx5kNJjqHnspl3od23dNf7CBUxl+zHfh18r2339KLDO0JHsHY8mDc1tXIPQD7wEjf+8XXtcKzewOmikiYNPlec0BbNmoBXuyuHiRbHYL7X/ku74gu386PeaOAiJ0anhKSrGw7bgCAr7iV2mZv0ewglAnuz+RShPRi/clMmagvBH9ipIjwrdlFOVXcqgDdQxEkJnqnctt6Of89I4+HYXAtnSCBqIPdF8G6ziHCLHdOAN1fqDP4jgLmJSQ5Utv+GE+lwrzHK6h3ga37X3LsBT/vae5PEs0psBjFbiE8isjxrzAwsJVbFP+miCeRcNplQElOQAAA=");background-image:var(--fdt-background);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: saturate(0.9);
}

.press-studio-hero__copy,
.press-studio-hero__contact {
	position: relative;
	z-index: 1;
}

.press-studio-hero__copy {
	max-width: 44rem;
}

.press-studio-hero__copy > img {
	display: block;
	width: min(100%, 23rem);
	max-height: 8rem;
	margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
	object-fit: contain;
	object-position: left center;
}

.press-studio-hero__copy h1 {
	margin-bottom: 1rem;
	color: var(--white);
	font-size: clamp(3.6rem, 6.4vw, 6.25rem);
}

.press-studio-hero__copy > p:not(.press-eyebrow) {
	max-width: 40rem;
	margin-bottom: 1.7rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
	line-height: 1.65;
}

.press-studio-hero__contact {
	justify-self: end;
	width: 100%;
	padding: 1.4rem;
	border-top: 3px solid var(--red);
	background: rgba(0, 12, 24, 0.74);
	box-shadow: 0 1rem 2.5rem rgba(0, 12, 24, 0.22);
	backdrop-filter: blur(10px);
}

.press-studio-hero__contact span,
.press-studio-hero__contact small {
	display: block;
}

.press-studio-hero__contact span {
	margin-bottom: 0.4rem;
	color: var(--sky);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.press-studio-hero__contact a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 1.05rem;
	font-weight: 850;
	overflow-wrap: anywhere;
}

.press-studio-hero__contact small {
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.78rem;
	line-height: 1.5;
}

.press-index {
	z-index: 80;
}

.press-studio-overview,
.press-boilerplates,
.press-brand-assets,
.press-current-project,
.press-founders,
.press-contact-panel {
	scroll-margin-top: 5rem;
}

.press-studio-overview {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr);
	gap: clamp(3rem, 8vw, 7rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.press-studio-overview header {
	max-width: 35rem;
}

.press-studio-overview h2,
.press-section-heading h2,
.press-contact-panel h2 {
	margin-bottom: 1.2rem;
	font-size: clamp(3.15rem, 5.2vw, 5.2rem);
}

.press-studio-overview h2 em,
.press-section-heading h2 em {
	color: var(--brand);
}

.press-studio-overview header > p:last-child {
	color: var(--text-soft);
	font-size: 1.06rem;
	line-height: 1.68;
}

.press-studio-facts,
.press-studio-facts dd {
	margin: 0;
}

.press-studio-facts {
	align-self: start;
	border-top: 3px solid var(--ink);
}

.press-studio-facts > div {
	display: grid;
	grid-template-columns: 9.5rem minmax(0, 1fr);
	gap: 1.25rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--line);
}

.press-studio-facts dt {
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.67rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.press-studio-facts dd {
	font-size: 0.95rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.press-studio-facts a {
	color: var(--ink);
	font-weight: 800;
}

.press-boilerplates {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background-color: var(--ink);
	--fdt-background:linear-gradient(rgba(0, 12, 24, 0.88), rgba(0, 12, 24, 0.96)), var(--topo);--fdt-preview:linear-gradient(rgba(0, 12, 24, 0.88), rgba(0, 12, 24, 0.96)), var(--topo);background-image:var(--fdt-background);
	background-position: center;
	background-size: cover;
	color: var(--white);
}

.press-section-heading {
	max-width: var(--content);
	margin: 0 auto clamp(2.5rem, 5vw, 4rem);
}

.press-section-heading h2 {
	color: var(--white);
}

.press-section-heading h2 em {
	color: var(--sky);
}

.press-copy-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
	gap: 1rem;
	max-width: var(--content);
	margin: 0 auto;
}

.press-copy-grid article {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(1.4rem, 2.7vw, 2.25rem);
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: var(--paper);
	color: var(--ink);
	box-shadow: 0.65rem 0.65rem 0 rgba(138, 213, 255, 0.1);
}

.press-copy-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid var(--line);
}

.press-copy-card__head span {
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.press-copy-card__head button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 0.85rem;
	border: 1px solid var(--ink);
	background: transparent;
	color: var(--ink);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	transition: background-color 160ms ease, color 160ms ease;
}

.press-copy-card__head button:hover,
.press-copy-card__head button:focus-visible {
	background: var(--ink);
	color: var(--white);
}

.press-copy-grid article > p {
	margin-bottom: auto;
	font-size: clamp(0.98rem, 1.25vw, 1.08rem);
	line-height: 1.72;
}

.press-copy-grid article > small {
	min-height: 1.3rem;
	margin-top: 1rem;
	color: var(--brand);
	font-size: 0.72rem;
	font-weight: 800;
}

.press-brand-assets {
	display: grid;
	grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(3rem, 7vw, 6rem);
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--paper);
}

.press-section-heading--dark {
	align-self: center;
	margin: 0;
}

.press-section-heading--dark h2 {
	color: var(--ink);
}

.press-section-heading--dark h2 em {
	color: var(--brand);
}

.press-section-heading--dark > p:not(.press-eyebrow) {
	margin-bottom: 1.8rem;
	color: var(--text-soft);
	line-height: 1.65;
}

.press-brand-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.press-brand-card {
	display: grid;
	grid-template-rows: minmax(10.5rem, 1fr) auto;
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(0, 12, 24, 0.14);
	box-shadow: 0 1.1rem 2.7rem rgba(44, 107, 175, 0.1);
}

.press-brand-card:last-child {
	grid-column: 1 / -1;
}

.press-brand-card > img {
	align-self: center;
	justify-self: center;
	width: min(78%, 16rem);
	max-height: 7rem;
	object-fit: contain;
}

.press-brand-card > .press-brand-card__crest {
	width: 6.5rem;
	max-height: 6.5rem;
}

.press-brand-card--blue {
	background: var(--brand);
}

.press-brand-card--snow {
	background: var(--snow);
}

.press-brand-card--ink {
	background: var(--ink);
}

.press-brand-card > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.75rem;
	padding: 0.9rem 1rem;
	background: var(--white);
}

.press-brand-card h3 {
	margin: 0;
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.35;
	text-transform: uppercase;
}

.press-brand-card a,
.press-founder-grid a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--red);
	font-size: 0.72rem;
	font-weight: 850;
	text-align: right;
}

.press-current-project {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(23rem, 0.92fr);
	align-items: stretch;
	gap: 0;
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--forest-blue);
	color: var(--white);
}

.press-current-project__art {
	min-height: 34rem;
	overflow: hidden;
	border: 1px solid var(--white-line);
}

.press-current-project__art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 57% center;
}

.press-current-project__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 5vw, 4.5rem);
	border: 1px solid var(--white-line);
	border-left: 0;
	background: rgba(0, 12, 24, 0.82);
}

.press-current-project__logo {
	width: min(100%, 18rem);
	max-height: 10rem;
	margin-bottom: 1.5rem;
	object-fit: contain;
	object-position: left center;
}

.press-current-project__copy > p:not(.press-eyebrow) {
	color: rgba(255, 255, 255, 0.76);
	line-height: 1.65;
}

.press-current-project__copy dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 1.8rem;
	border-top: 1px solid var(--white-line);
}

.press-current-project__copy dl > div {
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--white-line);
}

.press-current-project__copy dl > div:nth-child(odd) {
	padding-right: 0.8rem;
}

.press-current-project__copy dt {
	color: var(--sky);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.press-current-project__copy dd {
	margin: 0.25rem 0 0;
	font-size: 0.84rem;
}

.press-founders {
	padding: var(--section) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--snow);
}

.press-founders .press-section-heading h2 {
	color: var(--ink);
}

.press-founders .press-section-heading h2 em {
	color: var(--brand);
}

.press-founder-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	max-width: var(--content);
	margin: 0 auto;
}

.press-founder-grid article {
	display: grid;
	grid-template-columns: minmax(10rem, 0.72fr) minmax(0, 1.28fr);
	align-items: end;
	min-width: 0;
	min-height: 23rem;
	padding: 1.25rem 1.5rem 0;
	border: 1px solid var(--line);
	background: var(--paper);
	box-shadow: 0 1.2rem 3.1rem rgba(44, 107, 175, 0.1);
}

.press-founder-grid article > img {
	align-self: end;
	width: 100%;
	height: 21rem;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 1rem 1rem rgba(0, 12, 24, 0.12));
}

.press-founder-grid article > div {
	align-self: center;
	padding: 1.5rem 0 2.25rem 1.1rem;
}

.press-founder-grid article p {
	margin-bottom: 0.75rem;
	color: var(--brand);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.07em;
	line-height: 1.45;
	text-transform: uppercase;
}

.press-founder-grid article h3 {
	margin-bottom: 1rem;
	font-size: clamp(2rem, 3.2vw, 3.2rem);
}

.press-contact-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(2rem, 7vw, 7rem);
	padding: clamp(4rem, 7vw, 6rem) max(var(--gutter), calc((100vw - var(--content)) / 2));
	background: var(--brand);
	color: var(--white);
}

.press-contact-panel > div {
	max-width: 43rem;
}

.press-contact-panel h2 {
	margin-bottom: 0.7rem;
	color: var(--white);
}

.press-contact-panel p:not(.press-eyebrow) {
	margin: 0;
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.6;
}

.press-contact-panel > .button {
	flex: 0 0 auto;
}

@media (max-width: 900px) {
	.press-brand-assets {
		grid-template-columns: 1fr;
	}

	.press-section-heading--dark {
		max-width: 45rem;
		margin: 0;
	}

	.press-brand-grid {
		width: 100%;
	}
}

@media (max-width: 760px) {
	.press-studio-hero {
		grid-template-columns: 1fr;
		gap: 2rem;
		min-height: 44rem;
		padding: 8.5rem 1.25rem 4rem;
	}

	.press-studio-hero__art {
		--fdt-background:linear-gradient(to bottom, rgba(0, 12, 24, 0.48), rgba(0, 12, 24, 0.84) 72%), url("../optimized/7bf34b94629c9271.webp");--fdt-preview:linear-gradient(to bottom, rgba(0, 12, 24, 0.48), rgba(0, 12, 24, 0.84) 72%), url("data:image/webp;base64,UklGRjQEAABXRUJQVlA4ICgEAABQGwCdASpQAK0APpFAm0mlo6KhJ5J8ALASCWMAzuoy4D67lnIaNv0lbZmrbgjrZTaybwyjXRvYxIqLaOqQ8dwJM3d9qifc0U03307mB3AFv2ZqU1S43PQfWWJCJWeWPqx5G4Nd7Bpyr386f23gSPFEz1h0azJ2/x5HPzMY2iGiGbXM9Q/+IQMBuBmOx1YGysLeDWvpq3mp6MEHZq9MkBlRUxJZECopoKWkaJLvCkbsPvx+cdPTaXqiWO+D2OoJkzM2P9+3hnh84zSWvbFbOCpquhC+9YMHOJADW1nTdDNqmGE7YAD+8oh/527medbwf/IMfoa+xrUIAAAhNUWmCM9kLbpdXGxYpv0pk61yi25wohC9T7yh469EGviViFYlxVLQ60TCpduAl+4bmrnz7uZoM7mNf+OO8Wg+hMK9Htr4mqhQ70OMIJfNIXLg5BBMcsvF0Qy6krwOD+ZnUPvITGRg3Dn7UO/HC2y+Em+Xtj0htKfl3jhOIFJ7jnYYpTRcThwDUlL+eAZRKaUHwOz0aJVYG1/p4CosNkjl+G8b62+S0+QnnaJBJERQSyvOY3jBKMaHbksZFWtWbFnfWuf++7QWgIe+agTDHMX49trxo+HNP5pPiWWpJrHwl5ekNWGlPc7HaRYQlAPWxOULTNyxGWUxOE6m2V2Xpvv3BzKzK/jjp65oVgtT9sj152RJw4wFuek3qJ9ruwiyp5p7WVAkkV1VKIe1jXKT7Vtv9b0fgN0C11yGi8hSPqlo5lCH4FsqicyGyFjDz/2/5Dy0yxVksJWCgvxseVip2yqoeVivViNr8TbfHAd9Qc0ril+lrkWY/XW3qP8Hb6odWx09f5PIH6ABVKzX4NGa9QbGYfTH36miLahLRWmUQnrZ0IveUXpuwgKOmKWmQeWvKaIjyalR7D7FMgn+sW2MydgA+JHxtnkknOcs3vo8fI0t6fJikL/bSJPYfpVRXsbu4ueN05nv1mzVEr+1JdBezqcd7wTdEJbVg7iVzai7GRomWSPK6GD5pnIFLjAIOCd1prnWmVN9MY4p4lRbgNq2s/FUOn833WWNF5+hRHo9zt39TtCvqwPP51ivL8fyMEdfLwlqdPZaJy7iBT2PWIFZPMy7HaecYYy/7l93UI90AcdYMETGk+3tQLnNnew9XUF9ttjTzOTD75VGBlbKZId5uTSMXJEAmjnuk6O+kOCGfmnZPk64rY9gApj4nz3AZzRwIpK8rPPeE6+deZjUF03kFefHKyQ2WQ7DS2Vea9mIh8T+Hnd0cHdRCIEgE1Mfo2J46ksMY+XXgwpaTPXra9994KPTNBagLFe9DUiOEfQf/qi4cN8O+AvvEeKWybwPgQ5ZYQcf/FoEGKrLraTu3ocy7X1ff/BjqbroNN5aX22ANA8EABv/l7oN8wTFokAAAAAAAA==");background-image:var(--fdt-background);
		background-position: center top;
	}

	.press-studio-hero__copy > img {
		width: min(82%, 19rem);
	}

	.press-studio-hero__copy h1 {
		font-size: clamp(3.2rem, 16vw, 4.7rem);
	}

	.press-studio-hero__copy .button-row {
		align-items: stretch;
	}

	.press-studio-hero__copy .button {
		flex: 1 1 10rem;
	}

	.press-studio-hero__contact {
		justify-self: stretch;
	}

	.press-studio-overview,
	.press-brand-assets,
	.press-current-project {
		grid-template-columns: 1fr;
	}

	.press-studio-overview,
	.press-boilerplates,
	.press-brand-assets,
	.press-current-project,
	.press-founders {
		padding: 5rem 1.25rem;
	}

	.press-studio-overview,
	.press-brand-assets {
		gap: 2.5rem;
	}

	.press-studio-overview h2,
	.press-section-heading h2,
	.press-contact-panel h2 {
		font-size: clamp(3rem, 14vw, 4.15rem);
	}

	.press-studio-facts > div {
		grid-template-columns: 7.5rem minmax(0, 1fr);
		gap: 0.75rem;
	}

	.press-copy-grid,
	.press-founder-grid {
		grid-template-columns: 1fr;
	}

	.press-copy-grid article {
		box-shadow: 0.45rem 0.45rem 0 rgba(138, 213, 255, 0.1);
	}

	.press-brand-grid {
		grid-template-columns: 1fr;
	}

	.press-brand-card:last-child {
		grid-column: 1;
	}

	.press-current-project__art {
		min-height: 21rem;
	}

	.press-current-project__copy {
		padding: 2rem 1.35rem;
		border-top: 0;
		border-left: 1px solid var(--white-line);
	}

	.press-current-project__copy .button-row {
		align-items: stretch;
	}

	.press-current-project__copy .button {
		flex: 1 1 9rem;
	}

	.press-founder-grid article {
		grid-template-columns: minmax(8rem, 0.75fr) minmax(0, 1.25fr);
		min-height: 19rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.press-founder-grid article > img {
		height: 18rem;
	}

	.press-founder-grid article > div {
		padding-left: 0.6rem;
	}

	.press-contact-panel {
		align-items: flex-start;
		flex-direction: column;
		padding: 4.5rem 1.25rem;
	}

	.press-contact-panel > .button {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.press-copy-card__head,
	.press-brand-card > div {
		align-items: flex-start;
		flex-direction: column;
	}

	.press-brand-card > div {
		display: flex;
	}

	.press-brand-card a,
	.press-founder-grid a {
		text-align: left;
	}

	.press-founder-grid article {
		grid-template-columns: 7.25rem minmax(0, 1fr);
	}

	.press-founder-grid article > img {
		height: 16rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.press-copy-card__head button {
		transition: none;
	}
}



body { --section: clamp(3.5rem, 6vw, 5rem); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

body .button { font-size: .8rem; min-height: 48px; }
body .section-heading h2, body .home-section-heading h2,
body .studio-section-heading h2, body .work-section-heading h2,
body .press-section-heading h2, body .press-studio-overview h2,
body .studio-declaration h2 { font-family: 'FD Utility', sans-serif; font-weight: 900; font-size: clamp(1.9rem, 3.1vw, 2.8rem); line-height: 1.16; }
body .section-heading, body .home-section-heading, body .studio-section-heading--center,
body .work-section-heading, body .press-section-heading { margin-bottom: 2.4rem; }
body .site-footer .footer-nav, body .site-footer .footer-socials { font-size: .8rem; }
body .site-footer a { min-height: 44px; }
.review-contact-note { text-align: center; font-size: .85rem; margin: 1rem auto 0; max-width: 40rem; }


body[data-page=home] .home-hero {
  --hero-frame: url("../optimized/26b2f02f88003fb0.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRhQBAABXRUJQVlA4WAoAAAAQAAAATwAALAAAQUxQSJUAAAANgFvb1rLo4u4Su7trxCKnDapwC4kowMarmPb+dUajiJgA/XXbaZxPMM4XsbrfxOp9E6v3Q6z+D7EGP8QafhNr9E2s8RehemsHUVpzlXqlEhWifVqrVnLiDL+ItXAV62wn1sVcqNazVajBJ7GmnkSa6PUnogwPOv2eQN2fgj0JdtKAcV4EuxPsYGCkpSHSMvLGEP/7AQBWUDggWAAAADAEAJ0BKlAALQA+jTqXR6UjoiExCACgEYlpCHABkt5VbH/XCi9tShVYAAD+osA6Snv/+2H//tdj//tXpUCsMd//+LdSr/oYvfrWagp38w8Ug4PiiGwAAAA=");
  --mascot-screen-gap: clamp(2rem, 6svh, 4rem);
  --mascot-bottom: calc(100svh - var(--mascot-screen-gap));
  background: var(--snow);
}
body[data-page=home] .hero-copy {
  padding-top: max(1.5rem, calc(var(--mascot-bottom) - var(--sky-height) + var(--hero-overlap) + 2.25rem));
  padding-bottom: 3.5rem;
  background: var(--snow);
}
.home-hero-mascot {
  position: absolute;
  top: var(--mascot-bottom);
  left: 50%;
  z-index: 6;
  width: min(600px, 92vw, 90svh);
  height: auto;
  transform: translate(-50%, -100%);
  filter: drop-shadow(0 1rem 1.35rem #0d28472b);
  pointer-events: none;
  user-select: none;
}

@media (min-width:1121px) and (orientation:landscape) {
  body[data-page=home] .home-hero {
    --mascot-bottom: calc(100svh - var(--mascot-screen-gap) + 40px);
  }
}

@media (min-width:3000px) {
  body[data-page=home] .home-hero { --hero-frame: url("../optimized/9d20f1b2695e67a9.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAATwAAHAAAQUxQSIMAAAANcFpt27I8v+Jkh9+lc/4EJCK0/zCBS2QBlwE06ShsxBjfeRIpIiYAZPNXMtEdVOVlD1QLH3Dt7kA1ebJANXiA62AMlgXDMmzDAcNKbBuWAZrqbAyqjTOo5ncRqPZXoGqdwbPkBaFXAUl50wlA9QCyizSZuAWu7SEE/grxg8hNIf4LAQBWUDggRgAAADAEAJ0BKlAAHQA+gTKTR6UjIaE2aACgEAlpANFEL3WbeDhcCcv3l+zgoAD+/ZmAFj/63jsvR+YhL4vz8W+qN1RtaRAAAAA="); }
}
@media (max-width:1920px) and (orientation:portrait) {
  body[data-page=home] .home-hero { --hero-frame: url("../optimized/e4492317fca04d05.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRkIBAABXRUJQVlA4WAoAAAAQAAAATwAAXwAAQUxQSLoAAAANgGPb2rHnrt+uHKuybdt2BmAnVSqjtFlnQJkJB/CtUwYRMQH6b2aQxnRBM/MJkz0C47oSzLFge4MwMVtitdwJdk2wxS0wvhPBngl2XLApizC2O4GaUitrikVpSq2uKRVmZnVVqUjXxsTaXSTW3EWxxpyI1fUiVtODYLcFOx2GqRwRa8q+UG2lywL1N3ZUizOpvyNFpKZXwbaKdpOmXLTrNOlxNOuCTSikWZaR3yxGeDdUgn4a/P6GMQFWUDggYgAAANAFAJ0BKlAAYAA+kUKcSaWjoqEpqACwEglpANW/6AAbMOgn46AyLN+7xcJA6CimawEFJ7JFWwAA/vjOPeCACz+qABc/SBNzfMB90zb6fjBd/SBN1UePE75vk/UhNLy0gAAA"); }
}
@media (max-width:770px) and (orientation:portrait) {
  body[data-page=home] .home-hero { --hero-frame: url("../optimized/2c5f5f0a55df46a4.webp");--hero-frame-preview:url("data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAATwAArAAAQUxQSNEAAAANgGvbtrFnj992bNv6VMZ2Upm3jKtU/0jNx8yTfP9YZRARE6B////0PFmGmf4SrBFsbp7mSLCBSxpPtIam2qM5E2zgnGZetIameZDmXLChI5pV0Rqazlaaa8HG9mm2RWtoBnM014JNbdIcivaaZlK0hia3CFMqCzVw9CjUwS+hpl5mhbr+KtTWt4BQz24F+yzYUo7GEq2N49BEhmkGRevguDgWTX2ExhKti+PQxHppxkVr4bg4Fk2raB0cF8eiSbXTTMrnQuWN+fUdqDjfA/pvJgBWUDggcAAAADAHAJ0BKlAArQA+kUaeSyWjoqGlyACwEglpbt1fkYcLVzjRKe8+0fNq46K0ud6S2a2dqAfYb0Z3ILeHnqybVquNAAD++M7I+gAHT/xgGBbn6H7kV3/7gOf/jAzgqpcVPhEsh/JimPPc++adSk4IQAA="); }
}
body[data-page=home] .hero-copy h1 { max-width: 56rem; font-size: clamp(2rem, 3.8vw, 3.5rem); }
body[data-page=home] .current-ascent { min-height: 38rem; padding-top: 3.5rem; padding-bottom: 4rem; }
body[data-page=home] .game-logo { width: min(21rem, 92%); }
body[data-page=home] .home-studio-summary { padding-top: 4rem; padding-bottom: 4rem; }
.home-pillar-grid article { padding: 1.5rem; }
.home-pillar-grid p { font-size: 1rem; }
.home-studio-summary__heading { margin-bottom: 2.5rem; }
.experience-credits { margin-top: 3rem; }
body[data-page=home] .basecamp { padding-top: 3.5rem; padding-bottom: 3.5rem; }


body[data-page=about] .studio-hero__copy h1 { font-size: clamp(2.15rem, 4vw, 3.5rem); }
.studio-who { display: block; padding-top: 4rem; padding-bottom: 4rem; }
.studio-who > header, .studio-who__copy { max-width: 48rem; margin: 0 auto; text-align: center; }
.studio-who > header { margin-bottom: 1.5rem; }
.studio-who__copy .lead { font-size: 1.15rem; }
.studio-pillars { padding-top: 4rem; padding-bottom: 4rem; }
.studio-pillar-grid article { min-height: 0; padding: 1.7rem; box-shadow: 0 12px 32px #0d28470a; }
.studio-pillar-grid article > span { margin-bottom: 1.5rem; }
.studio-pillar-grid article::after { display: none; }
.studio-pillar-grid h3 { font-size: 1.5rem; }
.studio-declaration { display: block; padding-top: 4rem; padding-bottom: 4rem; }
.studio-declaration__intro { max-width: 52rem; margin: 0 auto 2rem; text-align: center; }
.studio-declaration__copy { max-width: 48rem; margin: 0 auto; }
body[data-page=about] .herd-card { box-shadow: 0 18px 50px #0d284712; }
.review-about-contact { padding: 3rem 1.25rem; text-align: center; background: var(--snow); }
.review-about-contact h2 { font-size: 2rem; }


body[data-page=clo] .trail-label { display: none; }
body[data-page=clo] .topo-stage { background: linear-gradient(145deg, var(--forest-blue), var(--ink)); }
body[data-page=clo] .route-section::before,
body[data-page=clo] .route-section::after,
.climb-steps::before, .climb-steps li::before { display: none; }
body[data-page=clo] .route-section { padding: 4rem max(var(--gutter), calc((100vw - 1088px)/2)); }
.game-hero { min-height: 40rem; }
.game-hero__content { padding-top: 9rem; padding-bottom: 7rem; }
.game-intro { grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr); gap: 1.5rem 3rem; align-items: start; }
.game-intro > div:first-child { grid-column: 1; }
.game-intro h2 { font-family: 'FD Utility', sans-serif; font-weight: 900; font-size: clamp(2.2rem, 4vw, 3.5rem); }
.game-intro .intro-copy { grid-column: 1; width: auto; padding: 0; font-size: 1.1rem; }
.game-intro .route-card { grid-column: 2; grid-row: 1 / 3; width: auto; margin: 0 1rem 3rem 0; }
.feature-trail .section-heading { text-align: center; }
.feature-scene, .feature-scene--reverse { grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 20rem; box-shadow: 0 16px 40px #0002; margin-bottom: 2rem; }
.feature-scene > img { min-height: 20rem; max-height: 22rem; padding: 2rem; }
.feature-scene > div { padding: 2rem; }
.feature-scene h3 { font-family: 'FD Utility', sans-serif; font-size: 1.8rem; font-weight: 900; line-height: 1.2; }
.feature-scene span { display: none; }
.climb-story { background: var(--snow); }
.climb-story .section-heading { text-align: center; }
.climb-steps { padding-top: 0; }
.climb-steps li, .climb-steps li:nth-child(n) { transform: none; min-height: 0; padding: 1.5rem; box-shadow: none; }
.concept-section .section-heading { text-align: center; }
.concept-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.5rem; }
.concept-tile, .concept-tile:nth-child(n) { grid-column: auto; }
.concept-tile img { min-height: 0; height: 15rem; }
.review-archive { max-width: 1088px; margin: 2rem auto 0; }
.review-archive summary { min-height: 48px; padding: .8rem; font-weight: 700; }
.playtest-panel { min-height: 24rem; padding-top: 4rem; padding-bottom: 4rem; }
.playtest-panel h2 { font-size: 2.4rem; }
.playtest-panel > img { margin-bottom: 0; max-height: 17rem; object-fit: contain; }


body[data-page=work] .work-hero { padding-top: 10rem; padding-bottom: 19rem; min-height: 0; }
body[data-page=work] .work-hero__copy { transform: none; }
body[data-page=work] .work-hero__copy h1 { font-size: clamp(2.2rem,4vw,3.5rem); }
.work-intro-clean { padding-top: 4rem; padding-bottom: 3.5rem; }
body[data-page=work] .work-intro-clean .work-section-heading h2,
body[data-page=work] .work-services .work-section-heading h2 { font-size: clamp(1.9rem,3.1vw,2.8rem); }
.work-promises { box-shadow: none; }
.work-services { padding-top: 4rem; padding-bottom: 4rem; }
.work-route .work-service-card h3 { font-size: 1.4rem; line-height: 1.25; }
.work-station__body { font-size: 1rem; }
.work-route .work-service-card { padding: 1.5rem; box-shadow: 0 16px 40px #0d284712; }
.work-collaborations { padding-top: 4rem; padding-bottom: 4rem; }
body[data-page=work] .work-inquiry { padding-bottom: 3rem; }


.press-index { position: static; flex-wrap: wrap; overflow: visible; }
.press-studio-hero { min-height: 0; padding-top: 10rem; padding-bottom: 4rem; }
.press-studio-hero__copy > img { max-height: 5rem; margin-bottom: 1.2rem; }
.press-studio-hero__copy h1 { font-family: 'FD Utility', sans-serif; font-size: clamp(2rem,3.5vw,3.1rem); font-weight: 900; }
.press-studio-overview { gap: 2.5rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.press-brand-assets { display: block; }
.press-brand-assets .press-section-heading { max-width: 1088px; margin: 0 auto 2rem; }
.press-brand-grid { max-width: 1088px; margin: auto; grid-template-columns: repeat(3,minmax(0,1fr)); }
.press-brand-card:last-child { grid-column: auto; }
.press-brand-card > div { display: block; }
.press-brand-card a { font-size: .85rem; }
.press-boilerplates { background: var(--forest-blue); }
.press-copy-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.press-copy-grid article { box-shadow: none; padding: 1.5rem; }
.press-copy-card__head { margin-bottom: 1rem; }
.press-current-project { grid-template-columns: repeat(2,minmax(0,1fr)); }
.press-current-project__art { min-height: 22rem; }
.press-current-project__copy { padding: 2rem; }
.press-current-project__logo { max-height: 7rem; }
.press-founder-grid article { min-height: 0; padding: 1.25rem; align-items: center; grid-template-columns: 8rem minmax(0,1fr); }
.press-founder-grid article > img { height: 9rem; align-self: center; object-position: center; }
.press-founder-grid article > div { padding: 0 0 0 1rem; }
.press-founder-grid article h3 { font-size: 1.7rem; }
.press-contact-panel h2 { font-size: 2.5rem; }

@media(max-width:900px) {
  .press-brand-grid { grid-template-columns: 1fr; }
  .game-intro { grid-template-columns: minmax(0,1fr); }
  .game-intro .route-card { grid-column: 1; grid-row: auto; margin-top: 1rem; }
  .press-founder-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
  body[data-page=home] .current-ascent { min-height: 0; }
  body[data-page=home] .ascent-copy { width: 100%; }
  body[data-page=home] .hero-copy h1 { font-size: 2rem; }
  body[data-page=about] .studio-hero { padding-top: 9rem; }
  body[data-page=about] .herd-grid--founders { display: grid; grid-template-columns: 1fr; gap: 6rem; }
  body[data-page=about] .herd-grid--crew { row-gap: 6rem; }
  body[data-page=about] .herd-grid--founders .herd-card { width: 100%; }
  body[data-page=about] .studio-pillar-grid article { min-height: 0; }
  body[data-page=about] .studio-pillar-grid article > span { margin-bottom: 1.3rem; }
  body[data-page=work] .work-hero { padding-top: 8rem; padding-bottom: 16rem; }
  body .section-heading h2, body .home-section-heading h2, body .studio-section-heading h2, body .press-section-heading h2 { font-size: 1.9rem; }
  .game-hero__content { padding-top: 8rem; }
  .game-hero { min-height: 38rem; }
  .feature-scene,.feature-scene--reverse { grid-template-columns: 1fr; }
  .feature-scene > img,.feature-scene--reverse > img { grid-column: 1; grid-row: auto; min-height: 14rem; height: 14rem; }
  .feature-scene > div,.feature-scene--reverse > div { grid-column: 1; grid-row: auto; padding: 1.5rem; }
  .climb-steps { grid-template-columns: 1fr; }
  .climb-steps li:nth-child(n) { margin: 0; }
  .concept-grid { grid-template-columns: 1fr; }
  .concept-tile img { height: 15rem; }
  .press-studio-hero { padding-top: 8rem; }
  .press-index { gap: 0; justify-content: center; }
  .press-index a { font-size: .7rem; }
  .press-studio-overview,.press-copy-grid,.press-current-project { grid-template-columns: 1fr; }
  .press-studio-overview,.press-boilerplates,.press-brand-assets,.press-current-project,.press-founders { padding-top: 3rem; padding-bottom: 3rem; }
  .press-current-project__art { min-height: 0; height: 14rem; }
  .press-copy-card__head { flex-direction: row; }
  .press-founder-grid article { grid-template-columns: 6rem minmax(0,1fr); padding: 1rem; }
  .press-founder-grid article > img { height: 7rem; }
}


body[data-page=about] .herd-grid { row-gap: 6rem; }


.review-tailed-frame { position: relative; isolation: isolate; grid-column: 2; grid-row: 1 / 3; margin: 0 1.5rem 2.5rem 0; }
.review-tailed-frame::after { content: ''; position: absolute; z-index: 0; width: 10rem; aspect-ratio: 178/159; right: -7rem; bottom: 1.5rem; background: url("../optimized/37f7852801448375.webp") center / contain no-repeat; transform: rotate(-25deg); pointer-events: none; }
.game-intro .review-tailed-frame .route-card { position: relative; z-index: 1; margin: 0; box-shadow: 0 14px 32px #0d284714; }


.review-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; max-width: 1088px; margin: auto; }
.review-feature-grid .feature-scene { display: flex; flex-direction: column; min-height: 0; margin: 0; border: 0; background: none; box-shadow: none; text-align: center; }
.review-feature-grid .feature-scene > img { width: 100%; height: 14rem; min-height: 0; padding: .5rem; background: none; object-fit: contain; }
.review-feature-grid .feature-scene > div { display: block; padding: 1.5rem 0 0; }
.review-feature-grid .feature-scene h3 { margin: 0 auto 1rem; font-size: 1.6rem; max-width: 16rem; }
.review-feature-grid .feature-scene p { font-size: 1rem; }
.feature-trail > .section-cameo { display: none; }

.review-pressure { display: grid; grid-template-columns: 1fr 1.1fr; gap: 3rem; align-items: center; max-width: 1088px; margin: auto; }
.review-pressure figure { margin: 0; text-align: center; }
.review-pressure img { width: 100%; height: 23rem; object-fit: contain; }
.review-pressure figcaption { margin-top: .8rem; font-size: .8rem; color: var(--text-soft); }
.review-pressure ol { margin: 0; padding: 0; list-style: none; counter-reset: pressure; }
.review-pressure li { counter-increment: pressure; position: relative; padding: 1.25rem 0 1.25rem 3rem; border-bottom: 1px solid var(--line); }
.review-pressure li::before { content: '0' counter(pressure); position: absolute; left: 0; top: 1.4rem; color: var(--brand); font-weight: 800; font-size: .8rem; }
.review-pressure h3 { margin: 0 0 .65rem; font: 900 1.35rem/1.25 'FD Utility',sans-serif; }
.review-pressure p { margin: 0; color: var(--text-soft); }
.climb-story .section-heading > p:last-child { max-width: 42rem; margin-left: auto; margin-right: auto; }

.review-sketchbook { max-width: 1088px; margin: auto; }
.review-sketchbook__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3rem)/3); gap: 1.5rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--brand) transparent; padding: .5rem 0 1rem; }
.review-sketchbook__slide { margin: 0; min-width: 0; scroll-snap-align: start; background: var(--snow); border: 1px solid var(--line); }
.review-sketchbook__slide img { display: block; width: 100%; height: 20rem; padding: 1.5rem; object-fit: contain; }
.review-sketchbook__slide figcaption { padding: 1rem 1.25rem; border-top: 1px solid var(--line); font-size: .9rem; font-weight: 700; }
.review-sketchbook__controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.review-sketchbook__controls button { width: 48px; height: 48px; border: 1px solid var(--brand); background: transparent; color: var(--ink); font-size: 1.25rem; }
.review-sketchbook__controls button:disabled { opacity: .35; cursor: default; }
.review-sketchbook__controls p { margin: 0 .5rem; font-size: .85rem; }
.review-sketchbook__track:focus-visible { outline: 3px solid var(--brand); outline-offset: 4px; }


body[data-page=clo] :is(.feature-trail,.climb-story,.concept-section) > .section-heading {
  margin-left: auto; margin-right: auto; text-align: center;
}
body[data-page=clo] :is(.feature-trail,.climb-story,.concept-section) > .section-heading > :is(h2,p) {
  margin-left: auto; margin-right: auto; text-align: center;
}
.review-sketchbook__slide figcaption, .review-archive > summary { text-align: center; }


.newsletter-section { padding: clamp(2.5rem,5vw,4rem) var(--gutter); background: var(--paper); text-align: center; }
.newsletter-art { display: block; width: min(22rem,74vw); height: 11rem; object-fit: contain; margin: 0 auto 1.25rem; }
.newsletter-copy { max-width: 35rem; margin: 0 auto 1.5rem; }
.newsletter-copy h2 { margin: 0 0 .75rem; font: 900 clamp(1.9rem,3vw,2.6rem)/1.15 'FD Utility',sans-serif; }
.newsletter-copy p { margin: 0; font-size: 1rem; color: var(--text-soft); }
.newsletter-form { max-width: 36rem; margin: auto; display: grid; gap: 1.15rem; text-align: left; }
.newsletter-names { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.newsletter-form label { display: block; margin-bottom: .45rem; font-size: .85rem; font-weight: 750; }
.newsletter-form label span { font-size: .75rem; font-weight: 400; color: var(--text-soft); }
.newsletter-form input:not([type=hidden]) { display: block; width: 100%; min-width: 0; min-height: 52px; border: 1px solid #10294266; background: var(--white); padding: .7rem .85rem; color: var(--ink); border-radius: 0; font: inherit; font-size: 1rem; }
.newsletter-form input:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; border-color: var(--brand); }
.newsletter-form .button { justify-self: center; min-width: 9rem; min-height: 52px; box-shadow: none; }
.newsletter-form .button:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.newsletter-consent, .newsletter-status { margin: 0; text-align: center; font-size: .78rem; line-height: 1.5; color: var(--text-soft); }
.newsletter-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); pointer-events: none; }
@media(max-width:1400px) {
  .review-tailed-frame { margin-right: 5.5rem; }
  .review-tailed-frame::after { width: 8rem; right: -5rem; bottom: 1.5rem; }
}
@media(max-width:500px) {
  .newsletter-names { grid-template-columns: 1fr; gap: 1.15rem; }
  .newsletter-art { height: 9rem; }
}


.press-studio-overview { display: block; }
.press-studio-overview header { max-width: 46rem; text-align: center; margin: 0 auto 2.5rem; }
.press-studio-facts { max-width: 48rem; margin: auto; }
.press-studio-facts > div { grid-template-columns: 11rem minmax(0,1fr); padding: .85rem 0; }
.press-brand-assets .press-section-heading { max-width: 45rem; text-align: center; }
.review-brand-download { max-width: 48rem; margin: 2rem auto 0; text-align: center; }
.review-brand-download > a { display: inline-flex; align-items: center; min-height: 48px; padding: .65rem 1.1rem; border: 1px solid var(--ink); color: var(--ink); font-size: .85rem; font-weight: 800; text-underline-offset: .25rem; }
.review-brand-download > a:hover { background: var(--snow); }
.review-brand-download .review-contact-note { margin-top: .75rem; }
.press-boilerplates .press-section-heading { text-align: center; }
.review-copy-tabs { display: flex; gap: .5rem; max-width: 48rem; margin: 0 auto; }
.review-copy-tabs button { flex: 1; padding: .9rem 1rem; min-height: 48px; border: 1px solid #ffffff55; background: transparent; color: var(--white); font: 800 .85rem/1.4 'FD Utility',sans-serif; }
.review-copy-tabs button[aria-selected=true] { background: var(--paper); color: var(--ink); border-color: var(--paper); }
.press-copy-grid { display: block; max-width: 48rem; }
.press-copy-grid article { border: 0; padding: 1.75rem 2rem; }
.press-copy-grid article[hidden] { display: none; }
.press-copy-grid article > p { margin-bottom: 0; }
.press-copy-grid article > small { margin-top: .5rem; }
.review-copy-tabs button:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; }

@media(max-width:900px) {
  .review-tailed-frame { grid-column: 1; grid-row: auto; margin-top: 1rem; }
  .review-feature-grid { gap: 1.25rem; }
  .review-feature-grid .feature-scene > img { height: 11rem; }
  .review-feature-grid .feature-scene h3 { font-size: 1.3rem; }
  .review-pressure { gap: 1.5rem; }
  .review-sketchbook__track { grid-auto-columns: calc((100% - 1.5rem)/2); }
}
@media(max-width:700px) {
  body[data-page=home] .ascent-copy .button-row { width: 100%; display: flex; justify-content: center; align-items: center; }
  body[data-page=home] .ascent-copy .button-row .button { flex: 0 1 auto; width: min(100%,18rem); margin-inline: auto; }
  .review-feature-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .review-feature-grid .feature-scene { max-width: 26rem; margin: auto; }
  .review-feature-grid .feature-scene > img { height: 12rem; }
  .review-feature-grid .feature-scene > div { padding-top: 1rem; }
  .review-feature-grid .feature-scene h3 { max-width: none; font-size: 1.55rem; }
  .review-pressure { grid-template-columns: 1fr; }
  .review-pressure img { height: 15rem; }
  .review-sketchbook__track { grid-auto-columns: 86%; gap: 1rem; scroll-padding-inline: 0; }
  .review-sketchbook__slide img { height: 18rem; padding: 1rem; }
  .review-sketchbook__controls { gap: .5rem; }
  .review-sketchbook__controls p { margin: 0; font-size: .75rem; }
  .press-studio-facts > div { grid-template-columns: 6.25rem minmax(0,1fr); gap: .8rem; }
  .press-copy-grid article { padding: 1.25rem; }
  .press-copy-card__head { gap: .5rem; }
}




body.admin-bar .concept-header {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .concept-header {
		top: 46px;
	}
}


.game-hero {
	--fdt-background:var(--game-keyart, url("../optimized/9b9279833a900a18.webp"));--fdt-preview:none;background-image:var(--fdt-background);
}

body[data-page="home"] .current-ascent,
.work-proof {
	--fdt-background:linear-gradient(90deg, rgba(0, 12, 24, 0.94) 0, rgba(0, 12, 24, 0.77) 35%, rgba(0, 12, 24, 0.12) 72%), var(--game-keyart, url("../optimized/9b9279833a900a18.webp"));--fdt-preview:none;background-image:var(--fdt-background);
}

@media (max-width: 700px) {
	body[data-page="home"] .current-ascent,
	.work-proof {
		--fdt-background:linear-gradient(to top, rgba(0, 12, 24, 0.96) 0, rgba(0, 12, 24, 0.74) 38%, rgba(0, 12, 24, 0.05) 74%), var(--game-keyart, url("../optimized/9b9279833a900a18.webp"));--fdt-preview:none;background-image:var(--fdt-background);
	}
}


.page-content__heading {
	padding: clamp(9rem, 14vw, 12rem) var(--gutter) clamp(3rem, 6vw, 5rem);
	background: linear-gradient(145deg, var(--forest-blue), var(--ink));
	color: var(--white);
	text-align: center;
}

.page-content__heading h1 {
	max-width: 48rem;
	margin: 0 auto;
	color: var(--white);
	font-family: "FD Utility", Arial, sans-serif;
	font-size: clamp(2rem, 3.5vw, 3.1rem);
	font-weight: 900;
	line-height: 1.15;
}

.page-content__heading p {
	max-width: 40rem;
	margin: 1rem auto 0;
	color: rgba(255, 255, 255, 0.78);
}

.page-content__body {
	max-width: 48rem;
	margin: 0 auto;
	padding: clamp(3rem, 6vw, 5rem) var(--gutter);
}

.page-content__body h2,
.page-content__body h3 {
	margin-top: 2.5rem;
	font-family: "FD Utility", Arial, sans-serif;
	font-weight: 900;
	line-height: 1.2;
}

.page-content__body h2 {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
}

.page-content__body h3 {
	font-size: 1.25rem;
}

.page-content__body a:not(.button) {
	color: var(--brand);
}

.page-content__body img {
	height: auto;
}

.page-content__body table {
	width: 100%;
	border-collapse: collapse;
}

.page-content__body th,
.page-content__body td {
	padding: 0.6rem 0.5rem;
	border-bottom: 1px solid var(--line);
	text-align: left;
}

.page-content__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-content__list li {
	padding: 1rem 0;
	border-bottom: 1px solid var(--line);
}

.page-content__list a {
	font-family: "FD Utility", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	color: var(--ink);
	text-decoration: none;
}


.site-footer .footer-legal a {
	display: inline;
	padding: 0.75rem 0.1rem;
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
	white-space: nowrap;
}

.site-footer .footer-legal a:hover,
.site-footer .footer-legal a:focus-visible {
	color: var(--white);
	text-decoration: underline;
}


.herd-compact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.herd-compact {
	min-width: 0;
	margin: 0;
	padding: 1.5rem 1.6rem 1.6rem;
	border: 1px solid var(--line);
	background: var(--paper);
	box-shadow: 0 1.2rem 3.1rem rgba(44, 107, 175, 0.1);
}

.herd-compact h3 {
	margin-bottom: 0.55rem;
	font-size: 1.7rem;
	text-transform: none;
}

@media (max-width: 900px) {
	.herd-compact-grid {
		grid-template-columns: 1fr;
	}
}


.fd-game-logo:not(.press-current-project__logo) {
	height: auto;
}


@media (max-width: 700px) {
	
	.game-hero__content > .fd-game-logo {
		margin-right: auto;
		margin-left: auto;
	}

	
	body[data-page="work"] .work-hero {
		padding-top: 6.5rem;
		padding-bottom: 13rem;
	}

	body[data-page="work"] .work-hero__copy h1 {
		font-size: 2rem;
	}

	.work-hero__copy > p {
		margin-bottom: 1.3rem;
		font-size: 0.95rem;
	}

	.work-hero__copy > p:nth-of-type(2) {
		display: none;
	}

	body[data-page="work"] .page-hero-mascot {
		width: clamp(15rem, 62vw, 20rem);
	}
}

@media (max-width: 770px) and (orientation: portrait) {
	
	body[data-page="home"] .home-hero {
		--mascot-bottom: max(calc(100svh - var(--mascot-screen-gap)), 200vw);
	}
}


.work-contact-status {
	margin: 0 0 1.25rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--brand);
	background: var(--ice);
	color: var(--ink);
	font-size: 0.95rem;
	line-height: 1.5;
}

.work-contact-status--error {
	border-color: var(--red);
	background: #fff1f0;
}

.work-contact-status a {
	color: var(--brand);
}

/* Delivery only. No overrides of the approved frame, mascot or type sizes. */
html.fdt-loading img[data-fdt-image]:not([data-fdt-ready]) { opacity: 0; }
html.fdt-loading .hero-layer,
html.fdt-loading .hero-frame-overlay,
html.fdt-loading .studio-hero,
html.fdt-loading body[data-page="work"] .work-hero,
html.fdt-loading .game-hero,
html.fdt-loading .press-studio-hero__art { background-image: var(--fdt-preview, none) !important; }
/* Keep this file outside the prototype sync outputs. */
html.fdt-js .current-ascent:not([data-fdt-background-ready]),
html.fdt-js .work-proof:not([data-fdt-background-ready]) {
  background-image: none !important;
}
@media print {
  html.fdt-js .current-ascent, html.fdt-js .work-proof {
    background-image: var(--fdt-background) !important;
  }
}