@font-face {
	font-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 400;
	src: url("/gallery/typeset/outfit-latin-ext-400.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-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 400;
	src: url("/gallery/typeset/outfit-latin-400.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-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 500;
	src: url("/gallery/typeset/outfit-latin-ext-500.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-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 500;
	src: url("/gallery/typeset/outfit-latin-500.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-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 600;
	src: url("/gallery/typeset/outfit-latin-ext-600.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-display: swap;
	font-family: "Outfit";
	font-style: normal;
	font-weight: 600;
	src: url("/gallery/typeset/outfit-latin-600.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;
}

:root {
	--sx-house: #fe2886;
	--sx-brand-hot: #ea7049;
	--sx-accent-pressed: #e75223;
	--sx-bg: #051233;
	--sx-panel: #0a1a42;
	--sx-script: #ffffff;
	--sx-dim: #c2c1c1;
	--sx-stroke: #17275c;
	--sx-stroke-heavy: #2b3f7d;
	--sx-ramp-start: #f7c4b4;
	--sx-fade-bottom: #f09676;
	--sx-rg-banner: #c1272d;
	--sx-tone-hot: #171a35;
	--sx-tone-house: #19143a;
	--sx-1: 4px;
	--sx-2: 8px;
	--sx-3: 12px;
	--sx-4: 16px;
	--sx-5: 24px;
	--sx-6: 40px;
	--sx-7: 64px;
	--sx-8: 96px;
	--sx-lozenge: 9999px 9999px 0 0;
	--sx-orb: 50%;
	--r-1: 1px 1px 0 0;
	--r-2: 2px 2px 0 0;
	--r-3: 6px 6px 0 0;
	--r-4: 12px 12px 0 0;
	--r-5: 20px 20px 0 0;
	--r-6: 28px 28px 0 0;
	--r-7: 36px 36px 0 0;
	--r-8: 48px 48px 0 0;
	--sx-title: "Outfit", "Trebuchet MS", sans-serif;
	--sx-copy: "Outfit", "Trebuchet MS", sans-serif;
	--z-title: 32px;
	--sx-xl-2: 26px;
	--sx-display-3: 22px;
	--sx-h4: 19px;
	--sx-h5: 17px;
	--sx-micro-head: 15px;
	--sx-body: 18px;
	--sx-fine: 15px;
	--sx-tiny: 13px;
	--sx-tight: 1.2;
	--sx-default: 1.7;
	--sx-roomy: 2;
	--sx-normal: 400;
	--sx-mid: 500;
	--sx-strong: 600;
	--sx-snug: -0.01em;
	--e-normal: 0;
	--sx-airy: 0.02em;
	--d-1: 0 1px 1px rgba(0, 0, 0, 0.05);
	--d-2: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
	--d-3: 0 2px 4px rgba(0, 0, 0, 0.06);
	--d-4: 0 4px 12px rgba(0, 0, 0, 0.1);
	--d-5: 0 10px 28px rgba(0, 0, 0, 0.14);
	--d-6: 0 16px 40px rgba(0, 0, 0, 0.18);
	--d-7: 0 24px 56px rgba(0, 0, 0, 0.22);
	--d-8: 0 32px 72px rgba(0, 0, 0, 0.26);
	--sx-fast: 222ms;
	--sx-regular: 420ms;
	--sx-slow: 726ms;
	--sx-out: cubic-bezier(0.29, 0.95, 0.31, 0.95);
	--sx-launch: cubic-bezier(0.64, 0.02, 0.29, 0.89);
	--sx-in-out: cubic-bezier(0.64, 0.02, 0.29, 0.89);
	--sx-overshoot: cubic-bezier(0.29, 1.7, 0.74, 1.05);
	--sx-max: 1140px;
	--sx-text: 1140px;
	--sx-narrow: 630px;
	--sx-inset-desktop: 32px;
	--sx-edge-mid: 24px;
	--sx-padding-mobile: 16px;
	--sx-hair: 1px;
	--sx-even: 2px;
	--sx-thick: 4px;
	--sx-height-desktop: 84px;
	--sx-height-mobile: 64px;
	--sx-shell: 64px;
	--sx-rg-h: 40px;
	--sx-sec-y: 40px;
	--sx-edge: var(--sx-padding-mobile);
	--sx-frame: calc(var(--sx-max) + 2 * var(--sx-inset-desktop));
}

@media (min-width: 520px) {
	:root {
		--sx-edge: var(--sx-edge-mid);
	}
}

@media (min-width: 820px) {
	:root {
		--z-title: 48px;
		--sx-xl-2: 36px;
		--sx-display-3: 26px;
		--sx-h4: 21px;
		--sx-h5: 18px;
		--sx-micro-head: 16px;
		--sx-body: 19px;
		--sx-fine: 16px;
		--sx-tiny: 14px;
		--sx-edge: var(--sx-inset-desktop);
		--sx-shell: 84px;
		--sx-sec-y: 44px;
	}
}

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

html,
body {
	overflow-x: clip;
}

html {
	scroll-behavior: auto;
}

body {
	background: var(--sx-bg);
	color: var(--sx-script);
	display: flex;
	flex-direction: column;
	font-family: var(--sx-copy);
	font-size: var(--sx-body);
	font-weight: var(--sx-normal);
	letter-spacing: var(--e-normal);
	line-height: var(--sx-roomy);
	margin: 0;
	min-height: 100vh;
	padding-block-end: calc(var(--sx-rg-h) + var(--sx-3));
}

[id] {
	scroll-margin-block-start: calc(var(--sx-shell) + var(--sx-5));
}

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

h1,
h2 {
	font-family: var(--sx-title);
	font-weight: var(--sx-strong);
	letter-spacing: var(--sx-snug);
	line-height: var(--sx-tight);
}

h3,
h4 {
	font-family: var(--sx-copy);
	font-weight: var(--sx-strong);
	line-height: var(--sx-tight);
}

h5,
h6 {
	font-family: var(--sx-copy);
	font-weight: var(--sx-mid);
	line-height: var(--sx-tight);
}

h1 {
	font-size: var(--z-title);
}

h2 {
	font-size: var(--sx-xl-2);
}

h3 {
	font-size: var(--sx-display-3);
}

h4 {
	font-size: var(--sx-h4);
}

h5 {
	font-size: var(--sx-h5);
}

h6 {
	font-size: var(--sx-micro-head);
}

p {
	margin-block: 0 var(--sx-5);
}

img {
	max-width: 100%;
}

main {
	flex: 1 0 auto;
	width: 100%;
}

.skip-hop {
	background: var(--sx-house);
	color: var(--sx-bg);
	inset-inline-start: var(--sx-4);
	padding: var(--sx-3) var(--sx-4);
	position: fixed;
	z-index: 240;
}

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

.skip-hop:focus {
	top: var(--sx-4);
}

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

.sigil {
	background: var(--sx-panel);
	box-shadow: var(--d-4);
	color: var(--sx-script);
	inset-block-start: 0;
	position: sticky;
	width: 100%;
	z-index: 120;
}

.sigil-tier {
	align-items: center;
	column-gap: var(--sx-4);
	display: flex;
	height: 84px;
	margin-inline: auto;
	max-width: var(--sx-frame);
	min-height: 84px;
	padding-inline: var(--sx-edge);
	position: relative;
	width: 100%;
}

.sigil-badge {
	align-items: center;
	background: var(--sx-stroke);
	border-radius: var(--r-3);
	color: var(--sx-script);
	display: inline-flex;
	flex-shrink: 0;
	padding: var(--sx-1) var(--sx-3);
	text-decoration: none;
}

.sigil-badge-visual {
	display: block;
	flex-shrink: 0;
	height: 56px;
	width: auto;
}

.sigil-menu {
	flex: 0 1 auto;
	margin-inline-start: auto;
	min-width: auto;
}

.sigil-set {
	align-items: center;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sigil-piece {
	align-items: center;
	display: flex;
	position: relative;
}

.sigil-piece[hidden] {
	display: none;
}

.sigil-piece + .sigil-piece::before {
	block-size: 14px;
	border-inline-start: var(--sx-hair) solid var(--sx-stroke-heavy);
	content: "";
	margin-inline: var(--sx-2);
}

.sigil-anchor {
	color: var(--sx-script);
	display: block;
	font-family: var(--sx-copy);
	font-feature-settings: "smcp";
	font-size: 15px;
	font-variant-caps: small-caps;
	font-weight: 600;
	letter-spacing: var(--sx-airy);
	line-height: 1.3;
	padding: var(--sx-2) var(--sx-2);
	text-decoration: none;
	transition: color var(--sx-fast) var(--sx-out), background-color var(--sx-fast) var(--sx-out);
	white-space: nowrap;
}

.sigil-anchor:hover {
	background-color: var(--sx-stroke);
	color: var(--sx-script);
}

.sigil-anchor[aria-current] {
	color: var(--sx-brand-hot);
}

.sigil-more {
	align-items: center;
	background: var(--sx-stroke);
	border: 0;
	border-radius: var(--r-2);
	color: var(--sx-script);
	cursor: pointer;
	display: inline-flex;
	gap: 3px;
	min-height: 34px;
	padding-inline: var(--sx-3);
}

.sigil-more-dot {
	background: var(--sx-script);
	block-size: 4px;
	border-radius: var(--sx-orb);
	color: var(--sx-bg);
	inline-size: 4px;
}

.sigil-more-pane {
	background: var(--sx-panel);
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	border-radius: var(--r-3);
	box-shadow: var(--d-5);
	display: none;
	inset-block-start: calc(100% + var(--sx-2));
	inset-inline-end: 0;
	list-style: none;
	margin: 0;
	max-height: 60vh;
	min-width: 210px;
	overflow-y: auto;
	padding: var(--sx-2);
	pointer-events: none;
	position: absolute;
	z-index: 130;
}

.sigil-more-pane.is-open {
	display: block;
	pointer-events: auto;
}

.sigil-more-pane .sigil-piece {
	display: block;
}

.sigil-more-pane .sigil-piece::before {
	content: none;
}

.sigil-more-pane .sigil-anchor {
	padding: var(--sx-2) var(--sx-3);
	white-space: nowrap;
}

.sigil-flag {
	background: linear-gradient(180deg, #ce2939 0 33.34%, #f4f4f4 33.34% 66.67%, #3f7150 66.67% 100%);
	block-size: 12px;
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	display: block;
	flex-shrink: 0;
	inline-size: 18px;
}

.sigil-menu-switch {
	align-items: center;
	background: var(--sx-stroke);
	border: 0;
	border-radius: var(--r-3);
	color: var(--sx-script);
	cursor: pointer;
	display: none;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	margin-inline-start: auto;
	min-height: 44px;
	min-width: 44px;
	order: 5;
	padding: var(--sx-2);
	position: relative;
}

.sigil-menu-switch-dot {
	background: var(--sx-script);
	block-size: 5px;
	border-radius: var(--sx-orb);
	color: var(--sx-bg);
	inline-size: 5px;
}

.sigil-menu-switch[aria-expanded="true"] .sigil-menu-switch-dot {
	border-radius: 0;
	block-size: 2px;
	inline-size: 20px;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	margin-block-start: -1px;
	margin-inline-start: -10px;
	position: absolute;
}

.sigil-menu-switch[aria-expanded="true"] .sigil-menu-switch-dot:nth-child(1) {
	transform: rotate(45deg);
}

.sigil-menu-switch[aria-expanded="true"] .sigil-menu-switch-dot:nth-child(2) {
	opacity: 0;
}

.sigil-menu-switch[aria-expanded="true"] .sigil-menu-switch-dot:nth-child(3) {
	transform: rotate(-45deg);
}

.sigil-drawer {
	background: var(--sx-panel);
	border-block-start: var(--sx-hair) solid var(--sx-stroke-heavy);
	box-shadow: var(--d-5);
	display: none;
	inset-block-start: 100%;
	inset-inline: 0;
	max-height: 70vh;
	overflow-y: auto;
	padding: var(--sx-3) var(--sx-edge) var(--sx-5);
	position: absolute;
	z-index: 125;
}

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

.sigil-drawer-set {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sigil-drawer-piece {
	display: block;
}

.sigil-drawer-anchor {
	border-block-end: var(--sx-hair) solid var(--sx-stroke);
	color: var(--sx-script);
	display: block;
	font-size: var(--sx-h5);
	font-weight: var(--sx-mid);
	padding: var(--sx-3) 0;
	text-decoration: none;
}

.sigil-drawer-anchor[aria-current] {
	color: var(--sx-brand-hot);
}

@media (max-width: 899px) {
	.sigil-tier {
		height: auto;
		min-height: 64px;
	}

	.sigil-badge-visual {
		height: 40px;
	}

	.sigil-menu {
		display: none;
	}

	.sigil-menu-switch {
		display: flex;
	}
}

@media (min-width: 900px) {
	.sigil-drawer {
		display: none !important;
	}
}

.parapet {
	background: var(--sx-panel);
	color: var(--sx-dim);
	width: 100%;
}

.parapet-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-3);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.parapet-set {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--sx-fine);
	gap: var(--sx-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.parapet-piece {
	align-items: center;
	display: flex;
	gap: var(--sx-2);
}

.parapet-piece + .parapet-piece::before {
	content: "›";
	opacity: 0.75;
}

.parapet-anchor {
	color: var(--sx-dim);
	text-decoration: none;
}

.parapet-anchor:hover {
	color: var(--sx-script);
}

.parapet-here {
	color: var(--sx-script);
}

.antechamber {
	background: var(--sx-bg);
	color: var(--sx-script);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.antechamber-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-6);
	padding-inline: var(--sx-edge);
	position: relative;
	width: 100%;
}

.antechamber-part {
	position: relative;
	z-index: 2;
}

.antechamber-eye {
	color: var(--sx-brand-hot);
	display: block;
	font-size: var(--sx-tiny);
	font-weight: var(--sx-strong);
	letter-spacing: var(--sx-airy);
	margin-block-end: var(--sx-3);
	text-transform: uppercase;
}

.antechamber-lead {
	color: var(--sx-dim);
	font-size: var(--sx-h5);
	line-height: var(--sx-default);
	margin-block: var(--sx-4) var(--sx-5);
	max-width: var(--sx-narrow);
}

.antechamber-visual {
	border-radius: var(--r-5);
	box-shadow: var(--d-5);
	margin: 0;
	overflow: hidden;
	transition: transform var(--sx-slow) var(--sx-out);
}

.antechamber-shot {
	display: block;
	height: auto;
	width: 100%;
}

@media (min-width: 820px) {
	.antechamber-body {
		min-height: 520px;
		padding-block: var(--sx-7);
	}

	.antechamber-part {
		width: 50%;
	}

	.antechamber-visual {
		inset-block: var(--sx-5) var(--sx-5);
		inset-inline-end: var(--sx-edge);
		position: absolute;
		transform: rotate(2deg);
		width: 44%;
		z-index: 1;
	}

	.antechamber-visual:hover {
		transform: rotate(0deg) scale(1.03);
	}

	.antechamber-shot {
		height: 100%;
		object-fit: cover;
	}
}

@media (min-width: 1180px) {
	.antechamber-part {
		width: 48%;
	}

	.antechamber-visual {
		width: 47%;
	}
}

.alcove {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.alcove-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-6);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.alcove-rule {
	border-block-start: var(--sx-hair) solid var(--sx-stroke-heavy);
	display: block;
	margin-block: var(--sx-4) var(--sx-4);
	width: 40px;
}

.alcove-lead {
	color: var(--sx-dim);
	font-family: var(--sx-copy);
	font-size: var(--sx-h5);
	font-style: italic;
	line-height: var(--sx-default);
	margin-block: 0;
	max-width: var(--sx-narrow);
}

.hallway {
	background: var(--sx-brand-hot);
	color: var(--sx-bg);
	width: 100%;
}

.hallway-body {
	align-items: center;
	column-gap: var(--sx-5);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-4);
	padding-inline: var(--sx-edge);
	row-gap: var(--sx-3);
	width: 100%;
}

.hallway-para {
	color: var(--sx-bg);
	font-size: var(--sx-h5);
	font-weight: var(--sx-strong);
	line-height: var(--sx-tight);
	margin: 0;
}

.hearth {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.hearth-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.hearth-part {
	display: block;
}

.hearth-part h2 {
	font-size: calc(var(--sx-xl-2) * 1.12);
	font-weight: var(--sx-strong);
	margin-block: var(--sx-6) var(--sx-4);
}

.hearth-part > h2:first-child {
	margin-block-start: 0;
}

.hearth-part p {
	color: var(--sx-script);
	line-height: var(--sx-roomy);
	margin-block: 0 var(--sx-5);
}

.hearth-lead {
	color: var(--sx-script);
	font-size: calc(var(--sx-body) * 1.15);
	line-height: var(--sx-roomy);
}

.hearth-part p a {
	color: var(--sx-brand-hot);
	position: relative;
	text-decoration: none;
}

.hearth-part p a::after {
	border-block-end: var(--sx-even) solid currentColor;
	content: "";
	inset-block-end: -2px;
	inset-inline: 50% 50%;
	position: absolute;
	transition: inset-inline var(--sx-fast) var(--sx-out);
}

.hearth-part p a:hover::after {
	inset-inline: 0 0;
}

.hearth-part ul,
.hearth-part ol {
	margin-block: 0 var(--sx-5);
	padding-inline-start: var(--sx-6);
}

.hearth-part li {
	margin-block-end: var(--sx-2);
}

.hearth-plug {
	margin-block: var(--sx-5) var(--sx-6);
}

.pic-frame {
	margin-block: var(--sx-5) var(--sx-6);
	margin-inline: auto;
	width: 100%;
}

.pic-shot {
	border-radius: var(--r-4);
	display: block;
	height: auto;
	margin-inline: auto;
	width: 100%;
}

.pic-frame-wide {
	max-width: 700px;
}

.pic-frame-square {
	max-width: 460px;
}

.pic-frame-tall {
	max-width: 340px;
}

.shelf {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.shelf-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.shelf-caption {
	margin-block: 0 var(--sx-5);
}

.shelf-set {
	align-items: start;
	display: grid;
	gap: var(--sx-5);
	grid-template-columns: minmax(0, 1fr);
}

.shelf-piece {
	background: var(--sx-panel);
	border: var(--sx-hair) solid var(--sx-stroke);
	border-radius: var(--r-4);
	color: var(--sx-script);
	padding: var(--sx-5);
	transition: box-shadow var(--sx-regular) var(--sx-out);
}

.shelf-piece:hover {
	box-shadow: var(--d-5);
}

.shelf-mark {
	align-items: center;
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	border-radius: var(--sx-orb);
	color: var(--sx-brand-hot);
	display: inline-flex;
	block-size: 38px;
	inline-size: 38px;
	justify-content: center;
	margin-block-end: var(--sx-3);
}

.shelf-mark svg {
	block-size: 21px;
	fill: none;
	inline-size: 21px;
	stroke-width: 1;
}

.shelf-num {
	align-items: center;
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	border-radius: var(--sx-orb);
	color: var(--sx-brand-hot);
	display: inline-flex;
	block-size: 38px;
	font-family: var(--sx-title);
	font-size: var(--sx-h5);
	font-weight: var(--sx-strong);
	inline-size: 38px;
	justify-content: center;
	margin-block-end: var(--sx-3);
}

.shelf-head {
	font-size: var(--sx-h4);
	margin-block-end: var(--sx-3);
}

.shelf-para {
	color: var(--sx-dim);
	font-size: var(--sx-fine);
	line-height: var(--sx-default);
}

.shelf-plug {
	background: var(--sx-tone-hot);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	border-radius: var(--r-4);
	color: var(--sx-script);
	display: flex;
	flex-direction: column;
	gap: var(--sx-3);
	justify-content: center;
	padding: var(--sx-5);
}

.shelf-plug-head {
	font-size: var(--sx-h4);
}

@media (min-width: 820px) {
	.shelf-set-tilt {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.shelf-set-tilt > *:nth-child(4n + 1),
	.shelf-set-tilt > *:nth-child(4n + 4) {
		grid-column: span 3;
	}

	.shelf-set-tilt > *:nth-child(4n + 2),
	.shelf-set-tilt > *:nth-child(4n + 3) {
		grid-column: span 2;
	}

	.shelf-set-tilt > *:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

.trefoil {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.trefoil-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.trefoil-caption {
	margin-block: 0 var(--sx-5);
}

.trefoil-set {
	align-items: stretch;
	display: grid;
	gap: var(--sx-5);
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.trefoil-brick {
	background: var(--sx-panel);
	border: var(--sx-hair) solid var(--sx-stroke);
	border-radius: var(--r-4);
	color: var(--sx-script);
	padding: var(--sx-5);
	transition: box-shadow var(--sx-regular) var(--sx-out);
}

.trefoil-brick:hover {
	box-shadow: var(--d-5);
}

.trefoil-brick-high {
	background: var(--sx-tone-hot);
	color: var(--sx-script);
}

.trefoil-brick-low {
	background: var(--sx-tone-house);
	color: var(--sx-script);
}

.trefoil-score {
	align-items: baseline;
	display: flex;
	gap: var(--sx-3);
	margin-block-end: var(--sx-3);
}

.trefoil-grade {
	color: var(--sx-brand-hot);
	font-family: var(--sx-title);
	font-size: var(--sx-xl-2);
	font-weight: var(--sx-strong);
	line-height: 1;
}

.trefoil-pips {
	display: inline-flex;
	gap: var(--sx-1);
}

.trefoil-pip {
	background: var(--sx-stroke-heavy);
	block-size: 8px;
	border-radius: var(--sx-orb);
	color: var(--sx-script);
	display: block;
	inline-size: 8px;
}

.trefoil-pip-on {
	background: var(--sx-brand-hot);
	color: var(--sx-bg);
}

.trefoil-quote {
	border: 0;
	margin: 0;
	padding: 0;
}

.trefoil-para {
	color: var(--sx-script);
	font-size: var(--sx-fine);
	line-height: var(--sx-default);
}

.trefoil-extra {
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-tiny);
	margin-block-start: var(--sx-3);
}

.trefoil-plug {
	background: var(--sx-tone-hot);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	border-radius: var(--r-4);
	color: var(--sx-script);
	display: flex;
	flex-direction: column;
	gap: var(--sx-3);
	justify-content: center;
	padding: var(--sx-5);
}

.trefoil-plug-head {
	font-size: var(--sx-h4);
}

@media (min-width: 820px) {
	.trefoil-set {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

.threshold {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.threshold-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.threshold-caption {
	margin-block: 0 var(--sx-5);
}

.threshold-scroll {
	overflow-x: auto;
	width: 100%;
}

.threshold-grid {
	border-collapse: collapse;
	color: var(--sx-script);
	width: 100%;
}

.threshold-grid th,
.threshold-grid td {
	border-block-end: var(--sx-hair) solid var(--sx-stroke);
	font-size: var(--sx-fine);
	padding: var(--sx-2) var(--sx-3);
	text-align: start;
	vertical-align: top;
}

.threshold-grid thead th {
	background: var(--sx-panel);
	color: var(--sx-script);
	font-size: var(--sx-tiny);
	font-weight: var(--sx-strong);
	letter-spacing: var(--sx-airy);
	padding: var(--sx-3);
	text-transform: uppercase;
}

.threshold-grid tbody th {
	color: var(--sx-script);
	font-weight: var(--sx-strong);
}

.parquet {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.parquet-body {
	display: grid;
	gap: var(--sx-5);
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.parquet-side {
	align-self: start;
	padding-block: var(--sx-3);
}

.parquet-caption {
	margin-block: 0 var(--sx-3);
}

.parquet-lead {
	color: var(--sx-dim);
	font-size: var(--sx-fine);
	line-height: var(--sx-default);
	margin: 0;
}

.parquet-set {
	display: flex;
	flex-direction: column;
	gap: var(--sx-6);
}

.parquet-piece {
	border-block-end: var(--sx-hair) solid var(--sx-stroke);
	padding-block-end: var(--sx-5);
}

.parquet-piece > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: var(--sx-3);
	list-style: none;
}

.parquet-piece > summary::-webkit-details-marker {
	display: none;
}

.parquet-pin {
	align-items: center;
	background: var(--sx-stroke);
	border-radius: var(--sx-orb);
	color: var(--sx-brand-hot);
	display: inline-flex;
	block-size: 30px;
	flex-shrink: 0;
	font-size: var(--sx-micro-head);
	font-weight: var(--sx-strong);
	inline-size: 30px;
	justify-content: center;
}

.parquet-head {
	font-size: var(--sx-h4);
}

.parquet-part {
	color: var(--sx-script);
	line-height: var(--sx-roomy);
	margin-block-start: var(--sx-3);
}

.parquet-plug {
	margin-block: var(--sx-2);
}

@media (min-width: 900px) {
	.parquet-body {
		gap: var(--sx-7);
		grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
	}

	.parquet-side {
		position: sticky;
		inset-block-start: calc(var(--sx-shell) + var(--sx-5));
	}
}

.dormer {
	background: var(--sx-house);
	color: var(--sx-bg);
	width: 100%;
}

.dormer-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-7);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.dormer-banner {
	color: var(--sx-bg);
	font-family: var(--sx-title);
	font-size: var(--z-title);
	font-weight: var(--sx-strong);
	letter-spacing: var(--sx-snug);
	line-height: var(--sx-tight);
	margin-block-end: var(--sx-4);
	text-transform: uppercase;
}

.dormer-para {
	color: var(--sx-bg);
	font-size: var(--sx-h5);
	line-height: var(--sx-default);
	margin-block-end: var(--sx-5);
	max-width: 66ch;
}

.lobby {
	background: var(--sx-panel);
	color: var(--sx-script);
	width: 100%;
}

.lobby-body {
	align-items: center;
	column-gap: var(--sx-5);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-5);
	padding-inline: var(--sx-edge);
	row-gap: var(--sx-3);
	width: 100%;
}

.lobby-who {
	align-items: center;
	display: flex;
	gap: var(--sx-4);
}

.lobby-mug {
	border-radius: var(--sx-orb);
	block-size: 56px;
	flex-shrink: 0;
	inline-size: 56px;
	object-fit: cover;
}

.lobby-byname {
	font-size: var(--sx-h5);
	font-weight: var(--sx-strong);
	margin: 0;
}

.lobby-byname a {
	color: var(--sx-script);
	text-decoration: none;
}

.lobby-role {
	color: var(--sx-dim);
	font-size: var(--sx-tiny);
	margin: 0;
}

.lobby-on {
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-tiny);
	margin-block-start: var(--sx-1);
}

.lobby-anchor {
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	border-radius: var(--r-3);
	color: var(--sx-brand-hot);
	display: inline-flex;
	font-size: var(--sx-fine);
	font-weight: var(--sx-mid);
	min-height: 40px;
	align-items: center;
	padding: var(--sx-3) var(--sx-4);
	text-decoration: none;
	transition: background-color var(--sx-fast) var(--sx-out), color var(--sx-fast) var(--sx-out);
}

.lobby-anchor:hover {
	background-color: var(--sx-brand-hot);
	color: var(--sx-bg);
}

.pillar {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.pillar-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.pillar-tag {
	align-items: center;
	background: var(--sx-panel);
	border: var(--sx-hair) solid var(--sx-stroke);
	border-radius: var(--r-4);
	color: var(--sx-script);
	display: inline-flex;
	gap: var(--sx-3);
	padding: var(--sx-3) var(--sx-5);
}

.pillar-mug {
	border-radius: var(--sx-orb);
	block-size: 40px;
	flex-shrink: 0;
	inline-size: 40px;
	object-fit: cover;
}

.pillar-byname {
	font-size: var(--sx-body);
	font-weight: var(--sx-strong);
}

.pillar-role {
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-tiny);
}

.landing {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.landing-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.landing-eye {
	color: var(--sx-brand-hot);
	display: block;
	font-size: var(--sx-tiny);
	font-weight: var(--sx-strong);
	letter-spacing: var(--sx-airy);
	margin-block-end: var(--sx-3);
	text-transform: uppercase;
}

.landing-lead {
	color: var(--sx-script);
	font-family: var(--sx-title);
	font-size: var(--sx-h4);
	font-style: italic;
	line-height: var(--sx-default);
	margin-block-end: var(--sx-6);
}

.landing-head {
	font-family: var(--sx-title);
	font-size: var(--sx-display-3);
	font-style: italic;
	margin-block: var(--sx-6) var(--sx-3);
}

.landing-rule {
	border-block-start: var(--sx-even) solid var(--sx-brand-hot);
	display: block;
	margin-block: 0 var(--sx-4);
	margin-inline: 0;
	width: 80px;
}

.landing-part p {
	color: var(--sx-script);
	line-height: var(--sx-roomy);
}

.landing-part > p:first-of-type::first-letter {
	color: var(--sx-brand-hot);
	float: inline-start;
	font-family: var(--sx-title);
	font-size: 3em;
	font-weight: var(--sx-strong);
	line-height: 0.9;
	padding-inline-end: var(--sx-2);
}

.landing-set {
	margin-block: 0 var(--sx-5);
	padding-inline-start: var(--sx-6);
}

.landing-note {
	background: var(--sx-panel);
	border-inline-start: var(--sx-thick) solid var(--sx-brand-hot);
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-fine);
	margin-block-start: var(--sx-6);
	padding: var(--sx-5);
}

.landing-on {
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-tiny);
	margin-block-end: var(--sx-5);
}

.truss {
	background: var(--sx-bg);
	color: var(--sx-script);
	width: 100%;
}

.truss-body {
	display: grid;
	gap: var(--sx-6);
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-sec-y);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.truss-side {
	align-self: start;
	background: var(--sx-panel);
	border-radius: var(--r-4);
	color: var(--sx-script);
	padding: var(--sx-5);
}

.truss-head {
	margin-block-end: var(--sx-3);
}

.truss-set {
	list-style: none;
	margin: 0;
	padding: 0;
}

.truss-piece {
	color: var(--sx-dim);
	font-size: var(--sx-fine);
	margin-block-end: var(--sx-2);
}

.truss-piece a {
	color: var(--sx-brand-hot);
}

.truss-form {
	display: flex;
	flex-direction: column;
	gap: var(--sx-4);
}

.truss-entry {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: var(--sx-2);
}

.truss-tag {
	color: var(--sx-script);
	font-size: var(--sx-fine);
	font-weight: var(--sx-mid);
}

.truss-part {
	display: block;
}

.truss-send {
	align-items: center;
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	border-radius: var(--r-3);
	color: var(--sx-brand-hot);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--sx-title);
	font-size: var(--sx-fine);
	font-weight: var(--sx-mid);
	justify-content: center;
	min-height: 50px;
	padding: var(--sx-3) var(--sx-5);
	width: fit-content;
}

.truss-send:hover {
	background: var(--sx-brand-hot);
	color: var(--sx-bg);
}

.truss-form input,
.truss-form textarea {
	background: var(--sx-panel);
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	border-radius: var(--r-3);
	color: var(--sx-script);
	font-family: var(--sx-copy);
	font-size: var(--sx-fine);
	min-height: 48px;
	padding: var(--sx-3);
	width: 100%;
}

.truss-form textarea {
	min-height: 140px;
	resize: vertical;
}

.truss-done {
	background: var(--sx-panel);
	border-inline-start: var(--sx-thick) solid var(--sx-brand-hot);
	color: var(--sx-script);
	display: none;
	font-size: var(--sx-fine);
	padding: var(--sx-4);
}

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

@media (min-width: 900px) {
	.truss-body {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}
}

.atrium {
	background: var(--sx-bg);
	color: var(--sx-script);
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.atrium-body {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-8);
	padding-inline: var(--sx-edge);
	text-align: center;
	width: 100%;
}

.atrium-banner {
	color: var(--sx-script);
	isolation: isolate;
	margin-inline: auto;
	max-width: var(--sx-narrow);
	position: relative;
}

.atrium-banner::before,
.atrium-banner::after {
	content: attr(data-text);
	color: var(--sx-brand-hot);
	inset: 0;
	opacity: 0.6;
	position: absolute;
	z-index: -1;
}

.atrium-banner::before {
	transform: translate(2px, -2px);
}

.atrium-banner::after {
	color: var(--sx-accent-pressed);
	transform: translate(-2px, 2px);
}

.atrium-para {
	color: var(--sx-dim);
	margin-block: var(--sx-5);
	margin-inline: auto;
	max-width: var(--sx-narrow);
}

.atrium-btn {
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	border-radius: var(--r-3);
	color: var(--sx-brand-hot);
	display: inline-flex;
	align-items: center;
	font-weight: var(--sx-mid);
	min-height: 48px;
	padding: var(--sx-3) var(--sx-5);
	text-decoration: none;
}

.atrium-btn:hover {
	background: var(--sx-brand-hot);
	color: var(--sx-bg);
}

.cloister {
	background: var(--sx-bg);
	border-block-start: var(--sx-hair) solid var(--sx-stroke);
	color: var(--sx-script);
	width: 100%;
}

.cloister-shell {
	margin-inline: auto;
	max-width: var(--sx-frame);
	padding-block: var(--sx-7);
	padding-inline: var(--sx-edge);
	width: 100%;
}

.cloister-manifesto {
	text-align: center;
}

.cloister-statement {
	font-family: var(--sx-title);
	font-size: var(--sx-xl-2);
	font-weight: var(--sx-strong);
	color: var(--sx-script);
	margin-inline: auto;
	max-width: var(--sx-narrow);
}

.cloister-prompt {
	color: var(--sx-script);
	display: inline-block;
	font-family: var(--sx-title);
	font-size: var(--sx-h5);
	letter-spacing: var(--sx-airy);
	margin-block-start: var(--sx-4);
	text-decoration: underline;
	text-transform: uppercase;
	text-underline-offset: 5px;
}

.cloister-prompt:hover {
	color: var(--sx-brand-hot);
}

.cloister-divider {
	border-block-start: var(--sx-hair) solid var(--sx-stroke);
	display: block;
	margin-block: var(--sx-6);
	width: 100%;
}

.cloister-extra {
	display: flex;
	flex-direction: column;
	gap: var(--sx-5);
	justify-content: space-between;
}

.cloister-badge {
	align-items: center;
	background: var(--sx-stroke);
	border-radius: var(--r-3);
	color: var(--sx-script);
	display: inline-flex;
	padding: var(--sx-1) var(--sx-3);
	width: fit-content;
}

.cloister-badge-visual {
	display: block;
	height: 48px;
	width: auto;
}

.cloister-caption {
	color: var(--sx-dim);
	font-size: var(--sx-tiny);
	letter-spacing: var(--sx-airy);
	margin-block-end: var(--sx-3);
	text-transform: uppercase;
}

.cloister-set {
	display: flex;
	flex-direction: column;
	gap: var(--sx-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.cloister-anchor {
	color: var(--sx-dim);
	font-size: var(--sx-fine);
	text-decoration: none;
}

.cloister-anchor:hover {
	color: var(--sx-script);
}

.cloister-fine {
	color: var(--sx-dim);
	display: block;
	font-size: var(--sx-tiny);
	line-height: var(--sx-default);
}

@media (min-width: 900px) {
	.cloister-extra {
		align-items: start;
		flex-direction: row;
		gap: var(--sx-6);
	}

	.cloister-extra > * {
		flex: 0 1 auto;
	}
}

.ridge {
	background: var(--sx-panel);
	border-block-start: var(--sx-even) solid var(--sx-brand-hot);
	box-shadow: var(--d-6);
	color: var(--sx-script);
	inset-block-end: calc(var(--sx-rg-h) + var(--sx-2));
	inset-inline: var(--sx-3);
	margin-inline: auto;
	max-width: 960px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	z-index: 200;
}

.ridge.is-open {
	opacity: 1;
	pointer-events: auto;
}

.ridge.is-gone {
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	pointer-events: none;
}

.ridge-part {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--sx-3);
	justify-content: space-between;
	padding: var(--sx-4);
}

.ridge-notice {
	color: var(--sx-script);
	flex: 1 1 auto;
	font-size: var(--sx-fine);
	line-height: var(--sx-default);
	margin: 0;
	min-width: 200px;
}

.ridge-acts {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--sx-2);
}

.ridge-yes,
.ridge-reject,
.ridge-more {
	align-items: center;
	border-radius: var(--r-3);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--sx-copy);
	font-size: var(--sx-fine);
	font-weight: var(--sx-mid);
	justify-content: center;
	min-height: 40px;
	padding: var(--sx-2) var(--sx-4);
	text-decoration: none;
}

.ridge-yes {
	background: var(--sx-brand-hot);
	border: var(--sx-hair) solid var(--sx-brand-hot);
	color: var(--sx-bg);
}

.ridge-reject {
	background: var(--sx-stroke);
	border: var(--sx-hair) solid var(--sx-stroke-heavy);
	color: var(--sx-script);
}

.ridge-more {
	background: var(--sx-panel);
	border: 0;
	color: var(--sx-dim);
	text-decoration: underline;
}

.rg-band {
	background: var(--sx-rg-banner);
	color: #ffffff;
	display: block;
	font-size: var(--sx-tiny);
	inset-block-end: 0;
	inset-inline: 0;
	line-height: 1.35;
	margin: 0;
	min-height: var(--sx-rg-h);
	padding: var(--sx-2) var(--sx-3);
	position: fixed;
	text-align: center;
	z-index: 190;
}

.rg-say {
	color: #ffffff;
	display: inline;
}

@media (max-width: 620px) {
	.rg-say {
		display: none;
	}
}

@media (max-width: 720px) {
	.ridge-part {
		font-size: var(--sx-tiny);
		gap: var(--sx-2);
		line-height: 1.35;
		padding: var(--sx-3);
	}

	.ridge-notice {
		font-size: var(--sx-tiny);
		line-height: 1.35;
	}

	.ridge-acts {
		width: 100%;
	}

	.ridge-yes,
	.ridge-reject,
	.ridge-more {
		flex: 1 1 auto;
		font-size: var(--sx-tiny);
		min-height: 38px;
		padding: var(--sx-2) var(--sx-3);
	}
}

.rg-mark {
	background: #ffffff;
	border-radius: var(--r-1);
	color: var(--sx-rg-banner);
	display: inline-block;
	font-weight: var(--sx-strong);
	padding: 1px var(--sx-1);
}

.rg-help {
	color: #ffffff;
	text-decoration: underline;
}

.celz-act {
	align-items: center;
	background: var(--sx-brand-hot);
	border: 0;
	border-radius: var(--r-3);
	color: var(--sx-bg);
	display: inline-flex;
	font-family: var(--sx-title);
	font-size: var(--sx-fine);
	font-weight: var(--sx-mid);
	gap: var(--sx-2);
	justify-content: center;
	line-height: 1.25;
	min-height: 50px;
	padding: var(--sx-3) var(--sx-5);
	text-align: center;
	text-decoration: none;
	width: fit-content;
}

.celz-act-arrow {
	color: inherit;
	display: inline-block;
	transition: transform var(--sx-fast) var(--sx-out);
}

.celz-act:hover .celz-act-arrow {
	transform: translateX(4px);
}

.celz-act-wide {
	width: 100%;
}

@media (max-width: 430px) {
	.celz-act {
		font-size: var(--sx-tiny);
		letter-spacing: var(--e-normal);
		max-width: 100%;
		padding-inline: var(--sx-3);
		white-space: normal;
	}
}

.sigil-piece-more {
	position: relative;
}

.hearth-set {
	list-style: disc;
}

.hearth-tally {
	counter-reset: sx-step;
	list-style: none;
}

.hearth-tally li {
	counter-increment: sx-step;
	position: relative;
}

.hearth-tally li::before {
	color: var(--sx-brand-hot);
	content: counter(sx-step) ".";
	font-weight: var(--sx-strong);
	inset-inline-start: calc(var(--sx-6) * -1);
	position: absolute;
}

.shelf-set-tilt {
	position: relative;
}

.lobby-part {
	display: block;
}

.pillar-part {
	display: block;
}

.cloister-menu,
.cloister-legal {
	display: block;
}

.cloister-piece {
	display: block;
}

main:has(> .atrium) {
	display: flex;
	flex-direction: column;
}

@keyframes sx-enter {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

main {
	animation: sx-enter var(--sx-regular) var(--sx-out) both;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition-duration: 1ms !important;
	}
}

.celz-act {
	background-color: #16a34a;
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0) 60%);
	background-position: 150% 0;
	background-repeat: no-repeat;
	background-size: 250% 100%;
	color: #051233;
	position: relative;
	text-decoration: none;
	animation: celz-sway calc(var(--sx-slow) * 3) var(--sx-in-out) infinite;
	transition: background-color var(--sx-fast) var(--sx-out), transform var(--sx-fast) var(--sx-out);
}

.celz-act:hover {
	animation: none;
	background-color: #15803d;
	color: #ffffff;
	text-decoration: none;
}

.celz-act:active {
	background-color: #166534;
	color: #ffffff;
}

.celz-act:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

@keyframes celz-sway {
	0% {
		background-position: 150% 0;
	}

	66.667%,
	100% {
		background-position: -50% 0;
	}
}

.dormer .celz-act,
.hallway .celz-act {
	box-shadow: 0 0 0 3px var(--sx-bg);
}

.alcove + .landing > .landing-body,
.alcove + .truss > .truss-body {
	padding-block-start: 0;
}

.cloister-anchor {
	line-height: var(--sx-default);
}

@media (max-width: 924px) {
  .sigil-menu,
  .sigil-set,
  .sigil-anchor { display: none !important; }
  .sigil-menu-switch { display: flex !important; }
}