:root {
	--vyrda-bg: #050b09;
	--vyrda-bg-soft: #091510;
	--vyrda-panel: rgba(7, 18, 14, .93);
	--vyrda-panel-soft: rgba(12, 28, 22, .88);
	--vyrda-panel-hover: rgba(18, 45, 34, .9);
	--vyrda-ink: #e8f1eb;
	--vyrda-muted: #9aaba2;
	--vyrda-dim: #718079;
	--vyrda-emerald: #55d796;
	--vyrda-emerald-bright: #8af4bd;
	--vyrda-emerald-deep: #1c8f5c;
	--vyrda-gold: #cbb784;
	--vyrda-danger: #df6a65;
	--vyrda-line: rgba(111, 218, 161, .2);
	--vyrda-line-strong: rgba(118, 235, 174, .4);
	--vyrda-shadow: 0 24px 70px rgba(0, 0, 0, .48);
	--vyrda-radius: 4px;
	--vyrda-width: 1180px;
}

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

html {
	min-height: 100%;
	scroll-behavior: smooth;
}

body.vyrda-site {
	min-height: 100vh;
	margin: 0;
	color: var(--vyrda-ink);
	background: var(--vyrda-bg);
	font-family: CronosPro, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	overflow-x: hidden;
}

body.vyrda-site::before {
	display: none;
}

.vyrda-site a {
	color: var(--vyrda-emerald-bright);
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.vyrda-site a:hover,
.vyrda-site a:focus {
	color: #c7ffe0;
	text-decoration: none;
}

.vyrda-site ::selection {
	color: #03100a;
	background: var(--vyrda-emerald);
}

.vyrda-site :focus-visible {
	outline: 2px solid var(--vyrda-emerald-bright);
	outline-offset: 3px;
}

.skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 1000;
	padding: 10px 14px;
	color: #06110d !important;
	background: var(--vyrda-emerald-bright);
	border-radius: var(--vyrda-radius);
	transform: translateY(-160%);
}

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

.site-backdrop,
.site-vignette,
.site-noise {
	position: fixed;
	inset: 0;
	pointer-events: none;
}

.site-backdrop {
	z-index: 0;
	background:
		linear-gradient(180deg, rgba(2, 10, 7, .08) 0, rgba(2, 8, 6, .58) 50%, #040a08 100%),
		url("../images/vyrda/world-bg.png") center top / cover no-repeat;
}

.site-vignette {
	z-index: 0;
	background:
		radial-gradient(circle at 50% 9%, transparent 0, rgba(2, 7, 5, .08) 36%, rgba(1, 5, 4, .76) 100%),
		linear-gradient(90deg, rgba(0, 0, 0, .35), transparent 22%, transparent 78%, rgba(0, 0, 0, .35));
}

.site-noise {
	z-index: 1;
	opacity: .11;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
	mix-blend-mode: soft-light;
}

.site-header {
	position: relative;
	z-index: 50;
	border-bottom: 1px solid var(--vyrda-line);
	background: linear-gradient(180deg, rgba(3, 11, 8, .96), rgba(4, 14, 10, .86));
	box-shadow: 0 12px 38px rgba(0, 0, 0, .28);
	backdrop-filter: blur(16px);
}

.site-header__inner {
	position: relative;
	display: flex;
	align-items: center;
	width: min(calc(100% - 48px), var(--vyrda-width));
	min-height: 88px;
	margin: 0 auto;
}

.vyrda-brand {
	position: relative;
	z-index: 2;
	display: grid;
	align-self: stretch;
	align-items: center;
	width: 180px;
	margin-right: 28px;
}

.vyrda-brand::after {
	position: absolute;
	right: -18px;
	width: 1px;
	height: 38px;
	content: "";
	background: linear-gradient(transparent, var(--vyrda-line-strong), transparent);
}

.vyrda-brand img {
	display: block;
	width: 168px;
	height: auto;
	margin: -26px 0 -30px;
	filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .65));
}

.realm-status {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
	margin-right: 26px;
	color: var(--vyrda-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
}

.realm-status__pulse {
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
	background: var(--vyrda-emerald);
	border-radius: 50%;
	box-shadow: 0 0 14px rgba(85, 215, 150, .9);
}

.realm-status--online .realm-status__pulse::after {
	position: absolute;
	inset: -4px;
	content: "";
	border: 1px solid rgba(85, 215, 150, .55);
	border-radius: inherit;
	animation: realm-pulse 2s ease-out infinite;
}

.realm-status--offline .realm-status__pulse {
	background: var(--vyrda-danger);
	box-shadow: 0 0 14px rgba(223, 106, 101, .8);
}

@keyframes realm-pulse {
	0% { opacity: 1; transform: scale(.6); }
	75%, 100% { opacity: 0; transform: scale(1.55); }
}

.primary-navigation {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
}

.primary-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.primary-navigation__list,
.primary-navigation__actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.primary-navigation__list > li {
	position: relative;
}

.primary-navigation__list > li > a,
.header-link {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 12px 11px;
	color: #b5c2bb;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	white-space: nowrap;
}

.primary-navigation__list > li > a::after {
	position: absolute;
	right: 11px;
	bottom: 1px;
	left: 11px;
	height: 1px;
	content: "";
	background: var(--vyrda-emerald);
	box-shadow: 0 0 10px rgba(85, 215, 150, .8);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .18s ease;
}

.primary-navigation__list > li > a:hover,
.primary-navigation__list > li > a:focus,
.primary-navigation__list > li > a[aria-current="page"] {
	color: #effff6;
}

.primary-navigation__list > li > a:hover::after,
.primary-navigation__list > li > a:focus::after,
.primary-navigation__list > li > a[aria-current="page"]::after {
	transform: scaleX(1);
}

.navigation-dropdown__menu {
	position: absolute;
	top: calc(100% + 10px);
	left: 4px;
	z-index: 60;
	min-width: 170px;
	padding: 7px !important;
	visibility: hidden;
	opacity: 0;
	background: rgba(5, 16, 12, .98);
	border: 1px solid var(--vyrda-line-strong);
	border-radius: var(--vyrda-radius);
	box-shadow: var(--vyrda-shadow);
	transform: translateY(-5px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.navigation-dropdown__menu::before {
	position: absolute;
	top: -11px;
	right: 0;
	left: 0;
	height: 11px;
	content: "";
}

.navigation-dropdown:hover .navigation-dropdown__menu,
.navigation-dropdown:focus-within .navigation-dropdown__menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.navigation-dropdown__menu a {
	display: block;
	padding: 9px 11px;
	color: var(--vyrda-muted);
	font-size: 13px;
	border-radius: 2px;
}

.navigation-dropdown__menu a:hover,
.navigation-dropdown__menu a:focus {
	color: #fff;
	background: rgba(85, 215, 150, .1);
}

.navigation-dropdown--language .navigation-dropdown__menu {
	right: 0;
	left: auto;
}

.primary-navigation__actions {
	margin-left: 14px;
}

.header-link {
	padding-inline: 8px;
	color: var(--vyrda-dim);
}

.header-cta {
	min-width: 92px;
	margin-left: 6px;
}

.nav-toggle {
	display: none;
	width: 44px;
	height: 42px;
	padding: 10px;
	background: rgba(85, 215, 150, .07);
	border: 1px solid var(--vyrda-line);
	border-radius: var(--vyrda-radius);
}

.nav-toggle > span:not(.sr-only) {
	display: block;
	width: 100%;
	height: 2px;
	margin: 4px 0;
	background: var(--vyrda-emerald-bright);
	transition: transform .18s ease, opacity .18s ease;
}

.nav-toggle[aria-expanded="true"] > span:nth-of-type(2) {
	transform: translateY(6px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] > span:nth-of-type(3) {
	opacity: 0;
}

.nav-toggle[aria-expanded="true"] > span:nth-of-type(4) {
	transform: translateY(-6px) rotate(-45deg);
}

.realm-intro {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 390px;
	padding: 70px 24px 56px;
	text-align: center;
}

.realm-intro::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 110px;
	content: "";
	background: linear-gradient(transparent, rgba(4, 10, 8, .94));
	pointer-events: none;
}

.realm-intro__line {
	width: 54px;
	height: 1px;
	margin-bottom: 16px;
	background: var(--vyrda-emerald);
	box-shadow: 0 0 18px rgba(85, 215, 150, .9);
}

.realm-intro__eyebrow {
	margin: 0 0 10px;
	color: var(--vyrda-emerald-bright);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .25em;
	text-transform: uppercase;
	text-shadow: 0 2px 10px #000;
}

.realm-intro h1 {
	margin: 0;
	color: #edf8f1;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: clamp(42px, 7vw, 76px);
	font-weight: 400;
	letter-spacing: .035em;
	line-height: .95;
	text-shadow: 0 4px 22px #000, 0 0 40px rgba(5, 25, 17, .65);
	text-transform: uppercase;
}

.realm-intro__copy {
	max-width: 620px;
	margin: 18px 0 0;
	color: #b8c7bf;
	font-size: 17px;
	text-shadow: 0 2px 10px #000;
}

.realm-intro__actions {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 12px;
	margin-top: 28px;
}

.hero-slider {
	--hero-duration: 8200ms;
	--parallax-x: 0px;
	--parallax-y: 0px;
	position: relative;
	z-index: 3;
	min-height: clamp(510px, 54vw, 650px);
	overflow: hidden;
	background: #020806;
	isolation: isolate;
}

.hero-slider__slides,
.hero-slide,
.hero-slide__visual,
.hero-slide__veil {
	position: absolute;
	inset: 0;
}

.hero-slide {
	z-index: 0;
	display: grid;
	align-items: center;
	justify-items: center;
	padding: 76px 105px 100px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s ease, visibility 1s;
}

.hero-slide.is-active {
	z-index: 2;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.hero-slide__visual {
	z-index: -3;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.045) translate3d(var(--parallax-x), var(--parallax-y), 0);
	transform-origin: center;
	will-change: transform;
}

.hero-slide.is-active .hero-slide__visual {
	animation: hero-cinematic-zoom 11s ease-out both;
}

.hero-slide--realm .hero-slide__visual {
	background-image: url("../images/vyrda/slide-realm.webp");
	background-position: center 42%;
}

.hero-slide--awakening .hero-slide__visual {
	background-image: url("../images/vyrda/slide-awakening.webp");
	background-position: center 56%;
}

.hero-slide--sanctum .hero-slide__visual {
	background-image: url("../images/vyrda/slide-sanctum.webp");
	background-position: center 55%;
}

.hero-slide__veil {
	z-index: -2;
	background:
		linear-gradient(180deg, rgba(1, 7, 5, .36) 0, rgba(2, 10, 7, .18) 32%, rgba(2, 8, 6, .6) 78%, #040a08 100%),
		radial-gradient(circle at 50% 42%, rgba(4, 15, 10, .04), rgba(0, 4, 2, .68) 88%);
}

.hero-slide__veil::after {
	position: absolute;
	inset: 0;
	content: "";
	background:
		linear-gradient(90deg, rgba(0, 0, 0, .42), transparent 24%, transparent 76%, rgba(0, 0, 0, .42)),
		repeating-linear-gradient(90deg, transparent 0 79px, rgba(116, 235, 173, .016) 80px);
	mix-blend-mode: screen;
}

.hero-slide__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(100%, 940px);
	text-align: center;
	opacity: 0;
	transform: translateY(22px);
}

.hero-slide.is-active .hero-slide__content {
	animation: hero-content-enter .9s .2s cubic-bezier(.22, .7, .25, 1) both;
}

.hero-slide__line {
	width: 54px;
	height: 1px;
	margin-bottom: 17px;
	background: var(--vyrda-emerald);
	box-shadow: 0 0 18px rgba(85, 215, 150, .95);
	transform: scaleX(0);
}

.hero-slide.is-active .hero-slide__line {
	animation: hero-line-enter .65s .48s ease-out both;
}

.hero-slide__eyebrow {
	margin: 0 0 11px;
	color: var(--vyrda-emerald-bright);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .25em;
	text-shadow: 0 2px 10px #000;
	text-transform: uppercase;
}

.hero-slide h1,
.hero-slide h2 {
	margin: 0;
	color: #f0f8f3;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: clamp(48px, 7vw, 82px);
	font-weight: 400;
	letter-spacing: .035em;
	line-height: .94;
	text-shadow: 0 5px 25px #000, 0 0 45px rgba(2, 19, 12, .82);
	text-transform: uppercase;
}

.hero-slide__copy {
	max-width: 660px;
	margin: 20px 0 0;
	color: #c0cdc6;
	font-size: 17px;
	text-shadow: 0 2px 11px #000;
}

.hero-slide__actions {
	display: flex;
	gap: 12px;
	margin-top: 29px;
}

.hero-control {
	position: absolute;
	top: 50%;
	z-index: 8;
	display: grid;
	width: 48px;
	height: 58px;
	padding: 0;
	color: rgba(218, 242, 229, .76);
	background: rgba(4, 16, 11, .45);
	border: 1px solid rgba(111, 218, 161, .2);
	border-radius: 2px;
	backdrop-filter: blur(7px);
	transform: translateY(-50%);
	place-items: center;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.hero-control:hover,
.hero-control:focus {
	color: #fff;
	background: rgba(85, 215, 150, .13);
	border-color: var(--vyrda-line-strong);
	transform: translateY(-50%) scale(1.04);
}

.hero-control i {
	font-size: 26px;
}

.hero-control--previous {
	left: 34px;
}

.hero-control--next {
	right: 34px;
}

.hero-progress {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	height: 2px;
	background: rgba(85, 215, 150, .08);
}

.hero-progress span {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--vyrda-emerald-deep), var(--vyrda-emerald-bright));
	box-shadow: 0 0 15px rgba(85, 215, 150, .8);
	transform: scaleX(0);
	transform-origin: left center;
	will-change: transform;
}

.hero-scroll-cue {
	position: absolute;
	right: 42px;
	bottom: 29px;
	z-index: 9;
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(197, 215, 205, .66) !important;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.hero-scroll-cue i {
	color: var(--vyrda-emerald);
	font-size: 15px;
	animation: hero-scroll-nudge 1.9s ease-in-out infinite;
}

.hero-motes {
	position: absolute;
	inset: 0;
	z-index: 5;
	overflow: hidden;
	pointer-events: none;
}

.hero-motes span {
	position: absolute;
	bottom: -20px;
	left: var(--mote-x);
	width: var(--mote-size);
	height: var(--mote-size);
	opacity: 0;
	background: rgba(119, 242, 177, .8);
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(85, 215, 150, .7);
	animation: hero-mote-rise var(--mote-speed) var(--mote-delay) linear infinite;
}

@keyframes hero-cinematic-zoom {
	0% { transform: scale(1.045) translate3d(var(--parallax-x), var(--parallax-y), 0); }
	100% { transform: scale(1.105) translate3d(var(--parallax-x), var(--parallax-y), 0); }
}

@keyframes hero-content-enter {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-line-enter {
	from { opacity: 0; transform: scaleX(0); }
	to { opacity: 1; transform: scaleX(1); }
}

@keyframes hero-scroll-nudge {
	0%, 100% { transform: translateY(-2px); }
	50% { transform: translateY(3px); }
}

@keyframes hero-mote-rise {
	0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.6); }
	12% { opacity: var(--mote-opacity); }
	82% { opacity: var(--mote-opacity); }
	100% { opacity: 0; transform: translate3d(var(--mote-drift), -620px, 0) scale(1.25); }
}

.site-main {
	position: relative;
	z-index: 3;
	padding: 0 24px 74px;
	background: linear-gradient(rgba(4, 10, 8, .94), #040a08 190px);
}

.content-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 318px;
	gap: 24px;
	width: min(100%, var(--vyrda-width));
	margin: 0 auto;
	align-items: start;
}

.content-panel,
.widget .bd {
	position: relative;
	background:
		linear-gradient(145deg, rgba(21, 47, 36, .14), transparent 35%),
		var(--vyrda-panel);
	border: 1px solid var(--vyrda-line);
	border-radius: var(--vyrda-radius);
	box-shadow: var(--vyrda-shadow);
}

.content-panel::before,
.widget .bd::before {
	position: absolute;
	top: -1px;
	right: 8%;
	left: 8%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(117, 239, 175, .48), transparent);
}

.content-panel {
	min-width: 0;
	min-height: 560px;
	padding: 30px;
	overflow: hidden;
}

.sidebar {
	min-width: 0;
}

.sidebar__inner {
	position: sticky;
	top: 18px;
}

.sidebar-widgets {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-widgets > li {
	margin: 0 0 18px;
	padding: 0;
	overflow: visible;
}

.widget .bd {
	height: auto;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	border-top: 1px solid var(--vyrda-line);
}

.top-sidebar {
	position: relative;
	margin: -20px -20px 20px;
	padding: 18px 20px 15px;
	background: linear-gradient(90deg, rgba(85, 215, 150, .12), rgba(8, 25, 18, .82) 60%, rgba(5, 16, 12, .94));
	border-bottom: 1px solid var(--vyrda-line);
}

.top-sidebar::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	content: "";
	background: var(--vyrda-emerald);
	box-shadow: 0 0 12px rgba(85, 215, 150, .7);
}

.widget-container .widget .bd .top-sidebar h4 {
	margin: 0;
	color: #f1f7f3;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.2;
	text-transform: uppercase !important;
}

.widget .row {
	margin-right: -7px;
	margin-left: -7px;
}

.widget [class*="col-"] {
	padding-right: 7px;
	padding-left: 7px;
}

.widget hr {
	display: none;
}

.widget center {
	color: var(--vyrda-muted);
	font-size: 13px;
}

.widget .nav-tabs {
	justify-content: center;
	margin-bottom: 8px;
}

.widget .nav-tabs .nav-link img {
	width: auto;
	height: 22px;
}

.widget .table {
	margin-bottom: 12px;
	font-size: 13px;
}

.widget .table td,
.widget .table th {
	padding: 8px 6px;
}

.widget .table td:last-child,
.widget .table th:last-child {
	text-align: right;
}

.widget .table img {
	display: inline-block;
	width: auto;
	max-width: 22px;
	height: auto;
}

.page-hd {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 100px;
	margin: -30px -30px 28px;
	padding: 27px 30px 24px 35px;
	background-image:
		linear-gradient(90deg, rgba(85, 215, 150, .13), transparent 68%) !important;
	background-color: rgba(9, 24, 18, .72);
	background-position: initial !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	border-bottom: 1px solid var(--vyrda-line);
	border-left: 2px solid var(--vyrda-emerald);
	box-shadow: inset 8px 0 18px rgba(85, 215, 150, .035);
}

.page-hd::before {
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
}

.page-hd .bd-c {
	width: 100%;
}

.page-hd h2,
.page-hd h2.pre-social {
	margin: 0;
	color: #f1f8f4;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 400;
	letter-spacing: .035em;
	line-height: 1.05;
	text-transform: uppercase;
}

.page-hd h6,
.page-hd small {
	display: block;
	margin: 7px 0 0;
	color: var(--vyrda-emerald);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.content-panel > .container,
.content-panel .mt2cms2-c-l,
.content-panel .bd-c,
.content-panel .container {
	float: none;
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

.content-panel > .container > .row,
.content-panel form > .row {
	margin-right: -8px;
	margin-left: -8px;
}

.content-panel .row > [class*="col-"],
.content-panel form > .row > [class*="col-"] {
	padding-right: 8px;
	padding-left: 8px;
}

.content-panel h1,
.content-panel h2,
.content-panel h3,
.content-panel h4,
.content-panel h5,
.content-panel h6 {
	color: #eef7f2;
}

.content-panel p,
.content-panel li,
.content-panel td,
.content-panel label {
	color: #c2cec7;
}

.content-panel small,
.text-muted {
	color: var(--vyrda-muted) !important;
}

.content-panel hr {
	height: 1px;
	margin: 22px 0;
	background: linear-gradient(90deg, transparent, var(--vyrda-line-strong), transparent);
	border: 0;
}

.content-panel ul.blogroll,
.content-panel .blogroll {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-post {
	margin: 0 0 18px;
	padding: 22px 24px;
	background: rgba(255, 255, 255, .018);
	border: 1px solid rgba(117, 224, 168, .12);
	border-left: 2px solid var(--vyrda-emerald-deep);
	border-radius: 3px;
}

.article .mt2cms2-c-l .blog-title,
.blog-title {
	margin: 0 0 7px;
	color: #f0f7f3;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: .02em;
}

.blog-attribution {
	margin: 0 0 14px !important;
	color: var(--vyrda-muted) !important;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.blog-post .text,
.blog-post .copy {
	color: #c5d1ca;
}

.blog-post .text ul,
.blog-post .copy ul {
	margin: 18px 0;
	padding-left: 22px;
	list-style: none;
}

.blog-post .text li,
.blog-post .copy li {
	position: relative;
	margin: 9px 0;
	padding-left: 14px;
}

.blog-post .text li::before,
.blog-post .copy li::before {
	position: absolute;
	top: .68em;
	left: 0;
	width: 5px;
	height: 5px;
	content: "";
	background: var(--vyrda-emerald);
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(85, 215, 150, .7);
}

.news-lead {
	color: #e1eee7 !important;
	font-size: 18px;
	line-height: 1.65;
}

.news-callout {
	margin: 22px 0;
	padding: 17px 19px;
	color: #cbd9d1;
	background: linear-gradient(90deg, rgba(85, 215, 150, .09), rgba(4, 16, 11, .48));
	border: 1px solid var(--vyrda-line);
	border-left: 2px solid var(--vyrda-emerald);
	border-radius: 2px;
}

.news-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}

.blogroll .more a {
	color: var(--vyrda-emerald-bright);
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.blogroll .more a::after {
	border-left-color: var(--vyrda-emerald);
}

.table {
	width: 100%;
	margin-bottom: 20px;
	color: #c9d5ce;
	background: transparent;
}

.content-panel .table {
	display: table;
	border-collapse: collapse;
}

.table thead th,
.thead-inverse th {
	color: var(--vyrda-gold) !important;
	background: rgba(2, 10, 7, .72) !important;
	border-top: 0;
	border-bottom: 1px solid var(--vyrda-line-strong);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.table td,
.table th {
	padding: 12px 10px;
	vertical-align: middle;
	border-top: 1px solid rgba(127, 206, 165, .1);
}

.table tbody tr {
	transition: background-color .16s ease;
}

.table-hover tbody tr:hover {
	color: #eaf6ef;
	background: rgba(85, 215, 150, .06);
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	color: #eaf6ef;
}

.table img {
	max-width: 30px;
	height: auto;
}

.table img.captcha-image {
	display: block;
	width: 190px;
	max-width: 100%;
	height: auto;
}

.form-group {
	margin-bottom: 16px;
}

.form-control,
.custom-select,
select.form-control,
textarea.form-control {
	height: auto;
	min-height: 44px;
	padding: 10px 13px;
	color: #e7f3ec;
	background: rgba(2, 10, 7, .76);
	border: 1px solid rgba(111, 218, 161, .23);
	border-radius: 3px;
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, .24);
}

.form-control:focus,
.custom-select:focus,
select.form-control:focus,
textarea.form-control:focus {
	color: #fff;
	background: rgba(4, 15, 10, .9);
	border-color: var(--vyrda-emerald);
	box-shadow: 0 0 0 3px rgba(85, 215, 150, .1), inset 0 1px 8px rgba(0, 0, 0, .2);
}

.form-control::placeholder {
	color: #617168;
	opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
	color: #87968e;
	background: rgba(5, 11, 8, .8);
}

.input-group-addon,
.input-group-btn .btn {
	min-height: 44px;
}

.btn {
	position: relative;
	padding: 10px 17px;
	overflow: hidden;
	font-family: "Segoe UI", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.4;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: none;
	cursor: pointer;
}

.btn::after {
	position: absolute;
	top: -70%;
	bottom: -70%;
	left: -42%;
	width: 27%;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .36), transparent);
	transform: translateX(-240%) rotate(18deg);
	transition: transform .55s ease;
	pointer-events: none;
}

.btn:hover::after,
.btn:focus::after {
	transform: translateX(610%) rotate(18deg);
}

.btn:hover,
.btn:focus {
	transform: translateY(-1px);
}

.btn-primary,
.btn-success,
.btn-danger {
	color: #03120b !important;
	background: linear-gradient(180deg, #79e9ae, #3fbd7d);
	border-color: #79e9ae;
	box-shadow: 0 8px 24px rgba(37, 157, 99, .16);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-danger:hover,
.btn-danger:focus {
	color: #020a06 !important;
	background: linear-gradient(180deg, #a0f8c8, #55d796);
	border-color: #a0f8c8;
}

.btn-secondary,
.btn-default,
.btn-ghost {
	color: #c6d5cd !important;
	background: rgba(9, 25, 18, .76);
	border: 1px solid rgba(120, 225, 172, .28);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-default:hover,
.btn-default:focus,
.btn-ghost:hover,
.btn-ghost:focus {
	color: #f3fff8 !important;
	background: rgba(85, 215, 150, .1);
	border-color: var(--vyrda-emerald);
}

.btn-danger.list-group-item,
.list-group-item-danger {
	color: #ef9b96 !important;
}

.btn-sm {
	padding: 7px 11px;
	font-size: 10px;
}

.btn-lg {
	min-width: 155px;
	padding: 13px 22px;
	font-size: 12px;
}

.btn-block {
	width: 100%;
}

.list-group {
	margin-bottom: 0;
}

.list-group-item {
	margin-bottom: -1px;
	padding: 11px 13px;
	color: #b9c8c0 !important;
	background: rgba(1, 8, 5, .38);
	border-color: rgba(111, 218, 161, .12);
}

.list-group-item:hover,
.list-group-item:focus,
.list-group-item-action:hover,
.list-group-item-action:focus {
	color: #f0fff7 !important;
	background: rgba(85, 215, 150, .08);
	border-color: rgba(111, 218, 161, .24);
}

.list-group-item.disabled,
.list-group-item:disabled {
	color: #5f6d65 !important;
	background: rgba(0, 0, 0, .2);
}

.nav-tabs {
	border-bottom: 1px solid var(--vyrda-line);
}

.nav-tabs .nav-link {
	color: var(--vyrda-muted);
	background: transparent;
	border-color: transparent;
	border-radius: 3px 3px 0 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	color: #effff6;
	background: rgba(85, 215, 150, .06);
	border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: var(--vyrda-emerald-bright);
	background: rgba(85, 215, 150, .1);
	border-color: var(--vyrda-line-strong) var(--vyrda-line-strong) transparent;
}

.jumbotron,
.card {
	color: #c8d4cd;
	background: rgba(3, 12, 8, .53);
	border: 1px solid var(--vyrda-line);
	border-radius: var(--vyrda-radius);
}

.jumbotron {
	margin-bottom: 22px;
	padding: 20px !important;
}

.jumbotron .container {
	padding: 0;
}

.card {
	margin-bottom: 14px;
}

.card-header {
	padding: 14px 18px;
	background: rgba(85, 215, 150, .07);
	border-bottom: 1px solid var(--vyrda-line);
}

.card-header h5,
.card-header a {
	margin: 0;
	color: #eef8f2;
}

.card-block,
.card-body {
	padding: 18px;
}

.alert {
	color: #dce9e2;
	background: rgba(18, 42, 32, .82);
	border: 1px solid var(--vyrda-line-strong);
	border-left-width: 3px;
	border-radius: 3px;
}

.alert-success {
	border-left-color: var(--vyrda-emerald);
}

.alert-danger {
	background: rgba(57, 20, 20, .75);
	border-color: rgba(223, 106, 101, .3);
	border-left-color: var(--vyrda-danger);
}

.alert-info,
.alert-warning {
	background: rgba(49, 42, 20, .65);
	border-color: rgba(203, 183, 132, .3);
	border-left-color: var(--vyrda-gold);
}

.alert .close {
	color: #fff;
	text-shadow: none;
	opacity: .75;
}

.tag,
.badge {
	padding: .35em .55em;
	color: #07110d;
	background: var(--vyrda-emerald);
	border-radius: 999px;
}

.tag-danger,
.badge-danger {
	color: #fff;
	background: var(--vyrda-danger);
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 0;
}

.wp-pagenavi {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	width: 100% !important;
	height: auto !important;
	min-height: 34px;
	margin: 22px 0 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-grid !important;
	width: auto !important;
	min-width: 34px;
	height: 34px !important;
	margin: 0 !important;
	padding: 6px 10px !important;
	color: var(--vyrda-muted) !important;
	background: rgba(4, 15, 10, .8) !important;
	background-image: none !important;
	border: 1px solid var(--vyrda-line) !important;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 800;
	line-height: 1 !important;
	text-align: center;
	text-decoration: none !important;
	place-items: center;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:focus,
.wp-pagenavi a.current,
.wp-pagenavi span.current {
	color: #04110b !important;
	background: var(--vyrda-emerald) !important;
	border-color: var(--vyrda-emerald) !important;
}

.page-link,
.pagination a,
.pagination span {
	color: var(--vyrda-muted);
	background: rgba(4, 15, 10, .8);
	border-color: var(--vyrda-line);
}

.page-link:hover,
.pagination a:hover,
.pagination .active a,
.pagination .active span {
	color: #04110b;
	background: var(--vyrda-emerald);
	border-color: var(--vyrda-emerald);
}

.server-logger {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.server-logger__summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.server-logger__metric {
	position: relative;
	min-height: 116px;
	padding: 16px 17px;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(11, 34, 24, .9), rgba(3, 13, 9, .92));
	border: 1px solid rgba(111, 218, 161, .17);
	border-radius: 4px;
}

.server-logger__metric::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	content: "";
	background: var(--vyrda-emerald);
	opacity: .75;
}

.server-logger__metric--danger::before {
	background: #e66f69;
}

.server-logger__metric--warning::before {
	background: var(--vyrda-gold);
}

.server-logger__metric-label {
	display: block;
	color: #8ba097;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.server-logger__metric strong {
	display: block;
	margin-top: 8px;
	color: #eefaf3;
	font-family: "Segoe UI", sans-serif;
	font-size: 26px;
	line-height: 1;
}

.server-logger__metric small {
	display: block;
	margin-top: 9px;
	color: #70837a;
	font-size: 11px;
}

.server-logger__collector-state {
	font-size: 18px !important;
	text-transform: uppercase;
}

.server-logger__collector-state.is-healthy {
	color: var(--vyrda-emerald-bright);
}

.server-logger__collector-state.is-degraded {
	color: #efaa70;
}

.server-logger__filters {
	padding: 17px;
	background: rgba(3, 14, 9, .78);
	border: 1px solid var(--vyrda-line);
	border-radius: 4px;
}

.server-logger__filter-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 13px;
}

.server-logger__field {
	min-width: 0;
}

.server-logger__field--search,
.server-logger__field--source {
	grid-column: span 2;
}

.server-logger__field label {
	display: block;
	margin-bottom: 6px;
	color: #91a49a;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.server-logger__search-control {
	position: relative;
}

.server-logger__search-control > i {
	position: absolute;
	top: 50%;
	left: 13px;
	z-index: 1;
	color: #61756b;
	transform: translateY(-50%);
	pointer-events: none;
}

.server-logger__search-control .form-control {
	padding-left: 36px;
}

.server-logger__filter-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid rgba(111, 218, 161, .1);
}

.server-logger__refresh-state {
	margin-left: auto;
	color: #82958b;
	font-size: 11px;
	font-weight: 700;
}

.server-logger__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	color: #82958b;
	font-size: 12px;
}

.server-logger__toolbar strong {
	color: #dcebe3;
}

.server-logger__health {
	position: relative;
}

.server-logger__health summary {
	color: #9eb1a7;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .05em;
	cursor: pointer;
	list-style: none;
	text-transform: uppercase;
}

.server-logger__health summary::-webkit-details-marker {
	display: none;
}

.server-logger__health-panel {
	position: absolute;
	top: calc(100% + 9px);
	right: 0;
	z-index: 5;
	width: min(370px, 82vw);
	padding: 14px;
	background: #07140f;
	border: 1px solid var(--vyrda-line-strong);
	border-radius: 4px;
	box-shadow: 0 16px 35px rgba(0, 0, 0, .45);
}

.server-logger__health-panel dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px;
	margin: 0;
}

.server-logger__health-panel dl > div {
	min-width: 0;
}

.server-logger__health-panel dt {
	color: #65786e;
	font-size: 9px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.server-logger__health-panel dd {
	margin: 3px 0 0;
	overflow-wrap: anywhere;
	color: #c9d8d0;
	font-size: 11px;
}

.server-logger__table-wrap {
	max-width: 100%;
	overflow: auto;
	border: 1px solid rgba(111, 218, 161, .13);
	border-radius: 4px;
	-webkit-overflow-scrolling: touch;
}

.server-logger__table {
	min-width: 940px;
	margin: 0;
	background: rgba(1, 8, 5, .34);
}

.server-logger__table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 11px 12px;
	color: #8ca097;
	background: #0a1912;
	border: 0;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.server-logger__table td {
	padding: 11px 12px;
	vertical-align: top;
	border-color: rgba(111, 218, 161, .09);
}

.server-log-row td:first-child {
	border-left: 2px solid rgba(111, 218, 161, .28);
}

.server-log-row--critical td:first-child,
.server-log-row--error td:first-child {
	border-left-color: #df6a65;
}

.server-log-row--warning td:first-child {
	border-left-color: #d7b968;
}

.server-log-row--debug td:first-child {
	border-left-color: #6c7f76;
}

.server-log-time {
	width: 158px;
	white-space: nowrap;
	color: #82968c;
	font-family: Consolas, "SFMono-Regular", monospace;
	font-size: 10px;
}

.server-log-severity {
	display: inline-flex;
	min-width: 68px;
	justify-content: center;
	padding: 4px 7px;
	color: #07110d !important;
	background: #7fa794;
	border-radius: 999px;
	font-family: "Segoe UI", sans-serif;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.server-log-severity--critical {
	color: #fff !important;
	background: #b94440;
}

.server-log-severity--error {
	color: #fff !important;
	background: #d66b65;
}

.server-log-severity--warning {
	background: #d6b969;
}

.server-log-severity--info {
	background: #68c59a;
}

.server-log-severity--debug {
	color: #d7e2dc !important;
	background: #465b51;
}

.server-log-source {
	width: 210px;
}

.server-log-source > a {
	display: block;
	color: #b8d6c7;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
}

.server-log-source small {
	display: block;
	margin-top: 3px;
	color: #607269;
	font-family: Consolas, "SFMono-Regular", monospace;
	font-size: 9px;
	overflow-wrap: anywhere;
}

.server-log-message {
	position: relative;
	min-width: 390px;
	padding-right: 42px !important;
}

.server-log-message code {
	display: block;
	color: #b9c9c0;
	background: transparent;
	font-family: Consolas, "SFMono-Regular", monospace;
	font-size: 10px;
	line-height: 1.55;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.server-log-copy {
	position: absolute;
	top: 8px;
	right: 8px;
	display: grid;
	width: 28px;
	height: 28px;
	padding: 0;
	color: #71847a;
	background: rgba(4, 18, 12, .9);
	border: 1px solid rgba(111, 218, 161, .14);
	border-radius: 3px;
	cursor: pointer;
	place-items: center;
}

.server-log-copy:hover,
.server-log-copy:focus,
.server-log-copy.is-copied {
	color: var(--vyrda-emerald-bright);
	border-color: var(--vyrda-emerald);
}

.server-logger__empty {
	padding: 45px 20px;
	color: #74877d;
	background: rgba(3, 13, 9, .55);
	border: 1px dashed rgba(111, 218, 161, .2);
	text-align: center;
}

.server-logger__empty > i {
	font-size: 24px;
}

.server-logger__empty h3 {
	margin: 11px 0 5px;
	color: #c7d7cf;
	font-size: 17px;
}

.server-logger__empty p {
	margin: 0;
	font-size: 12px;
}

.server-logger__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	color: #82958b;
	font-size: 11px;
}

.patcher-admin {
	position: relative;
	display: grid;
	gap: 18px;
	min-width: 0;
}

.patcher-admin__summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.patcher-admin__metric {
	position: relative;
	min-height: 116px;
	padding: 16px 17px;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(11, 34, 24, .9), rgba(3, 13, 9, .92));
	border: 1px solid rgba(111, 218, 161, .17);
	border-radius: var(--vyrda-radius);
}

.patcher-admin__metric::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	content: "";
	background: var(--vyrda-emerald);
	opacity: .8;
}

.patcher-admin__metric--warning::before {
	background: var(--vyrda-gold);
}

.patcher-admin__metric > span,
.patcher-admin__eyebrow,
.patcher-admin__field label,
.patcher-admin__publish-fields label {
	display: block;
	color: #8ba097;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.patcher-admin__metric strong {
	display: block;
	margin-top: 8px;
	color: #eefaf3;
	font-family: "Segoe UI", sans-serif;
	font-size: 24px;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.patcher-admin__metric small {
	display: block;
	margin-top: 9px;
	color: #70837a;
	font-size: 11px;
}

.patcher-admin__publish-panel,
.patcher-admin__inventory,
.patcher-admin__history {
	padding: 18px;
	background: rgba(3, 14, 9, .78);
	border: 1px solid var(--vyrda-line);
	border-radius: var(--vyrda-radius);
}

.patcher-admin__publish-panel {
	background:
		linear-gradient(135deg, rgba(31, 100, 69, .13), transparent 46%),
		rgba(3, 14, 9, .84);
	border-color: rgba(111, 218, 161, .28);
}

.patcher-admin__section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 17px;
}

.patcher-admin__section-heading h3 {
	margin: 5px 0;
	color: #edf7f1;
	font-family: "Cinzel", Georgia, serif;
	font-size: 20px;
	letter-spacing: .025em;
}

.patcher-admin__section-heading p,
.patcher-admin__audit-actions p {
	margin: 0;
	color: #81948a;
	font-size: 12px;
	line-height: 1.55;
}

.patcher-admin__section-heading code,
.patcher-admin__audit-actions code {
	color: #9ce6bd;
	background: rgba(0, 0, 0, .22);
}

.patcher-admin__endpoint {
	flex: 0 0 auto;
	padding: 7px 10px;
	color: #9bd7b8;
	background: rgba(27, 91, 61, .2);
	border: 1px solid rgba(111, 218, 161, .22);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	white-space: nowrap;
}

.patcher-admin__publish-form {
	padding: 16px;
	background: rgba(1, 9, 6, .56);
	border: 1px solid rgba(111, 218, 161, .13);
	border-radius: var(--vyrda-radius);
}

.patcher-admin__publish-fields {
	display: grid;
	grid-template-columns: minmax(170px, .8fr) minmax(210px, 1fr) auto;
	align-items: end;
	gap: 13px;
}

.patcher-admin__publish-fields label,
.patcher-admin__field label {
	margin-bottom: 6px;
}

.patcher-admin__publish-fields small {
	display: block;
	margin-top: 5px;
	color: #65786e;
	font-size: 10px;
}

.patcher-admin__audit-actions {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 13px;
}

.patcher-admin__audit-actions p {
	margin-left: auto;
	text-align: right;
}

.patcher-admin__filters {
	padding: 14px;
	background: rgba(1, 9, 6, .46);
	border: 1px solid rgba(111, 218, 161, .12);
	border-radius: var(--vyrda-radius);
}

.patcher-admin__filter-grid {
	display: grid;
	grid-template-columns: minmax(210px, 2fr) repeat(4, minmax(105px, .72fr)) auto auto;
	align-items: end;
	gap: 10px;
}

.patcher-admin__field {
	min-width: 0;
}

.patcher-admin__inventory-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 15px 0 10px;
	color: #82958b;
	font-size: 11px;
}

.patcher-admin__inventory-toolbar strong {
	color: #dcebe3;
}

.patcher-admin__state-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.patcher-admin__state-summary a {
	padding: 4px 7px;
	color: #8fa49a;
	background: rgba(7, 25, 17, .75);
	border: 1px solid rgba(111, 218, 161, .13);
	border-radius: 999px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.patcher-admin__state-summary a:hover {
	color: var(--vyrda-emerald-bright);
	border-color: var(--vyrda-line-strong);
}

.patcher-admin__table-wrap {
	max-width: 100%;
	overflow: auto;
	border: 1px solid rgba(111, 218, 161, .13);
	border-radius: var(--vyrda-radius);
	-webkit-overflow-scrolling: touch;
}

.patcher-admin__table {
	min-width: 990px;
	margin: 0;
	background: rgba(1, 8, 5, .34);
}

.patcher-admin__table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 11px 12px;
	color: #8ca097;
	background: #0a1912;
	border: 0;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.patcher-admin__table td {
	padding: 11px 12px;
	vertical-align: middle;
	color: #9aacb3;
	border-color: rgba(111, 218, 161, .09);
	font-size: 11px;
}

.patcher-admin__table td small {
	display: block;
	margin-top: 3px;
	color: #6d8076;
	font-size: 9px;
}

.patcher-file-path {
	min-width: 265px;
}

.patcher-file-path code {
	color: #bfd8cb;
	background: transparent;
	font-size: 10px;
	overflow-wrap: anywhere;
}

.patcher-file-path a {
	margin-left: 6px;
	color: #6f8f7f;
}

.patcher-file-state {
	display: inline-flex;
	min-width: 66px;
	justify-content: center;
	padding: 4px 7px;
	color: #07110d;
	background: #73bf98;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.patcher-file-state--new {
	background: #76bed1;
}

.patcher-file-state--changed {
	background: #d6b969;
}

.patcher-file-state--missing {
	color: #fff;
	background: #c55a55;
}

.patcher-file-hash {
	width: 125px;
}

.patcher-file-hash code {
	color: #82988d;
	background: transparent;
	font-family: Consolas, "SFMono-Regular", monospace;
	font-size: 9px;
}

.patcher-file-actions {
	width: 96px;
}

.patcher-file-actions form {
	margin: 0;
}

.patcher-remove-button {
	color: #d6a09d;
	border-color: rgba(223, 106, 101, .3);
}

.patcher-remove-button:hover,
.patcher-remove-button:focus {
	color: #fff;
	background: #9d4642;
	border-color: #c95f59;
}

.patcher-admin__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	margin-top: 14px;
	color: #82958b;
	font-size: 11px;
}

.patcher-admin__empty {
	padding: 42px 20px;
	color: #74877d;
	background: rgba(3, 13, 9, .55);
	border: 1px dashed rgba(111, 218, 161, .2);
	text-align: center;
}

.patcher-admin__empty--compact {
	padding: 22px;
}

.patcher-admin__empty > i {
	font-size: 24px;
}

.patcher-admin__empty h3 {
	margin: 11px 0 5px;
	color: #c7d7cf;
	font-size: 17px;
}

.patcher-admin__empty p {
	margin: 0;
	font-size: 12px;
}

.patcher-admin__history-list {
	display: grid;
	gap: 8px;
}

.patcher-history-entry {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	background: rgba(1, 9, 6, .52);
	border: 1px solid rgba(111, 218, 161, .12);
	border-left: 2px solid rgba(111, 218, 161, .42);
	border-radius: var(--vyrda-radius);
}

.patcher-history-entry--delete,
.patcher-history-entry--error {
	border-left-color: #cf655f;
}

.patcher-history-entry--verify {
	border-left-color: #76bed1;
}

.patcher-history-entry__icon {
	display: grid;
	width: 34px;
	height: 34px;
	color: #87b79f;
	background: rgba(48, 125, 85, .14);
	border-radius: 50%;
	place-items: center;
}

.patcher-history-entry__body {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 7px 12px;
	min-width: 0;
	color: #879a90;
	font-size: 11px;
}

.patcher-history-entry__body strong {
	color: #dbe9e1;
	text-transform: capitalize;
}

.patcher-history-entry__body code {
	max-width: 100%;
	color: #9ed7b9;
	background: transparent;
	overflow-wrap: anywhere;
}

.patcher-history-entry__body small {
	flex: 1 0 100%;
	color: #64776d;
	font-size: 9px;
}

.patcher-admin__result {
	margin-top: 8px;
}

.patcher-admin__result summary {
	cursor: pointer;
	font-size: 11px;
	font-weight: 800;
}

.patcher-admin__result pre {
	max-height: 280px;
	margin: 9px 0 0;
	overflow: auto;
	color: #b9cec3;
	background: rgba(0, 0, 0, .3);
	border: 1px solid rgba(255, 255, 255, .08);
	font-size: 10px;
}

.patcher-admin__processing {
	position: fixed;
	inset: 0;
	z-index: 1100;
	display: grid;
	padding: 24px;
	background: rgba(1, 8, 5, .84);
	backdrop-filter: blur(4px);
	place-items: center;
}

.patcher-admin__processing[hidden] {
	display: none;
}

.patcher-admin__processing > div {
	display: grid;
	min-width: min(360px, 90vw);
	padding: 28px;
	color: #dcebe3;
	background: #081811;
	border: 1px solid var(--vyrda-line-strong);
	border-radius: var(--vyrda-radius);
	box-shadow: var(--vyrda-shadow);
	text-align: center;
	place-items: center;
}

.patcher-admin__processing i {
	margin-bottom: 13px;
	color: var(--vyrda-emerald-bright);
	font-size: 28px;
}

.patcher-admin__processing span {
	margin-top: 6px;
	color: #789087;
	font-size: 11px;
}

.modal-content {
	color: var(--vyrda-ink);
	background: #091711;
	border: 1px solid var(--vyrda-line-strong);
	box-shadow: var(--vyrda-shadow);
}

.modal-header,
.modal-footer {
	border-color: var(--vyrda-line);
}

.modal-header .close {
	color: #fff;
	text-shadow: none;
}

.dropdown-menu {
	color: var(--vyrda-ink);
	background: #07140f;
	border-color: var(--vyrda-line);
}

.dropdown-item {
	color: var(--vyrda-muted);
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #fff;
	background: rgba(85, 215, 150, .1);
}

.content-panel [style*="background-color: white"],
.content-panel [style*="background-color:white"] {
	background-color: transparent !important;
}

.padding-container {
	padding: 4px 0 8px;
}

.text-danger {
	color: #ef8a84 !important;
}

.text-success {
	color: var(--vyrda-emerald-bright) !important;
}

.site-footer {
	position: relative;
	z-index: 4;
	padding: 26px 24px 34px;
	background: #030806;
	border-top: 1px solid rgba(111, 218, 161, .12);
}

.site-footer__inner {
	display: grid;
	grid-template-columns: 125px 1fr auto;
	align-items: center;
	gap: 24px;
	width: min(100%, var(--vyrda-width));
	margin: 0 auto;
}

.site-footer__brand img {
	display: block;
	width: 118px;
	height: auto;
	filter: grayscale(.25) brightness(.75);
	opacity: .72;
}

.site-footer__copy p {
	margin: 0;
	color: #78877e;
	font-size: 12px;
}

.site-footer__copy p:first-child {
	color: #a7b4ad;
}

.site-footer__links {
	display: flex;
	align-items: center;
	gap: 16px;
}

.site-footer__links > a {
	color: #7f9187;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.footer-social {
	display: flex;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-social a {
	display: grid;
	width: 31px;
	height: 31px;
	color: #9db0a6;
	background: rgba(85, 215, 150, .05);
	border: 1px solid var(--vyrda-line);
	border-radius: 50%;
	place-items: center;
}

.motion-ready .reveal-target {
	opacity: 0;
	transform: translateY(25px);
	transition:
		opacity .72s cubic-bezier(.22, .72, .25, 1),
		transform .72s cubic-bezier(.22, .72, .25, 1);
	transition-delay: var(--reveal-delay, 0ms);
}

.motion-ready .reveal-target.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

@media (hover: hover) {
	.widget .bd {
		transition: border-color .24s ease, transform .24s ease, box-shadow .24s ease;
	}

	.widget .bd:hover {
		border-color: rgba(118, 235, 174, .34);
		box-shadow: 0 28px 76px rgba(0, 0, 0, .52), 0 0 28px rgba(37, 132, 84, .06);
		transform: translateY(-3px);
	}

	.vyrda-brand img {
		transition: filter .3s ease, transform .3s ease;
	}

	.vyrda-brand:hover img {
		filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .7)) drop-shadow(0 0 12px rgba(85, 215, 150, .2));
		transform: translateY(-1px) scale(1.018);
	}
}

@media (max-width: 1120px) {
	.site-header__inner {
		width: min(calc(100% - 32px), var(--vyrda-width));
	}

	.realm-status,
	.header-link {
		display: none;
	}

	.primary-navigation__list > li > a {
		padding-inline: 9px;
	}
}

@media (max-width: 900px) {
	.site-header__inner {
		min-height: 76px;
		justify-content: space-between;
	}

	.vyrda-brand {
		width: 155px;
	}

	.vyrda-brand::after {
		display: none;
	}

	.vyrda-brand img {
		width: 150px;
	}

	.realm-status {
		display: inline-flex;
		margin: 0 16px 0 auto;
	}

	.nav-toggle {
		display: block;
	}

	.primary-navigation {
		position: absolute;
		top: calc(100% + 1px);
		right: -16px;
		left: -16px;
		display: none;
		padding: 13px 16px 18px;
		background: rgba(3, 12, 8, .98);
		border-bottom: 1px solid var(--vyrda-line);
		box-shadow: 0 22px 38px rgba(0, 0, 0, .4);
	}

	.primary-navigation.is-open {
		display: block;
	}

	.primary-navigation__list,
	.primary-navigation__actions {
		display: block;
	}

	.primary-navigation__list > li > a {
		justify-content: space-between;
		padding: 12px 10px;
	}

	.primary-navigation__actions {
		margin: 8px 0 0;
	}

	.primary-navigation__actions .header-link {
		display: block;
		padding: 11px 10px;
		text-align: center;
	}

	.primary-navigation__actions .header-cta {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.navigation-dropdown__menu {
		position: static;
		display: none;
		min-width: 0;
		margin: 0 0 5px;
		visibility: visible;
		opacity: 1;
		background: rgba(85, 215, 150, .035);
		border-color: rgba(111, 218, 161, .1);
		box-shadow: none;
		transform: none;
	}

	.navigation-dropdown:hover .navigation-dropdown__menu,
	.navigation-dropdown:focus-within .navigation-dropdown__menu {
		display: block;
	}

	.realm-intro {
		min-height: 340px;
		padding-top: 58px;
	}

	.hero-slider {
		min-height: 520px;
	}

	.hero-slide {
		padding: 70px 70px 100px;
	}

	.hero-control {
		width: 42px;
		height: 52px;
	}

	.hero-control--previous {
		left: 18px;
	}

	.hero-control--next {
		right: 18px;
	}

	.hero-scroll-cue {
		right: 24px;
	}

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

	.sidebar__inner {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.sidebar-widgets {
		display: contents;
	}

	.sidebar-widgets > li {
		margin-bottom: 0;
	}

	.sidebar-widgets > li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	body.vyrda-site {
		font-size: 15px;
	}

	.site-header__inner {
		width: calc(100% - 28px);
	}

	.realm-status span:last-child {
		display: none;
	}

	.realm-status {
		margin-right: 10px;
	}

	.realm-intro {
		min-height: 315px;
		padding: 54px 18px 45px;
	}

	.hero-slider {
		min-height: 500px;
	}

	.hero-slide {
		padding: 58px 17px 105px;
	}

	.hero-slide__visual {
		transform: scale(1.08);
	}

	.hero-slide--realm .hero-slide__visual,
	.hero-slide--awakening .hero-slide__visual {
		background-position: 58% center;
	}

	.hero-slide--sanctum .hero-slide__visual {
		background-position: center;
	}

	.hero-slide__eyebrow {
		letter-spacing: .16em;
	}

	.hero-slide h1,
	.hero-slide h2 {
		font-size: clamp(41px, 13.2vw, 56px);
		line-height: .95;
	}

	.hero-slide__copy {
		max-width: 350px;
		margin-top: 18px;
		font-size: 15px;
	}

	.hero-slide__actions {
		width: min(100%, 360px);
		margin-top: 25px;
	}

	.hero-slide__actions .btn {
		flex: 1 1 0;
		min-width: 0;
		padding-inline: 9px;
	}

	.hero-control {
		top: auto;
		bottom: 28px;
		width: 34px;
		height: 34px;
		transform: none;
	}

	.hero-control:hover,
	.hero-control:focus {
		transform: scale(1.04);
	}

	.hero-control--previous {
		right: 52px;
		left: auto;
	}

	.hero-control--next {
		right: 12px;
	}

	.hero-scroll-cue {
		display: none;
	}

	.hero-motes span {
		animation-duration: calc(var(--mote-speed) * 1.2);
	}

	.realm-intro__eyebrow {
		letter-spacing: .16em;
	}

	.realm-intro__copy {
		font-size: 15px;
	}

	.realm-intro__actions {
		width: min(100%, 360px);
	}

	.realm-intro__actions .btn {
		flex: 1 1 0;
		min-width: 0;
		padding-inline: 10px;
	}

	.site-main {
		padding: 0 12px 48px;
	}

	.content-grid {
		gap: 14px;
	}

	.content-panel {
		min-height: 420px;
		padding: 20px 16px;
	}

	.page-hd {
		min-height: 86px;
		margin: -20px -16px 22px;
		padding: 22px 18px 20px 22px;
	}

	.content-panel .table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table td,
	.table th {
		padding: 10px 8px;
		white-space: nowrap;
	}

	.exp-table {
		display: none;
	}

	.sidebar__inner {
		display: block;
	}

	.sidebar-widgets > li {
		margin-bottom: 14px;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: 12px;
		text-align: center;
	}

	.site-footer__brand img {
		margin: 0 auto;
	}

	.site-footer__links {
		justify-content: center;
	}
}

@media (max-width: 900px) {
	.server-logger__summary,
	.server-logger__filter-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.server-logger__field--search,
	.server-logger__field--source {
		grid-column: span 2;
	}
}

@media (max-width: 620px) {
	.server-logger {
		gap: 14px;
	}

	.server-logger__summary,
	.server-logger__filter-grid {
		grid-template-columns: 1fr;
	}

	.server-logger__field--search,
	.server-logger__field--source {
		grid-column: auto;
	}

	.server-logger__metric {
		min-height: 98px;
	}

	.server-logger__filter-actions .btn {
		flex: 1 1 calc(50% - 5px);
		padding-inline: 9px;
	}

	.server-logger__refresh-state {
		flex: 1 0 100%;
		margin-left: 0;
		text-align: center;
	}

	.server-logger__toolbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.server-logger__health-panel {
		right: auto;
		left: 0;
	}

	.server-logger__pagination {
		justify-content: space-between;
	}
}

@media (max-width: 1020px) {
	.patcher-admin__summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.patcher-admin__publish-fields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.patcher-admin__publish-fields > .btn {
		grid-column: span 2;
	}

	.patcher-admin__filter-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.patcher-admin__field--search {
		grid-column: span 2;
	}
}

@media (max-width: 700px) {
	.patcher-admin {
		gap: 14px;
	}

	.patcher-admin__summary,
	.patcher-admin__publish-fields,
	.patcher-admin__filter-grid {
		grid-template-columns: 1fr;
	}

	.patcher-admin__publish-fields > .btn,
	.patcher-admin__field--search {
		grid-column: auto;
	}

	.patcher-admin__publish-panel,
	.patcher-admin__inventory,
	.patcher-admin__history {
		padding: 14px;
	}

	.patcher-admin__section-heading,
	.patcher-admin__audit-actions,
	.patcher-admin__inventory-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.patcher-admin__endpoint {
		align-self: flex-start;
	}

	.patcher-admin__audit-actions p {
		margin-left: 0;
		text-align: left;
	}

	.patcher-admin__state-summary {
		justify-content: flex-start;
	}

	.patcher-history-entry {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	.patcher-history-entry > form {
		grid-column: 2;
	}

	.patcher-admin__pagination {
		justify-content: space-between;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	.hero-motes {
		display: none;
	}

	.hero-slide__visual,
	.hero-slide.is-active .hero-slide__visual {
		animation: none;
		transform: scale(1.045);
	}

	.motion-ready .reveal-target,
	.motion-ready .reveal-target.is-revealed {
		opacity: 1;
		transform: none;
	}
}

/* Secure Stripe donations */
.donation-page__header .bd-c { max-width: 760px; }
.donation-page__header p { color: rgba(226,238,232,.72); line-height: 1.7; }
.donation-page__eyebrow { color: #82e6b1 !important; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.donation-page__eyebrow i { margin-right: .55rem; }
.donation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1.4rem; }
.donation-tier { position: relative; isolation: isolate; overflow: hidden; display: grid; gap: .45rem; padding: 1.45rem; border: 1px solid rgba(117,226,166,.2); background: linear-gradient(145deg,rgba(12,34,26,.96),rgba(4,11,9,.98)); box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.donation-tier:last-child:nth-child(odd) { grid-column: 1 / -1; }
.donation-tier__glow { position: absolute; z-index: -1; width: 10rem; height: 10rem; right: -5rem; top: -5rem; border-radius: 50%; background: rgba(61,218,132,.14); filter: blur(20px); }
.donation-tier__currency { color: #82e6b1; font-size: .82rem; font-weight: 700; letter-spacing: .14em; }
.donation-tier strong { color: #f3fff8; font-family: Georgia,serif; font-size: clamp(2rem,4vw,3.2rem); line-height: 1; }
.donation-tier > span:last-of-type { color: rgba(226,238,232,.62); font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; }
.donation-tier .btn { margin-top: .8rem; white-space: normal; }
.donation-trust { display: flex; justify-content: center; align-items: center; gap: .8rem; padding: 1.5rem 0 .25rem; color: rgba(226,238,232,.52); }
.donation-trust span { padding-right: .8rem; border-right: 1px solid rgba(255,255,255,.12); font-size: .75rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.donation-trust i { font-size: 1.3rem; }
@media (max-width: 680px) { .donation-grid { grid-template-columns: 1fr; } .donation-tier:last-child:nth-child(odd) { grid-column: auto; } }

/* Player bug reports and administrator triage workspace */
.bug-center {
	display: grid;
	gap: 20px;
	width: 100%;
	padding: 6px;
}

.bug-center__hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 22px;
	padding: 28px;
	border: 1px solid var(--vyrda-line);
	border-radius: 6px;
	background:
		radial-gradient(circle at 85% 15%, rgba(85, 215, 150, .14), transparent 38%),
		linear-gradient(135deg, rgba(12, 35, 26, .96), rgba(5, 14, 10, .98));
	box-shadow: 0 18px 50px rgba(0, 0, 0, .3);
}

.bug-center__eyebrow {
	display: block;
	margin-bottom: 7px;
	color: var(--vyrda-emerald-bright);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.bug-center__eyebrow i { margin-right: 6px; }
.bug-center__hero h2 { margin: 0; color: #f2fbf5; font-size: clamp(28px, 4vw, 42px); line-height: 1.05; }
.bug-center__hero p { max-width: 700px; margin: 10px 0 0; color: var(--vyrda-muted); }
.bug-center__hero-actions { display: flex; flex: 0 0 auto; gap: 9px; }
.bug-center__hero-actions .btn i { margin-right: 6px; }
.bug-center__alert { margin: 0; border-radius: 4px; }

.bug-panel {
	padding: 22px;
	border: 1px solid rgba(111, 218, 161, .18);
	border-radius: 5px;
	background: linear-gradient(155deg, rgba(10, 27, 20, .96), rgba(5, 14, 11, .97));
	box-shadow: 0 14px 38px rgba(0, 0, 0, .22);
}

.bug-panel h3 { margin: 0; color: #f0f7f2; font-size: 21px; }
.bug-panel__heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.bug-panel__heading p { margin: 3px 0 0; color: var(--vyrda-muted); }
.bug-step { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border: 1px solid var(--vyrda-line-strong); border-radius: 50%; color: var(--vyrda-emerald-bright); background: rgba(85, 215, 150, .07); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.bug-form { display: grid; gap: 18px; }
.bug-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.bug-field { display: grid; align-content: start; gap: 7px; min-width: 0; margin: 0; }
.bug-field--wide { grid-column: 1 / -1; }
.bug-field > span { color: #cbd9d1; font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.bug-field em { margin-left: 4px; color: var(--vyrda-gold); font-size: 10px; font-style: normal; letter-spacing: .09em; text-transform: uppercase; }
.bug-field small,
.bug-upload small { color: var(--vyrda-dim); font-size: 12px; }

.bug-center .form-control {
	width: 100%;
	min-height: 43px;
	color: var(--vyrda-ink);
	border: 1px solid rgba(134, 191, 161, .25);
	border-radius: 3px;
	background: rgba(2, 10, 7, .75);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .24);
}

.bug-center textarea.form-control { min-height: 100px; resize: vertical; }
.bug-center .form-control:focus { color: #fff; border-color: var(--vyrda-emerald); background: rgba(3, 14, 9, .92); box-shadow: 0 0 0 3px rgba(85, 215, 150, .1); }
.bug-center .form-control::placeholder { color: #64766c; }
.bug-center select.form-control option { color: #e8f1eb; background: #07130e; }
.bug-upload { padding: 16px; border: 1px dashed rgba(115, 225, 167, .34); background: rgba(85, 215, 150, .035); }
.bug-upload input[type="file"] { color: var(--vyrda-muted); }
.bug-form__submit { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 4px 2px; }
.bug-form__submit p { margin: 0; color: var(--vyrda-muted); font-size: 13px; }
.bug-form__submit i { margin-right: 5px; color: var(--vyrda-emerald); }

.bug-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.bug-metrics--admin { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bug-metrics > div { position: relative; overflow: hidden; padding: 17px 19px; border: 1px solid var(--vyrda-line); border-radius: 4px; background: rgba(8, 23, 17, .92); }
.bug-metrics > div::after { position: absolute; right: -24px; bottom: -40px; width: 88px; height: 88px; border: 1px solid rgba(85, 215, 150, .11); border-radius: 50%; content: ""; }
.bug-metrics span { display: block; color: var(--vyrda-muted); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.bug-metrics strong { display: block; margin-top: 5px; color: #f4fff8; font-size: 28px; line-height: 1; }
.bug-metrics .is-highlighted { border-color: rgba(85, 215, 150, .56); background: linear-gradient(140deg, rgba(16, 57, 39, .96), rgba(7, 25, 17, .96)); }
.bug-metrics .is-danger { border-color: rgba(223, 106, 101, .6); background: linear-gradient(140deg, rgba(67, 25, 23, .84), rgba(19, 13, 11, .96)); }
.bug-metrics .is-danger strong { color: #ffaaa5; }

.bug-list-panel { padding: 0; overflow: hidden; }
.bug-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 18px; border-bottom: 1px solid var(--vyrda-line); }
.bug-list-toolbar > span { flex: 0 0 auto; color: var(--vyrda-dim); font-size: 12px; }
.bug-filter-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.bug-filter-tabs a { padding: 6px 10px; border-radius: 3px; color: var(--vyrda-muted); font-size: 13px; }
.bug-filter-tabs a:hover,
.bug-filter-tabs a.is-active { color: #eafff2; background: rgba(85, 215, 150, .12); }
.bug-ticket-list { display: grid; }
.bug-ticket-row { display: grid; grid-template-columns: 3px minmax(0, 1fr) auto 18px; align-items: center; gap: 16px; min-height: 106px; padding: 16px 19px 16px 0; color: inherit !important; border-bottom: 1px solid rgba(111, 218, 161, .12); background: rgba(4, 13, 9, .25); }
.bug-ticket-row:last-child { border-bottom: 0; }
.bug-ticket-row:hover { background: rgba(17, 47, 34, .45); transform: translateX(2px); }
.bug-ticket-row__signal { align-self: stretch; background: rgba(111, 218, 161, .15); }
.bug-ticket-row.is-unread .bug-ticket-row__signal { background: var(--vyrda-emerald); box-shadow: 0 0 12px rgba(85, 215, 150, .55); }
.bug-ticket-row__body { min-width: 0; }
.bug-ticket-row__body > div { display: flex; align-items: center; gap: 9px; }
.bug-ticket-row code,
.bug-admin-table code { color: var(--vyrda-gold); background: transparent; font-size: 11px; letter-spacing: .04em; }
.bug-ticket-row h3 { margin: 5px 0 2px; overflow: hidden; color: #eaf5ee; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.bug-ticket-row p { margin: 0; color: var(--vyrda-dim); font-size: 12px; }
.bug-ticket-row__state { display: grid; justify-items: end; gap: 7px; }

.bug-status,
.bug-severity,
.bug-unread { display: inline-flex; align-items: center; width: fit-content; padding: 3px 8px; border: 1px solid transparent; border-radius: 99px; font-size: 10px; font-weight: 800; letter-spacing: .05em; line-height: 1.4; text-transform: uppercase; white-space: nowrap; }
.bug-status--primary,
.bug-status--success { color: #a8f5cc; border-color: rgba(85, 215, 150, .38); background: rgba(85, 215, 150, .1); }
.bug-status--info { color: #a9d8ff; border-color: rgba(91, 171, 231, .35); background: rgba(91, 171, 231, .1); }
.bug-status--warning { color: #f0d696; border-color: rgba(203, 183, 132, .4); background: rgba(203, 183, 132, .1); }
.bug-status--danger { color: #ffaaa5; border-color: rgba(223, 106, 101, .4); background: rgba(223, 106, 101, .1); }
.bug-status--muted { color: #a1ada7; border-color: rgba(154, 171, 162, .25); background: rgba(154, 171, 162, .07); }
.bug-severity--low { color: #a5b4ac; border-color: rgba(165, 180, 172, .24); }
.bug-severity--medium { color: #a9d8ff; border-color: rgba(91, 171, 231, .35); }
.bug-severity--high { color: #f0d696; border-color: rgba(203, 183, 132, .4); }
.bug-severity--critical { color: #ffaaa5; border-color: rgba(223, 106, 101, .5); background: rgba(223, 106, 101, .08); }
.bug-unread { color: #082016; border-color: var(--vyrda-emerald-bright); background: var(--vyrda-emerald-bright); }
.bug-unread i { margin-right: 4px; }

.bug-pagination { display: flex; justify-content: center; gap: 6px; padding: 16px; border-top: 1px solid var(--vyrda-line); }
.bug-pagination a { display: grid; place-items: center; min-width: 34px; height: 34px; color: var(--vyrda-muted); border: 1px solid var(--vyrda-line); border-radius: 3px; }
.bug-pagination a.is-active { color: #06130d; border-color: var(--vyrda-emerald); background: var(--vyrda-emerald); }
.bug-empty { padding: 56px 20px; color: var(--vyrda-muted); text-align: center; }
.bug-empty > i { color: rgba(85, 215, 150, .45); font-size: 42px; }
.bug-empty h3 { margin: 12px 0 3px; }
.bug-empty p { margin: 0 0 16px; }

.bug-detail-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(250px, .82fr); align-items: start; gap: 18px; }
.bug-detail-grid--admin { grid-template-columns: minmax(0, 1.75fr) minmax(280px, .75fr); }
.bug-detail-main,
.bug-detail-side { display: grid; gap: 18px; min-width: 0; }
.bug-ticket-head__top { display: flex; justify-content: space-between; gap: 20px; }
.bug-ticket-head__badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.bug-ticket-head h3 { font-size: 25px; line-height: 1.25; }
.bug-ticket-head__top p { margin: 6px 0 0; color: var(--vyrda-dim); font-size: 12px; }
.bug-description { margin-top: 19px; padding-top: 18px; color: #d9e5dd; border-top: 1px solid var(--vyrda-line); white-space: normal; overflow-wrap: anywhere; }
.bug-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bug-evidence { padding: 14px; border: 1px solid rgba(111, 218, 161, .13); background: rgba(3, 12, 8, .45); }
.bug-evidence--wide { grid-column: 1 / -1; }
.bug-evidence > span { color: var(--vyrda-gold); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bug-evidence p { margin: 7px 0 0; color: #cedbd3; overflow-wrap: anywhere; }
.bug-attachments { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.bug-attachments > strong { width: 100%; color: var(--vyrda-muted); font-size: 11px; text-transform: uppercase; }
.bug-attachments a { padding: 6px 9px; color: #cfeadd; border: 1px solid var(--vyrda-line); border-radius: 3px; background: rgba(85, 215, 150, .05); font-size: 12px; }
.bug-attachments small { margin-left: 4px; color: var(--vyrda-dim); }

.bug-timeline { position: relative; display: grid; gap: 13px; }
.bug-timeline::before { position: absolute; top: 0; bottom: 0; left: 12px; width: 1px; background: rgba(111, 218, 161, .16); content: ""; }
.bug-event { position: relative; display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 32px; }
.bug-event > span { position: relative; z-index: 1; display: grid; place-items: center; width: 25px; height: 25px; color: rgba(85, 215, 150, .7); border-radius: 50%; background: #07140e; font-size: 6px; }
.bug-event p { margin: 0; color: var(--vyrda-muted); font-size: 12px; }
.bug-event small { display: inline; margin-left: 6px; color: var(--vyrda-dim); }
.bug-event--internal p { color: #c9b989; }
.bug-message { position: relative; z-index: 1; margin-left: 34px; overflow: hidden; border: 1px solid rgba(111, 218, 161, .18); border-radius: 4px; background: rgba(5, 16, 11, .96); }
.bug-message--staff { border-left: 3px solid var(--vyrda-emerald); background: linear-gradient(140deg, rgba(11, 39, 27, .93), rgba(4, 17, 11, .96)); }
.bug-message--internal { border-color: rgba(203, 183, 132, .35); border-left: 3px solid var(--vyrda-gold); background: rgba(43, 36, 18, .22); }
.bug-message__meta { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px; border-bottom: 1px solid rgba(111, 218, 161, .12); }
.bug-message__meta strong { color: #e8f5ed; font-size: 12px; }
.bug-message__meta span { color: var(--vyrda-dim); font-size: 11px; }
.bug-message__body { padding: 14px; color: #d3e1d8; overflow-wrap: anywhere; }
.bug-message .bug-attachments { padding: 0 14px 14px; }
.bug-reply-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.bug-reply-actions .btn { margin-left: auto; }
.bug-inline-upload { position: relative; margin: 0; padding: 7px 10px; color: var(--vyrda-muted); border: 1px solid var(--vyrda-line); border-radius: 3px; cursor: pointer; font-size: 12px; }
.bug-inline-upload:hover { color: var(--vyrda-emerald-bright); border-color: var(--vyrda-line-strong); }
.bug-inline-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.bug-inline-upload i { margin-right: 5px; }

.bug-facts h3,
.bug-workflow h3 { margin-bottom: 15px; font-size: 17px; }
.bug-facts dl { margin: 0; }
.bug-facts dt { margin-top: 11px; color: var(--vyrda-dim); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.bug-facts dt:first-child { margin-top: 0; }
.bug-facts dd { margin: 1px 0 0; color: #d7e4dc; overflow-wrap: anywhere; }
.bug-resolution { border-color: rgba(85, 215, 150, .35); }
.bug-resolution > span { color: var(--vyrda-emerald-bright); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.bug-resolution p { margin: 10px 0 0; color: #d9e8df; }
.bug-resolution small { color: var(--vyrda-dim); }
.bug-close-form { margin: 0; }
.bug-workflow { display: grid; gap: 13px; }

.bug-admin-filters { display: grid; grid-template-columns: 1.5fr repeat(5, minmax(115px, 1fr)); align-items: end; gap: 12px; }
.bug-admin-filters .bug-checkbox { grid-column: 1 / span 2; }
.bug-admin-filters .btn { min-height: 42px; }
.bug-checkbox { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--vyrda-muted); font-size: 12px; }
.bug-checkbox input { accent-color: var(--vyrda-emerald); }
.bug-checkbox--internal { color: var(--vyrda-gold); }
.bug-admin-queue { padding: 0; overflow: hidden; }
.bug-admin-queue__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 16px; border-bottom: 1px solid var(--vyrda-line); }
.bug-admin-queue__toolbar span { color: var(--vyrda-dim); }
.bug-admin-queue__toolbar > div:last-child { display: flex; gap: 7px; }
.bug-admin-queue__toolbar .form-control { min-width: 190px; }
.bug-admin-table-wrap { overflow-x: auto; }
.bug-admin-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.bug-admin-table th { padding: 10px 12px; color: var(--vyrda-dim); border-bottom: 1px solid var(--vyrda-line); background: rgba(3, 11, 8, .52); font-size: 10px; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.bug-admin-table td { padding: 12px; color: #d7e1db; border-bottom: 1px solid rgba(111, 218, 161, .1); vertical-align: middle; }
.bug-admin-table tr:last-child td { border-bottom: 0; }
.bug-admin-table tbody tr:hover { background: rgba(85, 215, 150, .035); }
.bug-admin-table tr.is-unread { background: rgba(85, 215, 150, .055); }
.bug-admin-table td > a { display: grid; align-items: start; color: #e7f3eb; }
.bug-admin-table td > a strong { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bug-admin-table td > a .bug-unread { margin-top: 5px; }
.bug-admin-table td > strong,
.bug-admin-table td > small,
.bug-admin-table td > time { display: block; }
.bug-admin-table td > small,
.bug-admin-table time { margin-top: 3px; color: var(--vyrda-dim); font-size: 11px; }

@media (max-width: 1100px) {
	.bug-metrics--admin { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bug-admin-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bug-admin-filters .bug-field--search { grid-column: span 2; }
	.bug-admin-filters .bug-checkbox { grid-column: span 2; }
}

@media (max-width: 820px) {
	.bug-center__hero { align-items: flex-start; flex-direction: column; padding: 21px; }
	.bug-metrics,
	.bug-metrics--admin { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bug-detail-grid,
	.bug-detail-grid--admin { grid-template-columns: 1fr; }
	.bug-detail-side { grid-row: auto; }
	.bug-admin-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 580px) {
	.bug-center { gap: 13px; padding: 0; }
	.bug-center__hero { padding: 18px; }
	.bug-center__hero-actions,
	.bug-center__hero-actions .btn { width: 100%; }
	.bug-panel { padding: 16px; }
	.bug-form__grid,
	.bug-evidence-grid,
	.bug-admin-filters { grid-template-columns: 1fr; }
	.bug-field--wide,
	.bug-evidence--wide,
	.bug-admin-filters .bug-field--search,
	.bug-admin-filters .bug-checkbox { grid-column: auto; }
	.bug-form__submit,
	.bug-list-toolbar,
	.bug-admin-queue__toolbar,
	.bug-reply-actions { align-items: stretch; flex-direction: column; }
	.bug-form__submit .btn,
	.bug-reply-actions .btn { width: 100%; margin-left: 0; }
	.bug-ticket-row { grid-template-columns: 3px minmax(0, 1fr) 14px; gap: 11px; }
	.bug-ticket-row__state { grid-column: 2; grid-row: 2; justify-items: start; grid-auto-flow: column; }
	.bug-ticket-row > i { grid-column: 3; grid-row: 1 / span 2; }
	.bug-ticket-head__top { flex-direction: column; }
	.bug-message { margin-left: 24px; }
	.bug-message__meta { align-items: flex-start; flex-direction: column; gap: 2px; }
	.bug-admin-queue__toolbar > div:last-child { width: 100%; }
	.bug-admin-queue__toolbar .form-control { min-width: 0; }
}

/* About the project and engine evolution */
.header-project-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 138px;
	margin-left: 2px;
	padding: 9px 13px;
	border-color: rgba(138, 244, 189, .48);
	background: linear-gradient(180deg, rgba(85, 215, 150, .1), rgba(7, 22, 15, .82));
}

.header-project-cta[aria-current="page"] {
	color: #effff6 !important;
	border-color: var(--vyrda-emerald-bright);
	background: rgba(85, 215, 150, .14);
	box-shadow: 0 0 24px rgba(85, 215, 150, .12);
}

.project-masthead {
	position: relative;
	z-index: 3;
	display: grid;
	min-height: 560px;
	overflow: hidden;
	background: #030a07;
	isolation: isolate;
}

.project-masthead__visual {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: url("../images/vyrda/slide-realm.webp");
	background-position: center 42%;
	background-size: cover;
	filter: saturate(.8) contrast(1.08);
	transform: scale(1.025);
}

.project-masthead__visual::before,
.project-masthead__visual::after {
	position: absolute;
	inset: 0;
	content: "";
}

.project-masthead__visual::before {
	background:
		linear-gradient(90deg, rgba(2, 9, 6, .94) 0, rgba(3, 12, 8, .78) 42%, rgba(3, 10, 7, .28) 72%, rgba(2, 8, 5, .63) 100%),
		linear-gradient(180deg, rgba(2, 8, 5, .2), rgba(3, 10, 7, .18) 60%, #040a08 100%);
}

.project-masthead__visual::after {
	background:
		repeating-linear-gradient(90deg, transparent 0 99px, rgba(125, 235, 178, .018) 100px),
		radial-gradient(circle at 28% 46%, rgba(85, 215, 150, .08), transparent 38%);
}

.project-masthead__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: min(calc(100% - 48px), var(--vyrda-width));
	margin: 0 auto;
	padding: 76px 0 58px;
}

.project-masthead__eyebrow,
.project-kicker {
	display: block;
	margin: 0 0 13px;
	color: var(--vyrda-emerald-bright) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .22em;
	text-transform: uppercase;
}

.project-masthead__eyebrow::before,
.project-kicker::before {
	display: inline-block;
	width: 28px;
	height: 1px;
	margin: 0 11px 3px 0;
	content: "";
	background: var(--vyrda-emerald);
	box-shadow: 0 0 10px rgba(85, 215, 150, .7);
}

.project-masthead h1 {
	max-width: 850px;
	margin: 0;
	color: #f0f8f3;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: clamp(48px, 6.5vw, 82px);
	font-weight: 400;
	letter-spacing: .025em;
	line-height: .92;
	text-shadow: 0 5px 28px #000;
	text-transform: uppercase;
}

.project-masthead h1 span {
	color: #bfead2;
}

.project-masthead__inner > p:not(.project-masthead__eyebrow) {
	max-width: 720px;
	margin: 22px 0 0;
	color: #b5c6bd;
	font-size: 18px;
	line-height: 1.65;
	text-shadow: 0 2px 10px #000;
}

.project-masthead__signals {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: min(100%, 810px);
	margin: 37px 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(119, 226, 170, .22);
	border-bottom: 1px solid rgba(119, 226, 170, .16);
	background: rgba(2, 11, 7, .38);
	backdrop-filter: blur(5px);
}

.project-masthead__signals li {
	display: grid;
	gap: 1px;
	padding: 13px 18px 14px;
	border-right: 1px solid rgba(119, 226, 170, .16);
}

.project-masthead__signals li:last-child {
	border-right: 0;
}

.project-masthead__signals strong {
	color: #edfff5;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .05em;
}

.project-masthead__signals span {
	color: var(--vyrda-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
}

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

.content-panel--project {
	min-height: 0;
	padding: 0;
	overflow: hidden;
	background:
		linear-gradient(145deg, rgba(21, 47, 36, .12), transparent 30%),
		rgba(5, 15, 11, .96);
}

.project-story {
	position: relative;
	display: grid;
}

.project-story__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr);
	gap: 56px;
	align-items: center;
	padding: 54px 58px;
	background:
		radial-gradient(circle at 92% 12%, rgba(85, 215, 150, .09), transparent 28%),
		linear-gradient(145deg, rgba(15, 39, 29, .73), rgba(4, 14, 10, .38));
}

.project-story__intro h2,
.upgrade-chapter__heading h2,
.project-story__closing h2 {
	margin: 0;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 1.02;
	text-transform: uppercase;
}

.project-story__intro h2 {
	font-size: clamp(35px, 5vw, 54px);
}

.project-story__intro-copy > p {
	max-width: 740px;
	margin: 13px 0 0;
	color: var(--vyrda-muted);
}

.project-story__intro-copy .project-lead {
	color: #d5e3db;
	font-size: 18px;
	line-height: 1.68;
}

.project-story__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	border: 1px solid var(--vyrda-line);
	background: var(--vyrda-line);
}

.project-story__facts div {
	min-height: 86px;
	padding: 16px;
	background: rgba(5, 17, 12, .96);
}

.project-story__facts dt {
	margin-bottom: 5px;
	color: var(--vyrda-dim);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.project-story__facts dd {
	margin: 0;
	color: #e8f5ed;
	font-size: 15px;
	line-height: 1.28;
}

.project-jump {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid var(--vyrda-line);
	border-bottom: 1px solid var(--vyrda-line);
	background: rgba(2, 10, 7, .7);
}

.project-jump a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 55px;
	padding: 10px;
	color: var(--vyrda-muted);
	border-right: 1px solid rgba(111, 218, 161, .13);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.project-jump a:last-child {
	border-right: 0;
}

.project-jump a:hover,
.project-jump a:focus {
	color: #effff6;
	background: rgba(85, 215, 150, .07);
}

.project-jump span {
	color: var(--vyrda-emerald);
	font-size: 9px;
}

.upgrade-chapter {
	scroll-margin-top: 20px;
	padding: 62px 58px 0;
}

.upgrade-chapter__heading {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	gap: 25px;
	align-items: start;
	margin-bottom: 27px;
}

.upgrade-chapter__heading > span {
	padding-top: 10px;
	color: var(--vyrda-emerald);
	border-top: 1px solid var(--vyrda-emerald-deep);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.upgrade-chapter__heading h2 {
	font-size: clamp(31px, 4vw, 45px);
}

.upgrade-chapter__heading p {
	max-width: 670px;
	margin: 8px 0 0;
	color: var(--vyrda-muted);
}

.upgrade-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 14px;
}

.upgrade-card {
	position: relative;
	grid-column: span 6;
	min-width: 0;
	padding: 27px;
	overflow: hidden;
	border: 1px solid rgba(111, 218, 161, .15);
	background:
		radial-gradient(circle at 100% 0, rgba(85, 215, 150, .055), transparent 28%),
		linear-gradient(145deg, rgba(11, 30, 22, .84), rgba(4, 14, 10, .85));
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.upgrade-card::after {
	position: absolute;
	right: -53px;
	bottom: -53px;
	width: 105px;
	height: 105px;
	content: "";
	border: 1px solid rgba(85, 215, 150, .065);
	border-radius: 50%;
}

.upgrade-card:hover {
	border-color: rgba(111, 218, 161, .32);
	transform: translateY(-2px);
}

.upgrade-card--featured {
	padding: 31px;
	background:
		radial-gradient(circle at 92% 8%, rgba(85, 215, 150, .09), transparent 30%),
		linear-gradient(145deg, rgba(14, 42, 30, .9), rgba(5, 17, 12, .92));
}

.upgrade-card--wide,
.upgrade-card--hero {
	grid-column: 1 / -1;
}

.upgrade-card--hero {
	display: grid;
	grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
	gap: 28px 42px;
	align-items: center;
	padding: 34px;
	border-color: rgba(111, 218, 161, .28);
	background:
		radial-gradient(circle at 9% 20%, rgba(85, 215, 150, .13), transparent 34%),
		linear-gradient(120deg, rgba(16, 49, 34, .94), rgba(4, 15, 10, .96));
}

.upgrade-card--hero .upgrade-card__details {
	grid-column: 2;
	margin-top: -17px;
}

.upgrade-grid--three .upgrade-card:not(.upgrade-card--hero) {
	grid-column: span 4;
}

.upgrade-card__icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 20px;
	color: var(--vyrda-emerald-bright);
	border: 1px solid rgba(111, 218, 161, .26);
	border-radius: 50%;
	background: rgba(85, 215, 150, .06);
	font-size: 16px;
	box-shadow: 0 0 28px rgba(85, 215, 150, .05);
}

.upgrade-card__tag {
	margin: 0 0 7px !important;
	color: var(--vyrda-gold) !important;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.upgrade-card h3 {
	margin: 0 0 12px;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.05;
	text-transform: uppercase;
}

.upgrade-card > p:not(.upgrade-card__tag),
.upgrade-card--hero > p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: #afc0b7;
	line-height: 1.65;
}

.upgrade-card__details {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 7px;
	margin: 19px 0 0;
	padding: 15px 0 0;
	list-style: none;
	border-top: 1px solid rgba(111, 218, 161, .13);
}

.upgrade-card__details li {
	position: relative;
	padding-left: 18px;
	color: #c7d5cd;
	font-size: 13px;
}

.upgrade-card__details li::before {
	position: absolute;
	top: .75em;
	left: 1px;
	width: 5px;
	height: 5px;
	content: "";
	background: var(--vyrda-emerald);
	border-radius: 50%;
	box-shadow: 0 0 7px rgba(85, 215, 150, .7);
}

.upgrade-card__metric {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin-top: 21px;
	padding-top: 17px;
	border-top: 1px solid rgba(111, 218, 161, .15);
}

.upgrade-card__metric strong {
	color: var(--vyrda-emerald-bright);
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 35px;
	font-weight: 400;
	line-height: 1;
}

.upgrade-card__metric span {
	max-width: 280px;
	color: var(--vyrda-dim);
	font-size: 11px;
	line-height: 1.35;
}

.project-story__closing {
	margin-top: 64px;
	padding: 60px 58px 64px;
	text-align: center;
	border-top: 1px solid var(--vyrda-line);
	background:
		radial-gradient(circle at 50% 0, rgba(85, 215, 150, .12), transparent 37%),
		linear-gradient(180deg, rgba(9, 29, 20, .9), rgba(3, 12, 8, .96));
}

.project-story__closing .project-kicker::before {
	display: none;
}

.project-story__closing h2 {
	max-width: 780px;
	margin: 0 auto;
	font-size: clamp(32px, 5vw, 51px);
}

.project-story__closing > p {
	max-width: 700px;
	margin: 16px auto 0;
	color: var(--vyrda-muted);
	font-size: 17px;
}

.project-story__actions {
	display: flex;
	justify-content: center;
	gap: 11px;
	margin-top: 27px;
}

.project-story__actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

@media (max-width: 1020px) {
	.project-story__intro {
		grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
		gap: 34px;
		padding: 44px 38px;
	}

	.upgrade-chapter {
		padding-right: 38px;
		padding-left: 38px;
	}

	.upgrade-grid--three .upgrade-card:not(.upgrade-card--hero) {
		grid-column: span 6;
	}

	.upgrade-grid--three .upgrade-card:not(.upgrade-card--hero):last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.primary-navigation__actions .header-project-cta {
		display: flex;
		width: 100%;
		margin: 0 0 8px;
		text-align: center;
	}

	.project-masthead {
		min-height: 520px;
	}

	.project-masthead__inner {
		width: min(calc(100% - 38px), var(--vyrda-width));
	}

	.project-story__intro {
		grid-template-columns: 1fr;
	}

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

	.project-story__facts div {
		min-height: 82px;
	}

	.upgrade-card--hero {
		grid-template-columns: 1fr;
	}

	.upgrade-card--hero .upgrade-card__details {
		grid-column: 1;
		margin-top: 0;
	}
}

@media (max-width: 700px) {
	.project-masthead {
		min-height: 550px;
	}

	.project-masthead__visual {
		background-position: 61% center;
	}

	.project-masthead__visual::before {
		background: linear-gradient(90deg, rgba(2, 9, 6, .91), rgba(2, 9, 6, .58)), linear-gradient(180deg, transparent 45%, #040a08 100%);
	}

	.project-masthead__inner {
		padding-top: 57px;
	}

	.project-masthead__inner > p:not(.project-masthead__eyebrow) {
		font-size: 16px;
	}

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

	.project-masthead__signals li:nth-child(2) {
		border-right: 0;
	}

	.project-masthead__signals li:nth-child(-n+2) {
		border-bottom: 1px solid rgba(119, 226, 170, .16);
	}

	.project-story__intro,
	.upgrade-chapter,
	.project-story__closing {
		padding-right: 22px;
		padding-left: 22px;
	}

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

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

	.project-jump a:nth-child(even) {
		border-right: 0;
	}

	.project-jump a:nth-child(-n+4) {
		border-bottom: 1px solid rgba(111, 218, 161, .13);
	}

	.project-jump a:last-child {
		grid-column: 1 / -1;
	}

	.upgrade-chapter {
		padding-top: 48px;
	}

	.upgrade-chapter__heading {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.upgrade-chapter__heading > span {
		width: 90px;
	}

	.upgrade-card,
	.upgrade-grid--three .upgrade-card:not(.upgrade-card--hero),
	.upgrade-grid--three .upgrade-card:not(.upgrade-card--hero):last-child {
		grid-column: 1 / -1;
		padding: 23px;
	}

	.project-story__closing {
		margin-top: 49px;
		padding-top: 49px;
		padding-bottom: 51px;
	}

	.project-story__actions {
		flex-direction: column;
		width: min(100%, 350px);
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 430px) {
	.project-masthead h1 {
		font-size: 42px;
	}

	.project-masthead__signals li {
		padding-inline: 12px;
	}

	.project-story__intro {
		padding-top: 38px;
		padding-bottom: 38px;
	}

	.project-story__facts {
		grid-template-columns: 1fr;
	}

	.project-story__facts div {
		min-height: 68px;
	}

	.project-jump a {
		font-size: 10px;
	}
}

/* Native graphics showcase */
.header-showcase-link {
	position: relative;
	color: #a8beb3;
}

.header-showcase-link::after {
	position: absolute;
	right: 8px;
	bottom: 2px;
	left: 8px;
	height: 1px;
	content: "";
	background: var(--vyrda-emerald);
	box-shadow: 0 0 10px rgba(85, 215, 150, .72);
	transform: scaleX(0);
	transition: transform .18s ease;
}

.header-showcase-link:hover::after,
.header-showcase-link:focus::after,
.header-showcase-link[aria-current="page"]::after {
	transform: scaleX(1);
}

.header-showcase-link[aria-current="page"] {
	color: #effff6;
}

.showcase-masthead {
	position: relative;
	z-index: 3;
	display: grid;
	min-height: 630px;
	overflow: hidden;
	background: #030a07;
	isolation: isolate;
}

.showcase-masthead__visual {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-color: #07120d;
	background-image: url("../images/vyrda/showcase/sun-shafts-pyungmoo.webp");
	background-position: center 45%;
	background-size: cover;
	filter: saturate(.9) contrast(1.05);
	transform: scale(1.02);
}

.showcase-masthead__visual::before,
.showcase-masthead__visual::after {
	position: absolute;
	inset: 0;
	content: "";
}

.showcase-masthead__visual::before {
	background:
		linear-gradient(90deg, rgba(2, 9, 6, .97) 0, rgba(2, 10, 7, .78) 39%, rgba(2, 9, 6, .2) 72%, rgba(2, 8, 5, .55) 100%),
		linear-gradient(180deg, rgba(2, 8, 5, .12), rgba(3, 10, 7, .08) 55%, #040a08 100%);
}

.showcase-masthead__visual::after {
	background:
		radial-gradient(circle at 66% 35%, rgba(203, 183, 132, .13), transparent 29%),
		repeating-linear-gradient(90deg, transparent 0 119px, rgba(125, 235, 178, .015) 120px);
}

.showcase-masthead__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: min(calc(100% - 48px), var(--vyrda-width));
	margin: 0 auto;
	padding: 88px 0 68px;
}

.showcase-masthead h1 {
	max-width: 900px;
	margin: 0;
	color: #f0f8f3;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: clamp(52px, 7.5vw, 92px);
	font-weight: 400;
	letter-spacing: .025em;
	line-height: .9;
	text-shadow: 0 5px 30px #000;
	text-transform: uppercase;
}

.showcase-masthead h1 span {
	color: #bfead2;
}

.showcase-masthead__inner > p:not(.project-masthead__eyebrow) {
	max-width: 720px;
	margin: 24px 0 0;
	color: #c0cec7;
	font-size: 18px;
	line-height: 1.65;
	text-shadow: 0 2px 12px #000;
}

.showcase-masthead__cue {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	width: max-content;
	margin-top: 34px;
	padding: 10px 0;
	color: var(--vyrda-emerald-bright) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.showcase-masthead__cue i {
	font-size: 16px;
	animation: showcase-cue 1.8s ease-in-out infinite;
}

@keyframes showcase-cue {
	0%, 100% { transform: translateY(-2px); }
	50% { transform: translateY(3px); }
}

.showcase-story {
	position: relative;
	display: grid;
	background: rgba(4, 13, 9, .97);
}

.showcase-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr);
	gap: 54px;
	align-items: center;
	padding: 56px 58px 50px;
	background:
		radial-gradient(circle at 92% 12%, rgba(85, 215, 150, .1), transparent 28%),
		linear-gradient(145deg, rgba(15, 39, 29, .72), rgba(4, 14, 10, .38));
}

.showcase-intro h2,
.showcase-closing h2 {
	margin: 0;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 1.02;
	text-transform: uppercase;
}

.showcase-intro h2 {
	font-size: clamp(36px, 5vw, 56px);
}

.showcase-intro__lead {
	max-width: 730px;
	margin: 15px 0 0;
	color: #cfddd5;
	font-size: 18px;
	line-height: 1.7;
}

.showcase-proof {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	border: 1px solid var(--vyrda-line);
	background: var(--vyrda-line);
}

.showcase-proof div {
	min-height: 86px;
	padding: 16px;
	background: rgba(5, 17, 12, .97);
}

.showcase-proof dt {
	margin-bottom: 5px;
	color: var(--vyrda-dim);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.showcase-proof dd {
	margin: 0;
	color: #e8f5ed;
	font-size: 15px;
	line-height: 1.28;
}

.showcase-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 7px;
	padding: 24px 58px;
	border-top: 1px solid var(--vyrda-line);
	border-bottom: 1px solid var(--vyrda-line);
	background: rgba(2, 10, 7, .78);
}

.showcase-filters button {
	min-width: 92px;
	padding: 9px 15px;
	color: var(--vyrda-muted);
	background: rgba(11, 29, 21, .74);
	border: 1px solid rgba(111, 218, 161, .16);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.showcase-filters button:hover,
.showcase-filters button:focus-visible,
.showcase-filters button.is-active {
	color: #effff6;
	background: rgba(85, 215, 150, .12);
	border-color: rgba(138, 244, 189, .52);
}

.showcase-filters button:hover {
	transform: translateY(-1px);
}

.showcase-gallery {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 15px;
	padding: 24px 24px 0;
	scroll-margin-top: 20px;
}

.showcase-card {
	position: relative;
	grid-column: span 6;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	background: #07110d;
	border: 1px solid rgba(111, 218, 161, .17);
	box-shadow: 0 20px 42px rgba(0, 0, 0, .28);
	transition: border-color .22s ease, transform .22s ease, opacity .18s ease;
}

.showcase-card--featured {
	grid-column: 1 / -1;
}

.showcase-card[hidden] {
	display: none;
}

.showcase-card:hover,
.showcase-card:focus-within {
	border-color: rgba(138, 244, 189, .45);
	transform: translateY(-2px);
}

.showcase-card__open {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: #040a08;
	border: 0;
	text-align: left;
	aspect-ratio: 16 / 9;
	cursor: zoom-in;
}

.showcase-card--featured .showcase-card__open {
	aspect-ratio: 21 / 9;
}

.showcase-card__open::after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(180deg, transparent 50%, rgba(1, 6, 4, .43));
	pointer-events: none;
}

.showcase-card__open img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter .35s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}

.showcase-card:hover .showcase-card__open img,
.showcase-card:focus-within .showcase-card__open img {
	filter: saturate(1.05) contrast(1.025);
	transform: scale(1.018);
}

.showcase-card__expand {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 39px;
	height: 39px;
	color: #edfff5;
	background: rgba(3, 13, 9, .74);
	border: 1px solid rgba(138, 244, 189, .45);
	border-radius: 50%;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .42);
	backdrop-filter: blur(8px);
}

.showcase-card figcaption {
	min-height: 154px;
	padding: 22px 24px 24px;
	background:
		radial-gradient(circle at 100% 0, rgba(85, 215, 150, .07), transparent 35%),
		linear-gradient(145deg, rgba(11, 30, 22, .95), rgba(4, 14, 10, .97));
}

.showcase-card figcaption p,
.showcase-lightbox figcaption p {
	margin: 0 0 6px;
	color: var(--vyrda-gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.showcase-card figcaption h3 {
	margin: 0;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 27px;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.05;
	text-transform: uppercase;
}

.showcase-card figcaption > span {
	display: block;
	max-width: 690px;
	margin-top: 10px;
	color: var(--vyrda-muted);
	font-size: 14px;
	line-height: 1.55;
}

.showcase-gallery--empty {
	grid-template-columns: 1fr;
	place-items: center;
	min-height: 390px;
	padding: 70px 30px;
	text-align: center;
	background:
		radial-gradient(circle at 50% 25%, rgba(85, 215, 150, .09), transparent 31%),
		repeating-linear-gradient(90deg, transparent 0 99px, rgba(125, 235, 178, .017) 100px);
}

.showcase-gallery--empty i {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	color: var(--vyrda-emerald-bright);
	border: 1px solid var(--vyrda-line-strong);
	border-radius: 50%;
	font-size: 22px;
	box-shadow: 0 0 36px rgba(85, 215, 150, .08);
}

.showcase-gallery--empty h3 {
	margin: 17px 0 0;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 31px;
	font-weight: 400;
	text-transform: uppercase;
}

.showcase-gallery--empty p {
	max-width: 560px;
	margin: 8px 0 0;
	color: var(--vyrda-muted);
}

.showcase-closing {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	margin-top: 64px;
	padding: 54px 58px 58px;
	border-top: 1px solid var(--vyrda-line);
	background:
		radial-gradient(circle at 15% 0, rgba(85, 215, 150, .12), transparent 34%),
		linear-gradient(180deg, rgba(9, 29, 20, .9), rgba(3, 12, 8, .96));
}

.showcase-closing h2 {
	max-width: 680px;
	font-size: clamp(32px, 4vw, 48px);
}

.showcase-closing p:not(.project-kicker) {
	max-width: 650px;
	margin: 14px 0 0;
	color: var(--vyrda-muted);
	font-size: 16px;
}

.showcase-closing .project-story__actions {
	flex: 0 0 auto;
	margin: 0;
}

html.showcase-lightbox-open,
html.showcase-lightbox-open body {
	overflow: hidden;
}

.showcase-lightbox[hidden] {
	display: none;
}

.showcase-lightbox {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: grid;
	place-items: center;
	padding: 28px;
}

.showcase-lightbox__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(1, 5, 3, .91);
	border: 0;
	backdrop-filter: blur(12px);
	cursor: zoom-out;
}

.showcase-lightbox__panel {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) 54px;
	align-items: center;
	width: min(100%, 1540px);
	max-height: calc(100vh - 56px);
}

.showcase-lightbox figure {
	display: grid;
	min-width: 0;
	max-height: calc(100vh - 56px);
	margin: 0;
	overflow: hidden;
	background: #020705;
	border: 1px solid rgba(138, 244, 189, .27);
	box-shadow: 0 28px 100px #000;
}

.showcase-lightbox figure img {
	display: block;
	width: 100%;
	max-height: calc(100vh - 190px);
	object-fit: contain;
	background: #010403;
}

.showcase-lightbox figcaption {
	padding: 16px 20px 18px;
	background: rgba(5, 17, 12, .98);
	border-top: 1px solid rgba(111, 218, 161, .16);
}

.showcase-lightbox figcaption h2 {
	margin: 0;
	font-family: EasonProDisplayCaps, EasonPro, Georgia, serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.05;
	text-transform: uppercase;
}

.showcase-lightbox figcaption > span {
	display: block;
	margin-top: 7px;
	color: var(--vyrda-muted);
	font-size: 14px;
}

.showcase-lightbox__close,
.showcase-lightbox__nav {
	display: grid;
	place-items: center;
	color: #effff6;
	background: rgba(5, 20, 14, .88);
	border: 1px solid rgba(138, 244, 189, .34);
	border-radius: 50%;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .4);
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.showcase-lightbox__close:hover,
.showcase-lightbox__close:focus-visible,
.showcase-lightbox__nav:hover,
.showcase-lightbox__nav:focus-visible {
	color: #06110d;
	background: var(--vyrda-emerald-bright);
	border-color: var(--vyrda-emerald-bright);
}

.showcase-lightbox__close {
	position: absolute;
	top: 12px;
	right: 67px;
	z-index: 3;
	width: 42px;
	height: 42px;
}

.showcase-lightbox__nav {
	z-index: 2;
	width: 43px;
	height: 43px;
	margin: 0 auto;
	font-size: 23px;
}

.showcase-lightbox__nav--previous:hover {
	transform: translateX(-2px);
}

.showcase-lightbox__nav--next:hover {
	transform: translateX(2px);
}

@media (max-width: 1020px) {
	.showcase-intro {
		grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
		gap: 34px;
		padding: 46px 38px 42px;
	}

	.showcase-closing {
		align-items: flex-start;
		flex-direction: column;
		padding-inline: 38px;
	}
}

@media (max-width: 900px) {
	.primary-navigation__actions .header-showcase-link {
		display: block;
	}

	.showcase-masthead {
		min-height: 560px;
	}

	.showcase-masthead__inner {
		width: min(calc(100% - 38px), var(--vyrda-width));
	}

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

	.showcase-proof {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.showcase-proof div {
		min-height: 80px;
		padding: 13px;
	}

	.showcase-proof dd {
		font-size: 13px;
	}
}

@media (max-width: 700px) {
	.showcase-masthead {
		min-height: 570px;
	}

	.showcase-masthead__visual {
		background-position: 64% center;
	}

	.showcase-masthead__visual::before {
		background: linear-gradient(90deg, rgba(2, 9, 6, .92), rgba(2, 9, 6, .57)), linear-gradient(180deg, transparent 45%, #040a08 100%);
	}

	.showcase-masthead__inner {
		padding-top: 60px;
	}

	.showcase-masthead__inner > p:not(.project-masthead__eyebrow) {
		font-size: 16px;
	}

	.showcase-intro {
		padding: 40px 22px 36px;
	}

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

	.showcase-filters {
		justify-content: flex-start;
		padding: 18px 22px;
	overflow-x: auto;
		flex-wrap: nowrap;
		scrollbar-width: thin;
	}

	.showcase-filters button {
		flex: 0 0 auto;
	}

	.showcase-gallery {
		gap: 12px;
		padding: 14px 14px 0;
	}

	.showcase-card,
	.showcase-card--featured {
		grid-column: 1 / -1;
	}

	.showcase-card--featured .showcase-card__open {
		aspect-ratio: 16 / 9;
	}

	.showcase-card figcaption {
		min-height: 0;
		padding: 19px 20px 21px;
	}

	.showcase-card figcaption h3 {
		font-size: 24px;
	}

	.showcase-closing {
		margin-top: 48px;
		padding: 46px 22px 49px;
	}

	.showcase-closing .project-story__actions {
		width: 100%;
	}

	.showcase-lightbox {
		padding: 10px;
	}

	.showcase-lightbox__panel {
		grid-template-columns: 1fr;
		max-height: calc(100vh - 20px);
	}

	.showcase-lightbox__nav {
		position: absolute;
		top: 44%;
		width: 40px;
		height: 40px;
	}

	.showcase-lightbox__nav--previous {
		left: 9px;
	}

	.showcase-lightbox__nav--next {
		right: 9px;
	}

	.showcase-lightbox__close {
		top: 9px;
		right: 9px;
	}

	.showcase-lightbox figure {
		max-height: calc(100vh - 20px);
	}

	.showcase-lightbox figure img {
		max-height: calc(100vh - 155px);
	}
}

@media (max-width: 430px) {
	.showcase-masthead h1 {
		font-size: 43px;
	}

	.showcase-proof {
		grid-template-columns: 1fr;
	}

	.showcase-proof div {
		min-height: 65px;
	}

	.showcase-card__open,
	.showcase-card--featured .showcase-card__open {
		aspect-ratio: 4 / 3;
	}

	.showcase-lightbox figcaption > span {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.showcase-masthead__cue i {
		animation: none;
	}

	.showcase-card,
	.showcase-card__open img,
	.showcase-filters button,
	.showcase-lightbox__close,
	.showcase-lightbox__nav {
		transition: none;
	}
}