/* == fonts ============================================================= */
@font-face {
	font-family: "Righteous";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/frames/type/righteous-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Righteous";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/frames/type/righteous-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/frames/type/inter-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/frames/type/inter-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/frames/type/inter-latin-ext-500-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/frames/type/inter-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/frames/type/inter-latin-ext-600-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/frames/type/inter-latin-600-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* == tokens ============================================================ */
:root {
	--t-lead: #030d20;
	--t-accent: #f8813d;
	--t-action-down: #f56117;
	--t-backdrop: #111314;
	--t-surface-2: #1b1e21;
	--t-copy: #ffffff;
	--t-subtle: #bdbdbd;
	--t-divider: #2b3033;
	--t-edge-hard: #414750;
	--t-fade-top: #fbcfb6;
	--t-grad-2: #fbad76;
	--t-advisory: #c1272d;

	--s-step-0: 2px;
	--s-step-1: 6px;
	--s-step-2: 10px;
	--s-step-3: 14px;
	--s-step-4: 20px;
	--s-step-5: 28px;
	--s-step-6: 48px;
	--s-step-7: 72px;

	--r-lozenge: 9999px;
	--r-dot: 50%;
	--r-step-0: 0;
	--r-step-1: 0;
	--r-step-2: 4px;
	--r-step-3: 6px;
	--r-step-4: 10px;
	--r-step-5: 14px;
	--r-step-6: 18px;
	--r-step-7: 24px;

	--f-title: "Righteous", "Trebuchet MS", sans-serif;
	--f-body: "Inter", "Helvetica Neue", Arial, sans-serif;

	--z-xxl: 32px;
	--z-head: 26px;
	--z-h3: 22px;
	--z-md-2: 19px;
	--z-sm-2: 17px;
	--z-micro-head: 15px;
	--z-copy: 18px;
	--z-caption: 15px;
	--z-mini: 13px;

	--l-dense: 1.2;
	--l-normal: 1.7;
	--l-open: 2;

	--w-base: 400;
	--w-demi: 500;
	--w-strong: 600;

	--e-tight: -0.01em;
	--e-normal: 0;
	--e-open: 0.02em;

	--d-step-0: none;
	--d-step-1: none;
	--d-step-2: none;
	--d-step-3: 0 0 0 1px rgba(0, 0, 0, 0.06);
	--d-step-4: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);
	--d-step-5: 0 0 0 2px rgba(0, 0, 0, 0.14), 0 12px 34px rgba(0, 0, 0, 0.24);
	--d-step-6: 0 0 0 3px rgba(0, 0, 0, 0.16), 0 18px 44px rgba(0, 0, 0, 0.3);
	--d-step-7: 0 0 0 3px rgba(0, 0, 0, 0.2), 0 24px 60px rgba(0, 0, 0, 0.36);

	--t-quick: 106ms;
	--t-regular: 200ms;
	--t-gentle: 308ms;
	--x-land: cubic-bezier(0.12, 0.67, 0.26, 0.92);
	--x-even: cubic-bezier(0.56, 0.02, 0.27, 0.98);
	--x-pop: cubic-bezier(0.38, 1.5, 0.75, 1.15);

	--v-full: 1380px;
	--v-column: 1380px;
	--v-edge-wide: 32px;
	--v-pad-md: 24px;
	--v-inset-mobile: 16px;

	--b-slim: 1px;
	--b-regular: 4px;
	--b-heavy: 6px;

	--h-size-desktop: 72px;
	--h-h-sm: 64px;

	--u-narrow: 540px;
	--u-secy: 34px;
	--u-shell: 64px;
	--u-frame: calc(var(--v-full) + 2 * var(--v-edge-wide));
	--u-pad: var(--v-inset-mobile);
}

@media (min-width: 620px) {
	:root {
		--u-pad: var(--v-pad-md);
		--u-secy: 40px;
	}
}

@media (min-width: 940px) {
	:root {
		--z-xxl: 48px;
		--z-head: 36px;
		--z-h3: 26px;
		--z-md-2: 21px;
		--z-sm-2: 18px;
		--z-micro-head: 16px;
		--z-copy: 19px;
		--z-caption: 16px;
		--z-mini: 14px;
		--u-pad: var(--v-edge-wide);
		--u-secy: 44px;
	}
}

/* == reset & base ====================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	overflow-x: clip;
	-webkit-text-size-adjust: 100%;
	scroll-padding-block-start: calc(var(--u-shell) + var(--s-step-4));
}

body {
	margin: 0;
	margin-block-start: var(--u-shell);
	overflow-x: clip;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--t-backdrop);
	color: var(--t-copy);
	font-family: var(--f-body);
	font-size: var(--z-copy);
	font-weight: var(--w-base);
	line-height: var(--l-open);
	letter-spacing: var(--e-normal);
}

.pageflow {
	flex: 1 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	margin: 0;
	color: var(--t-copy);
	letter-spacing: var(--e-tight);
	line-height: var(--l-dense);
}

h1 {
	font-family: var(--f-title);
	font-size: var(--z-xxl);
	font-weight: var(--w-strong);
}

h2 {
	font-family: var(--f-title);
	font-size: var(--z-head);
	font-weight: var(--w-strong);
}

h3 {
	font-family: var(--f-body);
	font-size: var(--z-h3);
	font-weight: var(--w-strong);
}

h4 {
	font-family: var(--f-body);
	font-size: var(--z-md-2);
	font-weight: var(--w-strong);
}

p {
	margin: 0;
}

img {
	max-width: 100%;
}

a {
	color: var(--t-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--t-quick) var(--x-land), background-color var(--t-quick) var(--x-land);
}

a:hover {
	color: var(--t-action-down);
}

ul,
ol,
dl,
dd {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

button {
	font: inherit;
	cursor: pointer;
}

:focus-visible {
	outline: 3px solid var(--t-accent);
	outline-offset: 2px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: fixed;
	inset-inline-start: var(--s-step-3);
	z-index: 200;
	padding: var(--s-step-2) var(--s-step-4);
	background: var(--t-accent);
	color: var(--t-lead);
	font-family: var(--f-title);
	font-size: var(--z-caption);
	text-decoration: none;
	border-radius: var(--r-step-2);
}

.skip-link:not(:focus) {
	top: -200px !important;
}

.skip-link:focus {
	top: var(--s-step-3);
}

/* == shared shells ===================================================== */
.d90-shell,
.y13-shell,
.g67-core,
.w97-core,
.m41-core,
.m90-core,
.t80-core,
.k45-core,
.o30-core,
.j01-core,
.h73-core,
.m65-core,
.b90-core,
.l29-core,
.t66-core,
.o05-core {
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--u-pad);
}

.g67-core,
.w97-core,
.m41-core,
.m90-core,
.t80-core,
.k45-core,
.o30-core,
.j01-core,
.h73-core,
.m65-core,
.b90-core,
.l29-core,
.t66-core,
.o05-core {
	max-width: var(--u-frame);
}

.d90-shell,
.y13-shell {
	max-width: var(--u-frame);
}

.m41,
.m90,
.t80,
.k45,
.o30,
.j01,
.h73,
.m65,
.b90,
.l29,
.t66,
.o05 {
	padding-block: var(--u-secy);
}

/* == header (HEAD-LEFT, hide-show) ===================================== */
.d90 {
	position: fixed;
	inset-block-start: 0;
	inset-inline: 0;
	z-index: 100;
	background: var(--t-lead);
	color: var(--t-copy);
	border-block-end: var(--b-slim) solid var(--t-divider);
	transition: transform var(--t-regular) var(--x-land), box-shadow var(--t-regular) var(--x-land);
}

.d90.is-hidden {
	transform: translateY(-100%);
}

.d90.is-shadowed {
	box-shadow: var(--d-step-5);
}

.d90-shell {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-step-2);
	min-height: 64px;
	position: relative;
}

.d90-crest {
	order: 1;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}

.d90-crest-image {
	display: block;
	height: 30px;
	width: auto;
	flex-shrink: 0;
}

.d90-age {
	order: 2;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: 3px var(--s-step-1);
	background: var(--t-advisory);
	color: #ffffff;
	font-family: var(--f-title);
	font-size: var(--z-mini);
	font-weight: var(--w-strong);
	letter-spacing: var(--e-open);
	border-radius: var(--r-step-2);
}

.d90-menu-trigger {
	order: 5;
	margin-inline-start: auto;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 46px;
	height: 44px;
	flex-shrink: 0;
	padding: 0;
	background: var(--t-lead);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-1);
}

.d90-menu-trigger:hover {
	background: var(--t-backdrop);
	color: var(--t-copy);
}

.d90-lines {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--t-copy);
	transition: transform var(--t-regular) var(--x-even), opacity var(--t-quick) var(--x-land);
}

.d90-menu-trigger[aria-expanded="true"] .d90-lines:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.d90-menu-trigger[aria-expanded="true"] .d90-lines:nth-child(2) {
	opacity: 0;
}

.d90-menu-trigger[aria-expanded="true"] .d90-lines:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

.d90-map {
	order: 3;
	display: none;
	flex: 0 1 auto;
	min-width: 0;
}

.d90-roll {
	display: flex;
	align-items: center;
	gap: var(--s-step-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.d90-cell {
	display: flex;
	align-items: center;
	position: relative;
}

.d90-cell[hidden] {
	display: none;
}

.d90-roll > .d90-cell + .d90-cell::before {
	content: "|";
	margin-inline-end: var(--s-step-2);
	color: var(--t-edge-hard);
	font-size: var(--z-mini);
}

.d90-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: var(--s-step-2);
	background: var(--t-lead);
	color: var(--t-copy);
	font-family: var(--f-body);
	font-size: 14px;
	font-weight: 400;
	line-height: var(--l-dense);
	white-space: nowrap;
	text-decoration: none;
	border-radius: var(--r-lozenge);
	transition: transform var(--t-quick) var(--x-land), color var(--t-quick) var(--x-land);
}

.d90-link:hover {
	transform: translateY(-2px);
	background: var(--t-lead);
	color: var(--t-accent);
}

.d90-link[aria-current="page"] {
	background: var(--t-accent);
	color: var(--t-lead);
	font-weight: var(--w-demi);
}

.d90-link[aria-current="page"]:hover {
	background: var(--t-action-down);
	color: var(--t-lead);
}

.d90-more-opener {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: 44px;
	padding-inline: var(--s-step-2);
	background: var(--t-lead);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-1);
}

.d90-more-opener:hover {
	background: var(--t-backdrop);
	color: var(--t-accent);
}

.d90-more-dot {
	display: block;
	width: 4px;
	height: 4px;
	background: currentColor;
	border-radius: var(--r-dot);
}

.d90-more-pane {
	position: absolute;
	inset-block-start: calc(100% + var(--s-step-1));
	inset-inline-end: 0;
	z-index: 30;
	display: none;
	min-width: 220px;
	max-height: 68vh;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: var(--s-step-1);
	background: var(--t-surface-2);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-3);
	box-shadow: var(--d-step-5);
}

.d90-more-pane.is-open {
	display: block;
}

.d90-more-pane .d90-cell {
	display: block;
}

.d90-more-pane .d90-link {
	display: flex;
	width: 100%;
	white-space: normal;
	border-radius: var(--r-step-2);
}

.d90-buttons {
	order: 4;
	display: flex;
	align-items: center;
	gap: var(--s-step-2);
	margin-inline-start: auto;
	flex-shrink: 0;
}

.d90-act,
.d90-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--s-step-4);
	background: var(--t-lead);
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-caption);
	font-weight: var(--w-demi);
	line-height: var(--l-dense);
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border: 2px solid var(--t-accent);
	border-radius: var(--r-step-1);
	transition: background-color var(--t-quick) var(--x-land), color var(--t-quick) var(--x-land);
}

.d90-quiet {
	border-color: var(--t-edge-hard);
}

.d90-act:hover {
	background: var(--t-accent);
	color: var(--t-lead);
}

.d90-quiet:hover {
	background: var(--t-copy);
	color: var(--t-lead);
}

.d90-drawer {
	order: 9;
	position: absolute;
	inset-block-start: 100%;
	inset-inline: 0;
	z-index: 40;
	display: none;
	max-height: calc(100vh - var(--u-shell) - var(--s-step-4));
	overflow-y: auto;
	background: var(--t-lead);
	color: var(--t-copy);
	border-block-end: var(--b-slim) solid var(--t-divider);
	box-shadow: var(--d-step-5);
}

.d90-drawer.is-open {
	display: block;
}

.d90-drawer-map {
	display: block;
	padding: var(--s-step-2) var(--u-pad) var(--s-step-4);
}

.d90-drawer-roll {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.d90-drawer-cell {
	display: block;
}

.d90-drawer-link {
	display: flex;
	align-items: center;
	min-height: 46px;
	background: var(--t-lead);
	color: var(--t-copy);
	font-size: var(--z-caption);
	text-decoration: none;
	border-block-end: var(--b-slim) solid var(--t-divider);
}

.d90-drawer-link:hover {
	background: var(--t-surface-2);
	color: var(--t-accent);
}

.d90-drawer-link[aria-current="page"] {
	background: var(--t-lead);
	color: var(--t-accent);
	font-weight: var(--w-demi);
}

@media (min-width: 620px) {
	.d90-shell {
		flex-wrap: nowrap;
		min-height: 72px;
		height: 72px;
	}
}

@media (max-width: 619px) {
	.d90-buttons {
		order: 6;
		flex-basis: 100%;
		margin-inline-start: 0;
		padding-block-end: var(--s-step-2);
	}

	.d90-act,
	.d90-quiet {
		width: 100%;
	}

	.d90-crest-image {
		height: 26px;
	}
}

@media (min-width: 940px) {
	.d90-map {
		display: flex;
	}

	.d90-menu-trigger {
		display: none;
	}

	.d90-drawer {
		display: none;
	}

	.d90-crest-image {
		height: 34px;
	}
}

@media (min-width: 1200px) {
	.d90-shell {
		gap: var(--s-step-3);
	}

	.d90-crest-image {
		height: 38px;
	}

	.d90-act,
	.d90-quiet {
		padding-inline: var(--s-step-5);
	}
}

/* == breadcrumbs (BREAD-04) ============================================ */
.g67 {
	padding-block: var(--s-step-3);
	background: var(--t-backdrop);
}

.g67-roll {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.g67-cell {
	display: inline-flex;
	align-items: center;
}

.g67-cell + .g67-cell::before {
	content: "—";
	margin-inline: var(--s-step-2);
	color: var(--t-subtle);
	opacity: 0.4;
}

.g67-mark {
	margin-inline-end: var(--s-step-0);
	font-family: var(--f-title);
	font-size: var(--z-micro-head);
	font-weight: var(--w-strong);
	color: var(--t-accent);
}

.g67-link {
	background: var(--t-backdrop);
	color: var(--t-subtle);
	font-size: var(--z-caption);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	text-decoration: none;
}

.g67-link:hover {
	background: var(--t-backdrop);
	color: var(--t-accent);
}

.g67-here {
	background: var(--t-backdrop);
	color: var(--t-copy);
	font-size: var(--z-caption);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

/* == hero (HERO-12 Editorial Long-Read Opening) ======================== */
.w97 {
	background: var(--t-backdrop);
}

.w97-core {
	padding-block: var(--s-step-6) var(--u-secy);
}

.w97-words {
	max-width: calc(var(--u-narrow) * 1.55);
	margin-inline: auto;
	text-align: center;
}

.w97-mark {
	display: block;
	margin-block-end: var(--s-step-2);
	color: var(--t-accent);
	font-size: var(--z-caption);
	font-style: italic;
	letter-spacing: var(--e-open);
}

.w97-tagline {
	max-width: calc(var(--u-narrow) * 1.15);
	margin-block-start: var(--s-step-3);
	margin-inline: auto;
	color: var(--t-subtle);
	font-size: var(--z-sm-2);
	font-style: italic;
	line-height: var(--l-normal);
}

.w97-sub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--s-step-2);
	margin-block-start: var(--s-step-3);
	color: var(--t-subtle);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.w97-sub > span + span::before {
	content: "·";
	margin-inline-end: var(--s-step-2);
	color: var(--t-edge-hard);
}

.w97-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-step-2);
	margin-block-start: var(--s-step-4);
}

.w97-figure {
	margin: var(--s-step-6) 0 0;
}

.w97-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 21 / 9;
	object-fit: cover;
	border-radius: var(--r-step-4);
	border: var(--b-slim) solid var(--t-divider);
}

.w97-caption {
	padding-block-start: var(--s-step-1);
	color: var(--t-subtle);
	font-size: var(--z-mini);
	font-style: italic;
	text-align: center;
}

@media (max-width: 559px) {
	.w97-sub {
		flex-direction: column;
		gap: var(--s-step-0);
	}

	.w97-sub > span + span::before {
		content: "";
		margin-inline-end: 0;
	}
}

/* == page header (PHEAD-06 Subtle Editorial) =========================== */
.m41 {
	background: var(--t-backdrop);
}

.m41-rule {
	width: 40px;
	margin-block: var(--s-step-3);
	border: 0;
	border-block-start: var(--b-slim) solid var(--t-edge-hard);
	margin-inline: 0;
}

.m41-tagline {
	max-width: calc(var(--u-narrow) * 1.2);
	color: var(--t-subtle);
	font-family: var(--f-body);
	font-size: var(--z-sm-2);
	font-style: italic;
}

/* == prose (PROSE-16 надзаголовок) ===================================== */
.m90-block + .m90-block {
	margin-block-start: var(--s-step-5);
}

.m90-mark {
	display: block;
	margin-block-end: var(--s-step-1);
	color: var(--t-accent);
	font-family: var(--f-body);
	font-size: var(--z-mini);
	font-weight: var(--w-demi);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.m90-block > h2 {
	margin-block-start: 0;
	margin-block-end: var(--s-step-3);
	text-align: start;
}

.m90-block > h4 {
	margin-block-start: var(--s-step-4);
	margin-block-end: var(--s-step-1);
	color: var(--t-copy);
}

.m90-words {
	margin-block-start: var(--s-step-3);
	color: var(--t-copy);
	line-height: var(--l-open);
}

.m90-words strong {
	color: var(--t-fade-top);
	font-weight: var(--w-strong);
}

.m90-words a,
.m90-roll a,
.m90-numbers a {
	background: var(--t-backdrop);
	color: var(--t-accent);
	text-decoration: underline;
}

.m90-words a:hover,
.m90-roll a:hover,
.m90-numbers a:hover {
	background: var(--t-surface-2);
	color: var(--t-fade-top);
}

.m90-roll,
.m90-numbers {
	margin-block-start: var(--s-step-3);
	padding-inline-start: 0;
	list-style: none;
}

.m90-numbers {
	counter-reset: pace;
}

.m90-cell {
	position: relative;
	padding-inline-start: var(--s-step-5);
	margin-block-start: var(--s-step-2);
	line-height: var(--l-normal);
}

.m90-roll > .m90-cell::before {
	content: "▸";
	position: absolute;
	inset-inline-start: 0;
	color: var(--t-accent);
}

.m90-numbers > .m90-cell {
	counter-increment: pace;
}

.m90-numbers > .m90-cell::before {
	content: counter(pace) ".";
	position: absolute;
	inset-inline-start: 0;
	color: var(--t-accent);
	font-family: var(--f-title);
}

/* == content pictures ================================================== */
.pic-frame {
	margin-block-start: var(--s-step-5);
	overflow: hidden;
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-step-4);
	background: var(--t-surface-2);
}

.pic-frame-wide {
	height: 260px;
}

.pic-frame-wide .pic-shot {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pic-frame-tall {
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
}

.pic-frame-tall .pic-shot {
	display: block;
	width: auto;
	height: 320px;
	max-width: 100%;
	object-fit: contain;
}

@media (min-width: 940px) {
	.pic-frame-wide {
		height: 420px;
	}

	.pic-frame-tall .pic-shot {
		height: 460px;
	}
}

/* == items grid (GRID-03 Two-Column Asymmetric Widths) ================= */
.t80-head {
	margin-block-end: var(--s-step-4);
}

.t80-roll {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: var(--s-step-3);
	list-style: none;
	margin: 0;
	padding: 0;
}

.t80-brick {
	display: block;
	padding: var(--s-step-4);
	background: var(--t-surface-2);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-step-3);
	transition: transform var(--t-regular) var(--x-land), border-color var(--t-regular) var(--x-land);
}

.t80-brick:hover {
	transform: translateY(-2px);
	border-color: var(--t-accent);
}

.t80-glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-block-end: var(--s-step-2);
	background: #2b1610;
	color: var(--t-accent);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-3);
}

.t80-glyph svg {
	width: 21px;
	height: 21px;
	fill: currentColor;
}

.t80-caption {
	margin-block-end: var(--s-step-2);
	font-family: var(--f-body);
	font-size: var(--z-md-2);
	font-weight: var(--w-strong);
}

.t80-words {
	color: var(--t-subtle);
	font-size: var(--z-copy);
	line-height: var(--l-normal);
}

.t80-plug {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--s-step-2);
	padding: var(--s-step-4);
	background: var(--t-lead);
	color: var(--t-copy);
	border: 2px dashed var(--t-accent);
	border-radius: var(--r-step-3);
}

.t80-plug-say {
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-md-2);
}

@media (min-width: 940px) {
	.t80-roll {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.t80-cell {
		grid-column: span 5;
	}

	.t80-roll > .t80-cell:nth-child(4n + 1) {
		grid-column: span 6;
	}

	.t80-roll > .t80-cell:nth-child(4n + 2) {
		grid-column: span 4;
	}

	.t80-roll > .t80-cell:nth-child(4n + 3) {
		grid-column: span 4;
	}

	.t80-roll > .t80-cell:nth-child(4n + 4) {
		grid-column: span 6;
	}
}

/* == faq (FAQ-02 Always-Open List) ===================================== */
.k45-head {
	margin-block-end: var(--s-step-4);
}

.k45-roll {
	display: block;
	margin: 0;
	padding: 0;
}

.k45-ask {
	margin-block-start: var(--s-step-4);
	margin-block-end: var(--s-step-2);
}

.k45-caption {
	font-family: var(--f-title);
	font-size: var(--z-md-2);
	font-weight: var(--w-strong);
	color: var(--t-copy);
}

.k45-say {
	margin-inline-start: 0;
	margin-block-end: var(--s-step-5);
	padding-inline-start: var(--s-step-3);
	border-inline-start: var(--b-slim) solid var(--t-divider);
	color: var(--t-subtle);
	font-size: var(--z-copy);
	line-height: var(--l-open);
}

.k45-call {
	margin-block: var(--s-step-5);
}

/* == reviews (REV-03 Carousel Horizontal Strip) ======================== */
.o30-head {
	margin-block-end: var(--s-step-4);
}

.o30-rail {
	display: flex;
	gap: var(--s-step-3);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-block-end: var(--s-step-2);
	list-style: none;
	margin: 0;
	padding-inline: 0;
	scrollbar-width: thin;
}

.o30-cell {
	display: block;
	flex: 0 0 auto;
	scroll-snap-align: start;
	width: min(360px, 82vw);
}

.o30-brick {
	display: flex;
	flex-direction: column;
	gap: var(--s-step-2);
	height: 100%;
	min-height: 240px;
	padding: var(--s-step-4);
	background: var(--t-backdrop);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-step-3);
}

.o30-handle {
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-sm-2);
}

.o30-score {
	color: var(--t-accent);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
}

.o30-bar {
	position: relative;
	width: 60%;
	height: 4px;
	background: #3a3f42;
	border-radius: var(--r-lozenge);
}

.o30-bar-fill {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	background: var(--t-accent);
	border-radius: var(--r-lozenge);
}

.o30-words {
	margin: 0;
	color: var(--t-subtle);
	font-size: var(--z-caption);
	line-height: var(--l-normal);
}

.o30-say {
	display: block;
}

.o30-dots {
	display: flex;
	justify-content: center;
	gap: var(--s-step-1);
	margin-block-start: var(--s-step-3);
}

.o30-dot {
	width: 9px;
	height: 9px;
	padding: 0;
	background: #4a4f52;
	border: 0;
	border-radius: var(--r-dot);
	transition: background-color var(--t-quick) var(--x-land);
}

.o30-dot.is-live {
	background: var(--t-accent);
}

.o30-call {
	margin-block-start: var(--s-step-4);
}

/* == data table (TABLE-06 Magazine Editorial with Captions) ============ */
.h73-head {
	margin-block-end: var(--s-step-3);
	text-align: center;
}

.h73-head::before {
	content: "";
	display: block;
	width: 40px;
	margin-inline: auto;
	margin-block-end: var(--s-step-2);
	border-block-start: 2px solid var(--t-accent);
}

.h73-say {
	color: var(--t-subtle);
	font-family: var(--f-title);
	font-size: var(--z-md-2);
	font-style: italic;
}

.h73-scroll {
	overflow-x: auto;
}

.h73-grid {
	width: 100%;
	font-size: var(--z-caption);
}

.h73-grid th,
.h73-grid td {
	padding: var(--s-step-2) var(--s-step-3);
	text-align: start;
	border-block-end: var(--b-slim) solid var(--t-divider);
	overflow-wrap: anywhere;
}

.h73-grid th {
	background: var(--t-surface-2);
	color: var(--t-copy);
	font-family: var(--f-body);
	font-size: var(--z-mini);
	font-weight: var(--w-strong);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.h73-grid td {
	background: var(--t-backdrop);
	color: var(--t-subtle);
}

.h73-grid tr:last-child td {
	color: var(--t-copy);
	font-weight: var(--w-demi);
}

.h73-call {
	margin-block-start: var(--s-step-4);
}

@media (max-width: 639px) {
	.h73-grid {
		font-size: var(--z-mini);
	}

	.h73-grid th,
	.h73-grid td {
		padding: var(--s-step-1) var(--s-step-0);
		overflow-wrap: normal;
		word-break: keep-all;
		hyphens: none;
	}

	.h73-grid td {
		font-size: 12px;
	}

	.h73-grid th {
		font-size: 10px;
		letter-spacing: 0;
	}
}

@media (min-width: 640px) {
	.h73-grid {
		min-width: 560px;
	}
}

/* == cta block (CTA-05 Dual Action) ==================================== */
.j01 {
	background: var(--t-lead);
	color: var(--t-copy);
	border-block: var(--b-slim) solid var(--t-divider);
}

.j01-inside {
	max-width: calc(var(--u-narrow) * 1.5);
	margin-inline: auto;
	text-align: center;
}

.j01-head {
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-head);
	font-weight: var(--w-strong);
}

.j01-words {
	margin-block-start: var(--s-step-3);
	color: var(--t-subtle);
	line-height: var(--l-normal);
}

.j01-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--s-step-3);
	margin-block-start: var(--s-step-4);
}

.j01-press {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--s-step-5);
	background: var(--t-lead);
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-caption);
	text-decoration: none;
	border: var(--b-slim) solid var(--t-subtle);
	border-radius: var(--r-step-1);
}

.j01-press:hover {
	background: var(--t-backdrop);
	color: var(--t-fade-top);
	border-color: var(--t-copy);
}

.j01-note {
	display: block;
	margin-block-start: var(--s-step-3);
	color: var(--t-subtle);
	font-size: var(--z-mini);
	line-height: var(--l-normal);
}

/* == legal (LEGAL-05 Definition List Style) ============================ */
.m65-intro {
	color: var(--t-subtle);
	line-height: var(--l-open);
}

.m65-roll {
	display: block;
}

.m65-term {
	position: relative;
	margin-block-start: var(--s-step-4);
	margin-block-end: var(--s-step-1);
	padding-block-start: var(--s-step-2);
	color: var(--t-copy);
	font-family: var(--f-title);
	font-size: var(--z-md-2);
	font-weight: var(--w-strong);
}

.m65-term::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	width: 30px;
	height: 2px;
	background: var(--t-accent);
}

.m65-def {
	margin-inline-start: 0;
	margin-block-end: var(--s-step-3);
	color: var(--t-subtle);
	font-size: var(--z-copy);
	line-height: var(--l-open);
}

.m65-def p + p {
	margin-block-start: var(--s-step-2);
}

.m65-tail {
	margin-block-start: var(--s-step-5);
	padding: var(--s-step-4);
	background: var(--t-surface-2);
	color: var(--t-subtle);
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-step-3);
	font-size: var(--z-caption);
	line-height: var(--l-normal);
}

.m65-tail a {
	background: var(--t-surface-2);
	color: var(--t-accent);
}

/* == contact form (FORM-03 Compact Single-Field-Per-Row) =============== */
.b90-intro {
	max-width: calc(var(--u-narrow) * 1.2);
	margin-inline: auto;
	color: var(--t-subtle);
	text-align: center;
}

.b90-form {
	max-width: calc(var(--u-narrow) * 1.2);
	margin-inline: auto;
	margin-block-start: var(--s-step-4);
}

.b90-line {
	display: block;
	margin-block-start: var(--s-step-3);
}

.b90-mark {
	display: block;
	margin-block-end: var(--s-step-1);
	color: var(--t-copy);
	font-size: var(--z-caption);
	font-weight: var(--w-demi);
}

.b90-input,
.b90-area {
	display: block;
	width: 100%;
	padding: var(--s-step-2) var(--s-step-3);
	background: var(--t-surface-2);
	color: var(--t-copy);
	font-family: var(--f-body);
	font-size: var(--z-caption);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-2);
}

.b90-area {
	min-height: 140px;
	resize: vertical;
}

.b90-send {
	display: block;
	width: 100%;
	height: 52px;
	margin-block-start: var(--s-step-4);
	background: var(--t-accent);
	color: var(--t-lead);
	font-family: var(--f-title);
	font-size: var(--z-caption);
	font-weight: var(--w-demi);
	border: 0;
	border-radius: var(--r-step-1);
}

.b90-send:hover {
	background: var(--t-action-down);
	color: var(--t-lead);
}

.b90-done {
	display: none;
	margin-block-start: var(--s-step-3);
	padding: var(--s-step-3);
	background: var(--t-surface-2);
	color: var(--t-fade-top);
	border: var(--b-slim) solid var(--t-accent);
	border-radius: var(--r-step-2);
	font-size: var(--z-caption);
}

.b90-done.is-open {
	display: block;
}

/* == author card (AUTH-07 Quote-Style with Portrait) =================== */
.l29-brick {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: var(--s-step-4);
	padding: var(--s-step-5);
	background: var(--t-surface-2);
	color: var(--t-copy);
	border-left: var(--b-regular) solid var(--t-accent);
	border-radius: var(--r-step-3);
}

.l29-headshot {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover;
	object-position: center top;
	border-radius: var(--r-dot);
	align-self: start;
}

.l29-stuff {
	display: block;
}

.l29-quote {
	color: var(--t-accent);
	font-family: var(--f-title);
	font-size: var(--z-xxl);
	line-height: 1;
}

.l29-words {
	margin-block-start: var(--s-step-2);
	color: var(--t-copy);
	font-size: var(--z-sm-2);
	font-style: italic;
	line-height: var(--l-normal);
}

.l29-sub {
	margin-block-start: var(--s-step-3);
	color: var(--t-subtle);
	font-size: var(--z-caption);
	letter-spacing: var(--e-open);
}

.l29-skills {
	margin-block-start: var(--s-step-4);
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-step-1);
	list-style: none;
	padding: 0;
}

.l29-skill {
	padding: var(--s-step-0) var(--s-step-2);
	background: var(--t-backdrop);
	color: var(--t-subtle);
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-lozenge);
	font-size: var(--z-mini);
}

@media (max-width: 559px) {
	.l29-brick {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* == author byline (BYLINE-02 Card Block) ============================== */
.o05-brick {
	display: flex;
	gap: var(--s-step-3);
	max-width: var(--u-narrow);
	margin-inline: auto;
	padding: var(--s-step-4);
	background: var(--t-surface-2);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-divider);
	border-radius: var(--r-step-3);
}

.o05-headshot {
	display: block;
	flex-shrink: 0;
	line-height: 0;
}

.o05-image {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	object-position: center top;
	border-radius: var(--r-dot);
}

.o05-stuff {
	display: block;
	min-width: 0;
}

.o05-mark {
	display: block;
	color: var(--t-subtle);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.o05-handle {
	font-family: var(--f-title);
	font-size: var(--z-md-2);
	font-weight: var(--w-strong);
}

.o05-handle a {
	background: var(--t-surface-2);
	color: var(--t-copy);
	text-decoration: none;
}

.o05-handle a:hover {
	background: var(--t-surface-2);
	color: var(--t-accent);
	text-decoration: underline;
}

.o05-job {
	color: var(--t-subtle);
	font-size: var(--z-caption);
}

.o05-words {
	margin-block-start: var(--s-step-2);
	color: var(--t-copy);
	font-size: var(--z-caption);
	line-height: var(--l-normal);
}

.o05-link {
	display: inline-block;
	margin-block-start: var(--s-step-2);
	background: var(--t-surface-2);
	color: var(--t-accent);
	font-size: var(--z-caption);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	text-decoration: none;
}

.o05-link:hover {
	background: var(--t-surface-2);
	color: var(--t-fade-top);
	text-decoration: underline;
}

@media (max-width: 559px) {
	.o05-brick {
		flex-direction: column;
	}
}

/* == error block (ERR-05 Glitch / Cyber Style) ========================= */
.t66 {
	padding-block: var(--s-step-7);
	background: var(--t-backdrop);
}

.t66-core {
	text-align: center;
}

.pageflow:has(> .t66) {
	display: flex;
	flex-direction: column;
}

.t66 {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.t66-head {
	isolation: isolate;
}

.t66-head {
	position: relative;
	display: inline-block;
	max-width: calc(var(--u-narrow) * 1.4);
	color: var(--t-copy);
}

.t66-head::before,
.t66-head::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	z-index: -1;
	color: var(--t-accent);
	opacity: 0.55;
	pointer-events: none;
}

.t66-head::before {
	transform: translate(2px, -2px);
}

.t66-head::after {
	transform: translate(-2px, 2px);
	color: var(--t-action-down);
}

.t66-words {
	max-width: calc(var(--u-narrow) * 1.2);
	margin-inline: auto;
	margin-block-start: var(--s-step-4);
	color: var(--t-subtle);
	line-height: var(--l-normal);
}

.t66-buttons {
	display: flex;
	justify-content: center;
	margin-block-start: var(--s-step-4);
}

.t66-press {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--s-step-5);
	background: var(--t-accent);
	color: var(--t-lead);
	font-family: var(--f-title);
	font-size: var(--z-caption);
	text-decoration: none;
	border-radius: var(--r-step-1);
}

.t66-press:hover {
	background: var(--t-action-down);
	color: var(--t-lead);
}

/* == cookie banner (COOK-01 Bottom Floating Pill) ====================== */
.z67 {
	position: fixed;
	inset-block-end: var(--s-step-3);
	inset-inline: var(--s-step-3);
	z-index: 90;
	display: none;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-step-3);
	max-width: var(--u-narrow);
	margin-inline: auto;
	padding: var(--s-step-3);
	background: var(--t-surface-2);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-edge-hard);
	border-radius: var(--r-step-3);
	box-shadow: var(--d-step-4);
	opacity: 0;
	transition: opacity var(--t-gentle) var(--x-land), transform var(--t-gentle) var(--x-even);
}

.z67.is-visible {
	display: flex;
	opacity: 1;
}

.z67.is-gone {
	opacity: 0;
	transform: translateX(120vw);
}

.z67-notice {
	flex: 1 1 240px;
	color: var(--t-subtle);
	font-size: var(--z-caption);
	line-height: var(--l-normal);
}

.z67-buttons {
	display: flex;
	gap: var(--s-step-2);
}

.z67-allow,
.z67-dismiss {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding-inline: var(--s-step-3);
	font-family: var(--f-title);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	border-radius: var(--r-step-3);
}

.z67-allow {
	background: var(--t-accent);
	color: var(--t-lead);
	border: 0;
}

.z67-allow:hover {
	background: var(--t-action-down);
	color: var(--t-lead);
}

.z67-dismiss {
	background: var(--t-surface-2);
	color: var(--t-copy);
	border: var(--b-slim) solid var(--t-edge-hard);
}

.z67-dismiss:hover {
	background: var(--t-backdrop);
	color: var(--t-copy);
}

@media (max-width: 720px) {
	.z67 {
		padding: 12px 14px;
		gap: 8px;
		font-size: 13px;
		line-height: 1.35;
	}

	.z67-notice {
		flex: 1 1 100%;
		font-size: 13px;
		line-height: 1.35;
	}

	.z67-buttons {
		width: 100%;
	}

	.z67-allow,
	.z67-dismiss {
		flex: 1 1 auto;
		padding-inline: 14px;
		font-size: 12px;
		min-height: 36px;
	}
}

/* == footer (FOOT-04 Sticky Mini) ====================================== */
.y13 {
	position: relative;
	margin-block-start: var(--u-secy);
	background: var(--t-lead);
	color: var(--t-subtle);
	border-block-start: var(--b-slim) solid var(--t-divider);
	backdrop-filter: blur(8px);
}

.y13-tier {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-step-2);
	min-height: 64px;
	padding-block: var(--s-step-2);
}

.y13-tier + .y13-tier {
	border-block-start: var(--b-slim) solid var(--t-divider);
}

.y13-copy {
	color: var(--t-subtle);
	font-size: var(--z-mini);
}

.y13-crest {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin-inline-end: var(--s-step-3);
	text-decoration: none;
}

.y13-crest-image {
	display: block;
	height: 24px;
	width: auto;
}

.y13-map {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-step-2);
}

.y13-link {
	display: inline-flex;
	align-items: center;
	padding-inline-start: var(--s-step-2);
	background: var(--t-lead);
	color: var(--t-subtle);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	text-decoration: none;
	border-inline-start: var(--b-slim) solid var(--t-divider);
}

.y13-link:first-child {
	padding-inline-start: 0;
	border-inline-start: 0;
}

.y13-link:hover {
	background: var(--t-lead);
	color: var(--t-copy);
}

.y13-notice {
	flex: 1 1 100%;
	color: var(--t-subtle);
	font-size: var(--z-mini);
	line-height: var(--l-normal);
}

.y13-notice a {
	background: var(--t-lead);
	color: var(--t-accent);
}

.y13-notice a:hover {
	background: var(--t-lead);
	color: var(--t-fade-top);
}

.y13-age {
	display: inline-flex;
	align-items: center;
	margin-inline-end: var(--s-step-1);
	padding: 1px var(--s-step-1);
	background: var(--t-advisory);
	color: #ffffff;
	font-family: var(--f-title);
	font-size: var(--z-mini);
	border-radius: var(--r-step-2);
}

/* == reveal (motion: slide / observer) ================================= */
[data-enter] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity var(--t-gentle) var(--x-land), transform var(--t-gentle) var(--x-land);
}

[data-enter].on-screen {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	[data-enter] {
		opacity: 1;
		transform: none;
	}
}

/* == offer call (base geometry — colour + motion appended below) ======== */
.varn-call {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--s-step-2);
	margin-block: var(--s-step-5);
}

.varn-call-mid {
	align-items: center;
	text-align: center;
	margin-block: 0;
}

.varn-act {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 14px 30px;
	font-family: var(--f-title);
	font-size: var(--z-caption);
	font-weight: var(--w-demi);
	line-height: var(--l-dense);
	text-align: center;
	text-decoration: none;
	border-radius: var(--r-step-2);
}

.varn-fine {
	max-width: calc(var(--u-narrow) * 1.2);
	color: var(--t-subtle);
	font-size: var(--z-mini);
	line-height: var(--l-normal);
}

/* == offer call (colour + motion from scripts/cta-style.mjs) ============ */
.varn-act {
	position: relative;
	overflow: hidden;
	background: #C026D3;
	color: #FFFFFF;
	transition: background var(--t-quick) var(--x-land), border-color var(--t-quick) var(--x-land);
	animation: varn-sway 1.48s linear infinite;
}

.varn-act.varn-act {
	color: #FFFFFF;
	text-decoration: none;
}

.varn-act:hover {
	background: #A21CAF;
	color: #FFFFFF;
	animation: none;
}

.varn-act:hover::after {
	animation: none;
}

.varn-act:active {
	background: #86198F;
	color: #FFFFFF;
}

.varn-act:focus-visible {
	outline: 3px solid var(--t-copy);
	outline-offset: 3px;
}

.varn-act::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.42) 50%, transparent 100%);
	background-repeat: no-repeat;
	background-size: 45% 100%;
	background-position: -60% 0;
	animation: varn-glint 1.48s var(--x-even) infinite;
}

@keyframes varn-sway {
	0% {
		transform: scale(1);
		animation-timing-function: cubic-bezier(0.25, 0.8, 0.35, 1);
	}
	20.946% {
		transform: scale(1.085);
		animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
	}
	59.459%,
	100% {
		transform: scale(1);
	}
}

@keyframes varn-glint {
	0%,
	6.081% {
		background-position: -60% 0;
	}
	49.324%,
	100% {
		background-position: 160% 0;
	}
}

.w97-buttons .varn-act {
	animation-delay: -0.94s;
}

.t80-plug .varn-act {
	animation-delay: -0.31s;
}

.j01-buttons .varn-act {
	animation-delay: -0.62s;
}

.k45-call .varn-act,
.h73-call .varn-act {
	animation-delay: -0.47s;
}

.j01-buttons {
	gap: var(--s-step-4);
}

@media (prefers-reduced-motion: reduce) {
	.varn-act,
	.varn-act::after {
		animation: none !important;
		transition: none !important;
	}
}

/* == leftovers ========================================================= */
.d90-cell-extra {
	position: relative;
	flex-shrink: 0;
}

.y13-tier-legal {
	align-items: flex-start;
	min-height: 0;
}

@media (max-width: 975px) {
  .d90-map,
  .d90-roll,
  .d90-link { display: none !important; }
  .d90-menu-trigger { display: flex !important; }
}