/*
Theme Name: Lovecraft Glass
Theme URI: https://pixelpalace.de/
Description: An independent PixelPalace classic theme based on Lovecraft 2.1.2 and Lovecraft Modernized 3.1.2, with the Lovecraft Glass design.
Author: PixelPalace
Version: 0.6.1
Requires at least: 7.1
Requires PHP: 8.5
Text Domain: lovecraft-glass
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--glass-demo-canvas: #f5f5f7;
	--glass-demo-page: #eef0f4;
	--glass-demo-surface: rgb( 255 255 255 / 58% );
	--glass-demo-surface-strong: #fff;
	--glass-demo-menu-surface: linear-gradient( 145deg, #fff, #f5f7fa );
	--glass-demo-menu-border: rgb( 255 255 255 / 96% );
	--glass-demo-menu-shadow: inset 0 1px 0 rgb( 255 255 255 / 92% ), inset 0 0 0 1px rgb( 29 29 31 / 5% ), 0 12px 30px rgb( 29 29 31 / 9% );
	--glass-demo-menu-active: color-mix( in srgb, var(--lovecraft-accent) 10%, #fff );
	--glass-demo-line: rgb( 29 29 31 / 13% );
	--glass-demo-shadow: 0 28px 80px rgb( 29 29 31 / 12% ), 0 3px 14px rgb( 29 29 31 / 6% );
	--glass-demo-window: 1180px;
	--glass-demo-content: 1084px;
	--glass-demo-gap: 48px;
	--glass-demo-radius-window: 30px;
	--glass-demo-radius-large: 24px;
	--glass-demo-radius: 24px;
	--glass-demo-radius-item: 18px;
	--glass-demo-radius-control: 16px;
	--glass-demo-title-size: 1.75rem;
	--glass-demo-card-title-size: 1.5rem;
	--lovecraft-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
	--lovecraft-font-serif: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

/* Local SVG icons replace the legacy Genericons font in the demonstrator. */
.lovecraft-glass-demo .genericon,
.lovecraft-glass-demo .lovecraft-icon {
	background: var(--lovecraft-icon) center / contain no-repeat;
	display: inline-block;
	font-family: inherit;
	height: 1em;
	line-height: 1;
	vertical-align: -0.125em;
	width: 1em;
}

.lovecraft-glass-demo .genericon::before {
	content: '';
}

.lovecraft-glass-demo .widget-content .genericon {
	font-family: inherit;
}

.lovecraft-glass-demo .genericon-standard { --lovecraft-icon: url( 'assets/icons/file-earmark-text.svg' ); }
.lovecraft-glass-demo .genericon-aside { --lovecraft-icon: url( 'assets/icons/sticky.svg' ); }
.lovecraft-glass-demo .genericon-image { --lovecraft-icon: url( 'assets/icons/image.svg' ); }
.lovecraft-glass-demo .genericon-gallery { --lovecraft-icon: url( 'assets/icons/images.svg' ); }
.lovecraft-glass-demo .genericon-video { --lovecraft-icon: url( 'assets/icons/play-circle.svg' ); }
.lovecraft-glass-demo .genericon-status { --lovecraft-icon: url( 'assets/icons/activity.svg' ); }
.lovecraft-glass-demo .genericon-quote { --lovecraft-icon: url( 'assets/icons/quote.svg' ); }
.lovecraft-glass-demo .genericon-link { --lovecraft-icon: url( 'assets/icons/link-45deg.svg' ); }
.lovecraft-glass-demo .genericon-chat { --lovecraft-icon: url( 'assets/icons/chat.svg' ); }
.lovecraft-glass-demo .genericon-audio { --lovecraft-icon: url( 'assets/icons/volume-up.svg' ); }
.lovecraft-glass-demo .genericon-category { --lovecraft-icon: url( 'assets/icons/folder2-open.svg' ); }
.lovecraft-glass-demo .genericon-user { --lovecraft-icon: url( 'assets/icons/person.svg' ); }
.lovecraft-glass-demo .genericon-day,
.lovecraft-glass-demo .genericon-month { --lovecraft-icon: url( 'assets/icons/calendar3.svg' ); }
.lovecraft-glass-demo .genericon-search { --lovecraft-icon: url( 'assets/icons/search.svg' ); }
.lovecraft-glass-demo .genericon-show { --lovecraft-icon: url( 'assets/icons/eye.svg' ); }
.lovecraft-glass-demo .genericon-star { --lovecraft-icon: url( 'assets/icons/star-fill.svg' ); }
.lovecraft-glass-demo .genericon-edit { --lovecraft-icon: url( 'assets/icons/pencil.svg' ); }
.lovecraft-glass-demo .genericon-next { --lovecraft-icon: url( 'assets/icons/arrow-right.svg' ); }
.lovecraft-glass-demo .genericon-cog { --lovecraft-icon: url( 'assets/icons/gear.svg' ); }
.lovecraft-glass-demo .genericon-reply { --lovecraft-icon: url( 'assets/icons/reply.svg' ); }

.lovecraft-glass-demo .submenu-toggle::after,
.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle::after {
	background: none;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	box-sizing: border-box;
	content: '';
	display: block;
	height: 10px;
	margin: 0;
	opacity: 0.78;
	transform: rotate( 45deg );
	transition: opacity 160ms ease, transform 160ms ease;
	width: 10px;
}

.lovecraft-glass-demo .submenu-toggle[aria-expanded='true']::after {
	margin: 0;
	transform: rotate( 225deg );
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle[aria-expanded='true']::after {
	transform: rotate( 225deg );
}

.lovecraft-glass-demo .main-menu ul .submenu-toggle::after {
	background: none;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	height: 10px;
	margin: 0;
	transform: rotate( 45deg );
	width: 10px;
}

.lovecraft-glass-demo .main-menu ul .submenu-toggle[aria-expanded='true']::after {
	transform: rotate( 225deg );
}

.lovecraft-glass-demo .submenu-toggle:hover::after,
.lovecraft-glass-demo .submenu-toggle:focus-visible::after {
	opacity: 1;
}

.lovecraft-glass-demo .submenu-toggle {
	border-radius: 13px;
}

.lovecraft-glass-demo .submenu-toggle:focus-visible {
	outline-offset: -3px;
}

.lovecraft-glass-demo :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > .submenu-toggle::after {
	filter: none;
	opacity: 1;
}

.lovecraft-glass-demo .widget_archive li::before,
.lovecraft-glass-demo .widget_categories li::before,
.lovecraft-glass-demo .widget_meta li::before,
.lovecraft-glass-demo .widget_nav_menu li::before {
	background: var(--lovecraft-icon) center / contain no-repeat;
	content: '';
	font: inherit;
	height: 16px;
	width: 16px;
}

.lovecraft-glass-demo .widget_archive li::before { --lovecraft-icon: url( 'assets/icons/calendar3.svg' ); }
.lovecraft-glass-demo .widget_categories li::before { --lovecraft-icon: url( 'assets/icons/folder2-open.svg' ); }
.lovecraft-glass-demo .widget_meta li::before { --lovecraft-icon: url( 'assets/icons/gear.svg' ); }
.lovecraft-glass-demo .widget_nav_menu li::before { --lovecraft-icon: url( 'assets/icons/arrow-right.svg' ); }

.lovecraft-glass-demo .lovecraft-icon--facebook { --lovecraft-icon: url( 'assets/icons/facebook.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--instagram { --lovecraft-icon: url( 'assets/icons/instagram.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--youtube { --lovecraft-icon: url( 'assets/icons/youtube.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--mastodon { --lovecraft-icon: url( 'assets/icons/mastodon.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--bluesky { --lovecraft-icon: url( 'assets/icons/bluesky.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--linkedin { --lovecraft-icon: url( 'assets/icons/linkedin.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--github { --lovecraft-icon: url( 'assets/icons/github.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--rss { --lovecraft-icon: url( 'assets/icons/rss.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--email { --lovecraft-icon: url( 'assets/icons/envelope.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--x { --lovecraft-icon: url( 'assets/icons/twitter-x.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--threads { --lovecraft-icon: url( 'assets/icons/threads.svg' ); }
.lovecraft-glass-demo .lovecraft-icon--whatsapp { --lovecraft-icon: url( 'assets/icons/whatsapp.svg' ); }

.lovecraft-glass-demo .jetpack-social-widget-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lovecraft-glass-demo .jetpack-social-widget-item {
	margin: 0;
}

.lovecraft-glass-demo .jetpack-social-widget-item a {
	align-items: center;
	background: var(--lovecraft-subtle);
	border-radius: 12px;
	color: var(--lovecraft-accent);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.lovecraft-glass-demo .jetpack-social-widget-item a:hover,
.lovecraft-glass-demo .jetpack-social-widget-item a:focus-visible {
	background: var(--lovecraft-accent);
	color: #fff;
}

.lovecraft-glass-demo .jetpack-social-widget-item a:hover .lovecraft-icon,
.lovecraft-glass-demo .jetpack-social-widget-item a:focus-visible .lovecraft-icon {
	filter: brightness( 0 ) invert( 1 );
}

.lovecraft-glass-demo .jetpack-social-widget-item svg {
	fill: currentColor;
	height: 20px;
	width: 20px;
}

body.lovecraft-glass-demo {
	background:
		radial-gradient( circle at 3% 3%, rgb( 82 158 236 / 29% ), transparent 34rem ),
		radial-gradient( circle at 96% 88%, rgb( 222 71 76 / 18% ), transparent 34rem ),
		linear-gradient( 155deg, rgb( 255 255 255 / 96% ), rgb( 245 245 247 / 78% ) 48%, rgb( 232 235 241 / 94% ) ),
		var(--glass-demo-page);
	background-attachment: fixed;
	color: var(--lovecraft-text);
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.lovecraft-glass-demo .lovecraft-glass-window {
	background: linear-gradient( 155deg, rgb( 255 255 255 / 74% ), rgb( 255 255 255 / 52% ) );
	border: 1px solid rgb( 255 255 255 / 94% );
	border-radius: var(--glass-demo-radius-window);
	box-shadow:
		inset 0 1px 0 rgb( 255 255 255 / 92% ),
		inset 1px 0 0 rgb( 255 255 255 / 48% ),
		var(--glass-demo-shadow);
	box-sizing: border-box;
	margin: 18px auto 70px;
	max-width: var(--glass-demo-window);
	overflow: clip;
	position: relative;
	width: calc( 100% - 40px );
	-webkit-backdrop-filter: blur( 30px ) saturate( 155% );
	backdrop-filter: blur( 30px ) saturate( 155% );
}

.lovecraft-glass-demo :where(h1, h2, h3, h4, h5, h6, .post-title, .blog-title, .post-content, .credits p) {
	font-family: var(--lovecraft-font-sans);
}

.lovecraft-glass-demo .header-wrapper {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding-top: 0;
	position: relative;
	width: 100%;
}

.lovecraft-glass-demo .lovecraft-glass-titlebar {
	align-items: center;
	background: linear-gradient( 180deg, rgb( 255 255 255 / 48% ), rgb( 255 255 255 / 24% ) );
	border-bottom: 1px solid var(--glass-demo-line);
	color: var(--lovecraft-subtle-text);
	display: flex;
	font-size: 0.8125rem;
	font-weight: 700;
	min-height: 56px;
	justify-content: center;
	line-height: 1.3;
	letter-spacing: -0.01em;
	padding: 10px 112px;
	position: relative;
	text-align: center;
	-webkit-backdrop-filter: blur( 24px ) saturate( 160% );
	backdrop-filter: blur( 24px ) saturate( 160% );
}

.lovecraft-glass-demo .lovecraft-glass-titlebar::before {
	background: #ff5f57;
	border: 1px solid rgb( 29 29 31 / 14% );
	border-radius: 50%;
	box-shadow: 21px 0 0 #febc2e, 42px 0 0 #28c840;
	content: '';
	height: 13px;
	left: 22px;
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	width: 13px;
}

.lovecraft-glass-demo .lovecraft-glass-titlebar > .lovecraft-glass-title {
	display: block;
	overflow-wrap: anywhere;
	text-align: center;
	white-space: normal;
}

.lovecraft-glass-demo .lovecraft-glass-version {
	background: rgb( 255 255 255 / 68% );
	border: 1px solid rgb( 29 29 31 / 8% );
	border-radius: 999px;
	box-shadow: 0 8px 20px rgb( 29 29 31 / 7% );
	color: var(--lovecraft-subtle-text);
	font-size: 0.6875rem;
	font-weight: 720;
	line-height: 1;
	padding: 6px 9px;
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY( -50% );
	white-space: nowrap;
	-webkit-backdrop-filter: blur( 16px ) saturate( 145% );
	backdrop-filter: blur( 16px ) saturate( 145% );
}

.lovecraft-glass-demo .header {
	background: transparent;
	min-height: 88px;
	padding: 20px 0;
}

.lovecraft-glass-demo .header .section-inner {
	align-items: center;
	display: flex;
	gap: 18px;
	max-width: none;
	padding: 0 28px;
	text-align: left;
	width: 100%;
}

.lovecraft-glass-demo .blog-title {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -0.06em;
	text-align: left;
}

.lovecraft-glass-demo :where(.blog-title, .blog-logo) {
	flex: 0 0 auto;
	margin: 0;
	max-width: 250px;
	width: 100%;
}

.lovecraft-glass-demo .blog-logo img {
	display: block;
	height: auto;
	max-height: 48px;
	max-width: 250px;
	object-fit: contain;
	width: auto;
}

.lovecraft-glass-demo .blog-logo .logo,
.lovecraft-glass-demo .blog-title .logo:has( img ) {
	align-items: center;
	background-image: none;
	display: flex;
}

.lovecraft-glass-demo .blog-title .logo img {
	display: block;
	height: auto;
	max-height: 48px;
	max-width: 250px;
	object-fit: contain;
	width: auto;
}

.lovecraft-glass-demo .blog-tagline {
	align-items: center;
	border-left: 1px solid rgb( 29 29 31 / 20% );
	box-sizing: border-box;
	color: var(--lovecraft-muted);
	display: flex;
	font-size: 0.6875rem;
	font-style: normal;
	font-weight: 650;
	line-height: 1.35;
	margin: 0;
	max-width: 300px;
	min-height: 48px;
	padding-left: 18px;
	text-align: left;
}

.lovecraft-glass-demo .blog-tagline-text {
	display: block;
	transform: translateY( 1px );
}

.lovecraft-glass-demo .navigation {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding: 0;
	position: absolute;
	right: 48px;
	top: 76px;
	width: min( 600px, calc( 100% - 672px ) );
	z-index: 120;
}

.lovecraft-glass-demo .navigation > .section-inner {
	max-width: none;
	width: 100%;
}

.lovecraft-glass-demo .main-menu {
	background: var(--glass-demo-menu-surface);
	border: 1px solid var(--glass-demo-menu-border);
	border-radius: var(--glass-demo-radius-large);
	box-shadow: var(--glass-demo-menu-shadow);
	gap: 3px;
	justify-content: space-between;
	padding: 6px;
	width: 100%;
}

.lovecraft-glass-demo .main-menu > li {
	margin: 0;
	position: relative;
}

.lovecraft-glass-demo .main-menu > li > a,
.lovecraft-glass-demo .main-menu > li > .menu-item-shell > a {
	align-items: center;
	border-radius: 18px;
	color: #3a3a3c;
	display: flex;
	font-size: 0.8125rem;
	min-height: 46px;
	padding: 0 16px;
}

.lovecraft-glass-demo .main-menu .menu-item-shell {
	align-items: stretch;
	border-radius: 18px;
	display: grid;
	grid-template-columns: minmax( 0, 1fr ) 44px;
	min-height: 46px;
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > a {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	padding-right: 8px;
}

.lovecraft-glass-demo .main-menu .submenu-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 14px;
	box-shadow: none;
	color: currentColor;
	display: flex;
	height: 44px;
	justify-content: center;
	margin: 1px 2px 1px 0;
	min-width: 44px;
	padding: 0;
	position: static;
	width: 44px;
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle::before {
	content: none;
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle::after {
	position: relative;
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle:where(:hover, :focus-visible, [aria-expanded='true'])::before {
	content: none;
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle:hover {
	background: transparent;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle:focus-visible {
	background: transparent;
	outline: 0;
}

.lovecraft-glass-demo .main-menu > :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > li.submenu-is-open > .menu-item-shell {
	background: var(--glass-demo-menu-active);
	box-shadow: none;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu > .current-menu-item > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > .current-menu-ancestor > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > .current_page_item > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > .current_page_ancestor > :where(a, .menu-item-shell) {
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu > li:hover > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > li:focus-within > :where(a, .menu-item-shell) {
	background: transparent;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu > :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor):hover > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor):focus-within > :where(a, .menu-item-shell),
.lovecraft-glass-demo .main-menu > li.submenu-is-open:hover > .menu-item-shell,
.lovecraft-glass-demo .main-menu > li.submenu-is-open:focus-within > .menu-item-shell {
	background: var(--glass-demo-menu-active);
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu ul {
	background: var(--glass-demo-menu-surface);
	border: 1px solid var(--glass-demo-menu-border);
	border-radius: var(--glass-demo-radius-item);
	box-shadow: var(--glass-demo-menu-shadow);
	padding: 8px;
	transform: translateY( -4px );
	transition: opacity 140ms ease, transform 140ms ease;
	text-align: left;
	width: 292px;
}

.lovecraft-glass-demo .main-menu ul a,
.lovecraft-glass-demo .main-menu ul .menu-item-shell > a {
	align-items: center;
	border-radius: 13px;
	box-sizing: border-box;
	color: var(--lovecraft-text);
	display: flex;
	font-size: 0.8125rem;
	justify-content: flex-start;
	min-height: 44px;
	padding: 10px 14px;
	text-align: left;
	width: 100%;
}

.lovecraft-glass-demo .main-menu ul li {
	background: transparent;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}

.lovecraft-glass-demo .main-menu ul .menu-item-shell {
	border-radius: 13px;
	min-height: 44px;
}

.lovecraft-glass-demo .main-menu ul .menu-item-shell > a {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	padding-right: 8px;
}

.lovecraft-glass-demo .main-menu ul .submenu-toggle {
	height: 44px;
	margin: 0;
	width: 44px;
}

.lovecraft-glass-demo .main-menu ul a:hover,
.lovecraft-glass-demo .main-menu ul a:focus-visible {
	background: transparent;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu ul .menu-item-shell > a:hover,
.lovecraft-glass-demo .main-menu ul .menu-item-shell > a:focus-visible {
	background: transparent;
}

.lovecraft-glass-demo .main-menu ul li:hover > .menu-item-shell,
.lovecraft-glass-demo .main-menu ul li:focus-within > :where(a, .menu-item-shell) {
	background: transparent;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu ul li.submenu-is-open > .menu-item-shell {
	background: var(--glass-demo-menu-active);
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu ul a:focus-visible {
	outline: 0;
}

.lovecraft-glass-demo .main-menu .menu-item-shell:has(> .submenu-toggle:focus-visible),
html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .menu-item-shell:has(> .submenu-toggle:focus-visible),
.lovecraft-glass-demo .main-menu li > a:focus-visible,
html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li > a:focus-visible {
	outline: 2px solid var(--lovecraft-accent);
	outline-offset: -2px;
}

.lovecraft-glass-demo .main-menu > li > ul {
	top: calc( 100% + 10px );
}

.lovecraft-glass-demo .main-menu > li > ul::before {
	background: transparent;
	border: 0;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: -10px;
}

.lovecraft-glass-demo .main-menu > li.submenu-is-open > ul {
	left: 0;
	margin-left: 0;
	top: calc( 100% + 10px );
	transform: translateY( 0 );
}

.lovecraft-glass-demo .main-menu > li:nth-last-child( -n + 2 ).submenu-is-open > ul {
	left: auto;
	right: 0;
}

.lovecraft-glass-demo .main-menu > li:not( .submenu-is-open ) > ul {
	left: -9999px;
	opacity: 0;
	transform: translateY( -4px );
}

.lovecraft-glass-demo .main-menu ul ul {
	background: transparent;
	border: 0;
	border-left: 1px solid color-mix( in srgb, var(--lovecraft-accent) 25%, transparent );
	border-radius: 0;
	box-shadow: none;
	display: none;
	left: auto;
	margin: 2px 0 6px 19px;
	opacity: 1;
	padding: 3px 0 3px 12px;
	position: static;
	top: auto;
	transform: none;
	width: auto;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.lovecraft-glass-demo .main-menu li > ul > li.submenu-is-open > ul {
	display: block;
	left: auto;
	margin: 2px 0 6px 19px;
	opacity: 1;
	top: auto;
	transform: none;
}

.lovecraft-glass-demo .main-menu li.submenu-is-open > .menu-item-shell > .submenu-toggle {
	background: transparent;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .main-menu li.submenu-is-open > .menu-item-shell > .submenu-toggle::after {
	filter: none;
	opacity: 1;
}

.lovecraft-glass-demo .main-menu ul :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > :where(a, .menu-item-shell) {
	background: var(--glass-demo-menu-active);
	box-shadow: none;
	color: var(--lovecraft-accent-hover);
	font-weight: 700;
}

.lovecraft-glass-demo .header-image {
	border-radius: var(--glass-demo-radius-large);
	box-shadow: none;
	margin: 0 auto;
	max-width: calc( var(--glass-demo-window) - 44px );
	width: calc( 100% - 84px );
}

.lovecraft-glass-demo .wrapper {
	background: transparent;
}

.lovecraft-glass-demo .wrapper.section {
	padding: 0 0 60px;
}

.lovecraft-glass-demo .wrapper .section-inner {
	max-width: var(--glass-demo-content);
	width: calc( 100% - 96px );
}

.lovecraft-glass-demo .content {
	margin-top: -44px;
}

.lovecraft-glass-demo .post {
	background: #fff;
	border: 1px solid rgb( 29 29 31 / 9% );
	border-radius: var(--glass-demo-radius);
	box-shadow: 0 18px 52px rgb( 29 29 31 / 8% );
}

.lovecraft-glass-demo .post.sticky {
	background: #fff;
	border-color: rgb( 29 29 31 / 9% );
	box-shadow: 0 24px 38px -30px rgb( 29 29 31 / 42% );
}

.lovecraft-glass-demo .post.sticky .post-inner {
	background: transparent;
}

.lovecraft-glass-demo .post.sticky .post-image {
	border-bottom: 1px solid rgb( 255 255 255 / 76% );
}

/* The archive header already acts as the lead visual on the blog homepage. */
.lovecraft-glass-demo.home .content > .posts > .post:first-child > .post-image {
	display: none;
}

.lovecraft-glass-demo .sticky-post {
	display: none;
}

.lovecraft-glass-demo .sticky-post .genericon {
	bottom: 20px;
}

.lovecraft-glass-demo .sticky-post::after {
	border-bottom-color: var(--glass-demo-surface-strong);
	border-bottom-width: 9px;
	border-left-width: 16px;
	border-right-width: 16px;
	bottom: -9px;
}

.lovecraft-glass-demo .sticky-post:hover {
	height: 50px;
}

.lovecraft-glass-demo .post + .post,
.lovecraft-glass-demo .infinite-wrap .post:first-child {
	margin-top: 22px;
}

.lovecraft-glass-demo .posts > .post:not(:first-child) {
	contain-intrinsic-block-size: auto 620px;
	content-visibility: auto;
}

.lovecraft-glass-demo .post-inner,
.lovecraft-glass-demo .page-template-full-width-page-template-php .post-inner {
	max-width: 700px;
	padding: 36px 0;
	width: calc( 100% - 72px );
}

.lovecraft-glass-demo .post-title {
	font-size: var(--glass-demo-card-title-size);
	font-weight: 600;
	letter-spacing: -0.045em;
	line-height: 1.12;
}

.lovecraft-glass-demo h1.post-title,
.lovecraft-glass-demo .archive-title {
	font-size: var(--glass-demo-title-size);
	line-height: 1.12;
}

.lovecraft-glass-demo .post-content {
	color: var(--lovecraft-muted);
	font-family: var(--lovecraft-font-sans);
	font-size: 1.0625rem;
	line-height: 1.65;
}

.lovecraft-glass-demo .post-content h2 {
	font-size: 1.5rem;
}

.lovecraft-glass-demo .post-content h3 {
	font-size: 1.25rem;
}

.lovecraft-glass-demo .post-content h4 {
	font-size: 1.125rem;
}

.lovecraft-glass-demo .post-content h5 {
	font-size: 1rem;
}

.lovecraft-glass-demo .post-content h6 {
	font-size: 0.875rem;
}

.lovecraft-glass-demo blockquote,
.lovecraft-glass-demo .post-content blockquote {
	background: rgb( 245 245 247 / 86% );
	border-radius: var(--glass-demo-radius-item);
	font-family: var(--lovecraft-font-sans);
	font-style: normal;
	font-weight: 550;
	padding: 27px 27px 27px 70px;
}

.lovecraft-glass-demo .post-meta,
.lovecraft-glass-demo .post-title ~ .post-meta,
.lovecraft-glass-demo .post-content ~ .post-meta {
	border: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-top: 24px;
	padding-top: 0;
}

.lovecraft-glass-demo .post-meta p + p::before {
	content: none;
}

.lovecraft-glass-demo .post-meta a {
	border: 0;
	text-underline-offset: 3px;
}

.lovecraft-glass-demo .post-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	line-height: 1;
	margin-top: 36px;
}

.lovecraft-glass-demo .post-tags a,
.lovecraft-glass-demo .tagcloud a {
	align-items: center;
	background: var(--glass-demo-canvas);
	border: 1px solid rgb( 29 29 31 / 10% );
	border-radius: 999px;
	color: var(--lovecraft-muted);
	display: inline-flex;
	font-family: var(--lovecraft-font-sans);
	font-size: 0.75rem !important;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.04em;
	margin: 0;
	min-height: 36px;
	padding: 0 13px;
	position: static;
	text-decoration: none;
	text-transform: uppercase;
}

.lovecraft-glass-demo .post-tags a::before,
.lovecraft-glass-demo .tagcloud a::before {
	content: none;
	display: none;
}

.lovecraft-glass-demo .post-tags a:hover,
.lovecraft-glass-demo .tagcloud a:hover,
.lovecraft-glass-demo .post-tags a:focus-visible,
.lovecraft-glass-demo .tagcloud a:focus-visible {
	background: var(--lovecraft-accent);
	border-color: var(--lovecraft-accent);
	color: #fff;
	text-decoration: none;
}

.lovecraft-glass-demo .post-tags a:focus-visible,
.lovecraft-glass-demo .tagcloud a:focus-visible {
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 30%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .post-navigation {
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: 22px auto 0;
	max-width: 700px;
	width: calc( 100% - 72px );
}

.lovecraft-glass-demo .post-navigation:last-child {
	margin-bottom: 22px;
}

.lovecraft-glass-demo .post-navigation::before {
	display: none;
}

.lovecraft-glass-demo .post-navigation-inner {
	align-items: stretch;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat( auto-fit, minmax( min( 240px, 100% ), 1fr ) );
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

.lovecraft-glass-demo .post-navigation-inner::after {
	content: none;
	display: none;
}

.lovecraft-glass-demo :where(.post-nav-prev, .post-nav-next) {
	background: var(--lovecraft-subtle);
	border: 1px solid rgb( 29 29 31 / 7% );
	border-radius: var(--glass-demo-radius-item);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	float: none;
	justify-content: center;
	min-height: 112px;
	padding: 20px;
	text-align: left;
	width: auto;
}

.lovecraft-glass-demo :where(.post-nav-prev, .post-nav-next):has(h3:empty),
.lovecraft-glass-demo :where(.post-nav-prev, .post-nav-next):has(h3 a:empty) {
	display: none;
}

.lovecraft-glass-demo .post-navigation p {
	align-items: center;
	border: 0;
	color: var(--lovecraft-muted);
	display: flex;
	font-size: 0.75rem;
	font-weight: 750;
	gap: 8px;
	letter-spacing: 0.08em;
	margin-bottom: 9px;
	padding: 0;
	text-transform: uppercase;
}

.lovecraft-glass-demo .post-navigation h3 {
	font-size: 0.9375rem;
	font-weight: 650;
	line-height: 1.4;
}

.lovecraft-glass-demo .post-nav-prev p::before,
.lovecraft-glass-demo .post-nav-next p::after {
	background: center / contain no-repeat;
	content: '';
	height: 14px;
	width: 14px;
}

.lovecraft-glass-demo .post-nav-prev p::before {
	background-image: url( 'assets/icons/arrow-left.svg' );
}

.lovecraft-glass-demo .post-nav-next p {
	justify-content: flex-end;
}

.lovecraft-glass-demo .post-nav-next,
.lovecraft-glass-demo .post-nav-next h3 {
	text-align: right;
}

.lovecraft-glass-demo .post-nav-next p::after {
	background-image: url( 'assets/icons/arrow-right.svg' );
}

.lovecraft-glass-demo .post-navigation h3 a:focus-visible {
	border-radius: 6px;
	outline: 3px solid var(--lovecraft-accent);
	outline-offset: 4px;
}

.lovecraft-glass-demo :where(.comments-container, .respond-container) {
	border: 0;
}

.lovecraft-glass-demo .respond-container {
	margin-top: 22px;
}

.lovecraft-glass-demo :where(.comments-inner, .comment-respond) {
	margin: 0 auto;
	max-width: 700px;
	padding: 38px 0;
	width: calc( 100% - 72px );
}

.lovecraft-glass-demo :where(.comments-title-container, .comment-reply-title) {
	border: 0;
	margin-bottom: 28px;
	padding-bottom: 0;
}

.lovecraft-glass-demo .comments-title-container {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: space-between;
}

.lovecraft-glass-demo .comments-title {
	font-size: var(--glass-demo-title-size);
	font-weight: 650;
	letter-spacing: -0.035em;
	line-height: 1.05;
}

.lovecraft-glass-demo .comments-title-link {
	bottom: auto;
	font-size: 0.75rem;
	position: static;
	right: auto;
}

.lovecraft-glass-demo .comments-title-link a {
	align-items: center;
	background: var(--glass-demo-surface);
	border: 1px solid rgb( 29 29 31 / 10% );
	border-radius: 999px;
	box-shadow: 0 8px 22px rgb( 29 29 31 / 6% );
	display: inline-flex;
	gap: 9px;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.lovecraft-glass-demo .comments-title-link a:hover,
.lovecraft-glass-demo .comments-title-link a:focus-visible {
	background: #fff;
	border-color: color-mix( in srgb, var(--lovecraft-accent) 36%, transparent );
	box-shadow: 0 10px 26px rgb( 29 29 31 / 9% );
	text-decoration: none;
}

.lovecraft-glass-demo .comments-title-link a:focus-visible {
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 30%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .comments-title-link-icon {
	background: url( 'assets/icons/chat.svg' ) center / contain no-repeat;
	display: block;
	flex: 0 0 16px;
	height: 16px;
	width: 16px;
}

.lovecraft-glass-demo .comments {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--lovecraft-text);
}

.lovecraft-glass-demo .commentlist,
.lovecraft-glass-demo .commentlist .children {
	display: grid;
	gap: 16px;
}

.lovecraft-glass-demo .commentlist li.comment {
	margin: 0;
	min-width: 0;
}

.lovecraft-glass-demo .commentlist .children {
	margin: 16px 0 0 clamp( 16px, 4vw, 46px );
}

.lovecraft-glass-demo div.comment {
	align-items: start;
	background: rgb( 255 255 255 / 88% );
	border: 1px solid rgb( 29 29 31 / 9% );
	border-radius: 24px;
	box-shadow: 0 14px 38px rgb( 29 29 31 / 7% ), inset 0 0 0 1px rgb( 255 255 255 / 82% );
	display: grid;
	gap: 16px;
	grid-template-columns: 52px minmax( 0, 1fr );
	margin: 0;
	min-width: 0;
	padding: 18px;
}

.lovecraft-glass-demo .comment .avatar {
	background: #fff;
	border: 1px solid rgb( 29 29 31 / 10% );
	box-shadow: 0 6px 18px rgb( 29 29 31 / 9% );
	height: 52px;
	object-fit: cover;
	padding: 3px;
	position: static;
	width: 52px;
}

.lovecraft-glass-demo .comment-inner {
	background: transparent;
	border-radius: 0;
	margin: 0;
	min-width: 0;
	padding: 1px 0 0;
}

.lovecraft-glass-demo .comment-inner::before {
	content: none;
}

.lovecraft-glass-demo .comment-header {
	margin: 0 0 8px;
}

.lovecraft-glass-demo .comment-header h3 {
	font-size: 1.0625rem;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.lovecraft-glass-demo .comment-content {
	color: var(--lovecraft-muted);
	font-size: 1rem;
	line-height: 1.6;
}

.lovecraft-glass-demo .comment-content > :last-child {
	margin-bottom: 0;
}

.lovecraft-glass-demo .comment-meta {
	align-items: center;
	column-gap: 8px;
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.35;
	margin-top: 14px;
	row-gap: 8px;
	text-transform: none;
}

.lovecraft-glass-demo .comment-meta > div,
.lovecraft-glass-demo .comment-meta > div:first-child,
.lovecraft-glass-demo .comment-meta > div + div {
	background: var(--glass-demo-canvas);
	border: 1px solid rgb( 29 29 31 / 7% );
	border-radius: 999px;
	flex: 0 1 auto;
	gap: 7px;
	margin: 0;
	min-height: 32px;
	padding: 6px 10px;
}

.lovecraft-glass-demo .comment-meta .genericon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	flex: 0 0 15px;
	font-size: 0;
	height: 15px;
	margin: 0;
	width: 15px;
}

.lovecraft-glass-demo .comment-meta .genericon-day {
	background-image: url( 'assets/icons/calendar3.svg' );
}

.lovecraft-glass-demo .comment-meta .genericon-show {
	background-image: url( 'assets/icons/eye.svg' );
}

.lovecraft-glass-demo .comment-meta .genericon-edit {
	background-image: url( 'assets/icons/pencil.svg' );
}

.lovecraft-glass-demo .comment-meta .genericon-reply {
	background-image: url( 'assets/icons/reply.svg' );
}

.lovecraft-glass-demo .comment-meta .comment-awaiting-moderation {
	background: color-mix( in srgb, var(--lovecraft-accent) 8%, #fff );
	border-color: color-mix( in srgb, var(--lovecraft-accent) 18%, transparent );
	color: color-mix( in srgb, var(--lovecraft-accent) 64%, var(--lovecraft-text) );
}

.lovecraft-glass-demo .comment-meta a:hover {
	color: var(--lovecraft-accent);
	text-decoration: none;
}

.lovecraft-glass-demo .comment-meta a:focus-visible,
.lovecraft-glass-demo .comment-header a:focus-visible {
	border-radius: 5px;
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 30%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .commentlist .comment-respond {
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding: 28px 0 4px;
	width: 100%;
}

.lovecraft-glass-demo .commentlist .comment-reply-title {
	align-items: center;
	display: flex;
	font-size: var(--glass-demo-title-size);
	gap: 14px;
	justify-content: space-between;
}

.lovecraft-glass-demo .commentlist #cancel-comment-reply-link {
	align-items: center;
	background: var(--glass-demo-canvas);
	border: 1px solid rgb( 29 29 31 / 9% );
	border-radius: 999px;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 0.6875rem;
	justify-content: center;
	margin: 0;
	min-height: 40px;
	padding: 0 14px;
	text-decoration: none;
}

.lovecraft-glass-demo .commentlist #cancel-comment-reply-link:hover,
.lovecraft-glass-demo .commentlist #cancel-comment-reply-link:focus-visible {
	background: #fff;
	color: var(--lovecraft-accent);
	text-decoration: none;
}

.lovecraft-glass-demo .commentlist #cancel-comment-reply-link:focus-visible {
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 30%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .bypostauthor .comment-author-icon {
	align-items: center;
	background: var(--lovecraft-accent) url( 'assets/icons/person.svg' ) center / 14px no-repeat;
	border: 2px solid #fff;
	box-shadow: 0 4px 12px rgb( 29 29 31 / 16% );
	display: flex;
	height: 24px;
	justify-content: center;
	left: 51px;
	padding: 0;
	top: 12px;
	width: 24px;
}

.lovecraft-glass-demo .bypostauthor .comment-author-icon .genericon {
	display: none;
}

.lovecraft-glass-demo .archive-header {
	background: var(--lovecraft-accent);
	border: 1px solid rgb( 255 255 255 / 96% );
	border-radius: var(--glass-demo-radius);
	box-shadow: 0 18px 46px rgb( 29 29 31 / 8% ), inset 0 0 0 1px rgb( 29 29 31 / 5% );
	color: #fff;
	min-height: 132px;
	padding: 26px 28px;
	position: relative;
	text-align: left;
	-webkit-backdrop-filter: blur( 22px ) saturate( 145% );
	backdrop-filter: blur( 22px ) saturate( 145% );
}

.lovecraft-glass-demo .archive-title {
	align-items: center;
	column-gap: 12px;
	display: flex;
	font-size: var(--glass-demo-title-size);
	flex-wrap: wrap;
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.12;
	padding-right: 0;
	row-gap: 10px;
	text-transform: none;
}

.lovecraft-glass-demo .archive-title .archive-kicker {
	color: rgb( 255 255 255 / 82% );
	display: block;
	font-size: 0.6875rem;
	flex: 0 0 100%;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin: 0;
	text-transform: uppercase;
}

.lovecraft-glass-demo .archive-title > span:not(.archive-kicker, .archive-page) {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #fff;
	display: inline;
	font: inherit;
	justify-content: center;
	letter-spacing: inherit;
	margin: 0;
	min-height: 0;
	padding: 0;
	position: static;
	text-transform: none;
	transform: none;
	white-space: nowrap;
}

.lovecraft-glass-demo .archive-title > .archive-page {
	color: rgb( 255 255 255 / 78% );
	display: block;
	flex: 0 0 100%;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.lovecraft-glass-demo .archive-description {
	color: rgb( 255 255 255 / 84% );
	margin-top: 18px;
}

.lovecraft-glass-demo .content > .post:first-child,
.lovecraft-glass-demo .content > .posts > .post:first-child {
	background: rgb( 245 245 247 / 94% );
}

.lovecraft-glass-demo .sidebar {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-top: 22px;
	padding-top: 0;
}

.lovecraft-glass-demo .sidebar .widget {
	background: #fff;
	border: 1px solid rgb( 29 29 31 / 9% );
	border-radius: var(--glass-demo-radius);
	box-shadow: 0 14px 40px rgb( 29 29 31 / 6% );
	padding: 26px;
}

.lovecraft-glass-demo .sidebar .widget + .widget {
	margin-top: 20px;
}

.lovecraft-glass-demo .sidebar .widget:first-child {
	padding-top: 26px;
}

.lovecraft-glass-demo .sidebar .widget-title {
	border: 0;
	display: inline-block;
	margin: 0 0 20px;
	padding: 0;
	position: static;
}

.lovecraft-glass-demo .widget-content li,
.lovecraft-glass-demo .widget-content ul ul li:first-child {
	border: 0;
}

.lovecraft-glass-demo .widget-content li {
	padding: 9px 0;
}

.lovecraft-glass-demo .widget-content li + li {
	margin-top: 4px;
}

.lovecraft-glass-demo .sidebar .search-form {
	background: transparent;
	border-radius: var(--glass-demo-radius-control);
	box-shadow: none;
}

.lovecraft-glass-demo .search-form .search-button {
	border-radius: 12px;
}

.lovecraft-glass-demo .sidebar .search-field {
	height: 54px;
	min-height: 54px;
	padding: 0 62px 0 15px;
}

.lovecraft-glass-demo .sidebar .search-button {
	background: transparent;
	border: 0;
	border-radius: 12px;
	height: 48px;
	right: 3px;
	top: 3px;
	width: 48px;
}

.lovecraft-glass-demo .sidebar .search-button:hover,
.lovecraft-glass-demo .sidebar .search-button:focus-visible {
	background: var(--lovecraft-subtle);
	color: var(--lovecraft-text);
}

.lovecraft-glass-demo input[type='search'],
.lovecraft-glass-demo select,
.lovecraft-glass-demo textarea,
.lovecraft-glass-demo input[type='text'],
.lovecraft-glass-demo input[type='password'],
.lovecraft-glass-demo input[type='email'],
.lovecraft-glass-demo input[type='url'],
.lovecraft-glass-demo input[type='tel'],
.lovecraft-glass-demo input[type='number'],
.lovecraft-glass-demo input[type='date'],
.lovecraft-glass-demo input[type='month'],
.lovecraft-glass-demo input[type='week'],
.lovecraft-glass-demo input[type='time'],
.lovecraft-glass-demo input[type='datetime-local'] {
	background: var(--glass-demo-surface);
	border-color: rgb( 29 29 31 / 16% );
	border-radius: var(--glass-demo-radius-control);
	min-height: 48px;
}

.lovecraft-glass-demo input[type='search']:focus-visible,
.lovecraft-glass-demo select:focus-visible,
.lovecraft-glass-demo textarea:focus-visible,
.lovecraft-glass-demo input[type='text']:focus-visible,
.lovecraft-glass-demo input[type='password']:focus-visible,
.lovecraft-glass-demo input[type='email']:focus-visible,
.lovecraft-glass-demo input[type='url']:focus-visible,
.lovecraft-glass-demo input[type='tel']:focus-visible,
.lovecraft-glass-demo input[type='number']:focus-visible,
.lovecraft-glass-demo input[type='date']:focus-visible,
.lovecraft-glass-demo input[type='month']:focus-visible,
.lovecraft-glass-demo input[type='week']:focus-visible,
.lovecraft-glass-demo input[type='time']:focus-visible,
.lovecraft-glass-demo input[type='datetime-local']:focus-visible {
	border-color: var(--lovecraft-accent);
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 28%, transparent );
	outline-offset: 2px;
}

.lovecraft-glass-demo .post-password-form {
	background: var(--glass-demo-canvas);
	border: 1px solid rgb( 29 29 31 / 9% );
	border-radius: var(--glass-demo-radius-item);
	display: grid;
	gap: 22px;
	margin: 28px 0 0;
	padding: clamp( 20px, 4vw, 28px );
}

.lovecraft-glass-demo .post-password-form > p {
	margin: 0;
}

.lovecraft-glass-demo .post-password-form > p:last-of-type {
	align-items: end;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax( 0, 1fr ) auto;
}

.lovecraft-glass-demo .post-password-form label {
	color: var(--lovecraft-text);
	display: grid;
	font-size: 0.875rem;
	font-weight: 650;
	gap: 9px;
	line-height: 1.35;
	min-width: 0;
}

.lovecraft-glass-demo .post-password-form input[type='password'] {
	background: #fff;
	font-size: 1rem;
	height: 54px;
	margin: 0;
	min-width: 0;
	padding: 0 16px;
	width: 100%;
}

.lovecraft-glass-demo .post-password-form input[type='submit'] {
	min-height: 54px;
	min-width: 132px;
}

.lovecraft-glass-demo textarea {
	max-height: 70vh;
	min-height: 180px;
	overflow-y: auto;
	resize: none;
}

.lovecraft-glass-demo .comment-respond input[type='checkbox'] {
	accent-color: var(--lovecraft-accent);
	block-size: 20px;
	flex: 0 0 20px;
	inline-size: 20px;
	margin: 0;
	vertical-align: middle;
}

.lovecraft-glass-demo .comment-form-cookies-consent {
	align-items: center;
	display: flex;
	gap: 10px;
	min-height: 44px;
}

.lovecraft-glass-demo .comment-form-cookies-consent label {
	cursor: pointer;
	line-height: 1.45;
}

.lovecraft-glass-demo :where(input[type='checkbox'], input[type='radio']) {
	accent-color: var(--lovecraft-accent);
}

.lovecraft-glass-demo input[type='file'] {
	background: var(--glass-demo-surface);
	border: 1px solid rgb( 29 29 31 / 16% );
	border-radius: 16px;
	padding: 8px;
}

.lovecraft-glass-demo input[type='file']::file-selector-button {
	background: var(--glass-demo-canvas);
	border: 0;
	border-radius: 999px;
	color: var(--lovecraft-text);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	margin-right: 10px;
	min-height: 40px;
	padding: 0 16px;
}

.lovecraft-glass-demo :where(.button, .faux-button, .wp-block-button__link, .wp-block-file__button, .more-link),
.lovecraft-glass-demo button:not(.toggle):not(.submenu-toggle):not(.search-button),
.lovecraft-glass-demo input[type='button'],
.lovecraft-glass-demo input[type='submit'],
.lovecraft-glass-demo .archive-navigation-links a,
.lovecraft-glass-demo #infinite-handle span {
	align-items: center;
	background: rgb( 255 255 255 / 78% );
	border: 1px solid rgb( 29 29 31 / 12% );
	border-radius: 999px;
	box-shadow: 0 6px 18px rgb( 29 29 31 / 7% );
	color: var(--lovecraft-text);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--lovecraft-font-sans);
	font-size: 0.875rem;
	font-weight: 650;
	justify-content: center;
	letter-spacing: 0.01em;
	line-height: 1.2;
	min-height: 48px;
	padding: 0 22px;
	text-decoration: none;
	text-transform: none;
	transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.lovecraft-glass-demo :where(.button, .faux-button, .wp-block-button__link, .wp-block-file__button, .more-link):hover,
.lovecraft-glass-demo button:not(.toggle):not(.submenu-toggle):not(.search-button):hover,
.lovecraft-glass-demo input[type='button']:hover,
.lovecraft-glass-demo input[type='submit']:hover,
.lovecraft-glass-demo .archive-navigation-links a:hover,
.lovecraft-glass-demo #infinite-handle span:hover {
	background: #fff;
	border-color: color-mix( in srgb, var(--lovecraft-accent) 30%, transparent );
	box-shadow: 0 8px 22px rgb( 29 29 31 / 9% );
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo :where(.button, .faux-button, .wp-block-button__link, .wp-block-file__button, .more-link):focus-visible,
.lovecraft-glass-demo button:not(.toggle):not(.submenu-toggle):not(.search-button):focus-visible,
.lovecraft-glass-demo input[type='button']:focus-visible,
.lovecraft-glass-demo input[type='submit']:focus-visible,
.lovecraft-glass-demo .archive-navigation-links a:focus-visible,
.lovecraft-glass-demo #infinite-handle span:focus-visible {
	background: #fff;
	border-color: var(--lovecraft-accent);
	box-shadow: 0 8px 22px rgb( 29 29 31 / 9% );
	color: var(--lovecraft-accent-hover);
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 34%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.lovecraft-glass-demo .post-password-form input[type='submit'],
.lovecraft-glass-demo #infinite-handle span {
	background: var(--lovecraft-accent);
	border-color: var(--lovecraft-accent);
	box-shadow: 0 8px 20px color-mix( in srgb, var(--lovecraft-accent) 18%, transparent );
	color: #fff;
	font-weight: 700;
}

.lovecraft-glass-demo .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.lovecraft-glass-demo .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.lovecraft-glass-demo .post-password-form input[type='submit']:hover,
.lovecraft-glass-demo .post-password-form input[type='submit']:focus-visible,
.lovecraft-glass-demo #infinite-handle span:hover,
.lovecraft-glass-demo #infinite-handle span:focus-visible {
	background: var(--lovecraft-accent-hover);
	border-color: var(--lovecraft-accent-hover);
	box-shadow: 0 10px 24px color-mix( in srgb, var(--lovecraft-accent) 23%, transparent );
	color: #fff;
}

.lovecraft-glass-demo input[type='reset'] {
	background: var(--glass-demo-canvas);
	border: 1px solid rgb( 29 29 31 / 13% );
	border-radius: 999px;
	box-shadow: none;
	color: var(--lovecraft-text);
	font-family: var(--lovecraft-font-sans);
	font-size: 0.875rem;
	font-weight: 700;
	min-height: 48px;
	padding: 0 22px;
	text-transform: none;
}

.lovecraft-glass-demo input[type='reset']:hover,
.lovecraft-glass-demo input[type='reset']:focus-visible {
	background: #fff;
	border-color: var(--lovecraft-accent);
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo .is-style-outline > .wp-block-button__link,
.lovecraft-glass-demo .wp-block-button__link.is-style-outline {
	background: transparent;
	border: 2px solid var(--lovecraft-accent);
	box-shadow: none;
	color: var(--lovecraft-accent-hover);
}

.lovecraft-glass-demo :where(button, input[type='button'], input[type='reset'], input[type='submit']):disabled {
	cursor: not-allowed;
	opacity: 0.48;
}

.lovecraft-glass-demo .comment-respond .form-submit #submit {
	background: var(--lovecraft-accent);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 10px 24px color-mix( in srgb, var(--lovecraft-accent) 22%, transparent );
	color: #fff;
	font-size: 0.875rem;
	font-weight: 750;
	letter-spacing: 0.01em;
	min-height: 50px;
	padding: 0 24px;
	text-transform: none;
	transition: background-color 160ms ease, box-shadow 160ms ease;
}

.lovecraft-glass-demo .comment-respond .form-submit #submit:hover,
.lovecraft-glass-demo .comment-respond .form-submit #submit:focus-visible {
	background: var(--lovecraft-accent-hover);
	box-shadow: 0 12px 28px color-mix( in srgb, var(--lovecraft-accent) 28%, transparent );
	color: #fff;
}

.lovecraft-glass-demo .comment-respond .form-submit #submit:focus-visible {
	outline: 3px solid color-mix( in srgb, var(--lovecraft-accent) 34%, transparent );
	outline-offset: 3px;
}

.lovecraft-glass-demo .comment-respond .form-submit #submit:active {
	box-shadow: 0 5px 14px color-mix( in srgb, var(--lovecraft-accent) 22%, transparent );
}

.lovecraft-glass-demo .footer {
	background: linear-gradient( 180deg, rgb( 255 255 255 / 22% ), rgb( 255 255 255 / 46% ) );
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	max-width: none;
	padding: 30px 0;
	width: 100%;
	-webkit-backdrop-filter: blur( 24px ) saturate( 150% );
	backdrop-filter: blur( 24px ) saturate( 150% );
}

.lovecraft-glass-demo .footer .section-inner {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	max-width: calc( var(--glass-demo-window) - 84px );
	width: calc( 100% - 84px );
}

.lovecraft-glass-demo .footer .section-inner::after {
	content: none;
	display: none;
}

.lovecraft-glass-demo .footer .widgets,
.lovecraft-glass-demo .footer .widgets:first-child {
	background: rgb( 255 255 255 / 68% );
	border: 1px solid rgb( 255 255 255 / 96% );
	border-radius: 24px;
	box-shadow: inset 0 0 0 1px rgb( 29 29 31 / 4% ), 0 16px 42px rgb( 29 29 31 / 7% );
	display: block;
	float: none;
	margin: 0;
	min-width: 0;
	padding: 24px;
	width: 100%;
	-webkit-backdrop-filter: blur( 20px ) saturate( 145% );
	backdrop-filter: blur( 20px ) saturate( 145% );
}

.lovecraft-glass-demo .footer .widgets + .widgets {
	margin: 0;
}

.lovecraft-glass-demo .footer .widget,
.lovecraft-glass-demo .footer .widget + .widget {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.lovecraft-glass-demo .footer .widget + .widget {
	border-top: 1px solid rgb( 29 29 31 / 11% );
	margin-top: 22px;
	padding-top: 22px;
}

.lovecraft-glass-demo .footer .widget-title {
	border: 0;
	color: var(--lovecraft-text);
	display: block;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	line-height: 1.35;
	margin: 0 0 16px;
	padding: 0;
	text-transform: uppercase;
}

.lovecraft-glass-demo .footer .widget-content :where(ul, ol),
.lovecraft-glass-demo .footer .widget-content li,
.lovecraft-glass-demo .footer .widget-content ul ul li:first-child {
	border: 0;
	margin: 0;
}

.lovecraft-glass-demo .footer .widget-content li {
	padding: 7px 0;
}

.lovecraft-glass-demo .footer select {
	background-color: rgb( 255 255 255 / 82% );
	border: 1px solid rgb( 29 29 31 / 14% );
	border-radius: 16px;
	box-shadow: inset 0 1px 0 rgb( 255 255 255 / 92% );
	height: 50px;
	min-height: 50px;
	padding: 0 42px 0 15px;
	width: 100%;
}

.lovecraft-glass-demo .footer .tagcloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lovecraft-glass-demo .footer .tagcloud a {
	background: var(--lovecraft-subtle);
	border: 1px solid rgb( 29 29 31 / 8% );
	border-radius: 999px;
	color: var(--lovecraft-text);
	font-size: 0.75rem !important;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	padding: 8px 12px;
	text-transform: none;
}

.lovecraft-glass-demo .footer .tagcloud a::before {
	content: none;
	display: none;
}

.lovecraft-glass-demo .footer .tagcloud a:hover,
.lovecraft-glass-demo .footer .tagcloud a:focus-visible {
	background: var(--lovecraft-accent);
	border-color: var(--lovecraft-accent);
	color: #fff;
}

.lovecraft-glass-demo .footer .milestone-content {
	background: transparent;
	border: 0;
	margin: 0;
}

.lovecraft-glass-demo .footer .milestone-header {
	background: linear-gradient( 145deg, var(--lovecraft-accent), var(--lovecraft-accent-hover) );
	border-radius: 18px 18px 10px 10px;
	box-shadow: 0 12px 26px color-mix( in srgb, var(--lovecraft-accent) 22%, transparent );
	color: #fff;
	padding: 20px;
	text-align: center;
}

.lovecraft-glass-demo .footer .milestone-header :where(.event, .date) {
	display: block;
}

.lovecraft-glass-demo .footer .milestone-header .event {
	font-size: 1.125rem;
	font-weight: 750;
}

.lovecraft-glass-demo .footer .milestone-header .date {
	font-size: 0.875rem;
	margin-top: 5px;
	opacity: 0.84;
}

.lovecraft-glass-demo .footer .milestone-message {
	background: var(--lovecraft-subtle);
	border-radius: 10px 10px 18px 18px;
	color: var(--lovecraft-text);
	font-size: 1rem;
	padding: 18px;
	text-align: center;
}

.lovecraft-glass-demo .footer .blog-stats ul {
	background: var(--lovecraft-subtle);
	border-radius: 16px;
	padding: 12px 16px;
}

.lovecraft-glass-demo .footer .blog-stats li {
	font-size: 1rem;
	font-weight: 650;
}

.lovecraft-glass-demo .footer .jetpack-social-widget-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lovecraft-glass-demo .footer .jetpack-social-widget-item {
	padding: 0;
}

.lovecraft-glass-demo .footer .jetpack-social-widget-item a {
	align-items: center;
	background: color-mix( in srgb, var(--lovecraft-accent) 9%, #fff );
	border-radius: 50%;
	color: var(--lovecraft-accent);
	display: inline-flex;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.lovecraft-glass-demo .footer .jetpack-social-widget-item a:hover,
.lovecraft-glass-demo .footer .jetpack-social-widget-item a:focus-visible {
	background: var(--lovecraft-accent);
	color: #fff;
}

.lovecraft-glass-demo .footer .jetpack-social-widget-item :where(svg, img) {
	height: 24px;
	width: 24px;
}

.lovecraft-glass-demo .footer .widget_eu_cookie_law_widget {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.lovecraft-glass-demo #eu-cookie-law {
	background: rgb( 255 255 255 / 92% );
	border: 1px solid rgb( 255 255 255 / 98% );
	border-radius: 22px;
	box-shadow: 0 20px 54px rgb( 29 29 31 / 16% );
	color: var(--lovecraft-text);
	padding: 20px;
}

.lovecraft-glass-demo .credits {
	background: linear-gradient( 180deg, rgb( 255 255 255 / 48% ), rgb( 255 255 255 / 30% ) );
	border-top: 0;
	color: var(--lovecraft-muted);
	-webkit-backdrop-filter: blur( 24px ) saturate( 150% );
	backdrop-filter: blur( 24px ) saturate( 150% );
}

.lovecraft-glass-demo .credits p,
.lovecraft-glass-demo .credits a {
	color: var(--lovecraft-muted);
}

.lovecraft-glass-demo .credits a {
	text-decoration-color: rgb( 29 29 31 / 36% );
	text-underline-offset: 3px;
}

.lovecraft-glass-demo .credits-inner {
	display: grid;
	gap: 4px;
	justify-items: center;
	padding-bottom: 22px;
	padding-top: 22px;
}

.lovecraft-glass-demo .credits-inner p {
	color: var(--lovecraft-muted);
	font-family: var(--lovecraft-font-sans);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.025em;
	line-height: 1.5;
	margin: 0;
	max-width: 820px;
	text-align: center;
}

.lovecraft-glass-demo .credits-inner .theme-credit {
	font-weight: 550;
}

@media ( min-width: 700px ) {
	.lovecraft-glass-demo .post-navigation-inner:has(.post-nav-prev h3 a:empty),
	.lovecraft-glass-demo .post-navigation-inner:has(.post-nav-next h3 a:empty),
	.lovecraft-glass-demo .post-navigation-inner:not(:has(.post-nav-prev)),
	.lovecraft-glass-demo .post-navigation-inner:not(:has(.post-nav-next)) {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.lovecraft-glass-demo .post-navigation-inner:has(.post-nav-prev h3 a:empty) .post-nav-next,
	.lovecraft-glass-demo .post-navigation-inner:not(:has(.post-nav-prev)) .post-nav-next {
		grid-column: 2;
	}

	.lovecraft-glass-demo .post-navigation-inner:has(.post-nav-next h3 a:empty) .post-nav-prev,
	.lovecraft-glass-demo .post-navigation-inner:not(:has(.post-nav-next)) .post-nav-prev {
		grid-column: 1;
	}
}

@media ( min-width: 1024px ) {
	.lovecraft-glass-demo .wrapper .section-inner {
		display: grid;
		gap: var(--glass-demo-gap);
		grid-template-columns: minmax( 0, 1fr ) 280px;
	}

	.lovecraft-glass-demo .content {
		float: none;
		margin-top: -44px;
		width: auto;
	}

	.lovecraft-glass-demo .sidebar {
		display: block;
		float: none;
		margin-top: 22px;
		width: auto;
	}

	.lovecraft-glass-demo.page-template-full-width-page-template-php .wrapper .section-inner {
		display: block;
	}
}

@media ( min-width: 1280px ) {
	.lovecraft-glass-demo .header-wrapper {
		column-gap: 28px;
		display: grid;
		grid-template-columns: 480px minmax( 0, 1fr );
	}

	.lovecraft-glass-demo .header {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
	}

	.lovecraft-glass-demo .header .section-inner {
		padding-left: 42px;
		padding-right: 0;
	}

	.lovecraft-glass-demo :where(.blog-title, .blog-logo) {
		max-width: 210px;
	}

	.lovecraft-glass-demo :where(.blog-title, .blog-logo) .logo img {
		max-width: 210px;
	}

	.lovecraft-glass-demo .blog-tagline {
		max-width: 210px;
		padding-left: 14px;
	}

	.lovecraft-glass-demo .navigation {
		align-self: start;
		grid-column: 2;
		grid-row: 1;
		margin: 14px 42px 0 0;
		position: static;
		right: auto;
		top: auto;
		width: auto;
	}

	.lovecraft-glass-demo .main-menu > li > a,
	.lovecraft-glass-demo .main-menu > li > .menu-item-shell > a {
		padding-left: 8px;
		padding-right: 8px;
	}

	.lovecraft-glass-demo .main-menu .menu-item-shell {
		grid-template-columns: minmax( 0, 1fr ) 32px;
	}

	.lovecraft-glass-demo .main-menu > li > .menu-item-shell > a {
		padding-right: 2px;
	}

	.lovecraft-glass-demo .main-menu > li > .menu-item-shell > .submenu-toggle {
		margin-right: 0;
		min-width: 32px;
		width: 32px;
	}
}

@media ( max-width: 1279px ) {
	body.lovecraft-glass-demo {
		background-attachment: scroll;
	}

	.lovecraft-glass-demo .lovecraft-glass-window {
		border-radius: 27px;
		margin-top: 10px;
		width: calc( 100% - 20px );
	}

	.lovecraft-glass-demo .header-wrapper {
		border-radius: 0;
		display: block;
		margin-top: 0;
		width: 100%;
	}

	.lovecraft-glass-demo .lovecraft-glass-titlebar {
		min-height: 52px;
	}

	.lovecraft-glass-demo .lovecraft-glass-titlebar::before {
		left: 16px;
	}

	.lovecraft-glass-demo .navigation {
		position: static;
		padding: 0 16px 10px;
		width: 100%;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .navigation > .section-inner {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .header {
		padding: 0;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .header .section-inner {
		align-items: center;
		display: grid;
		gap: 0;
		grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );
		min-height: 84px;
		padding: 0 72px;
		width: 100%;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .header .section-inner::after {
		content: none;
		display: none;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .blog-title {
		font-size: 1.5rem;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .blog-tagline {
		align-self: center;
		display: flex;
		flex: 0 1 210px;
		font-size: 0.6875rem;
		justify-self: start;
		max-width: none;
		min-height: 44px;
		min-width: 0;
		padding-left: 18px;
		padding-right: 0;
		width: 100%;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) {
		box-sizing: border-box;
		flex: 0 1 auto;
		justify-self: center;
		max-width: min( 224px, 38vw );
		padding-right: 0;
		width: 100%;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) .logo,
	html.js.nav-is-compact .lovecraft-glass-demo .blog-title > a {
		height: 44px;
		justify-content: center;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) .logo img {
		max-height: 44px;
		max-width: 100%;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .toggle {
		background: var(--glass-demo-menu-surface);
		border: 1px solid rgb( 255 255 255 / 96% );
		border-radius: 50%;
		box-shadow: inset 0 0 0 1px rgb( 29 29 31 / 6% ), 0 8px 22px rgb( 29 29 31 / 9% );
		height: 48px;
		margin-top: -24px;
		top: 42px;
		width: 48px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle {
		left: 10px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .search-toggle {
		right: 10px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle .bar {
		height: 2px;
		left: 14px;
		top: 16px;
		width: 18px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle .bar:nth-child( 2 ) {
		top: 23px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle .bar:nth-child( 3 ) {
		top: 30px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle.active {
		background: var(--glass-demo-menu-active);
		border-color: color-mix( in srgb, var(--lovecraft-accent) 24%, transparent );
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle.active .bar:nth-child( 1 ),
	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle.active .bar:nth-child( 3 ) {
		top: 23px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .search-toggle .genericon {
		font-size: 24px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu,
	html.js.nav-is-compact .lovecraft-glass-demo .mobile-search {
		background: var(--glass-demo-menu-surface);
		border: 1px solid var(--glass-demo-menu-border);
		border-radius: 24px;
		box-shadow: var(--glass-demo-menu-shadow);
		margin: 10px 0 0;
		padding: 8px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li {
		border: 0;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li + li {
		border-top: 0;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu.is-open {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu a {
		border-radius: 18px;
		font-size: 0.9375rem;
		min-height: 56px;
		padding: 13px 18px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu :where(a, button) {
		-webkit-tap-highlight-color: transparent;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .menu-item-shell {
		align-items: center;
		border-radius: 18px;
		display: grid;
		grid-template-columns: minmax( 0, 1fr ) 48px;
		min-height: 56px;
		overflow: hidden;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .menu-item-shell > a {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		padding-right: 8px;
	}

	html.js.nav-is-compact body.lovecraft-glass-demo .mobile-menu > li:where(.current-menu-ancestor, .current_page_ancestor, .submenu-is-open) > .menu-item-shell {
		background: var(--glass-demo-menu-active);
		box-shadow: none;
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact body.lovecraft-glass-demo .mobile-menu > li:where(.current-menu-item, .current_page_item) > :where(a, .menu-item-shell) {
		background: var(--glass-demo-menu-active);
		box-shadow: none;
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li.submenu-is-open > .menu-item-shell {
		background: var(--glass-demo-menu-active);
		box-shadow: none;
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li:hover > :where(a, .menu-item-shell),
	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li:focus-within > :where(a, .menu-item-shell) {
		background: transparent;
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li.submenu-is-open:hover > .menu-item-shell,
	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li.submenu-is-open:focus-within > .menu-item-shell,
	html.js.nav-is-compact body.lovecraft-glass-demo .mobile-menu > li:where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor):hover > :where(a, .menu-item-shell),
	html.js.nav-is-compact body.lovecraft-glass-demo .mobile-menu > li:where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor):focus-within > :where(a, .menu-item-shell) {
		background: var(--glass-demo-menu-active);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-toggle {
		align-items: center;
		background: transparent;
		border: 0;
		border-radius: 14px;
		color: currentColor;
		display: flex;
		height: 44px;
		justify-content: center;
		margin: 4px 2px 4px 0;
		position: static;
		transform: none;
		width: 44px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-toggle::after {
		opacity: 1;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-toggle:hover {
		background: transparent;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-toggle:focus-visible {
		outline: 0;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-is-open > .menu-item-shell > .submenu-toggle {
		background: transparent;
		color: var(--lovecraft-accent-hover);
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-is-open > .menu-item-shell > .submenu-toggle:hover,
	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-is-open > .menu-item-shell > .submenu-toggle:active {
		background: transparent;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-is-open > .menu-item-shell > .submenu-toggle:focus-visible {
		box-shadow: none;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .submenu-is-open > .menu-item-shell > .submenu-toggle::after {
		filter: none;
		opacity: 1;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .sub-menu,
	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu .children {
		background: transparent;
		border: 0;
		border-left: 1px solid color-mix( in srgb, var(--lovecraft-accent) 22%, transparent );
		border-radius: 0;
		gap: 4px;
		margin: 6px 8px 10px 20px;
		padding: 6px 0 6px 10px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu li.submenu-is-open > :where(.sub-menu, .children) {
		display: grid;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu :where(.sub-menu, .children) a {
		border-radius: 13px;
		min-height: 50px;
		padding: 12px 14px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu :where(.sub-menu, .children) .menu-item-shell {
		border-radius: 13px;
		min-height: 50px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu :where(.sub-menu, .children) :where(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > :where(a, .menu-item-shell) {
		background: var(--glass-demo-menu-active);
		box-shadow: none;
		color: var(--lovecraft-accent-hover);
		font-weight: 700;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .mobile-menu :where(.sub-menu, .children) :where(.sub-menu, .children) {
		margin-left: 14px;
		margin-right: 0;
	}

	.lovecraft-glass-demo .header-image {
		border-radius: 20px;
		height: clamp( 210px, 58vw, 250px );
		width: calc( 100% - 20px );
	}

	.lovecraft-glass-demo .wrapper .section-inner {
		width: calc( 100% - 32px );
	}

	.lovecraft-glass-demo .content {
		margin-top: -44px;
	}

	.lovecraft-glass-demo .post {
		border-radius: 21px;
	}

	.lovecraft-glass-demo .post-inner,
	.lovecraft-glass-demo .page-template-full-width-page-template-php .post-inner {
		padding: 24px 0;
		width: calc( 100% - 32px );
	}

	.lovecraft-glass-demo .post-navigation,
	.lovecraft-glass-demo :where(.comments-inner, .comment-respond) {
		width: calc( 100% - 32px );
	}

	.lovecraft-glass-demo .archive-header {
		border-radius: 21px;
		min-height: 118px;
		padding: 22px 20px;
	}

	.lovecraft-glass-demo .sidebar {
		margin-top: 22px;
		padding-top: 0;
	}

	.lovecraft-glass-demo .footer .section-inner {
		width: calc( 100% - 40px );
	}

}

@media ( max-width: 600px ) {
	.lovecraft-glass-demo .footer .section-inner {
		grid-template-columns: 1fr;
	}
}

@media ( max-width: 520px ) {
	html.js.nav-is-compact .lovecraft-glass-demo .header .section-inner {
		gap: 0;
		min-height: 92px;
		padding: 0 60px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) {
		max-width: min( 156px, 40vw );
		padding-right: 12px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) .logo,
	html.js.nav-is-compact .lovecraft-glass-demo .blog-title > a {
		height: 42px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo :where(.blog-title, .blog-logo) .logo img {
		max-height: 42px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .blog-tagline {
		flex: 1 1 auto;
		font-size: 0.6875rem;
		line-height: 1.3;
		max-width: none;
		min-height: 42px;
		padding-left: 12px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .toggle {
		height: 44px;
		margin-top: -22px;
		top: 46px;
		width: 44px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle {
		left: 8px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .search-toggle {
		right: 8px;
	}

	html.js.nav-is-compact .lovecraft-glass-demo .nav-toggle .bar {
		left: 13px;
	}

	.lovecraft-glass-demo .post-password-form > p:last-of-type {
		align-items: stretch;
		grid-template-columns: minmax( 0, 1fr );
	}

	.lovecraft-glass-demo .post-password-form input[type='submit'] {
		width: 100%;
	}

	.lovecraft-glass-demo .comments-title-container {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.lovecraft-glass-demo .comments-title-link a {
		min-height: 42px;
	}

	.lovecraft-glass-demo .comments-title-link {
		display: block;
	}

	.lovecraft-glass-demo div.comment {
		border-radius: 20px;
		gap: 12px;
		grid-template-columns: 44px minmax( 0, 1fr );
		padding: 16px;
	}

	.lovecraft-glass-demo .comment .avatar {
		display: block;
		height: 44px;
		width: 44px;
	}

	.lovecraft-glass-demo .commentlist .children {
		margin-left: 12px;
	}

	.lovecraft-glass-demo .comment-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.lovecraft-glass-demo .comment-meta > div,
	.lovecraft-glass-demo .comment-meta > div:first-child,
	.lovecraft-glass-demo .comment-meta > div + div {
		max-width: 100%;
	}

	.lovecraft-glass-demo .commentlist .comment-reply-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.lovecraft-glass-demo .bypostauthor .comment-author-icon {
		left: 43px;
		top: 10px;
	}

	.lovecraft-glass-demo .lovecraft-glass-titlebar {
		font-size: 0.8125rem;
		padding-left: 82px;
		padding-right: 82px;
	}

	.lovecraft-glass-demo .lovecraft-glass-version {
		font-size: 0.6875rem;
		right: 16px;
	}
}

@supports not ( ( -webkit-backdrop-filter: blur( 1px ) ) or ( backdrop-filter: blur( 1px ) ) ) {
	.lovecraft-glass-demo :where(.lovecraft-glass-window, .header-wrapper, .navigation, .main-menu, .main-menu ul, .post, .archive-header, .footer),
	html.js.nav-is-compact .lovecraft-glass-demo :where(.toggle, .mobile-menu, .mobile-search) {
		background: #fff;
	}
}

@media ( prefers-reduced-transparency: reduce ) {
	html.js.nav-is-compact .lovecraft-glass-demo :where(.mobile-menu, .mobile-search) {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background: #fff;
	}
}

@media ( forced-colors: active ) {
	.lovecraft-glass-demo :where(.lovecraft-glass-window, .header-wrapper, .navigation, .main-menu, .post, .archive-header, .footer, .mobile-menu, .mobile-search) {
		border: 1px solid CanvasText;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.lovecraft-glass-demo *,
	.lovecraft-glass-demo *::before,
	.lovecraft-glass-demo *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}