:root {
	color-scheme: light;
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	position: relative;
	min-height: 100vh;
	background:
		radial-gradient(circle at 10% 12%, rgba(44, 102, 245, .22), transparent 28rem),
		radial-gradient(circle at 85% 10%, rgba(255, 154, 31, .2), transparent 24rem),
		radial-gradient(circle at 50% 100%, rgba(95, 182, 255, .15), transparent 30rem),
		linear-gradient(180deg, #f6f9ff 0%, var(--essay-mist) 18rem, #edf3fb 100%);
	color: var(--essay-ink);
	font-family: var(--essay-body);
	font-size: 16px;
	line-height: 1.72;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

body::before,
body::after {
	content: "";
	position: fixed;
	z-index: -1;
	border-radius: 999px;
	pointer-events: none;
	filter: blur(18px);
	opacity: .7;
	transform: translateZ(0);
}

body::before {
	top: 6rem;
	left: -8rem;
	width: 22rem;
	height: 22rem;
	background: radial-gradient(circle, rgba(44, 102, 245, .28), transparent 68%);
}

body::after {
	right: -7rem;
	bottom: 6rem;
	width: 20rem;
	height: 20rem;
	background: radial-gradient(circle, rgba(255, 154, 31, .28), transparent 70%);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

p,
ul,
ol,
blockquote {
	margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 .8rem;
	color: var(--essay-deep);
	font-family: var(--essay-heading);
	line-height: .98;
	letter-spacing: -.035em;
	text-wrap: balance;
}

h1 {
	font-size: clamp(3rem, 6vw, 5.4rem);
}

h2 {
	font-size: clamp(2rem, 4vw, 3.2rem);
}

h3 {
	font-size: clamp(1.3rem, 2vw, 1.7rem);
}

blockquote {
	padding: 1.5rem 1.7rem;
	border-left: 4px solid rgba(44, 102, 245, .35);
	border-radius: 0 var(--essay-radius-sm) var(--essay-radius-sm) 0;
	background: rgba(255, 255, 255, .52);
	box-shadow: var(--essay-glow);
	font-size: 1.05rem;
	color: var(--essay-deep);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

code,
pre {
	font-family: "Cascadia Code", "Consolas", monospace;
	font-size: .94em;
}

pre {
	overflow-x: auto;
	padding: 1rem 1.2rem;
	border-radius: var(--essay-radius-sm);
	background: rgba(15, 23, 40, .92);
	color: #f4f8ff;
}

.essay-site {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.essay-main {
	flex: 1 1 auto;
	padding: clamp(1rem, 2vw, 1.6rem) 0 0;
}

.essay-main--stage {
	padding-top: 0;
}

.essay-shell {
	width: var(--essay-shell);
	margin: 0 auto;
}

.essay-masthead {
	position: sticky;
	top: 0;
	z-index: 30;
	padding: .8rem 0 0;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background: linear-gradient(180deg, rgba(238, 243, 251, .82), rgba(238, 243, 251, .38));
	border-bottom: 1px solid rgba(255, 255, 255, .35);
}

.essay-masthead__inner,
.essay-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .2rem 0 1rem;
}

.essay-masthead__inner {
	padding-top: .3rem;
	padding-bottom: .95rem;
	padding-inline: .35rem;


	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: .4rem;
}

.essay-brand {
	display: flex;
	align-items: center;
	gap: 0;
	min-width: 0;
}

.essay-brand__logo,
.essay-brand__logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	flex: none;
	max-width: min(25rem, 46vw);
}

.essay-brand__logo--fallback {
	display: inline-flex;
	align-items: center;
}

.essay-brand img,
.essay-brand svg {
	display: block;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 48px;
}

.essay-brand__copy {
	display: none;
}

.essay-brand__name {
	font-family: var(--essay-heading);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: -.04em;
	color: var(--essay-deep);
	white-space: nowrap;
}

.essay-brand__tagline {
	font-size: .74rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--essay-muted);
	white-space: nowrap;
}

.essay-brand__logo .essay-brand__logo-image--desktop {
	display: block;
}

.essay-brand__logo .essay-brand__logo-image--mobile {
	display: none;
}

.essay-nav--desktop {
	display: none;
}

.essay-menu,
.essay-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.essay-menu a {
	display: inline-flex;
	align-items: center;
	padding: .55rem .1rem;
	font-size: .96rem;
	font-weight: 600;
	color: rgba(15, 23, 40, .88);
}

.essay-drawer {
	position: relative;
	flex: none;
	border: 1px solid rgba(255, 255, 255, .46);
	border-radius: 999px;
	background: rgba(255, 255, 255, .64);
	box-shadow: var(--essay-shadow-sm);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.essay-drawer summary {
	list-style: none;
	cursor: pointer;
	padding: .8rem 1.05rem;
	font-weight: 700;
	color: var(--essay-deep);
}

.essay-drawer summary::-webkit-details-marker {
	display: none;
}

.essay-drawer[open] {
	border-radius: 28px;
	background: rgba(255, 255, 255, .72);
	box-shadow: var(--essay-shadow-md);
}

.essay-nav--mobile {
	position: absolute;
	top: calc(100% + .65rem);
	right: 0;
	width: min(19rem, calc(100vw - 2rem));
	padding: .75rem;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 28px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 250, 255, .8));
	box-shadow: var(--essay-shadow-md), var(--essay-glow);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
}

.essay-drawer:not([open]) .essay-nav--mobile {
	display: none;
}

.essay-menu--mobile {
	display: grid;
	gap: 0;
}

.essay-menu--mobile li + li {
	border-top: 1px solid rgba(21, 32, 53, .08);
}

.essay-menu--mobile a {
	width: 100%;
	padding: .9rem .2rem;
}

.essay-menu--mobile .sub-menu {
	margin-top: .15rem;
	padding-left: 1rem;
	display: grid;
	gap: 0;
}

.essay-menu--mobile .sub-menu a {
	padding-top: .65rem;
	padding-bottom: .65rem;
	font-size: .92rem;
	color: var(--essay-muted);
}

.essay-footer {
	margin-top: clamp(3rem, 8vw, 6rem);
	padding: 0 0 1.75rem;
	color: rgba(15, 23, 40, .82);
}

.essay-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.25rem 2rem;
	padding: 1.5rem 1.75rem;
	border: 1px solid rgba(255, 255, 255, .52);
	border-radius: 34px;
	background:
		radial-gradient(circle at 8% 0%, rgba(44, 102, 245, .08), transparent 28%),
		radial-gradient(circle at 100% 0%, rgba(255, 154, 31, .08), transparent 24%),
		linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .58));
	box-shadow: var(--essay-shadow-sm), var(--essay-glow);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
}

.essay-footer__brand {
	display: grid;
	gap: .18rem;
	align-self: center;
	justify-self: start;
	padding-right: 1rem;
}

.essay-footer__title {
	font-family: var(--essay-heading);
	font-size: 1.18rem;
	letter-spacing: -.04em;
	color: var(--essay-deep);
}

.essay-footer__copy,
.essay-footer__nav a {
	font-size: .95rem;
	color: rgba(21, 32, 53, .74);
}

.essay-footer__nav {
	justify-self: end;
	align-self: center;
	min-width: 0;
}

.essay-menu--footer {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	align-items: start;
	gap: 0 1.25rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.essay-menu--footer > li {
	position: relative;
	min-width: 0;
}

.essay-menu--footer > li > a {
	display: inline-flex;
	padding: .35rem 0;
	font-weight: 600;
	text-decoration: none;
}

.essay-menu--footer .sub-menu {
	display: grid;
	gap: .3rem;
	margin: .55rem 0 0;
	padding: .65rem 0 0 0;
	border-top: 1px solid rgba(125, 147, 189, .16);
	list-style: none;
}

.essay-menu--footer .sub-menu a {
	display: inline-flex;
	padding: 0;
	font-size: .92rem;
	color: rgba(21, 32, 53, .66);
}

.essay-stack,
.essay-page-shell {
	padding: clamp(2.6rem, 6vw, 5.4rem) 0;
}

.essay-stack--list {
	display: grid;
	gap: 1.75rem;
}

.essay-section-head {
	max-width: 780px;
	display: grid;
	gap: .45rem;
	padding: clamp(1.3rem, 2vw, 1.7rem) 1.45rem;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: var(--essay-radius-md);
	background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .54));
	box-shadow: var(--essay-shadow-sm), var(--essay-glow);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.essay-section-head--page {
	margin-bottom: 1.7rem;
}

.essay-section-head p,
.essay-section-intro,
.essay-byline,
.essay-meta,
.essay-copyflow .wp-block-post-date {
	color: var(--essay-muted);
}

.essay-copyflow {
	max-width: var(--essay-copy);
	display: grid;
	gap: 1.35rem;
	padding: 0 0 1rem;
}

.essay-copyflow > * {
	max-width: 100%;
	min-width: 0;
	padding: 0 1.5rem;
}

.essay-copyflow > .alignwide,
.essay-copyflow > .alignfull {
	max-width: none;
	padding: 0;
}

.essay-copyflow > :where(p, ul, ol, blockquote, pre, table, .wp-block-group, .wp-block-columns, .wp-block-image, .wp-block-quote) {
	padding: 1.35rem 1.5rem;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: var(--essay-radius-md);
	background: linear-gradient(180deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .4));
	box-shadow: var(--essay-shadow-sm), var(--essay-glow);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.essay-copyflow > h2,
.essay-copyflow > h3,
.essay-copyflow > h4,
.essay-copyflow > h5,
.essay-copyflow > h6 {
	padding-top: .2rem;
	padding-bottom: .2rem;
}

.essay-copyflow ul,
.essay-copyflow ol {
	padding-left: 1.35rem;
	margin-bottom: 0;
}

.essay-copyflow table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.essay-copyflow td,
.essay-copyflow th {
	padding: .9rem 1rem;
	border-bottom: 1px solid rgba(21, 32, 53, .08);
	text-align: left;
}

.essay-copyflow .wp-block-button__link,
.essay-inline-link,
button,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: .85rem 1.35rem;
	border: 0;
	border-radius: var(--essay-radius-pill);
	background: linear-gradient(135deg, var(--essay-primary), color-mix(in srgb, var(--essay-primary) 72%, var(--essay-accent) 28%));
	box-shadow: 0 14px 32px rgba(44, 102, 245, .22);
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.essay-copyflow .wp-block-button__link:hover,
.essay-inline-link:hover,
button:hover,
input[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(44, 102, 245, .26);
	filter: saturate(1.02);
}

input,
textarea,
select {
	width: 100%;
	padding: .85rem 1rem;
	border: 1px solid rgba(21, 32, 53, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .76);
	color: var(--essay-ink);
	font: inherit;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid rgba(44, 102, 245, .22);
	outline-offset: 2px;
	border-color: rgba(44, 102, 245, .28);
}

.essay-hero-media {
	margin-bottom: 1.8rem;
	overflow: hidden;
	border-radius: var(--essay-radius-lg);
	border: 1px solid rgba(255, 255, 255, .45);
	box-shadow: var(--essay-shadow-md), var(--essay-glow);
}

.essay-story-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.25rem;
}

.essay-story-card {
	height: 100%;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .48));
	box-shadow: var(--essay-shadow-sm), var(--essay-glow);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.essay-story-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--essay-shadow-md), var(--essay-glow);
	border-color: rgba(44, 102, 245, .18);
}

.essay-story-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.essay-story-card__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(44, 102, 245, .12), rgba(255, 154, 31, .14));
}

.essay-story-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.essay-story-card__content {
	display: grid;
	gap: .7rem;
	padding: 1.35rem;
	flex: 1 1 auto;
}

.essay-story-card__title {
	margin: 0;
	font-size: 1.5rem;
}

.essay-story-card__excerpt p:last-child {
	margin-bottom: 0;
}

.essay-empty-state {
	padding: clamp(3rem, 8vw, 6rem) 1.5rem;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: var(--essay-radius-lg);
	background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .48));
	box-shadow: var(--essay-shadow-md), var(--essay-glow);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.wp-block-image img,
.wp-block-cover,
.wp-block-group,
.wp-block-columns {
	border-radius: inherit;
}

.wp-block-separator {
	margin: 0;
	border: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(21, 32, 53, .16), transparent);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (min-width: 960px) {
	.essay-nav--desktop {
		display: block;
	}

	.essay-menu--desktop {
		display: flex;
		align-items: center;
		gap: 1.3rem;
	}

	.essay-menu--desktop .sub-menu {
		display: none;
	}

	.essay-drawer {
		display: none;
	}

	.essay-footer__inner {
		align-items: end;
	}
}

@media (max-width: 959px) {
	.essay-brand__tagline {
		display: none;
	}
}

@media (max-width: 720px) {
	body {
		font-size: 15.5px;
	}

	.essay-masthead__inner {
		padding-left: .85rem;
		padding-right: .85rem;
	}

	.essay-brand__logo,
	.essay-brand__logo .custom-logo-link {
		max-width: min(14.5rem, 58vw);
	}

	.essay-brand__logo .essay-brand__logo-image--desktop {
		display: none;
	}

	.essay-brand__logo .essay-brand__logo-image--mobile {
		display: block;
		max-height: 42px;
	}

	.essay-section-head,
	.essay-copyflow > *,
	.essay-story-card__content,
	.essay-footer__inner,
	.essay-empty-state {
		padding-left: 1.15rem;
		padding-right: 1.15rem;
	}

	.essay-footer__inner {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.essay-footer__nav {
		justify-self: start;
	}

	.essay-menu--footer {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		gap: .8rem;
	}

	.essay-menu--footer .sub-menu {
		margin-top: .45rem;
	}

	.essay-story-grid {
		grid-template-columns: 1fr;
	}
}