/*
 * Modality layout: top bar, masthead, menus, mobile menu, search dialog, title bar,
 * breadcrumbs, footer, sidebars and page tools. Handle `modality-layout`.
 * Rules that depend on mobile_breakpoint are printed inline by Layout\Header.
 */

/* Space the admin bar takes. It scrolls away at 600 px and below. */
body {
	--mty-admin-bar: 0px;
}

.admin-bar {
	--mty-admin-bar: 32px;
}

@media (max-width: 782px) {
	.admin-bar {
		--mty-admin-bar: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar {
		--mty-admin-bar: 0px;
	}
}

html {
	scroll-padding-block-start: calc(var(--mty-sticky-offset, 0px) + 8px);
}

.mty-site:focus,
.mty-main:focus {
	outline: none;
}

.mty-skip-link:focus {
	position: fixed;
}

/* Top bar */
.mty-topbar {
	position: relative;
	z-index: 101;
	background-color: var(--mty-top-bar-bg, var(--mty-color-primary));
	color: var(--mty-top-bar-text, #fff);
	font-size: .8125rem;
	line-height: 1.4;
}

.mty-topbar a {
	color: inherit;
	text-decoration: none;
}

.mty-topbar a:hover {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.mty-topbar__text a {
	text-decoration: underline;
	text-underline-offset: .15em;
}

.mty-topbar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .25rem var(--mty-space-m);
	min-height: 40px;
	padding-block: .35rem;
}

.mty-topbar__group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem var(--mty-space-m);
	min-width: 0;
}

.mty-topbar--center .mty-topbar__inner,
.mty-topbar--center .mty-topbar__group {
	justify-content: center;
	text-align: center;
}

.mty-topbar .mty-icon {
	opacity: .8;
}

.mty-topbar--accent .mty-topbar__link {
	color: var(--mty-top-bar-accent);
}

.mty-topbar--accent .mty-contact .mty-icon {
	color: var(--mty-top-bar-accent);
	opacity: 1;
}

/* Masthead */
.mty-masthead {
	--mty-row-h: var(--mty-header-height, 84px);
	--mty-row-shrunk: max(48px, calc(var(--mty-row-h) * .76));
	position: relative;
	z-index: 100;
	margin-block-end: calc(var(--mty-comp, 0px) - var(--mty-float, 0px));
	background-color: var(--mty-header-bg, var(--mty-color-bg));
	color: var(--mty-header-text, var(--mty-color-heading));
	transition: background-color var(--mty-transition), color var(--mty-transition), box-shadow var(--mty-transition), transform .25s ease, margin .2s ease;
}

.mty-header-border .mty-masthead {
	border-block-end: 1px solid var(--mty-color-line);
}

.mty-sticky--always .mty-masthead,
.mty-sticky--up .mty-masthead {
	position: sticky;
	top: var(--mty-admin-bar, 0px);
}

.mty-masthead.is-scrolled {
	box-shadow: 0 6px 24px rgba(20, 20, 16, .08);
}

.mty-masthead.is-hidden {
	transform: translateY(calc(-100% - var(--mty-admin-bar, 0px)));
	box-shadow: none;
}

.mty-masthead.is-shrunk {
	--mty-comp: calc(var(--mty-row-h) - var(--mty-row-shrunk));
}

.mty-masthead.is-measuring,
.mty-masthead.is-measuring * {
	transition: none !important;
}

.mty-masthead__row {
	display: flex;
	align-items: center;
	min-height: var(--mty-row-h);
	transition: min-height .2s ease;
}

.mty-masthead.is-shrunk .mty-masthead__row {
	min-height: var(--mty-row-shrunk);
}

.mty-masthead__inner {
	display: flex;
	align-items: center;
	gap: var(--mty-space-m);
}

.mty-logo {
	display: inline-flex;
	flex: 0 1 auto;
	align-items: center;
	min-width: 0;
	margin-inline-end: auto;
	color: inherit;
	text-decoration: none;
}

.mty-logo:hover {
	color: inherit;
}

.mty-logo__text {
	font-family: var(--mty-font-heading);
	font-size: var(--mty-site-title-size, 22px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: var(--mty-heading-tracking);
}

.mty-logo__img {
	display: block;
	width: auto;
	max-width: min(280px, 55vw);
	height: var(--mty-logo-height, 44px);
	object-fit: contain;
	object-position: left center;
	transition: height .2s ease;
}

[dir="rtl"] .mty-logo__img {
	object-position: right center;
}

.mty-masthead.is-shrunk .mty-logo__img {
	height: calc(var(--mty-logo-height, 44px) * .82);
}

.mty-logo__img--mobile,
.mty-logo__img--transparent {
	display: none;
}

@media (max-width: 767px) {
	.mty-logo__img,
	.mty-masthead.is-shrunk .mty-logo__img {
		height: min(var(--mty-logo-height, 44px), 40px);
	}
}

@media (max-width: 420px) {
	.mty-logo__text {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.mty-logo__img {
		max-width: 100%;
		min-width: 0;
	}

	.mty-actions .mty-icon-button,
	.mty-actions .mty-icon-button:hover,
	.mty-actions .mty-icon-button:focus {
		width: 36px;
		height: 36px;
	}
}

/* Header styles */
.mty-masthead--centered .mty-masthead__inner,
.mty-masthead--stacked .mty-masthead__inner,
.mty-header-menu--center .mty-masthead__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.mty-masthead--centered .mty-logo,
.mty-masthead--stacked .mty-logo,
.mty-header-menu--center .mty-logo {
	margin-inline-end: 0;
}

.mty-header-menu--center .mty-logo {
	justify-self: start;
}

.mty-masthead--centered .mty-logo__img,
.mty-masthead--stacked .mty-logo__img {
	object-position: center;
}

.mty-masthead--centered .mty-actions,
.mty-masthead--stacked .mty-actions,
.mty-header-menu--center .mty-actions {
	justify-self: end;
}

.mty-masthead__navrow {
	border-block-start: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.mty-masthead__navrow .mty-menu--desktop {
	justify-content: center;
}

/* Actions */
.mty-actions {
	display: flex;
	flex: none;
	align-items: center;
	gap: .25rem;
}

.mty-action--no-phone {
	display: inline-flex;
}

@media (max-width: 767px) {
	.mty-action--no-phone {
		display: none;
	}
}

.mty-actions .mty-icon-button,
.mty-actions .mty-icon-button:hover,
.mty-actions .mty-icon-button:focus {
	color: inherit;
}

html:not(.mty-js) .mty-action--script {
	display: none;
}

.mty-header-phone,
.mty-header-link {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-height: 44px;
	padding-inline: .5rem;
	color: inherit;
	font-size: .95rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.mty-header-phone:hover,
.mty-header-link:hover {
	color: var(--mty-header-hover, var(--mty-color-accent));
}

.mty-header-outline {
	margin-inline-start: .25rem;
	border-color: currentColor;
	color: inherit;
	white-space: nowrap;
}

.mty-header-outline:hover {
	border-color: currentColor;
	color: var(--mty-header-hover, var(--mty-color-accent));
}

.mty-header-button {
	border-color: var(--mty-header-button-bg, var(--mty-button-bg, var(--mty-color-primary)));
	background-color: var(--mty-header-button-bg, var(--mty-button-bg, var(--mty-color-primary)));
	color: var(--mty-header-button-text, var(--mty-button-text, #fff));
	white-space: nowrap;
}

.mty-masthead .mty-header-button {
	margin-inline-start: .25rem;
}

.mty-header-button:hover {
	border-color: var(--mty-header-button-bg-hover, var(--mty-button-bg-hover, var(--mty-color-accent)));
	background-color: var(--mty-header-button-bg-hover, var(--mty-button-bg-hover, var(--mty-color-accent)));
	color: var(--mty-header-button-text, var(--mty-button-text-hover, #fff));
}

.mty-menu-button {
	display: none;
}

.mty-header-style--minimal .mty-menu-button {
	display: inline-flex;
}

html:not(.mty-js) .mty-menu-button {
	display: none;
}

.mty-menu-button__close,
.mty-menu-button[aria-expanded="true"] .mty-menu-button__open {
	display: none;
}

.mty-menu-button[aria-expanded="true"] .mty-menu-button__close {
	display: inline-block;
}

.mty-cart-link {
	position: relative;
}

.mty-cart-count {
	position: absolute;
	inset-block-start: 3px;
	inset-inline-end: 1px;
	min-width: 18px;
	height: 18px;
	padding-inline: 4px;
	border-radius: var(--mty-radius-pill);
	background: var(--mty-color-accent);
	color: var(--mty-color-bg);
	font-size: .6875rem;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
}

.mty-cart-count[data-count="0"] {
	display: none;
}

/* Desktop menu */
.mty-nav {
	min-width: 0;
	font-size: .95rem;
	font-weight: 500;
	line-height: 1.3;
}

.mty-menu,
.mty-menu__sub {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mty-menu--desktop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .25rem;
}

.mty-nav .mty-menu__item {
	position: relative;
	display: flex;
	align-items: center;
}

.mty-nav .mty-menu__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: .25rem .625rem;
	color: inherit;
	text-decoration: none;
}

.mty-menu--desktop > .mty-menu__item > .mty-menu__link:hover,
.mty-menu--desktop > .mty-menu__item:hover > .mty-menu__link,
.mty-menu--desktop > .current-menu-item > .mty-menu__link,
.mty-menu--desktop > .current-menu-ancestor > .mty-menu__link,
.mty-menu--desktop > .current-menu-parent > .mty-menu__link {
	color: var(--mty-header-hover, var(--mty-color-accent));
}

.mty-menu__toggle,
.mty-menu__toggle:hover,
.mty-menu__toggle:focus {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--mty-button-radius, 4px);
	background: none;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
}

.mty-nav .mty-menu__toggle {
	margin-inline-start: -.5rem;
}

.mty-menu__toggle .mty-icon {
	transition: transform var(--mty-transition);
}

.mty-menu--desktop > .mty-menu__item > .mty-menu__toggle[aria-expanded="true"] .mty-icon,
.mty-menu--mobile .mty-menu__toggle[aria-expanded="true"] .mty-icon {
	transform: rotate(180deg);
}

[dir="rtl"] .mty-icon--chevron-right {
	transform: scaleX(-1);
}

.mty-nav--quiet .mty-menu__toggle:not(:focus-visible) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

/* Underline: grows under the link, also for current items. */
.mty-menu-hover--underline .mty-menu--desktop > .mty-menu__item > .mty-menu__link::after {
	content: "";
	position: absolute;
	inset-block-end: .35rem;
	inset-inline-start: .625rem;
	width: 1.5rem;
	height: 2px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--mty-transition);
}

[dir="rtl"].mty-menu-hover--underline .mty-menu--desktop > .mty-menu__item > .mty-menu__link::after,
[dir="rtl"] .mty-menu-hover--underline .mty-menu--desktop > .mty-menu__item > .mty-menu__link::after {
	transform-origin: right center;
}

.mty-menu-hover--underline .mty-menu--desktop > .mty-menu__item > .mty-menu__link:hover::after,
.mty-menu-hover--underline .mty-menu--desktop > .mty-menu__item:hover > .mty-menu__link::after,
.mty-menu-hover--underline .mty-menu--desktop > .current-menu-item > .mty-menu__link::after,
.mty-menu-hover--underline .mty-menu--desktop > .current-menu-ancestor > .mty-menu__link::after,
.mty-menu-hover--underline .mty-menu--desktop > .current-menu-parent > .mty-menu__link::after {
	transform: scaleX(1);
}

/* Pill keeps its shape whatever the radius. */
.mty-menu-hover--pill .mty-menu--desktop {
	gap: 0;
}

.mty-menu-hover--pill .mty-menu--desktop > .mty-menu__item > .mty-menu__link {
	min-height: 36px;
	margin-block: 4px;
	padding: .25rem .75rem;
	border-radius: 999px;
	transition: background-color var(--mty-transition), color var(--mty-transition);
}

.mty-menu-hover--pill .mty-menu--desktop > .mty-menu__item > .mty-menu__link:hover,
.mty-menu-hover--pill .mty-menu--desktop > .mty-menu__item:hover > .mty-menu__link,
.mty-menu-hover--pill .mty-menu--desktop > .current-menu-item > .mty-menu__link,
.mty-menu-hover--pill .mty-menu--desktop > .current-menu-ancestor > .mty-menu__link,
.mty-menu-hover--pill .mty-menu--desktop > .current-menu-parent > .mty-menu__link {
	background-color: color-mix(in srgb, currentColor 10%, transparent);
}

/* Dropdowns */
.mty-nav .mty-menu__sub {
	position: absolute;
	z-index: 10;
	inset-block-start: 100%;
	inset-inline-start: 0;
	width: var(--mty-dropdown-width, 240px);
	padding: .375rem;
	border: 1px solid var(--mty-color-line);
	border-radius: var(--mty-radius);
	background-color: var(--mty-dropdown-bg, #fff);
	box-shadow: 0 14px 36px rgba(20, 20, 16, .12);
	color: var(--mty-dropdown-text, var(--mty-color-text));
	font-size: .9rem;
	font-weight: 400;
	/* Closed panels leave the layout, or deep ones would widen the page at the screen edge. */
	display: none;
	opacity: 0;
	transition: opacity .16s ease .12s, transform .16s ease .12s, display 0s linear .28s;
	transition-behavior: allow-discrete;
}

.mty-nav--fade-up .mty-menu__sub {
	transform: translateY(8px);
}

.mty-nav--none .mty-menu__sub {
	transition: display 0s linear .12s;
	transition-behavior: allow-discrete;
}

.mty-nav .mty-menu__item:hover > .mty-menu__sub,
.mty-nav .mty-menu__item.is-open > .mty-menu__sub,
html:not(.mty-js) .mty-nav .mty-menu__item:focus-within > .mty-menu__sub {
	display: block;
	opacity: 1;
	transform: none;
	transition-delay: 0s;
}

@starting-style {
	.mty-nav--fade .mty-menu__item:hover > .mty-menu__sub,
	.mty-nav--fade .mty-menu__item.is-open > .mty-menu__sub {
		opacity: 0;
	}

	.mty-nav--fade-up .mty-menu__item:hover > .mty-menu__sub,
	.mty-nav--fade-up .mty-menu__item.is-open > .mty-menu__sub {
		opacity: 0;
		transform: translateY(8px);
	}
}

.mty-nav.is-dismissed .mty-menu__item:not(.is-open):hover > .mty-menu__sub {
	display: none;
}

.mty-nav .mty-menu__item.is-flipped > .mty-menu__sub {
	inset-inline: auto 0;
}

.mty-nav .mty-menu__sub--level-3 {
	inset-block-start: calc(-.375rem - 1px);
	inset-inline-start: 100%;
}

.mty-nav .mty-menu__item.is-flipped > .mty-menu__sub--level-3 {
	inset-inline: auto 100%;
}

.mty-nav .mty-menu__sub .mty-menu__link {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 40px;
	border-radius: calc(var(--mty-radius) * .75);
	transition: background-color var(--mty-transition);
}

.mty-nav .mty-menu__sub .mty-menu__link:hover,
.mty-nav .mty-menu__sub .mty-menu__item:hover > .mty-menu__link {
	background-color: color-mix(in srgb, currentColor 8%, transparent);
	color: inherit;
}

.mty-nav .mty-menu__sub .current-menu-item > .mty-menu__link,
.mty-nav .mty-menu__sub .current-menu-ancestor > .mty-menu__link {
	color: var(--mty-color-link, var(--mty-color-primary));
	font-weight: 500;
}

.mty-nav .mty-menu__sub .mty-menu__toggle {
	margin-inline-start: 0;
}

/* Floating header */
.mty-header-floats .mty-masthead {
	--mty-float: var(--mty-masthead-flow, var(--mty-row-h));
}

.mty-header-floats .mty-masthead:not(.is-solid) {
	border-color: transparent;
	background: none;
	color: var(--mty-header-transparent-text, #fff);
}

html:not(.mty-js) .mty-header-floats .mty-masthead {
	position: relative;
}

.mty-header-floats .mty-masthead:not(.is-solid) .mty-menu--desktop > .mty-menu__item > .mty-menu__link,
.mty-header-floats .mty-masthead:not(.is-solid) .mty-header-phone,
.mty-header-floats .mty-masthead:not(.is-solid) .mty-header-link,
.mty-header-floats .mty-masthead:not(.is-solid) .mty-header-outline {
	color: inherit;
}

.mty-header-floats .mty-masthead:not(.is-solid) .mty-logo--has-transparent .mty-logo__img--main,
.mty-header-floats .mty-masthead:not(.is-solid) .mty-logo--has-transparent .mty-logo__img--mobile,
.mty-header-floats .mty-masthead:not(.is-solid) .mty-logo--has-transparent .mty-logo__text {
	display: none;
}

.mty-header-floats .mty-masthead:not(.is-solid) .mty-logo--has-transparent .mty-logo__img--transparent {
	display: block;
}

/* What the page starts with has to clear a floating header. */
.mty-header-floats .mty-titlebar {
	padding-block-start: calc(var(--mty-title-bar-padding, 56px) + var(--mty-masthead-flow, var(--mty-header-height, 84px)));
}

.mty-header-floats .mty-bands > [data-mty-section]:first-child:not([data-mty-section="slider"]) {
	padding-block-start: calc(var(--mty-section-space) + var(--mty-masthead-flow, var(--mty-header-height, 84px)));
}

/* Mobile menu */
.mty-drawer {
	position: fixed;
	z-index: 1000;
	inset: 0;
}

.mty-drawer[hidden] {
	display: none;
}

.mty-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(14, 16, 14, .55);
	opacity: 0;
	transition: opacity .3s ease;
}

.mty-drawer.is-open .mty-drawer__backdrop {
	opacity: 1;
}

.mty-drawer__panel {
	display: flex;
	flex-direction: column;
	background-color: var(--mty-mobile-menu-bg, #fff);
	color: var(--mty-mobile-menu-text, var(--mty-color-heading));
}

.mty-drawer--panel .mty-drawer__panel {
	--mty-drawer-off: 100%;
	position: absolute;
	inset-block: var(--mty-admin-bar, 0px) 0;
	inset-inline-end: 0;
	overflow-y: auto;
	width: min(400px, 88%);
	transform: translateX(var(--mty-drawer-off));
	transition: transform .3s ease;
}

[dir="rtl"] .mty-drawer--panel .mty-drawer__panel {
	--mty-drawer-off: -100%;
}

.mty-drawer--left .mty-drawer__panel {
	--mty-drawer-off: -100%;
	inset-inline: 0 auto;
}

[dir="rtl"] .mty-drawer--left .mty-drawer__panel {
	--mty-drawer-off: 100%;
}

.mty-drawer--panel.is-open .mty-drawer__panel {
	transform: none;
}

.mty-drawer--fullscreen .mty-drawer__panel {
	position: absolute;
	inset: var(--mty-admin-bar, 0px) 0 0;
	overflow-y: auto;
	align-items: center;
	opacity: 0;
	transition: opacity .3s ease;
}

.mty-drawer--fullscreen.is-open .mty-drawer__panel {
	opacity: 1;
}

.mty-drawer--dropdown {
	position: fixed;
	z-index: 99;
	inset: var(--mty-drawer-top, 0px) 0 auto;
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity .3s ease, transform .3s ease;
}

.mty-drawer--dropdown.is-open {
	opacity: 1;
	transform: none;
}

.mty-drawer--dropdown .mty-drawer__panel {
	overflow-y: auto;
	max-height: calc(100vh - var(--mty-drawer-top, 0px));
	max-height: calc(100dvh - var(--mty-drawer-top, 0px));
	border-block: 1px solid var(--mty-color-line);
	box-shadow: 0 18px 36px rgba(20, 20, 16, .12);
}

.mty-drawer__head {
	display: flex;
	flex: none;
	justify-content: flex-end;
	width: 100%;
	padding: .5rem;
}

.mty-drawer__nav {
	flex: 0 0 auto;
	width: 100%;
	padding-inline: var(--mty-space-m);
	padding-block-end: var(--mty-space-s);
}

.mty-drawer--dropdown .mty-drawer__nav {
	padding-block-start: var(--mty-space-xs);
}

.mty-drawer--fullscreen .mty-drawer__nav {
	max-width: 640px;
}

.mty-drawer--fullscreen .mty-menu--mobile > .mty-menu__item > .mty-menu__link {
	font-family: var(--mty-font-heading);
	font-size: clamp(1.5rem, 5vw, 2rem);
	font-weight: var(--mty-weight-heading);
}

.mty-menu--mobile .mty-menu__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	border-block-end: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.mty-menu--mobile .mty-menu__link {
	display: flex;
	align-items: center;
	grid-column: 1;
	min-height: 48px;
	padding-block: .5rem;
	color: inherit;
	font-weight: 500;
	text-decoration: none;
}

.mty-menu--mobile .current-menu-item > .mty-menu__link {
	color: var(--mty-color-link, var(--mty-color-primary));
}

.mty-menu--mobile .mty-menu__toggle,
.mty-menu--mobile .mty-menu__toggle:hover,
.mty-menu--mobile .mty-menu__toggle:focus {
	width: 44px;
	height: 44px;
}

.mty-menu--mobile .mty-menu__sub {
	display: none;
	grid-column: 1 / -1;
	padding-inline-start: 1rem;
}

.mty-menu--mobile .mty-menu__item.is-open > .mty-menu__sub {
	display: block;
}

.mty-menu--mobile .mty-menu__sub .mty-menu__item:last-child {
	border-block-end: 0;
}

.mty-menu--mobile .mty-menu__sub .mty-menu__link {
	font-weight: 400;
}

.mty-drawer__foot {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--mty-space-s);
	width: 100%;
	padding: var(--mty-space-s) var(--mty-space-m) var(--mty-space-m);
	font-size: .95rem;
}

.mty-drawer__foot a:not(.mty-button) {
	color: inherit;
}

.mty-drawer--fullscreen .mty-drawer__foot {
	align-items: center;
	max-width: 640px;
	text-align: center;
}

.mty-drawer--fullscreen .mty-drawer__foot .mty-contact__item {
	justify-content: center;
}

/* Without script, the menu sits in the page where a button can't open it. */
html:not(.mty-js) .mty-drawer {
	position: static;
	opacity: 1;
	transform: none;
}

html:not(.mty-js) .mty-drawer__panel {
	position: static;
	width: auto;
	opacity: 1;
	transform: none;
}

html:not(.mty-js) .mty-drawer__head,
html:not(.mty-js) .mty-drawer__backdrop,
html:not(.mty-js) .mty-drawer .mty-menu__toggle {
	display: none;
}

html:not(.mty-js) .mty-menu--mobile .mty-menu__sub {
	display: block;
}

/* Search dialog */
.mty-search-dialog {
	position: fixed;
	z-index: 1001;
	inset: 0;
	overflow-y: auto;
	background-color: var(--mty-color-bg);
	color: var(--mty-color-heading);
	opacity: 0;
	transition: opacity .25s ease;
}

.mty-search-dialog[hidden] {
	display: none;
}

.mty-search-dialog.is-open {
	opacity: 1;
}

.mty-search-dialog__close {
	position: absolute;
	inset-block-start: calc(var(--mty-admin-bar, 0px) + var(--mty-space-s));
	inset-inline-end: var(--mty-gutter-safe);
}

.mty-search-dialog__body {
	padding-block: clamp(96px, 22vh, 220px) var(--mty-space-l);
}

.mty-search-form--large {
	display: block;
}

.mty-search-form--large .mty-search-form__label {
	display: block;
	margin-block-end: var(--mty-space-s);
	color: var(--mty-color-muted);
	font-family: var(--mty-font-accent);
	font-size: .9rem;
	font-weight: 500;
}

.mty-search-form__row {
	display: flex;
	flex: 1 1 200px;
	align-items: center;
	gap: var(--mty-space-xs);
}

.mty-search-form__row .search-field {
	flex: 1 1 auto;
	min-width: 0;
}

.mty-search-form--large .mty-search-form__row {
	border-block-end: 3px solid var(--mty-color-heading);
	transition: border-color var(--mty-transition);
}

.mty-search-form--large .mty-search-form__row:focus-within {
	border-block-end-color: var(--mty-color-accent);
}

.mty-search-form--large .search-field,
.mty-search-form--large .search-field:focus {
	padding-inline: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: var(--mty-color-heading);
	font-family: var(--mty-font-heading);
	font-size: clamp(1.75rem, 5vw, 3rem);
	font-weight: var(--mty-weight-heading);
	line-height: 1.2;
	outline: none;
	appearance: none;
}

/* Title bar */
.mty-titlebar {
	position: relative;
	padding-block: var(--mty-title-bar-padding, 56px);
	background-color: var(--mty-title-bar-bg, var(--mty-color-surface));
	color: var(--mty-title-bar-text, var(--mty-color-heading));
}

.mty-titlebar--image {
	background-image: var(--mty-title-bar-image);
	background-position: center;
	background-size: cover;
	color: var(--mty-title-bar-text, #fff);
}

.mty-titlebar--image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--mty-title-bar-overlay, rgba(0, 0, 0, .45));
}

.mty-titlebar__inner {
	position: relative;
}

.mty-titlebar__title {
	margin-block-end: 0;
	color: inherit;
	overflow-wrap: anywhere;
}

/* The accent alone falls just short of 4.5:1 on the surface colour at this small size. */
.mty-titlebar__eyebrow {
	color: var(--mty-title-bar-accent, color-mix(in srgb, var(--mty-color-accent) 88%, #000));
}

.mty-titlebar--image .mty-titlebar__eyebrow {
	color: var(--mty-title-bar-accent, currentColor);
}

.mty-titlebar__eyebrow a {
	color: inherit;
	text-decoration: none;
}

.mty-titlebar__eyebrow a:hover {
	color: inherit;
	text-decoration: underline;
}

.mty-titlebar__dim {
	color: var(--mty-title-bar-text, var(--mty-color-text));
	opacity: .8;
}

.mty-titlebar--image .mty-titlebar__dim {
	color: var(--mty-title-bar-text, #fff);
}

.mty-titlebar__title .mty-accent-word {
	color: var(--mty-title-bar-accent, var(--mty-color-accent));
}

.mty-titlebar__lead {
	max-width: 720px;
	margin-block-start: .75rem;
	opacity: .85;
}

.mty-titlebar__lead > :last-child {
	margin-block-end: 0;
}

.mty-titlebar__details {
	margin-block-start: .75rem;
	color: inherit;
	opacity: .85;
}

.mty-titlebar__details a {
	color: inherit;
}

.mty-titlebar .mty-crumbs {
	margin-block-start: var(--mty-space-s);
}

.mty-titlebar--center {
	text-align: center;
}

.mty-titlebar--center .mty-titlebar__lead {
	margin-inline: auto;
}

.mty-titlebar--center .mty-crumbs__list {
	justify-content: center;
}

.mty-titlebar--split .mty-titlebar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--mty-space-s) var(--mty-space-l);
}

.mty-titlebar--split .mty-titlebar__text {
	flex: 1 1 320px;
	min-width: 0;
}

.mty-titlebar--split .mty-crumbs {
	margin-block-start: 0;
}

.mty-main > .mty-page-heading {
	width: 100%;
	max-width: calc(var(--mty-container) + 2 * var(--mty-gutter-safe));
	margin-inline: auto;
	padding-inline: var(--mty-gutter-safe);
}

.mty-page-heading {
	margin-block-end: var(--mty-space-l);
}

.mty-page-heading__title {
	margin-block-end: 0;
	overflow-wrap: anywhere;
}

.mty-page-heading__text {
	max-width: 720px;
	margin-block-start: .75rem;
	color: var(--mty-color-muted);
}

.mty-page-heading__text > :last-child {
	margin-block-end: 0;
}

/* Breadcrumbs */
.mty-crumbs {
	font-family: var(--mty-font-accent);
	font-size: .85rem;
	line-height: 1.5;
}

.mty-crumbs__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mty-crumbs__item {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.mty-crumbs__item + .mty-crumbs__item::before {
	content: "/";
	margin-inline: .5em;
	opacity: .5;
}

.mty-crumbs a {
	color: inherit;
	text-decoration: none;
}

.mty-crumbs a:hover {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .15em;
}

/* Social and contact lists */
.mty-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem;
}

.mty-social__link {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-height: 38px;
	color: inherit;
	text-decoration: none;
	transition: background-color var(--mty-transition), color var(--mty-transition);
}

.mty-social--icons .mty-social__link {
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--mty-radius-pill);
}

.mty-social--icons .mty-social__link:hover {
	background-color: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
}

.mty-social--text,
.mty-social--icon-text {
	gap: .25rem 1rem;
}

.mty-social--in-top-bar .mty-social__link {
	width: auto;
	height: 28px;
	min-height: 28px;
}

.mty-social--icons.mty-social--in-top-bar .mty-social__link {
	width: 28px;
}

.mty-contact__item {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
}

.mty-contact__item + .mty-contact__item {
	margin-block-start: .5rem;
}

.mty-contact__item > .mty-icon {
	margin-block-start: .3em;
	opacity: .8;
}

.mty-contact a {
	color: inherit;
	text-decoration: none;
}

.mty-contact a:hover {
	text-decoration: underline;
	text-underline-offset: .15em;
}

.mty-contact--inline {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1rem;
}

.mty-contact--inline .mty-contact__item {
	align-items: center;
}

.mty-contact--inline .mty-contact__item + .mty-contact__item {
	margin-block-start: 0;
}

.mty-contact--inline .mty-contact__item > .mty-icon {
	margin-block-start: 0;
}

/* Footer */
.mty-colophon {
	flex: none;
	background-color: var(--mty-footer-bg, #17332b);
	color: var(--mty-footer-text, #c9d4cd);
	font-size: .95rem;
}

.mty-colophon a:not(.mty-button) {
	color: var(--mty-footer-link, #fff);
	text-decoration: none;
}

.mty-colophon a:not(.mty-button):hover {
	color: var(--mty-footer-accent, var(--mty-footer-link, #fff));
	text-decoration: underline;
	text-underline-offset: .15em;
}

.mty-colophon__part + .mty-colophon__part {
	border-block-start: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

.mty-colophon h2,
.mty-colophon h3,
.mty-colophon h4 {
	color: var(--mty-footer-link, #fff);
}

.mty-colophon .widget-title {
	margin-block-end: .9rem;
	font-size: 1.15rem;
}

.mty-footer-headings--caps .mty-colophon .widget-title {
	font-family: var(--mty-font-accent);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mty-colophon__newsletter,
.mty-colophon__columns {
	padding-block: var(--mty-space-l);
}

.mty-colophon__newsletter-inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: var(--mty-space-m) var(--mty-space-l);
}

.mty-colophon__newsletter-inner p:last-child {
	margin-block-end: 0;
}

.mty-colophon__news-title {
	font-size: var(--mty-h3);
}

@media (max-width: 767px) {
	.mty-colophon__newsletter-inner {
		grid-template-columns: minmax(0, 1fr);
	}
}

.mty-colophon__brand {
	padding-block: var(--mty-space-l) var(--mty-space-m);
}

.mty-colophon__name {
	display: inline-block;
	font-family: var(--mty-font-heading);
	font-size: clamp(2.5rem, 7.5vw, 6rem);
	font-weight: var(--mty-weight-heading);
	line-height: 1.05;
	letter-spacing: -.02em;
	overflow-wrap: anywhere;
}

.mty-colophon .mty-colophon__name:hover {
	text-decoration: none;
}

.mty-colophon__logo {
	display: block;
	width: auto;
	max-width: min(360px, 80vw);
	height: auto;
	max-height: 96px;
}

.mty-colophon__brand + .mty-colophon__columns {
	border-block-start: 0;
	padding-block-start: 0;
}

.mty-colophon__grid {
	display: grid;
	grid-template-columns: var(--mty-colophon-tracks, 1fr);
	gap: var(--mty-space-l) var(--mty-space-l);
}

.mty-colophon__grid > * {
	min-width: 0;
}

.mty-colophon__about {
	max-width: 44ch;
	margin-block-end: var(--mty-space-s);
}

.mty-colophon__about:last-child {
	margin-block-end: 0;
}

.mty-colophon .widget {
	margin-block-end: var(--mty-space-m);
}

.mty-colophon .widget:last-child {
	margin-block-end: 0;
}

.mty-colophon .widget ul,
.mty-colophon .widget ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mty-colophon .widget li {
	padding-block: .2rem;
}

.mty-colophon .mty-contact__item > .mty-icon {
	color: var(--mty-footer-accent, inherit);
	opacity: 1;
}

.mty-colophon__contact {
	padding-block: var(--mty-space-m);
}

.mty-colophon__contact .mty-contact {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem var(--mty-space-l);
}

.mty-colophon__contact .mty-contact__item + .mty-contact__item {
	margin-block-start: 0;
}

body:not([class*="mty-footer-accent"]) .mty-colophon .mty-contact__item > .mty-icon {
	opacity: var(--mty-footer-icon-opacity, .8);
}

.mty-colophon__bottom {
	padding-block: var(--mty-space-m);
	font-size: .85rem;
}

.mty-colophon__bottom-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem var(--mty-space-m);
}

.mty-colophon__legal {
	flex: 1 1 280px;
	margin: 0;
}

.mty-payments {
	display: flex;
	flex-wrap: wrap;
	gap: .375rem;
}

.mty-payments__item {
	padding: .1em .55em;
	border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
	border-radius: calc(var(--mty-radius) * .6);
	font-size: .75rem;
	line-height: 1.5;
	white-space: nowrap;
}

.mty-colophon__menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1rem;
}

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

	.mty-colophon__column--brand,
	.mty-colophon__column--wide {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	.mty-colophon__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* The footer stays pinned behind the page, which slides up to uncover it. */
@media (min-width: 768px) {
	.mty-footer-reveal .mty-colophon {
		position: sticky;
		z-index: 0;
		bottom: 0;
	}

	.mty-footer-reveal .mty-main,
	.mty-footer-reveal .mty-titlebar {
		position: relative;
		z-index: 1;
	}

	.mty-footer-reveal .mty-main {
		background-color: var(--mty-color-bg);
	}
}

/* Content and sidebar */
.mty-area--left,
.mty-area--right {
	display: grid;
	gap: 48px;
}

.mty-area--right {
	grid-template-columns: minmax(0, 1fr) var(--mty-sidebar-width, 300px);
}

.mty-area--left {
	grid-template-columns: var(--mty-sidebar-width, 300px) minmax(0, 1fr);
}

.mty-area--left > :not(.mty-sidebar) {
	grid-column: 2;
	grid-row: 1;
}

.mty-area--left > .mty-sidebar {
	grid-column: 1;
	grid-row: 1;
}

.mty-sidebar {
	min-width: 0;
	font-size: .95rem;
}

.mty-sidebar--sticky .mty-sidebar__inner {
	position: sticky;
	top: calc(var(--mty-sticky-offset, 0px) + 32px);
	transition: top .25s ease;
}

@media (max-width: 1024px) {
	.mty-area--left,
	.mty-area--right {
		grid-template-columns: minmax(0, 1fr);
	}

	.mty-area--left > :not(.mty-sidebar),
	.mty-area--left > .mty-sidebar {
		grid-column: 1;
		grid-row: auto;
	}

	.mty-sidebar--sticky .mty-sidebar__inner {
		position: static;
	}
}

.mty-sidebar .widget {
	margin-block-end: var(--mty-space-l);
}

.mty-sidebar .widget:last-child {
	margin-block-end: 0;
}

.mty-sidebar .widget-title,
.mty-sidebar .wp-block-heading {
	margin-block-end: .75rem;
	font-size: var(--mty-h4);
}

.mty-sidebar .widget ul,
.mty-sidebar .widget ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mty-sidebar .widget li {
	padding-block: .5rem;
	border-block-end: 1px solid var(--mty-color-line);
}

.mty-sidebar .widget li:last-child {
	border-block-end: 0;
}

.mty-sidebar .widget li ul,
.mty-sidebar .widget li ol {
	margin-block-start: .5rem;
	padding-inline-start: 1rem;
	border-block-start: 1px solid var(--mty-color-line);
}

/* Page tools */
.mty-to-top,
.mty-to-top:hover,
.mty-to-top:focus {
	position: fixed;
	z-index: 90;
	inset-block-end: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	min-height: 0;
	padding: 0;
	border: 0;
	background-color: var(--mty-color-heading);
	box-shadow: none;
	color: #fff;
	cursor: pointer;
}

.mty-to-top {
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease, visibility 0s linear .2s, background-color var(--mty-transition);
}

.mty-to-top.is-visible {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

.mty-to-top:hover {
	background-color: var(--mty-color-accent);
}

.mty-to-top--right {
	inset-inline-end: 24px;
}

.mty-to-top--left {
	inset-inline-start: 24px;
}

.mty-to-top--circle {
	border-radius: 50%;
}

.mty-to-top--rounded {
	border-radius: 12px;
}

.mty-to-top--square {
	border-radius: 0;
}

.mty-to-top__ring {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	pointer-events: none;
}

.mty-to-top__ring circle {
	fill: none;
	stroke: var(--mty-color-accent);
	stroke-width: 3;
	stroke-dasharray: 100;
	stroke-dashoffset: calc(100 - var(--mty-read, 0));
}

.mty-to-top:hover .mty-to-top__ring circle {
	stroke: #fff;
}

@media (max-width: 600px) {
	.mty-to-top,
	.mty-to-top:hover,
	.mty-to-top:focus {
		inset-block-end: 16px;
		width: 44px;
		height: 44px;
	}

	.mty-to-top--right {
		inset-inline-end: 16px;
	}

	.mty-to-top--left {
		inset-inline-start: 16px;
	}
}

.mty-progress {
	position: fixed;
	z-index: 102;
	inset-block-start: var(--mty-admin-bar, 0px);
	inset-inline: 0;
	height: 3px;
	pointer-events: none;
}

.mty-progress__bar {
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--mty-color-accent);
	transform: scaleX(var(--mty-read-ratio, 0));
	transform-origin: left center;
}

[dir="rtl"] .mty-progress__bar {
	transform-origin: right center;
}

.mty-preloader {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--mty-preloader-bg, #fff);
	color: var(--mty-preloader-color, var(--mty-color-accent));
	transition: opacity .4s ease, visibility 0s linear .4s;
	animation: mty-preloader-gone 0s linear 8s forwards;
}

html:not(.mty-js) .mty-preloader {
	display: none;
}

.mty-preloader.is-done {
	visibility: hidden;
	opacity: 0;
}

.mty-preloader--spinner::before {
	content: "";
	width: 44px;
	height: 44px;
	border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
	border-block-start-color: currentColor;
	border-radius: 50%;
	animation: mty-spin .8s linear infinite;
}

.mty-preloader--bar::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	height: 3px;
	background: currentColor;
	animation: mty-bar 2s ease-out forwards;
}

.mty-preloader__logo {
	max-width: 200px;
	max-height: 96px;
	animation: mty-pulse 1.2s ease-in-out infinite;
}

.mty-preloader__name {
	color: var(--mty-color-heading);
	font-family: var(--mty-font-heading);
	font-size: 1.75rem;
	font-weight: var(--mty-weight-heading);
	animation: mty-pulse 1.2s ease-in-out infinite;
}

@keyframes mty-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes mty-bar {
	from {
		width: 0;
	}

	to {
		width: 90%;
	}
}

@keyframes mty-pulse {
	50% {
		opacity: .45;
	}
}

@keyframes mty-preloader-gone {
	to {
		visibility: hidden;
		opacity: 0;
	}
}

/* Locks scrolling under a dialog. */
html.mty-locked,
html.mty-locked body {
	overflow: hidden;
}

/* Close delays go too, since core.css only shortens durations. */
.mty-motion--reduce .mty-nav .mty-menu__sub,
.mty-motion--reduce .mty-to-top {
	transition-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
	.mty-nav .mty-menu__sub,
	.mty-to-top {
		transition-delay: 0s !important;
	}

	.mty-preloader {
		display: none;
	}
}