@font-face {
	font-family: "Archivo Black";
	src: url("/letterbank/archivo-black-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url("/letterbank/barlow-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url("/letterbank/barlow-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url("/letterbank/barlow-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--hue-lead: #fb3c00;
	--hue-accent: #ff7f02;
	--hue-spot-deep: #cf6202;
	--hue-backdrop: #000000;
	--hue-above: #16120f;
	--hue-reading: #ffffff;
	--hue-subtle: #bebdbd;
	--hue-edge: #2b2523;
	--hue-edge-hard: #4a403b;
	--hue-gradient-light: #ffbe87;
	--hue-fade-bottom: #fe8f38;
	--hue-advisory: #a51d1d;
	--hue-ink: #140d07;

	--sp-hair: 4px;
	--sp-tiny: 8px;
	--sp-snug: 12px;
	--sp-base: 16px;
	--sp-wide: 24px;
	--sp-roomy: 40px;
	--sp-vast: 64px;
	--sp-huge: 96px;
	--sec-y: 44px;

	--rad-hair: 0;
	--rad-tiny: 0;
	--rad-snug: 0;
	--rad-base: 0;
	--rad-wide: 0;
	--rad-roomy: 0;
	--rad-vast: 0;
	--rad-huge: 0;
	--rad-stadium: 0;
	--rad-circle: 50%;

	--elev-hair: none;
	--elev-tiny: none;
	--elev-snug: 0 1px 0 rgba(0, 0, 0, 0.08);
	--elev-base: 0 2px 0 rgba(0, 0, 0, 0.12);
	--elev-wide: 0 4px 0 rgba(0, 0, 0, 0.16);
	--elev-roomy: 0 6px 0 rgba(0, 0, 0, 0.2);
	--elev-vast: 0 8px 0 rgba(0, 0, 0, 0.24);
	--elev-huge: 0 12px 0 rgba(0, 0, 0, 0.28);

	--rl-fine: 1px;
	--rl-mid: 2px;
	--rl-strong: 4px;

	--ff-title: "Archivo Black", "Arial Black", Impact, sans-serif;
	--ff-reading: "Barlow", "Helvetica Neue", Arial, sans-serif;

	--fs-display-1: 44px;
	--fs-display-2: 34px;
	--fs-sub: 26px;
	--fs-md-2: 20px;
	--fs-h5: 16px;
	--fs-h6: 14px;
	--fs-copy: 16px;
	--fs-sm: 14px;
	--fs-tiny: 12px;

	--lh-compact: 1.2;
	--lh-regular: 1.55;
	--lh-airy: 1.7;

	--wg-normal: 400;
	--wg-semi: 500;
	--wg-heavy: 700;

	--tr-packed: -0.01em;
	--tr-normal: 0;
	--tr-spread: 0.02em;

	--dur-swift: 208ms;
	--dur-base: 360ms;
	--dur-gentle: 751ms;
	--ease-out: cubic-bezier(0.23, 0.71, 0.32, 1);
	--ease-in-out: cubic-bezier(0.36, 0.02, 0.54, 0.96);
	--ease-launch: cubic-bezier(0.36, 0.02, 0.54, 0.96);
	--ease-pop: cubic-bezier(0.33, 0.95, 0.62, 0.95);

	--shl-site: 1360px;
	--shl-text: 1360px;
	--shl-narrow: 540px;
	--shl-inset-desktop: 64px;
	--shl-edge-mid: 32px;
	--shl-edge-narrow: 20px;

	--hd-height-desktop: 44px;
	--hd-height-mobile: 44px;
	--hd-pad: var(--shl-inset-desktop);
}

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

html,
body {
	overflow-x: clip;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-block-start: var(--sp-roomy);
}

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	font-family: var(--ff-reading);
	font-size: var(--fs-copy);
	font-weight: var(--wg-normal);
	line-height: var(--lh-regular);
	letter-spacing: var(--tr-normal);
}

.page-main {
	flex: 1 0 auto;
	display: block;
}

img {
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	margin: 0;
}

h1 {
	font-family: var(--ff-title);
	font-size: var(--fs-display-1);
	font-weight: var(--wg-normal);
	line-height: var(--lh-compact);
	letter-spacing: var(--tr-packed);
	color: var(--hue-reading);
}

h2 {
	font-family: var(--ff-title);
	font-size: var(--fs-display-2);
	font-weight: var(--wg-normal);
	line-height: var(--lh-compact);
	letter-spacing: var(--tr-packed);
	color: var(--hue-reading);
}

h3 {
	font-family: var(--ff-reading);
	font-size: var(--fs-sub);
	font-weight: var(--wg-heavy);
	line-height: var(--lh-compact);
	color: var(--hue-reading);
}

p {
	margin: 0 0 var(--sp-base);
}

a {
	color: var(--hue-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--dur-swift) var(--ease-out), text-decoration-thickness var(--dur-swift) var(--ease-out);
}

a:hover {
	color: var(--hue-gradient-light);
	text-decoration-thickness: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: var(--rl-mid) solid var(--hue-gradient-light);
	outline-offset: 2px;
}

button {
	font: inherit;
}

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

.skip-route {
	position: fixed;
	inset-inline-start: var(--sp-base);
	z-index: 200;
	background: var(--hue-reading);
	color: var(--hue-ink);
	padding: var(--sp-snug) var(--sp-base);
	font-weight: var(--wg-heavy);
	text-decoration: none;
}

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

.skip-route:focus {
	top: var(--sp-base);
}

[data-motion] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity var(--dur-gentle) var(--ease-out), transform var(--dur-gentle) var(--ease-out);
}

[data-motion].is-open {
	opacity: 1;
	transform: translateY(0);
}

.rg-band {
	margin: 0;
	background: var(--hue-advisory);
	color: var(--hue-reading);
	font-size: var(--fs-tiny);
	line-height: var(--lh-regular);
	letter-spacing: var(--tr-spread);
	text-align: center;
	padding: var(--sp-tiny) var(--shl-edge-narrow);
}

.rg-say {
	color: var(--hue-reading);
}

.rg-route {
	color: var(--hue-reading);
	font-weight: var(--wg-heavy);
	text-decoration: underline;
	white-space: nowrap;
}

.rg-route:hover {
	color: var(--hue-gradient-light);
}

.gubutat {
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	position: relative;
	z-index: 60;
}

.gubutat-util {
	background: var(--hue-above);
	color: var(--hue-subtle);
	border-block-end: var(--rl-fine) solid var(--hue-edge);
}

.gubutat-util-hold {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--hd-pad);
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-snug);
}

.gubutat-geo {
	font-family: var(--ff-title);
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	background: var(--hue-above);
	color: var(--hue-accent);
	border: var(--rl-fine) solid var(--hue-edge-hard);
	padding: 2px var(--sp-tiny);
}

.gubutat-desk {
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	background: var(--hue-above);
	color: var(--hue-subtle);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gubutat-rank {
	min-height: 44px;
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.gubutat-hold {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding: var(--sp-snug) var(--hd-pad);
	display: flex;
	align-items: center;
	gap: var(--sp-base);
}

.gubutat-knob {
	order: 4;
	display: none;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 48px;
	min-height: 44px;
	padding: 0 var(--sp-snug);
	margin-inline-start: auto;
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	border: 0;
	cursor: pointer;
}

.gubutat-knob-dot {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: var(--rad-circle);
	background: var(--hue-reading);
	transition: background var(--dur-swift) var(--ease-out);
}

.gubutat-knob[aria-expanded="true"] .gubutat-knob-dot {
	background: var(--hue-accent);
}

.gubutat-logo {
	order: 1;
	flex-shrink: 0;
	display: inline-flex;
	text-decoration: none;
}

.gubutat-plate {
	display: inline-flex;
	align-items: center;
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge);
	padding: var(--sp-hair) var(--sp-snug);
}

.gubutat-logo-figure {
	display: block;
	height: 64px;
	width: auto;
	flex-shrink: 0;
}

.gubutat-routes {
	order: 2;
	display: flex;
	align-items: center;
	gap: var(--sp-tiny);
	flex: 0 0 auto;
	margin-inline-end: auto;
	overflow: visible;
}

.gubutat-list {
	display: flex;
	align-items: center;
	gap: var(--sp-snug);
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 0 0 auto;
	overflow: hidden;
}

.gubutat-unit {
	display: block;
}

.gubutat-route {
	position: relative;
	display: block;
	padding: var(--sp-tiny) var(--sp-tiny);
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: var(--tr-normal);
	color: var(--hue-subtle);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--dur-swift) var(--ease-out);
}

.gubutat-route::after {
	content: "";
	position: absolute;
	inset-inline: var(--sp-tiny);
	bottom: 2px;
	height: 0;
	border-block-end: 0 solid var(--hue-accent);
	transition: border-block-end-width var(--dur-swift) var(--ease-out);
}

.gubutat-route:hover {
	color: var(--hue-reading);
}

.gubutat-route:hover::after {
	border-block-end-width: 2px;
}

.gubutat-route.is-here {
	color: var(--hue-reading);
	font-weight: var(--wg-heavy);
	border-inline-start: 3px solid var(--hue-accent);
	padding-inline-start: var(--sp-tiny);
}

.gubutat-more {
	position: relative;
	display: none;
	flex: 0 0 auto;
}

.gubutat-more-knob {
	display: block;
	padding: var(--sp-tiny) var(--sp-snug);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge-hard);
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
}

.gubutat-more-knob:hover {
	background: var(--hue-above);
	color: var(--hue-accent);
}

.gubutat-more-menu {
	display: none;
	position: absolute;
	inset-inline-end: 0;
	top: calc(100% + var(--sp-tiny));
	z-index: 80;
	min-width: 220px;
	max-height: 70vh;
	overflow-y: auto;
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge-hard);
	box-shadow: var(--elev-wide);
}

.gubutat-more-menu.is-open {
	display: block;
}

.gubutat-more-list {
	margin: 0;
	padding: var(--sp-tiny) 0;
	list-style: none;
}

.gubutat-more-unit {
	display: block;
}

.gubutat-more-route {
	display: block;
	padding: var(--sp-tiny) var(--sp-base);
	font-size: 16px;
	font-weight: 400;
	color: var(--hue-subtle);
	background: var(--hue-above);
	text-decoration: none;
	white-space: nowrap;
}

.gubutat-more-route:hover {
	color: var(--hue-reading);
	background: var(--hue-edge);
}

.gubutat-buttons {
	order: 3;
	display: flex;
	align-items: center;
	gap: var(--sp-tiny);
	flex-shrink: 0;
}

.gubutat-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--sp-wide);
	white-space: nowrap;
	flex-shrink: 0;
	text-decoration: none;
}

.gubutat-key-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-mid) solid var(--hue-accent);
	font-family: var(--ff-reading);
	font-weight: var(--wg-semi);
	letter-spacing: var(--tr-spread);
	white-space: nowrap;
	flex-shrink: 0;
	text-decoration: none;
}

.gubutat-key-quiet:hover {
	background: var(--hue-accent);
	color: var(--hue-ink);
}

.gubutat-slide {
	display: none;
	background: var(--hue-above);
	color: var(--hue-reading);
	border-block-start: var(--rl-fine) solid var(--hue-edge);
	max-height: 70vh;
	overflow-y: auto;
}

.gubutat-slide.is-open {
	display: block;
}

.gubutat-slide-routes {
	display: block;
}

.gubutat-slide-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gubutat-slide-unit {
	display: block;
}

.gubutat-slide-route {
	display: block;
	padding: var(--sp-snug) var(--shl-edge-narrow);
	min-height: 44px;
	font-size: 16px;
	color: var(--hue-subtle);
	background: var(--hue-above);
	text-decoration: none;
	border-block-end: var(--rl-fine) solid var(--hue-edge);
}

.gubutat-slide-route:hover,
.gubutat-slide-route[aria-current="page"] {
	color: var(--hue-reading);
	background: var(--hue-edge);
}

.lego {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding: var(--sp-base) var(--shl-inset-desktop) 0;
}

.lego-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-tiny);
	margin: 0;
	padding: 0;
	list-style: none;
}

.lego-unit {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-hair);
}

.lego-num {
	font-family: var(--ff-title);
	font-weight: var(--wg-normal);
	font-size: var(--fs-h6);
	color: var(--hue-accent);
	margin-inline-end: var(--sp-hair);
}

.lego-route {
	font-size: var(--fs-sm);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
	text-decoration: none;
}

.lego-route:hover {
	color: var(--hue-reading);
}

.lego-now {
	font-size: var(--fs-sm);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-reading);
}

.lego-gap {
	color: var(--hue-subtle);
	margin-inline: var(--sp-snug);
}

.daguf {
	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(520px, calc(100vh - 176px), 760px);
	overflow: hidden;
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.daguf::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(115deg, rgba(0, 0, 0, 0.92) 42%, rgba(0, 0, 0, 0.55) 100%), url("/archive/scene.webp");
	background-size: cover;
	background-position: center;
	opacity: 0.85;
}

.daguf-mark {
	position: absolute;
	top: 0;
	height: 100%;
	width: 30%;
	max-width: calc(var(--shl-site) * 0.3);
	inset-inline-start: max(var(--shl-inset-desktop), calc((100vw - var(--shl-site)) / 2));
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: var(--ff-title);
	font-weight: var(--wg-normal);
	font-size: 60vh;
	line-height: 0.8;
	opacity: 0.06;
	pointer-events: none;
	user-select: none;
}

.daguf-shell {
	position: relative;
	width: 100%;
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding: var(--sp-huge) var(--shl-inset-desktop);
	display: block;
}

.daguf-fill {
	position: relative;
	padding-inline-start: 34%;
}

.daguf-eyebrow {
	display: inline-block;
	font-size: var(--fs-tiny);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	background: var(--hue-backdrop);
	color: var(--hue-accent);
	border-inline-start: 3px solid var(--hue-accent);
	padding: var(--sp-hair) var(--sp-tiny);
	margin-block-end: var(--sp-base);
}

.daguf-second {
	max-width: var(--shl-narrow);
	margin-block: var(--sp-wide) var(--sp-wide);
	font-size: var(--fs-md-2);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.daguf-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-snug);
	margin-block-end: var(--sp-snug);
}

.daguf-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	text-decoration: none;
}

.daguf-key-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding-inline: var(--sp-roomy);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-mid) solid var(--hue-accent);
	text-decoration: none;
}

.daguf-terms {
	display: block;
	max-width: var(--shl-narrow);
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
}

.byvada {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.byvada-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.byvada-crumbs {
	display: block;
	font-size: var(--fs-tiny);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
	margin-block-end: var(--sp-base);
}

.byvada-crumbs-route {
	color: var(--hue-subtle);
	text-decoration: none;
}

.byvada-crumbs-route:hover {
	color: var(--hue-accent);
}

.byvada-crumbs-gap {
	color: var(--hue-subtle);
	margin-inline: var(--sp-tiny);
}

.byvada-heading {
	margin-block-end: var(--sp-base);
}

.byvada-second {
	font-size: var(--fs-md-2);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.byvada-extra {
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
	margin: 0;
}

.fugypo {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.fugypo-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.fugypo-body {
	display: block;
}

.fugypo-part {
	display: block;
	margin-block-end: var(--sp-wide);
	text-align: start;
}

.fugypo-part h2 {
	font-size: var(--fs-display-2);
	font-weight: var(--wg-normal);
	text-align: start;
	margin-block: var(--sp-wide) var(--sp-snug);
}

.fugypo-part p {
	margin-block: 0 var(--sp-snug);
	line-height: var(--lh-regular);
	color: var(--hue-reading);
}

.fugypo-lede::first-letter {
	float: left;
	font-family: var(--ff-title);
	font-size: 3em;
	line-height: 0.8;
	color: var(--hue-accent);
	padding-inline-end: var(--sp-tiny);
	padding-block-start: var(--sp-hair);
}

.fugypo-list,
.fugypo-steps {
	margin: 0 0 var(--sp-snug);
	padding-inline-start: var(--sp-wide);
	color: var(--hue-reading);
}

.fugypo-unit {
	margin-block-end: var(--sp-tiny);
	line-height: var(--lh-regular);
}

.fugypo-figure {
	display: block;
	margin: var(--sp-wide) 0;
	text-align: center;
}

.fugypo-figure-shot {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 420px;
	border: var(--rl-fine) solid var(--hue-edge);
}

.fugypo-plug {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-base);
	margin-block: var(--sp-wide);
	padding: var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	border-inline-start: var(--rl-strong) solid var(--hue-accent);
}

.fugypo-plug-copy {
	margin: 0;
	flex: 1 1 320px;
	font-size: var(--fs-copy);
	color: var(--hue-reading);
}

.fugypo-plug-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	flex-shrink: 0;
	text-decoration: none;
}

.pubyl {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.pubyl-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.pubyl-heading {
	margin-block-end: var(--sp-wide);
}

.pubyl-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sp-wide);
}

.pubyl-box {
	padding: var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge);
	transition: border-color var(--dur-swift) var(--ease-out), transform var(--dur-swift) var(--ease-out);
}

.pubyl-box:hover {
	border-color: var(--hue-accent);
	transform: translateY(-2px);
}

.pubyl-figure {
	display: block;
	width: 32px;
	height: 32px;
	fill: var(--hue-accent);
}

.pubyl-box-heading {
	font-family: var(--ff-title);
	font-size: var(--fs-h5);
	font-weight: var(--wg-normal);
	line-height: var(--lh-compact);
	color: var(--hue-reading);
	margin-block-start: var(--sp-snug);
}

.pubyl-body {
	margin-block: var(--sp-snug) 0;
	font-size: var(--fs-sm);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.kyge {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.kyge-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.kyge-heading {
	margin-block-end: var(--sp-wide);
}

.kyge-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sp-wide);
}

.kyge-box {
	padding: var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge);
}

.kyge-box-high {
	background: #1d1409;
	color: var(--hue-reading);
	border-color: var(--hue-accent);
}

.kyge-box-mid {
	background: var(--hue-above);
	color: var(--hue-reading);
}

.kyge-box-low {
	background: #1c0f0a;
	color: var(--hue-reading);
	border-color: var(--hue-lead);
}

.kyge-rate {
	display: flex;
	align-items: center;
	gap: var(--sp-snug);
	margin-block-end: var(--sp-snug);
}

.kyge-score {
	font-family: var(--ff-title);
	font-size: var(--fs-display-2);
	font-weight: var(--wg-normal);
	line-height: 1;
	color: var(--hue-accent);
}

.kyge-dots {
	display: inline-flex;
	gap: var(--sp-hair);
}

.kyge-dot {
	display: block;
	width: 10px;
	height: 10px;
	background: var(--hue-edge-hard);
	border-radius: var(--rad-circle);
}

.kyge-dot.is-full {
	background: var(--hue-accent);
}

.kyge-dot.is-half {
	background: linear-gradient(90deg, var(--hue-accent) 50%, var(--hue-edge-hard) 50%);
}

.kyge-copy {
	margin: 0;
	font-size: var(--fs-copy);
	line-height: var(--lh-regular);
	color: var(--hue-reading);
	border-inline-start: var(--rl-mid) solid var(--hue-edge-hard);
	padding-inline-start: var(--sp-base);
}

.kyge-extra {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sp-tiny);
	margin-block: var(--sp-snug) 0;
}

.kyge-author {
	font-weight: var(--wg-heavy);
	font-size: var(--fs-sm);
	color: var(--hue-reading);
}

.kyge-day {
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
}

.geby {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.geby-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.geby-heading {
	margin-block-end: var(--sp-wide);
}

.geby-list {
	margin: 0;
	padding: 0;
}

.geby-ask {
	display: block;
	margin-block-end: var(--sp-snug);
}

.geby-ask-heading {
	font-family: var(--ff-title);
	font-size: var(--fs-md-2);
	font-weight: var(--wg-normal);
	line-height: var(--lh-compact);
	color: var(--hue-reading);
	margin: 0;
}

.geby-fill {
	margin: 0 0 var(--sp-roomy);
	padding-inline-start: var(--sp-base);
	border-inline-start: var(--rl-mid) solid var(--hue-edge);
}

.geby-fill p {
	margin: 0;
	font-size: var(--fs-copy);
	line-height: var(--lh-airy);
	color: var(--hue-subtle);
}

.nabit {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.nabit-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.nabit-heading {
	margin-block-end: var(--sp-wide);
}

.nabit-wrap {
	display: block;
	width: 100%;
	overflow-x: auto;
}

.nabit-grid {
	width: 100%;
	border-collapse: collapse;
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.nabit-head {
	text-align: start;
	font-family: var(--ff-title);
	font-weight: var(--wg-normal);
	font-size: var(--fs-sm);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	padding-block: var(--sp-base);
	padding-inline: var(--sp-snug);
	border-block-end: var(--rl-mid) solid var(--hue-accent);
}

.nabit-row {
	background: var(--hue-backdrop);
}

.nabit-cell {
	padding: var(--sp-base) var(--sp-snug);
	font-size: var(--fs-copy);
	background: var(--hue-backdrop);
	color: var(--hue-subtle);
	border-block-end: var(--rl-fine) solid var(--hue-edge);
	vertical-align: top;
}

.nabit-cell:first-child {
	color: var(--hue-reading);
	font-weight: var(--wg-semi);
}

.nabit-row:last-child .nabit-cell {
	border-block-end: 0;
}

.pudy {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.pudy-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.pudy-box {
	max-width: var(--shl-narrow);
	margin-inline: auto;
	padding: var(--sp-vast) var(--sp-roomy);
	text-align: center;
	background: #1a0f07;
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge-hard);
}

.pudy-heading {
	margin-block-end: var(--sp-base);
}

.pudy-copy {
	margin-block: var(--sp-base);
	font-size: var(--fs-copy);
	line-height: var(--lh-airy);
	color: var(--hue-subtle);
}

.pudy-buttons {
	display: flex;
	justify-content: center;
	margin-block-end: var(--sp-snug);
}

.pudy-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	text-decoration: none;
}

.pudy-key-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding-inline: var(--sp-roomy);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-mid) solid var(--hue-accent);
	text-decoration: none;
}

.pudy-extra {
	display: block;
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
}

.fupib {
	display: block;
	padding-block: var(--sp-wide);
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
}

.fupib-box {
	display: flex;
	gap: var(--sp-base);
	max-width: var(--shl-narrow);
	padding: var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge);
}

.fupib-avatar {
	display: block;
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: var(--rad-circle);
}

.fupib-avatar-shot {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.fupib-fill {
	display: block;
	min-width: 0;
}

.fupib-note {
	display: block;
	font-size: var(--fs-tiny);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
}

.fupib-author {
	font-family: var(--ff-title);
	font-size: var(--fs-md-2);
	font-weight: var(--wg-normal);
	margin-block: var(--sp-hair);
}

.fupib-route {
	color: var(--hue-reading);
	text-decoration: none;
}

.fupib-route:hover {
	color: var(--hue-accent);
	text-decoration: underline;
}

.fupib-craft {
	margin: 0;
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
}

.fupib-body {
	margin-block: var(--sp-tiny) var(--sp-tiny);
	font-size: var(--fs-copy);
	line-height: var(--lh-regular);
	color: var(--hue-reading);
}

.fupib-day {
	display: block;
	font-size: var(--fs-tiny);
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
}

.zibozaz {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.zibozaz-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.zibozaz-box {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: var(--sp-roomy);
	padding: var(--sp-roomy) var(--sp-wide);
	background: var(--hue-above);
	color: var(--hue-reading);
	box-shadow: var(--elev-snug);
}

.zibozaz-avatar {
	width: 160px;
	height: 160px;
	overflow: hidden;
	border-radius: var(--rad-circle);
	align-self: start;
}

.zibozaz-avatar-shot {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.zibozaz-fill {
	display: flex;
	flex-direction: column;
	gap: var(--sp-base);
	min-width: 0;
}

.zibozaz-craft {
	margin: 0;
	font-family: var(--ff-reading);
	font-weight: var(--wg-semi);
	font-size: var(--fs-sm);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-accent);
}

.zibozaz-author {
	font-size: var(--fs-display-2);
	margin: 0;
}

.zibozaz-body {
	margin: 0;
	font-size: var(--fs-copy);
	line-height: var(--lh-airy);
	color: var(--hue-subtle);
}

.zibozaz-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-tiny);
	margin: 0;
	padding: 0;
	list-style: none;
}

.zibozaz-tag {
	padding: var(--sp-hair) var(--sp-snug);
	background: var(--hue-lead);
	color: var(--hue-ink);
	font-size: var(--fs-tiny);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
}

.bymo {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.bymo-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.bymo-heading {
	margin-block-end: var(--sp-base);
}

.bymo-lead {
	font-size: var(--fs-copy);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.bymo-route {
	color: var(--hue-accent);
}

.bymo-box {
	display: block;
	max-width: var(--shl-narrow);
	padding: var(--sp-roomy);
	border: var(--rl-mid) solid var(--hue-accent);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.bymo-slot {
	display: block;
	margin-block-end: var(--sp-wide);
}

.bymo-tag {
	display: block;
	font-size: var(--fs-sm);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-subtle);
	margin-block-end: var(--sp-hair);
}

.bymo-input,
.bymo-area {
	display: block;
	width: 100%;
	padding: var(--sp-tiny) 0;
	font-family: var(--ff-reading);
	font-size: var(--fs-md-2);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	border: 0;
	border-block-end: var(--rl-fine) solid var(--hue-edge-hard);
}

.bymo-area {
	resize: vertical;
}

.bymo-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--sp-roomy);
	background: var(--hue-accent);
	color: var(--hue-ink);
	border: 0;
	font-family: var(--ff-reading);
	font-weight: var(--wg-heavy);
	letter-spacing: var(--tr-spread);
	cursor: pointer;
	transition: background var(--dur-swift) var(--ease-out);
}

.bymo-key:hover {
	background: var(--hue-gradient-light);
	color: var(--hue-ink);
}

.bymo-done {
	max-width: var(--shl-narrow);
	margin-block: var(--sp-base);
	padding: var(--sp-base);
	background: var(--hue-above);
	color: var(--hue-reading);
	border-inline-start: var(--rl-strong) solid var(--hue-accent);
}

.nenif {
	padding-block: var(--sec-y);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.nenif-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.nenif-lead {
	font-size: var(--fs-md-2);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
	margin-block-end: var(--sp-roomy);
}

.nenif-body {
	counter-reset: legal-part;
	display: block;
}

.nenif-part {
	counter-increment: legal-part;
	display: block;
	margin-block-end: var(--sp-roomy);
}

.nenif-part-heading {
	font-family: var(--ff-reading);
	font-size: var(--fs-sub);
	font-weight: var(--wg-heavy);
	color: var(--hue-reading);
	margin-block-end: var(--sp-snug);
}

.nenif-body .nenif-part-heading::before {
	content: counter(legal-part) ". ";
	color: var(--hue-accent);
	font-family: var(--ff-title);
	font-weight: var(--wg-normal);
	margin-inline-end: var(--sp-tiny);
}

.nenif-copy {
	padding-inline-start: var(--sp-base);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.nenif-list {
	margin: 0 0 var(--sp-roomy);
	padding-inline-start: var(--sp-wide);
	color: var(--hue-subtle);
}

.nenif-unit {
	margin-block-end: var(--sp-tiny);
	line-height: var(--lh-regular);
}

.nenif-note {
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
	border-block-start: var(--rl-fine) solid var(--hue-edge);
	padding-block-start: var(--sp-base);
}

.bosil {
	padding-block: var(--sp-huge);
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

.bosil-shell {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
	display: block;
}

.bosil-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-base);
	text-align: center;
	max-width: var(--shl-narrow);
	margin-inline: auto;
	padding: var(--sp-vast) var(--sp-roomy);
	background: var(--hue-above);
	color: var(--hue-reading);
	border: var(--rl-mid) solid var(--hue-accent);
	box-shadow: var(--elev-base);
}

.bosil-heading {
	font-size: var(--fs-display-2);
}

.bosil-body {
	margin: 0;
	color: var(--hue-subtle);
	line-height: var(--lh-regular);
}

.bosil-route {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--sp-roomy);
	background: var(--hue-reading);
	color: var(--hue-ink);
	font-weight: var(--wg-heavy);
	letter-spacing: var(--tr-spread);
	text-decoration: none;
}

.bosil-route:hover {
	background: var(--hue-gradient-light);
	color: var(--hue-ink);
}

.soxado {
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	border-block-start: var(--rl-fine) solid var(--hue-edge);
	padding-block: var(--sp-vast);
}

.soxado-hold {
	max-width: calc(var(--shl-site) + 2 * var(--shl-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--shl-inset-desktop);
}

.soxado-brand {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-wide);
	padding-block: var(--sp-wide);
	border-block-end: var(--rl-fine) solid var(--hue-edge);
}

.soxado-logo {
	display: inline-flex;
	flex-shrink: 0;
}

.soxado-logo-figure {
	display: block;
	height: 56px;
	width: auto;
}

.soxado-slogan {
	margin: 0;
	flex: 1 1 360px;
	font-size: var(--fs-sm);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
}

.soxado-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sp-roomy);
	padding-block: var(--sp-roomy);
	border-block-end: var(--rl-fine) solid var(--hue-edge);
}

.soxado-track {
	display: block;
	min-width: 0;
}

.soxado-track-heading {
	font-family: var(--ff-reading);
	font-size: var(--fs-h6);
	font-weight: var(--wg-heavy);
	text-transform: uppercase;
	letter-spacing: var(--tr-spread);
	color: var(--hue-reading);
	margin-block-end: var(--sp-base);
}

.soxado-routes {
	display: block;
}

.soxado-list {
	margin: 0;
	padding: 0;
	list-style: none;
	columns: 2;
}

.soxado-unit {
	display: block;
	margin-block-end: var(--sp-tiny);
}

.soxado-route {
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
	text-decoration: none;
}

.soxado-route:hover {
	color: var(--hue-accent);
	text-decoration: underline;
}

.soxado-note {
	margin-block: var(--sp-base);
	padding-block: var(--sp-base);
	font-size: var(--fs-tiny);
	line-height: var(--lh-regular);
	color: var(--hue-subtle);
	border-block-end: var(--rl-fine) solid var(--hue-edge);
}

.soxado-base {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-snug);
	padding-block: var(--sp-base);
}

.soxado-copy {
	margin: 0;
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
}

.soxado-top {
	font-size: var(--fs-sm);
	color: var(--hue-subtle);
	text-decoration: none;
	letter-spacing: var(--tr-spread);
}

.soxado-top:hover {
	color: var(--hue-accent);
}

.vasoxa {
	position: fixed;
	inset-block-end: var(--sp-base);
	inset-inline-end: var(--sp-base);
	z-index: 90;
	width: 320px;
	max-width: calc(100vw - 2 * var(--sp-base));
	background: var(--hue-backdrop);
	color: var(--hue-reading);
	border: var(--rl-fine) solid var(--hue-edge-hard);
	border-inline-start: var(--rl-strong) solid var(--hue-accent);
	box-shadow: var(--elev-base);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(120%);
	transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out);
}

.vasoxa.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

.vasoxa.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.vasoxa-hold {
	display: block;
	padding: var(--sp-base);
}

.vasoxa-copy {
	margin: 0 0 var(--sp-snug);
	font-size: var(--fs-sm);
	line-height: var(--lh-regular);
	color: var(--hue-reading);
}

.vasoxa-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-tiny);
}

.vasoxa-agree {
	min-height: 40px;
	padding-inline: var(--sp-base);
	background: var(--hue-accent);
	color: var(--hue-ink);
	border: 0;
	font-weight: var(--wg-heavy);
	font-size: var(--fs-sm);
	cursor: pointer;
}

.vasoxa-agree:hover {
	background: var(--hue-gradient-light);
	color: var(--hue-ink);
}

.vasoxa-dismiss {
	min-height: 40px;
	padding-inline: var(--sp-base);
	background: var(--hue-backdrop);
	color: var(--hue-subtle);
	border: var(--rl-fine) solid var(--hue-edge-hard);
	font-size: var(--fs-sm);
	cursor: pointer;
}

.vasoxa-dismiss:hover {
	background: var(--hue-backdrop);
	color: var(--hue-reading);
}

@media (max-width: 1360px) {
	:root {
		--hd-pad: var(--shl-edge-mid);
	}
	.gubutat-desk {
		display: none;
	}
}

@media (max-width: 1100px) {
	.pubyl-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.soxado-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.gubutat-knob {
		display: inline-flex;
	}
	.gubutat-routes {
		display: none;
	}
	.gubutat-logo-figure {
		height: 52px;
	}
	.daguf-fill {
		padding-inline-start: 22%;
	}
}

@media (min-width: 1024px) {
	.gubutat-slide,
	.gubutat-slide.is-open {
		display: none;
	}
}

@media (max-width: 880px) {
	:root {
		--shl-inset-desktop: 32px;
		--fs-display-1: 30px;
		--fs-display-2: 24px;
		--fs-sub: 20px;
		--fs-md-2: 18px;
		--fs-h5: 15px;
		--fs-h6: 13px;
		--fs-copy: 15px;
		--fs-sm: 13px;
		--fs-tiny: 11px;
		--sec-y: 36px;
	}
	.daguf {
		min-height: clamp(340px, calc(100vh - 300px), 520px);
	}
	.daguf-mark {
		inset-inline-start: var(--shl-edge-narrow);
		font-size: 44vh;
		opacity: 0.05;
	}
	.daguf-fill {
		padding-inline-start: 0;
	}
	.daguf-shell {
		padding: var(--sp-wide) var(--shl-edge-narrow);
	}
	.daguf-second {
		margin-block: var(--sp-base) var(--sp-base);
	}
	.daguf-second,
	.daguf-terms {
		max-width: none;
	}
	.byvada-shell,
	.fugypo-shell,
	.pubyl-shell,
	.kyge-shell,
	.geby-shell,
	.nabit-shell,
	.pudy-shell,
	.zibozaz-shell,
	.bymo-shell,
	.nenif-shell,
	.bosil-shell,
	.soxado-hold,
	.fupib,
	.lego {
		padding-inline: var(--shl-edge-narrow);
	}
	.pubyl-list,
	.kyge-list,
	.soxado-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.soxado-list {
		columns: 2;
	}
	.pubyl-box {
		padding: var(--sp-base);
	}
	.zibozaz-box {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--sp-wide);
		padding: var(--sp-wide) var(--sp-base);
	}
	.zibozaz-avatar {
		width: 120px;
		height: 120px;
		justify-self: center;
	}
	.fupib-box {
		flex-direction: column;
		padding: var(--sp-base);
	}
	.pudy-box {
		padding: var(--sp-roomy) var(--sp-base);
	}
	.bosil-box {
		padding: var(--sp-roomy) var(--sp-base);
	}
	.bymo-box {
		padding: var(--sp-wide) var(--sp-base);
	}
	.nabit-grid {
		min-width: 560px;
	}
	.fugypo-plug {
		padding: var(--sp-base);
	}
	.fugypo-figure-shot {
		max-height: 320px;
	}
	.nenif-copy {
		padding-inline-start: 0;
	}
}

@media (max-width: 720px) {
	.vasoxa,
	.vasoxa-hold {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}
	.vasoxa {
		padding: 0 !important;
		inset-inline: var(--sp-snug);
		inset-block-end: var(--sp-snug);
		width: auto;
	}
	.vasoxa-buttons {
		flex-direction: column;
	}
	.vasoxa-agree,
	.vasoxa-dismiss {
		width: 100%;
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}
}

@media (max-width: 620px) {
	.rg-say {
		display: none;
	}
	.soxado-list {
		columns: 1;
	}
	.soxado-brand {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 420px) {
	.gubutat-logo-figure {
		height: 44px;
	}
	.gubutat-hold {
		gap: var(--sp-tiny);
		padding-inline: var(--shl-edge-narrow);
	}
	.gubutat-key,
	.gubutat-key-quiet {
		padding-inline: var(--sp-snug);
		font-size: var(--fs-tiny);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
	[data-motion] {
		opacity: 1;
		transform: none;
	}
}
.vikali-pick{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sp-wide);min-height:44px;border-radius:4px;border:var(--rl-mid) solid var(--hue-accent);font-weight:var(--wg-semi);letter-spacing:var(--tr-spread)}
.vikali-pick{
  background:#16A34A;color:#000000;text-decoration:none;
  transition:background var(--dur-swift) var(--ease-out),color var(--dur-swift) var(--ease-out);}
.vikali-pick.vikali-pick{color:#000000;text-decoration:none;}
.vikali-pick:hover{background:#15803D;color:#FFFFFF;animation:none}
.vikali-pick.vikali-pick:hover{color:#FFFFFF;text-decoration:none}
.vikali-pick:hover::after{animation:none}
.vikali-pick:active{background:#166534;color:#FFFFFF}
.vikali-pick:focus-visible{outline:3px solid #000000;outline-offset:3px}
.vikali-pick{animation:vikali-drift 0.98s var(--ease-in-out) infinite}
@keyframes vikali-drift{0%{transform:translate(0,0)}22.449%{transform:translate(3px,3px)}59.184%,100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.vikali-pick,.vikali-pick::after{animation:none!important;transition:none!important}}
.daguf .vikali-pick{min-height:56px;padding-inline:var(--sp-roomy);font-size:var(--fs-md-2)}
.pudy .vikali-pick{min-height:52px;padding-inline:var(--sp-roomy)}
.fugypo .vikali-pick{min-height:48px}
@media (max-width: 520px) {
	.gubutat-hold {
		flex-wrap: wrap;
		row-gap: var(--sp-tiny);
	}
	.gubutat-buttons {
		order: 5;
		flex: 1 0 100%;
		min-width: 0;
	}
	.gubutat-key,
	.gubutat-key-quiet,
	.gubutat-key.vikali-pick {
		width: 100%;
		padding-inline: var(--sp-tiny);
	}
}
@media (max-width: 1023px) and (min-width: 521px) {
	.gubutat-buttons {
		margin-inline-start: auto;
	}
	.gubutat-knob {
		margin-inline-start: 0;
	}
}

@media (max-width: 1055px) {
  .gubutat-routes,
  .gubutat-list,
  .gubutat-route { display: none !important; }
  .gubutat-knob { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-motion],
html.no-js .daguf-mark{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}