@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/manrope-500.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/manrope-700.ttf") format("truetype");
}

:root {
	--color-black: #080808;
	--color-white: #ffffff;
	--color-soft: #f3f3ef;
	--color-muted: #787e84;
	--color-line: rgba(255, 255, 255, 0.16);
	--font-main: Manrope, Arial, Helvetica, sans-serif;
	--page-width: 1400px;
	--header-height: 115px;
	--footer-height: 160px;
	--footer-text-bottom: 67px;
	--hero-stack-height: 418px;
	--home-hero-min-height: 760px;
	--home-hero-stage-height: max(100svh, var(--home-hero-min-height));
	--home-fit-scale: 1;
}

* {
	box-sizing: border-box;
}

html {
	min-height: 100%;
	background: var(--color-black);
	scroll-behavior: smooth;
}

body {
	min-height: 100%;
	margin: 0;
	color: var(--color-white);
	background: var(--color-black);
	font-family: var(--font-main);
	font-size: 18px;
	line-height: 1.45;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

button,
input,
textarea {
	font: inherit;
}

.screen-reader-text,
.skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.skip-link:focus {
	z-index: 10000;
	top: 16px;
	left: 16px;
	width: auto;
	height: auto;
	padding: 12px 16px;
	clip: auto;
	color: var(--color-black);
	background: var(--color-white);
}

.site-header {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 50%;
	display: flex;
	width: var(--page-width);
	height: var(--header-height);
	align-items: flex-end;
	justify-content: space-between;
	padding: 0;
	transform: translateX(-50%);
	pointer-events: none;
}

.site-header__brand,
.site-header__menu {
	pointer-events: auto;
}

.site-header__brand {
	display: flex;
	width: 197px;
	height: 40px;
	align-items: center;
	font-size: 31px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
}

.site-header__menu {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	color: var(--color-white);
	background: transparent;
	cursor: pointer;
}

.site-header__menu::before,
.site-header__menu-line {
	position: absolute;
	left: 0;
	display: block;
	width: 40px;
	height: 4px;
	border-radius: 99px;
	background: currentColor;
}

.site-header__menu::before {
	content: "";
	top: 18px;
}

.site-header__menu-line:first-child {
	top: 4px;
}

.site-header__menu-line:nth-child(2) {
	top: 32px;
}

.button {
	display: inline-flex;
	min-height: 58px;
	align-items: center;
	justify-content: center;
	padding: 0 32px;
	border: 2px solid transparent;
	border-radius: 999px;
	color: var(--color-black);
	background: var(--color-white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.home-hero {
	position: relative;
	min-height: 100vh;
	min-height: var(--home-hero-stage-height);
	overflow-x: hidden;
	overflow-y: hidden;
	background: var(--color-black);
}

.home-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	opacity: 0.32;
	pointer-events: none;
}

.home-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-color: var(--color-black);
	background-image: url("../images/home-hero-bg.jpg");
	background-position: center top;
	background-size: cover;
}

.home-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 77% 35%, rgba(255, 255, 255, 0.08), transparent 27%),
		linear-gradient(90deg, rgba(8, 8, 8, 0.08), rgba(8, 8, 8, 0.1) 58%, rgba(8, 8, 8, 0.04)),
		linear-gradient(180deg, transparent, rgba(8, 8, 8, 0.04));
	pointer-events: none;
}

.home-hero__canvas,
.error-page__canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	filter: brightness(1.12) contrast(1.16);
	opacity: 0;
	pointer-events: none;
	transition: opacity 600ms ease;
}

.home-hero__media.is-webgl-ready .home-hero__canvas,
.error-page__media.is-webgl-ready .error-page__canvas {
	opacity: 1;
}

.home-hero__inner {
	position: absolute;
	z-index: 1;
	top: max(
		var(--header-height),
		calc(
			var(--header-height) +
			((var(--home-hero-stage-height) - var(--header-height) - var(--footer-height) - var(--hero-stack-height)) / 2)
		)
	);
	left: 50%;
	width: var(--page-width);
	transform: translateX(-50%);
}

.home-hero__title {
	position: relative;
	width: 813px;
	height: 290px;
	margin: 0;
	color: var(--color-white);
	font-size: 42px;
	font-weight: 700;
	line-height: 57px;
	letter-spacing: 0;
}

.home-hero__desktop-copy {
	display: block;
}

.home-hero__mobile-copy {
	display: none;
}

.home-hero__line {
	position: absolute;
	left: 0;
	display: flex;
	height: 65px;
	align-items: center;
	white-space: nowrap;
}

.home-hero__line:nth-child(1) {
	top: 0;
}

.home-hero__line:nth-child(2) {
	top: 75px;
}

.home-hero__line:nth-child(3) {
	top: 150px;
}

.home-hero__line:nth-child(4) {
	top: 225px;
}

.home-hero__line > span:not(.home-hero__keep),
.home-hero__line > a {
	display: inline-flex;
	height: 65px;
	align-items: center;
	padding-bottom: 5px;
	line-height: inherit;
}

.home-hero__line > .home-hero__keep,
.home-hero__mobile-line > .home-hero__keep {
	display: inline-flex;
	height: inherit;
	align-items: center;
	line-height: inherit;
	white-space: nowrap;
}

.home-hero__punct {
	display: inline-flex;
	height: inherit;
	align-items: center;
	padding-bottom: 5px;
	line-height: inherit;
}

.home-hero__keep > .home-hero__pill {
	display: inline-flex;
	height: 65px;
	align-items: center;
	line-height: inherit;
}

.home-hero__keep > .home-hero__pill + .home-hero__punct {
	margin-left: 5px;
}

.home-hero__line > * + * {
	margin-left: 20px;
}

.home-hero__line > .home-hero__keep + .home-hero__pill {
	margin-left: 10px;
}

.home-hero__line > .home-hero__pill + .home-hero__punct {
	margin-left: 5px;
}

.home-hero__line > .home-hero__punct + .home-hero__pill {
	margin-left: 10px;
}

.home-hero__pill {
	position: relative;
	z-index: 0;
	isolation: isolate;
	padding: 0 20px 5px;
	border: 2px solid transparent;
	border-radius: 99px;
	color: var(--color-white);
	background: transparent;
	line-height: inherit;
	transition:
		color 180ms ease;
}

.home-hero__pill::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -2px;
	border: 2px solid transparent;
	border-radius: inherit;
	background: rgba(255, 255, 255, 0.2);
	transform: translateY(2px);
	transition:
		background-color 180ms ease,
		border-color 180ms ease;
	pointer-events: none;
}

.home-hero__button {
	width: auto;
	max-width: 100%;
	height: 78px;
	min-height: 78px;
	margin-top: 50px;
	padding: 0 36px;
	justify-content: center;
	border-radius: 99px;
	color: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	white-space: nowrap;
}

.home-hero__pill:hover,
.home-hero__pill:focus-visible,
.home-hero__pill:active {
	color: var(--color-white);
}

.home-hero__pill:hover::before,
.home-hero__pill:focus-visible::before,
.home-hero__pill:active::before {
	border-color: var(--color-white);
	background: transparent;
}

.home-hero__button:hover,
.home-hero__button:focus-visible {
	border-color: var(--color-white);
	color: var(--color-white);
	background: transparent;
}

.home-hero__meta {
	position: absolute;
	z-index: 1;
	bottom: var(--footer-text-bottom);
	left: 50%;
	display: flex;
	width: var(--page-width);
	justify-content: space-between;
	gap: 24px;
	color: var(--color-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	transform: translateX(-50%);
}

.home-hero__meta span:last-child {
	width: 532px;
}

html[data-home-density="compensated"] body.home .site-header,
html[data-work-layout="aligned"] body .site-header[data-header-density="compensated"] {
	top: var(--home-fit-header-top);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: top left;
}

html[data-home-density="compensated"] body.home .home-hero__inner {
	top: var(--home-fit-inner-top);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: top left;
}

html[data-home-density="compensated"] body.home .home-hero__meta {
	bottom: var(--home-fit-footer-bottom);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: bottom left;
}

.tag-cloud-modal[data-menu-layout="compensated"] .tag-cloud-modal__header {
	top: var(--home-fit-header-top);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: top left;
}

.tag-cloud-modal[data-menu-layout="compensated"] .tag-cloud-modal__body {
	top: var(--home-fit-modal-top);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: top left;
}

.tag-cloud-modal[data-menu-layout="compensated"] .tag-cloud-modal__footer {
	bottom: var(--home-fit-footer-bottom);
	left: var(--home-fit-left);
	width: var(--page-width);
	transform: scale(var(--home-fit-scale));
	transform-origin: bottom left;
}

.post-type-archive-work,
.tax-work_tag,
.single-work {
	color: #232323;
	background: #f9fdff;
}

.post-type-archive-work .site-header,
.tax-work_tag .site-header,
.single-work .site-header {
	position: absolute;
	color: #232323;
}

.post-type-archive-work .site-header__menu,
.tax-work_tag .site-header__menu,
.single-work .site-header__menu {
	color: #232323;
}

.work-list-page,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page,
.work-single,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single {
	min-height: 100vh;
	background: #f9fdff;
}

.work-list-page__inner,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__inner,
.work-single__inner,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__inner {
	width: var(--page-width);
	margin: 0 auto;
	padding-top: 215px;
}

.work-list-page__header,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__header {
	margin: 0 0 50px;
}

.work-list-page__tag,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__tag {
	display: inline-flex;
	height: 62px;
	align-items: center;
	margin: 0;
	padding: 0 18px 5px;
	border: 2px solid #232323;
	border-radius: 99px;
	color: #232323;
	background: transparent;
	font-size: 37px;
	font-weight: 700;
	line-height: 50.542px;
	letter-spacing: 0;
}

.work-grid,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-grid {
	display: grid;
	grid-template-columns: repeat(2, 655px);
	gap: 90px;
}

.work-card,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card {
	min-width: 0;
}

.work-card__link,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__link {
	display: block;
}

.work-card__image,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__image {
	display: block;
	width: 655px;
	height: 450px;
	border-bottom-right-radius: 90px;
	object-fit: cover;
	background: #dfe8ef;
	opacity: 1;
	transition: opacity 180ms ease;
}

.work-card__image--placeholder,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__image--placeholder {
	background:
		linear-gradient(135deg, rgba(35, 35, 35, 0.12), rgba(35, 35, 35, 0.02)),
		#dfe8ef;
}

.work-card__body,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__body {
	display: block;
	margin-top: 20px;
}

.work-card__title,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__title {
	display: block;
	color: #232323;
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0;
	transition: color 180ms ease;
}

.work-card__link:focus-visible .work-card__image,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__link:focus-visible .work-card__image {
	opacity: 0.9;
}

.work-card__link:focus-visible .work-card__title,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__link:focus-visible .work-card__title {
	text-decoration: underline;
}

@media (hover: hover) {
	.work-card__link:hover .work-card__image,
	html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__link:hover .work-card__image {
		opacity: 0.9;
	}

	.work-card__link:hover .work-card__title,
	html[data-work-layout="aligned"][data-work-density="compensated"] .work-card__link:hover .work-card__title {
		text-decoration: underline;
	}
}

.work-list-page__empty,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__empty,
.work-list-page__pagination,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__pagination {
	font-size: 18px;
	line-height: 26px;
}

.work-single__header,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__header {
	width: 800px;
	margin: 0 0 50px;
}

.work-single__tags,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 30px;
}

.work-single__tags a,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__tags a {
	display: inline-flex;
	height: 24px;
	align-items: center;
	padding: 0 13px 2px;
	border: 1px solid #232323;
	border-radius: 99px;
	color: #232323;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.work-single__tags a:hover,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__tags a:hover,
.work-single__tags a:focus-visible,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__tags a:focus-visible {
	border-color: #232323;
	color: #ffffff;
	background: #232323;
}

.work-single__header h1,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__header h1 {
	margin: 0;
	color: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: 0;
}

.work-single__content figure,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content figure {
	width: 1400px;
	margin: 0;
}

.work-single__content,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content {
	width: 1400px;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

.work-single__content > *,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content > * {
	margin-top: 0;
	margin-bottom: 0;
}

.work-single__content p,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content p {
	width: 800px;
	margin: 0;
	color: #232323;
}

.work-single__content figure,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content figure {
	margin: 0 0 20px;
}

.work-single__content p + figure,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content p + figure {
	margin-top: 50px;
}

.work-single__content p + p,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content p + p {
	margin-top: 20px;
}

.work-single__content img,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__content img {
	display: block;
	width: 1400px;
	height: auto;
	object-fit: cover;
}

.work-single__cta,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 100px;
}

.work-single__cta h2,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta h2 {
	margin: 0;
	color: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
}

.work-single__cta-button,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta-button {
	display: inline-flex;
	width: 453px;
	height: 62px;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	border: 2px solid transparent;
	border-radius: 99px;
	color: var(--color-white);
	background: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	white-space: nowrap;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.work-single__cta-button:hover,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta-button:hover,
.work-single__cta-button:focus-visible,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta-button:focus-visible {
	border-color: #232323;
	color: #232323;
	background: transparent;
}

.work-single__cta-button span,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__cta-button span {
	margin-left: 10px;
}

.work-page-footer,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-page-footer {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-top: 200px;
	padding-bottom: 65px;
	color: var(--color-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.work-page-footer span:last-child,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-page-footer span:last-child {
	width: 532px;
}

.error404 {
	color: var(--color-white);
	background: #232323;
}

.error404 .site-header {
	display: none;
}

.error-page {
	position: relative;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	color: var(--color-white);
	background-color: #232323;
}

.error-page::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	opacity: 0.28;
	pointer-events: none;
}

.error-page__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-color: #232323;
	background-image: url("../images/home-hero-bg.jpg");
	background-position: center center;
	background-size: cover;
}

.error-page__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 77% 35%, rgba(255, 255, 255, 0.08), transparent 27%),
		linear-gradient(90deg, rgba(8, 8, 8, 0.32), rgba(8, 8, 8, 0.14) 55%, rgba(8, 8, 8, 0.05)),
		linear-gradient(180deg, rgba(8, 8, 8, 0.06), rgba(8, 8, 8, 0.1));
	pointer-events: none;
}

.error-page__content {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: max(24px, calc((100vw - 1410px) / 2));
	display: flex;
	width: 484px;
	flex-direction: column;
	gap: 50px;
	transform: translateY(-50%);
}

.error-page__stack {
	display: flex;
	flex-direction: column;
	gap: 35px;
}

.error-page__code {
	margin: 0;
	color: var(--color-white);
	font-size: 200px;
	font-weight: 700;
	line-height: 144px;
	letter-spacing: 0;
}

.error-page__message,
.error-page__link {
	margin: 0;
	color: var(--color-white);
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0;
}

.error-page__link {
	display: inline-flex;
	width: max-content;
	align-items: center;
}

.error-page__link span {
	margin-left: 8px;
}

.tag-cloud-modal {
	position: fixed;
	z-index: 80;
	inset: 0;
	display: none;
	color: #232323;
	background: #f9fdff;
}

.is-tag-cloud-open .tag-cloud-modal {
	display: block;
}

.is-tag-cloud-open {
	overflow: hidden;
}

.tag-cloud-modal__surface {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: #f9fdff;
}

.tag-cloud-modal__header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 50%;
	display: flex;
	width: var(--page-width);
	height: var(--header-height);
	align-items: flex-end;
	justify-content: space-between;
	transform: translateX(-50%);
}

.tag-cloud-modal__brand {
	display: flex;
	width: 197px;
	height: 40px;
	align-items: center;
	color: #232323;
	font-size: 31px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
}

.tag-cloud-modal__close {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	color: #232323;
	background: transparent;
	cursor: pointer;
}

.tag-cloud-modal__close-line {
	position: absolute;
	top: 18px;
	left: 2px;
	display: block;
	width: 36px;
	height: 4px;
	border-radius: 99px;
	background: currentColor;
	transform-origin: center;
}

.tag-cloud-modal__close-line:first-child {
	transform: rotate(45deg);
}

.tag-cloud-modal__close-line:nth-child(2) {
	transform: rotate(-45deg);
}

.tag-cloud-modal__body {
	position: absolute;
	z-index: 1;
	top: max(
		var(--header-height),
		calc(
			var(--header-height) +
			((100svh - var(--header-height) - var(--footer-height) - 374px) / 2)
		)
	);
	left: 50%;
	width: var(--page-width);
	transform: translateX(-50%);
}

.tag-cloud {
	display: flex;
	flex-wrap: wrap;
	width: var(--page-width);
	gap: 30px;
}

.tag-cloud__item {
	display: inline-flex;
	height: 62px;
	min-height: 0;
	align-items: center;
	justify-content: center;
	padding: 0 20px 5px;
	border: 2px solid #232323;
	border-radius: 99px;
	color: #232323;
	background: transparent;
	font-size: 37px;
	font-weight: 700;
	line-height: 50.542px;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.tag-cloud__item:hover,
.tag-cloud__item:focus-visible {
	border-color: #232323;
	color: #ffffff;
	background: #232323;
}

.tag-cloud__label {
	display: block;
	line-height: inherit;
}

.tag-cloud__label--mobile {
	display: none;
}

.tag-cloud-modal__cta {
	display: inline-flex;
	width: 372px;
	height: 78px;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	padding: 0 30px 5px;
	border: 2px solid transparent;
	border-radius: 99px;
	color: var(--color-white);
	background: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	white-space: nowrap;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.tag-cloud-modal__cta:hover,
.tag-cloud-modal__cta:focus-visible {
	border-color: #232323;
	color: #232323;
	background: transparent;
}

.tag-cloud-modal__footer {
	position: absolute;
	z-index: 1;
	bottom: var(--footer-text-bottom);
	left: 50%;
	display: flex;
	width: var(--page-width);
	justify-content: space-between;
	gap: 24px;
	color: var(--color-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	transform: translateX(-50%);
}

.tag-cloud-modal__footer span:last-child {
	width: 532px;
}

.feedback-modal {
	position: fixed;
	z-index: 90;
	inset: 0;
	align-items: center;
	justify-content: center;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px;
	color: #232323;
	background: transparent;
}

.is-feedback-open,
.is-feedback-open body {
	overflow: hidden;
}

.is-feedback-open .feedback-modal {
	display: flex;
}

.admin-bar .feedback-modal {
	top: 32px;
}

.feedback-modal__dialog {
	width: 520px;
	max-width: calc(100vw - 40px);
	flex: 0 1 520px;
	min-height: 670px;
	margin: auto;
	padding: 60px;
	border: 1px solid #dde5eb;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: none;
	-webkit-backdrop-filter: blur(50px) saturate(150%);
	backdrop-filter: blur(50px) saturate(150%);
}

.feedback-modal__header {
	display: flex;
	height: 24px;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
	margin-bottom: 50px;
}

.feedback-modal__title {
	margin: 0;
	color: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: 0;
}

.feedback-modal__close {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	padding: 0;
	border: 0;
	color: #232323;
	background: transparent;
	cursor: pointer;
}

.feedback-modal__close-line {
	position: absolute;
	top: 10px;
	left: 2px;
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 99px;
	background: currentColor;
	transform-origin: center;
}

.feedback-modal__close-line:first-child {
	transform: rotate(45deg);
}

.feedback-modal__close-line:nth-child(2) {
	transform: rotate(-45deg);
}

.feedback-modal__form,
.feedback-form-preview {
	width: 100%;
}

.feedback-form-preview {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.feedback-form-preview__field {
	margin: 0 0 35px;
}

.feedback-form-preview__field:nth-of-type(3) {
	margin-bottom: 50px;
}

.feedback-form-preview__field label,
.feedback-modal .forminator-label {
	display: block;
	margin: 0 0 14px;
	padding-left: 20px;
	color: #232323;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0;
}

.feedback-form-preview__field input,
.feedback-form-preview__field textarea,
.feedback-modal .forminator-input,
.feedback-modal .forminator-textarea {
	display: block;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 12px 20px;
	border: 2px solid #dde5eb;
	border-radius: 30px;
	outline: 0;
	color: #232323;
	background: rgba(255, 255, 255, 0.5);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0;
	box-shadow: none;
	transition:
		border-color 180ms ease,
		background-color 180ms ease;
}

.feedback-form-preview__field textarea,
.feedback-modal .forminator-textarea {
	min-height: 109px;
	resize: none;
}

.feedback-form-preview__field textarea::-webkit-resizer,
.feedback-modal .forminator-textarea::-webkit-resizer {
	display: none;
	width: 0;
	height: 0;
	border: 0;
	background: transparent;
}

.feedback-form-preview__field:nth-of-type(3),
.feedback-modal .forminator-field-textarea .forminator-field {
	position: relative;
}

.feedback-textarea-resize-handle {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	cursor: ns-resize;
	touch-action: none;
}

.is-feedback-textarea-resizing,
.is-feedback-textarea-resizing * {
	cursor: ns-resize !important;
	user-select: none;
}

.feedback-form-preview__field input::placeholder,
.feedback-form-preview__field textarea::placeholder,
.feedback-modal .forminator-input::placeholder,
.feedback-modal .forminator-textarea::placeholder {
	color: #787e84;
	opacity: 1;
}

.feedback-form-preview__field input:focus,
.feedback-form-preview__field textarea:focus,
.feedback-modal .forminator-input:focus,
.feedback-modal .forminator-textarea:focus {
	border-color: #bbcad3;
}

.feedback-form-preview__field input:hover,
.feedback-form-preview__field textarea:hover,
.feedback-modal .forminator-input:hover,
.feedback-modal .forminator-textarea:hover {
	border-color: #bbcad3;
}

.feedback-form-preview__submit,
.feedback-modal .forminator-button-submit {
	position: relative;
	display: inline-flex;
	width: 290px;
	height: 62px;
	min-height: 62px;
	align-items: center;
	justify-content: center;
	margin: 0;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 0 40px;
	border: 2px solid transparent;
	border-radius: 99px;
	color: #ffffff;
	background: #232323;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: 0;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.feedback-form-preview__submit:not(.is-feedback-loading):hover,
.feedback-form-preview__submit:not(.is-feedback-loading):focus-visible,
.feedback-modal .forminator-button-submit:not(.is-feedback-loading):hover,
.feedback-modal .forminator-button-submit:not(.is-feedback-loading):focus-visible {
	border-color: #232323;
	color: #232323;
	background: transparent;
}

.feedback-form-preview__submit.is-feedback-loading,
.feedback-modal .forminator-button-submit.is-feedback-loading {
	color: transparent;
	font-size: 0;
	pointer-events: none;
}

.feedback-modal .forminator-button-submit.is-feedback-loading > * {
	display: none !important;
}

.feedback-form-preview__submit.is-feedback-loading::after,
.feedback-modal .forminator-button-submit.is-feedback-loading::after {
	content: "";
	display: block;
	width: 56px;
	height: 12px;
	background:
		radial-gradient(circle at 6px 6px, #ffffff 0 5.5px, transparent 6px),
		radial-gradient(circle at 28px 6px, rgba(255, 255, 255, 0.55) 0 5.5px, transparent 6px),
		radial-gradient(circle at 50px 6px, rgba(255, 255, 255, 0.25) 0 5.5px, transparent 6px);
	background-repeat: no-repeat;
	animation: feedback-loading-dots 900ms ease-in-out infinite;
}

.feedback-form-preview__submit span,
.feedback-modal .forminator-button-submit span {
	display: inline-flex;
	flex: 0 0 auto;
	margin-left: 10px;
}

.feedback-modal .forminator-ui {
	margin: 0;
}

.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row {
	display: block;
	margin: 0 0 35px;
}

.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row.forminator-row-last {
	display: flex;
	justify-content: flex-start !important;
	margin: 50px 0 0;
}

.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row.forminator-row-last .forminator-col {
	display: flex;
	justify-content: flex-start !important;
	padding-left: 0 !important;
}

.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row.forminator-row-last .forminator-field {
	display: flex;
	justify-content: flex-start !important;
}

.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	padding: 0;
}

.feedback-modal .forminator-field {
	margin: 0;
}

.feedback-form-preview__required,
.feedback-modal .forminator-required {
	color: #cc4242;
}

.feedback-modal .forminator-error-message {
	display: block;
	margin: 8px 0 0 20px;
	color: #cc4242;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0;
}

.feedback-modal .forminator-has_error .forminator-input,
.feedback-modal .forminator-has_error .forminator-textarea {
	border-color: #dde5eb !important;
	background: rgba(255, 162, 162, 0.5) !important;
}

.feedback-modal__dialog:not(.is-feedback-submit-attempted) .forminator-error-message,
.feedback-modal__dialog:not(.is-feedback-submit-attempted) .forminator-response-message.forminator-error {
	display: none !important;
}

.feedback-modal__dialog:not(.is-feedback-submit-attempted) .forminator-has_error .forminator-input,
.feedback-modal__dialog:not(.is-feedback-submit-attempted) .forminator-has_error .forminator-textarea {
	border-color: #dde5eb !important;
	background: rgba(255, 255, 255, 0.5) !important;
}

.feedback-modal .forminator-response-message {
	margin: 0;
	padding: 0;
	border: 0;
	color: #232323;
	background: transparent;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0;
	box-shadow: none;
}

.feedback-modal__dialog.is-feedback-response {
	min-height: 258px;
	transform: translateY(-206px);
}

.feedback-modal__dialog.is-feedback-response .feedback-modal__form > .forminator-ui:not(form) {
	display: none !important;
}

.feedback-modal__dialog.is-feedback-response .forminator-custom-form > :not(.forminator-response-message) {
	display: none !important;
}

.feedback-modal__dialog.is-feedback-response .forminator-response-message {
	display: block !important;
	max-width: 400px;
	color: #232323;
	font-size: 22px;
	line-height: 32px;
}

.feedback-modal__dialog.is-feedback-fail .feedback-modal__title {
	color: #cc4242;
}

.feedback-modal__dialog.is-feedback-submitting .forminator-response-message {
	display: none !important;
}

.feedback-modal__dialog.has-feedback-field-errors {
	min-height: 690px;
}

.feedback-modal__dialog.has-feedback-field-errors .forminator-response-message.forminator-error {
	display: none;
}

.feedback-modal__dialog.has-feedback-validation-summary .forminator-response-message.forminator-error {
	display: none;
}

@keyframes feedback-loading-dots {
	0%,
	100% {
		background:
			radial-gradient(circle at 6px 6px, #ffffff 0 5.5px, transparent 6px),
			radial-gradient(circle at 28px 6px, rgba(255, 255, 255, 0.55) 0 5.5px, transparent 6px),
			radial-gradient(circle at 50px 6px, rgba(255, 255, 255, 0.25) 0 5.5px, transparent 6px);
	}

	33% {
		background:
			radial-gradient(circle at 6px 6px, rgba(255, 255, 255, 0.55) 0 5.5px, transparent 6px),
			radial-gradient(circle at 28px 6px, #ffffff 0 5.5px, transparent 6px),
			radial-gradient(circle at 50px 6px, rgba(255, 255, 255, 0.55) 0 5.5px, transparent 6px);
	}

	66% {
		background:
			radial-gradient(circle at 6px 6px, rgba(255, 255, 255, 0.25) 0 5.5px, transparent 6px),
			radial-gradient(circle at 28px 6px, rgba(255, 255, 255, 0.55) 0 5.5px, transparent 6px),
			radial-gradient(circle at 50px 6px, #ffffff 0 5.5px, transparent 6px);
	}
}

@media (max-width: 1399px) {
	:root {
		--header-height: 84px;
		--footer-height: 109px;
		--footer-text-bottom: 60px;
		--hero-stack-height: 309px;
		--home-hero-stage-height: max(100svh, 668px);
	}

	body {
		font-size: 16px;
	}

	.site-header {
		left: 0;
		width: 100%;
		height: 84px;
		align-items: flex-start;
		transform: none;
	}

	.site-header__brand {
		position: absolute;
		top: 18px;
		left: 20px;
		width: 123px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
	}

	.site-header__menu {
		position: absolute;
		top: 16px;
		right: 20px;
		width: 24px;
		height: 24px;
	}

	.site-header__menu::before,
	.site-header__menu-line {
		width: 24px;
		height: 3px;
	}

	.site-header__menu::before {
		top: 10.5px;
	}

	.site-header__menu-line:first-child {
		top: 1.5px;
	}

	.site-header__menu-line:nth-child(2) {
		top: 19.5px;
	}

	.home-hero {
		min-height: var(--home-hero-stage-height);
		padding: 0;
	}

	.home-hero__media {
		background-position: center center;
	}

	.home-hero__media::after {
		background:
			radial-gradient(circle at 58% 25%, rgba(255, 255, 255, 0.08), transparent 32%),
			linear-gradient(180deg, rgba(8, 8, 8, 0.04), rgba(8, 8, 8, 0.2) 66%, rgba(8, 8, 8, 0.08));
	}

	.home-hero__inner {
		top: 195px;
		left: 0;
		width: 100%;
		transform: none;
	}

	.home-hero__title {
		display: block;
		width: 100%;
		height: 206px;
		font-size: 22px;
		line-height: 32px;
	}

	.home-hero__desktop-copy {
		display: none;
	}

	.home-hero__mobile-copy {
		display: grid;
		width: min(335px, calc(100vw - 40px));
		margin-left: 20px;
		gap: 9px;
	}

	.home-hero__line {
		position: static;
		height: auto;
		flex-wrap: wrap;
		gap: 8px 10px;
		white-space: normal;
	}

	.home-hero__mobile-line {
		display: flex;
		height: 34px;
		align-items: center;
		white-space: nowrap;
	}

	.home-hero__line > span:not(.home-hero__keep),
	.home-hero__line > a,
	.home-hero__mobile-line > span:not(.home-hero__keep),
	.home-hero__mobile-line > a {
		display: inline-flex;
		height: 34px;
		align-items: center;
		padding-bottom: 3px;
	}

	.home-hero__keep > .home-hero__pill {
		height: 34px;
	}

	.home-hero__mobile-line:nth-child(3) > span:first-of-type,
	.home-hero__mobile-line:nth-child(5) > span:first-child {
		width: 22px;
		justify-content: center;
	}

	.home-hero__mobile-line:nth-child(4) > span:first-child {
		width: 213px;
	}

	.home-hero__mobile-line .home-hero__punct {
		width: 11px;
		justify-content: center;
		margin-left: 0;
		padding-bottom: 3px;
	}

	.home-hero__line > * + *,
	.home-hero__line > .home-hero__keep + .home-hero__pill,
	.home-hero__line > .home-hero__pill + .home-hero__punct,
	.home-hero__line > .home-hero__punct + .home-hero__pill {
		margin-left: 0;
	}

	.home-hero__pill {
		height: 34px;
		min-height: 34px;
		padding: 0 12px 3px;
	}

	.home-hero__button {
		width: auto;
		max-width: calc(100vw - 40px);
		height: 43px;
		min-height: 43px;
		margin-top: 60px;
		margin-left: 20px;
		padding: 0 30px;
		font-size: 18px;
		line-height: 26px;
	}

	.home-hero__pill:hover,
	.home-hero__pill:focus-visible,
	.home-hero__pill:active {
		color: #ffffff;
	}

	.home-hero__pill:hover::before,
	.home-hero__pill:focus-visible::before,
	.home-hero__pill:active::before {
		border-color: transparent;
		background: rgba(255, 255, 255, 0.5);
	}

	.home-hero__button:hover,
	.home-hero__button:focus-visible,
	.home-hero__button:active {
		border-color: transparent;
		color: #232323;
		background: rgba(255, 255, 255, 0.5);
	}

	.home-hero__meta {
		top: auto;
		right: 20px;
		bottom: var(--footer-text-bottom);
		left: 20px;
		display: block;
		width: auto;
		gap: 0;
		font-size: 12px;
		line-height: 16px;
		transform: none;
	}

	.home-hero__meta span {
		display: block;
	}

	.home-hero__meta span:last-child {
		width: auto;
		margin-top: 8px;
	}

	.tag-cloud-modal__header {
		left: 0;
		width: 100%;
		height: 84px;
		transform: none;
	}

	.tag-cloud-modal__brand {
		position: absolute;
		top: 18px;
		left: 20px;
		width: 123px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
	}

	.tag-cloud-modal__close {
		position: absolute;
		top: 16px;
		right: 20px;
		width: 24px;
		height: 24px;
	}

	.tag-cloud-modal__close-line {
		top: 10px;
		left: 1px;
		width: 22px;
		height: 3px;
	}

	.tag-cloud-modal__body {
		top: 110px;
		left: 20px;
		width: calc(100vw - 40px);
		transform: none;
	}

	.tag-cloud {
		width: 100%;
		gap: 10px;
	}

	.tag-cloud__item {
		height: 34px;
		padding: 0 10px 3px;
		font-size: 22px;
		line-height: 32px;
	}

	.tag-cloud__item:hover,
	.tag-cloud__item:focus-visible,
	.tag-cloud__item:active {
		border-color: #232323;
		color: #232323;
		background: #dde5eb;
	}

	.tag-cloud__label--desktop {
		display: none;
	}

	.tag-cloud__label--mobile {
		display: block;
	}

	.tag-cloud-modal__cta {
		width: max-content;
		min-width: 202px;
		max-width: 100%;
		height: 43px;
		margin-top: 60px;
		padding: 0 30px 2px;
		font-size: 18px;
		line-height: 26px;
	}

	.tag-cloud-modal__cta:hover,
	.tag-cloud-modal__cta:focus-visible,
	.tag-cloud-modal__cta:active {
		border-color: transparent;
		color: #ffffff;
		background: #787e84;
	}

	.tag-cloud-modal__footer {
		top: calc(100svh - 109px);
		right: 20px;
		bottom: auto;
		left: 20px;
		display: block;
		width: auto;
		font-size: 12px;
		line-height: 16px;
		transform: none;
	}

	.tag-cloud-modal__footer span {
		display: block;
	}

	.tag-cloud-modal__footer span:last-child {
		width: auto;
		margin-top: 8px;
	}

	.feedback-modal {
		align-items: flex-start;
		padding: 0;
		background: transparent;
	}

	.admin-bar .feedback-modal {
		top: 46px;
	}

	.feedback-modal__dialog {
		width: 100%;
		max-width: none;
		flex-basis: 100%;
		min-height: 100svh;
		margin-top: 0;
		padding: 25px 20px 30px;
		border: 0;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.5);
		box-shadow: none;
		-webkit-backdrop-filter: blur(50px) saturate(150%);
		backdrop-filter: blur(50px) saturate(150%);
	}

	.feedback-modal__dialog.is-feedback-response {
		min-height: 100svh;
		transform: none;
	}

	.feedback-modal__dialog.has-feedback-field-errors {
		min-height: 100svh;
	}

	.feedback-modal__dialog.is-feedback-response .forminator-response-message {
		max-width: 335px;
		font-size: 16px;
		line-height: 22px;
	}

	.feedback-modal__header {
		height: 16px;
		margin-bottom: 40px;
	}

	.feedback-modal__title {
		font-size: 22px;
		line-height: 32px;
	}

	.feedback-modal__close {
		width: 16px;
		height: 16px;
		flex-basis: 16px;
	}

	.feedback-modal__close-line {
		top: 7px;
		left: -2px;
		width: 20px;
		height: 2px;
	}

	.feedback-form-preview__field {
		margin-bottom: 30px;
	}

	.feedback-form-preview__field:nth-of-type(3) {
		margin-bottom: 30px;
	}

	.feedback-form-preview__field label,
	.feedback-modal .forminator-label {
		margin-bottom: 10px;
		padding-left: 15px;
		font-size: 16px;
		height: 12px;
		line-height: 12px;
	}

	.feedback-form-preview__field input,
	.feedback-form-preview__field textarea,
	.feedback-modal .forminator-input,
	.feedback-modal .forminator-textarea {
		height: 42px;
		min-height: 42px;
		padding: 0 15px;
		border-radius: 20px;
		font-size: 16px;
		line-height: 22px;
	}

	.feedback-form-preview__field textarea,
	.feedback-modal .forminator-textarea {
		height: 90px;
		min-height: 90px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.feedback-form-preview__submit,
	.feedback-modal .forminator-button-submit {
		width: 179px;
		height: 43px;
		min-height: 43px;
		padding: 0 30px;
		font-size: 18px;
		line-height: 26px;
	}

	.feedback-form-preview__submit:not(.is-feedback-loading):hover,
	.feedback-form-preview__submit:not(.is-feedback-loading):focus-visible,
	.feedback-form-preview__submit:not(.is-feedback-loading):active,
	.feedback-modal .forminator-button-submit:not(.is-feedback-loading):hover,
	.feedback-modal .forminator-button-submit:not(.is-feedback-loading):focus-visible,
	.feedback-modal .forminator-button-submit:not(.is-feedback-loading):active {
		border-color: transparent;
		color: #ffffff;
		background: #787e84;
	}

	.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row {
		margin-bottom: 30px;
	}

	.feedback-modal .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row.forminator-row-last {
		margin: 30px 0 0;
	}

	.feedback-modal .forminator-error-message {
		margin-left: 15px;
		font-size: 12px;
		line-height: 16px;
	}

	.feedback-modal .forminator-response-message {
		font-size: 16px;
		line-height: 22px;
	}

	.post-type-archive-work .site-header:not([data-header-layout]),
	.tax-work_tag .site-header:not([data-header-layout]),
	.single-work .site-header:not([data-header-layout]) {
		width: 100%;
	}

	.work-list-page__inner,
	.work-single__inner {
		width: calc(100vw - 40px);
		padding-top: 110px;
	}

	.work-list-page__header {
		margin-bottom: 40px;
	}

	.work-list-page__tag {
		height: 34px;
		padding: 0 10px 3px;
		font-size: 22px;
		line-height: 32px;
	}

	.work-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.work-card__image {
		width: 100%;
		height: auto;
		border-bottom-right-radius: 52px;
		aspect-ratio: 335 / 230;
	}

	.work-card__body {
		margin-top: 20px;
	}

	.work-card__title {
		font-size: 18px;
		line-height: 26px;
	}

	.work-single__header {
		width: 100%;
		margin-bottom: 45px;
	}

	.work-single__tags {
		gap: 8px;
		margin-bottom: 30px;
	}

	.work-single__tags a {
		height: 20px;
		padding: 0 9px 2px;
		font-size: 12px;
		line-height: 16px;
	}

	.work-single__tags a:hover,
	.work-single__tags a:focus-visible,
	.work-single__tags a:active {
		border-color: #232323;
		color: #232323;
		background: #dde5eb;
	}

	.work-single__header h1 {
		font-size: 22px;
		line-height: 32px;
	}

	.work-single__content,
	.work-single__content figure {
		width: 100%;
	}

	.work-single__content {
		font-size: 16px;
		line-height: 22px;
	}

	.work-single__content p {
		width: 100%;
	}

	.work-single__content p + figure {
		margin-top: 45px;
	}

	.work-single__content p + p {
		margin-top: 15px;
	}

	.work-single__content figure {
		margin-bottom: 15px;
	}

	.work-single__content img {
		width: 100%;
	}

	.work-single__cta {
		display: block;
		margin-top: 70px;
	}

	.work-single__cta h2 {
		margin-bottom: 14px;
		font-size: 18px;
		line-height: 26px;
	}

	.work-single__cta-button {
		width: min(100%, 270px);
		height: 43px;
		padding: 0 30px;
		font-size: 18px;
		line-height: 26px;
	}

	.work-single__cta-button:hover,
	.work-single__cta-button:focus-visible,
	.work-single__cta-button:active {
		border-color: transparent;
		color: #ffffff;
		background: #787e84;
	}

	.work-page-footer {
		display: block;
		margin-top: 140px;
		padding-bottom: 60px;
		font-size: 12px;
		line-height: 16px;
	}

	.work-page-footer span {
		display: block;
	}

	.work-page-footer span:last-child {
		width: auto;
		margin-top: 8px;
	}

	.error-page__media {
		background-position: center center;
		background-size: auto 100%;
	}

	.error-page__content {
		top: max(20px, calc((100svh - 238px) / 2 - 44px));
		left: 20px;
		width: calc(100vw - 40px);
		gap: 37px;
		transform: none;
	}

	.error-page__stack {
		gap: 35px;
	}

	.error-page__code {
		font-size: 140px;
		line-height: 101px;
	}

	.error-page__message,
	.error-page__link {
		font-size: 18px;
		line-height: 26px;
	}
}

@media (min-width: 760px) and (max-width: 1399px) {
	:root {
		--header-height: 140.38px;
		--footer-height: 281.24px;
		--hero-stack-height: 520.46px;
		--footer-text-bottom: 100px;
		--home-hero-stage-height: max(100svh, 1104px);
	}

	body.home .site-header,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) {
		left: 50%;
		width: min(724px, calc(100vw - 80px));
		height: 140.38px;
		transform: translateX(-50%);
	}

	body.home .site-header__brand,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__brand {
		top: 103.37px;
		left: 0;
		width: 206.97px;
		height: 33.65px;
		font-size: 33.65px;
		line-height: 33.65px;
	}

	body.home .site-header__menu,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu {
		top: 100px;
		right: 0;
		width: 40.38px;
		height: 40.38px;
	}

	body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu::before,
	body.home .site-header__menu-line,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu-line {
		width: 40.38px;
		height: 5.05px;
	}

	body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu::before {
		top: 17.67px;
	}

	body.home .site-header__menu-line:first-child,
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu-line:first-child {
		top: 2.52px;
	}

	body.home .site-header__menu-line:nth-child(2),
	html[data-work-layout="aligned"] body .site-header:where([data-header-layout]) .site-header__menu-line:nth-child(2) {
		top: 32.82px;
	}

	.home-hero__inner {
		top: 352.34px;
	}

	.home-hero__title {
		height: 347.02px;
		font-size: 37.02px;
		line-height: 53.85px;
	}

	.home-hero__mobile-copy {
		width: min(724px, calc(100vw - 80px));
		margin-right: auto;
		margin-left: auto;
		gap: 15.14px;
	}

	.home-hero__mobile-line {
		height: 57.29px;
	}

	.home-hero__line > span:not(.home-hero__keep),
	.home-hero__line > a,
	.home-hero__mobile-line > span:not(.home-hero__keep),
	.home-hero__mobile-line > a {
		height: 57.29px;
		padding-bottom: 5.05px;
	}

	.home-hero__keep > .home-hero__pill {
		height: 57.29px;
	}

	.home-hero__mobile-line:nth-child(3) > span:first-of-type,
	.home-hero__mobile-line:nth-child(5) > span:first-child {
		width: 36.46px;
	}

	.home-hero__mobile-line:nth-child(4) > span:first-child {
		width: 358.73px;
	}

	.home-hero__mobile-line .home-hero__punct {
		width: 18.73px;
		padding-bottom: 5.05px;
	}

	.home-hero__pill {
		height: 57.29px;
		min-height: 57.29px;
		padding: 0 20.19px 5.05px;
	}

	.home-hero__button {
		width: auto;
		max-width: min(724px, calc(100vw - 80px));
		height: 72.48px;
		min-height: 72.48px;
		margin-top: 100.96px;
		margin-right: auto;
		margin-left: calc((100vw - min(724px, calc(100vw - 80px))) / 2);
		padding: 0 50.48px;
		font-size: 30.29px;
		line-height: 43.75px;
	}

	.home-hero__meta {
		top: auto;
		right: auto;
		bottom: var(--footer-text-bottom);
		left: calc((100vw - min(724px, calc(100vw - 80px))) / 2);
		width: min(724px, calc(100vw - 80px));
		font-size: 20.19px;
		line-height: 26.92px;
	}

	.home-hero__meta span:last-child {
		margin-top: 13.32px;
	}
}

@media (max-width: 1599px) {
	html[data-home-layout="fluid"] body.home .home-hero {
		min-height: var(--home-fluid-stage-height, var(--home-hero-stage-height));
	}

	html[data-home-layout="fluid"] .post-type-archive-work,
	html[data-home-layout="fluid"] .tax-work_tag,
	html[data-home-layout="fluid"] .single-work {
		--work-fluid-page-width: var(--home-fluid-content-width, min(335px, calc(100vw - 40px)));
		--work-fluid-text-width: var(--home-fluid-text-width, var(--work-fluid-page-width));
		--work-content-top: var(
			--home-work-content-top,
			max(
				154px,
				calc(var(--home-brand-top, 18px) + var(--home-brand-height, 20px) + 52px)
			)
		);
	}

	html[data-home-layout="fluid"] .work-list-page__inner,
	html[data-home-layout="fluid"] .work-single__inner {
		width: var(--work-fluid-page-width);
		padding-top: var(--work-content-top);
	}

	html[data-home-layout="fluid"] .work-grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 335px), 1fr));
		gap: var(--work-grid-gap, clamp(40px, calc(var(--work-fluid-page-width) - 670px), 54px));
	}

	html[data-home-layout="fluid"] .work-card__image {
		width: 100%;
		height: auto;
		border-bottom-right-radius: clamp(52px, 7.18vw, 90px);
		aspect-ratio: 335 / 230;
	}

	html[data-home-layout="fluid"] .work-page-footer {
		width: var(--work-fluid-page-width);
	}

	html[data-home-layout="fluid"] body.home .site-header,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] {
		left: 0;
		width: 100%;
		height: var(--home-header-height, 84px);
		align-items: flex-start;
		transform: none;
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]),
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]),
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]),
	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__header {
		left: 0;
		width: 100%;
		height: var(--home-header-height, 84px);
		align-items: flex-start;
		transform: none;
	}

	html[data-home-layout="fluid"] body.home .site-header__brand,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__brand {
		position: absolute;
		top: var(--home-brand-top, 18px);
		left: var(--home-fluid-gutter, 20px);
		width: var(--home-brand-width, 123px);
		height: var(--home-brand-height, 20px);
		font-size: var(--home-brand-font-size, 20px);
		line-height: var(--home-brand-line-height, 20px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__brand,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__brand,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__brand,
	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__brand {
		position: absolute;
		top: var(--home-brand-top, 18px);
		left: var(--home-fluid-gutter, 20px);
		width: var(--home-brand-width, 123px);
		height: var(--home-brand-height, 20px);
		font-size: var(--home-brand-font-size, 20px);
		line-height: var(--home-brand-line-height, 20px);
	}

	html[data-home-layout="fluid"] body.home .site-header__menu,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu {
		position: absolute;
		top: var(--home-menu-top, 16px);
		right: calc(var(--home-fluid-gutter, 20px) - (100vw - 100%));
		width: var(--home-menu-size, 24px);
		height: var(--home-menu-size, 24px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu,
	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__close {
		position: absolute;
		top: var(--home-menu-top, 16px);
		right: calc(var(--home-fluid-gutter, 20px) - (100vw - 100%));
		width: var(--home-menu-size, 24px);
		height: var(--home-menu-size, 24px);
	}

	html[data-home-layout="fluid"] body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu::before,
	html[data-home-layout="fluid"] body.home .site-header__menu-line,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu-line {
		width: var(--home-menu-size, 24px);
		height: var(--home-menu-line-height, 3px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu::before,
	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu-line,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu::before,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu-line,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu::before,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu-line {
		width: var(--home-menu-size, 24px);
		height: var(--home-menu-line-height, 3px);
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__close-line {
		top: calc((var(--home-menu-size, 24px) - var(--home-menu-line-height, 3px)) / 2);
		left: calc(var(--home-menu-line-height, 3px) / 2);
		width: calc(var(--home-menu-size, 24px) - var(--home-menu-line-height, 3px));
		height: var(--home-menu-line-height, 3px);
	}

	html[data-home-layout="fluid"] body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu::before {
		top: var(--home-menu-mid-top, 10.5px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu::before,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu::before,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu::before {
		top: var(--home-menu-mid-top, 10.5px);
	}

	html[data-home-layout="fluid"] body.home .site-header__menu-line:first-child,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu-line:first-child {
		top: var(--home-menu-first-top, 1.5px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu-line:first-child,
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu-line:first-child,
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu-line:first-child {
		top: var(--home-menu-first-top, 1.5px);
	}

	html[data-home-layout="fluid"] body.home .site-header__menu-line:nth-child(2),
	html[data-work-layout="aligned"] body .site-header[data-header-layout="fluid"] .site-header__menu-line:nth-child(2) {
		top: var(--home-menu-second-top, 19.5px);
	}

	html[data-home-layout="fluid"] .post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu-line:nth-child(2),
	html[data-home-layout="fluid"] .tax-work_tag .site-header:not([data-header-layout]) .site-header__menu-line:nth-child(2),
	html[data-home-layout="fluid"] .single-work .site-header:not([data-header-layout]) .site-header__menu-line:nth-child(2) {
		top: var(--home-menu-second-top, 19.5px);
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__body {
		top: calc(var(--home-header-height, 84px) + clamp(70px, 9.77vw, 100px));
		left: var(--home-fluid-gutter, 20px);
		width: var(--home-fluid-content-width, min(335px, calc(100vw - 40px)));
		transform: none;
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud {
		width: 100%;
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__footer {
		right: var(--home-fluid-gutter, 20px);
		left: var(--home-fluid-gutter, 20px);
		display: block;
		width: auto;
		gap: 0;
		transform: none;
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__footer span {
		display: block;
	}

	.tag-cloud-modal[data-menu-layout="fluid"] .tag-cloud-modal__footer span:last-child {
		width: auto;
		margin-top: var(--home-meta-gap, 8px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__inner {
		top: var(--home-inner-top, 195px);
		left: 0;
		width: 100%;
		transform: none;
	}

	html[data-home-layout="fluid"] body.home .home-hero__title {
		display: block;
		width: 100%;
		height: var(--home-title-height, 206px);
		font-size: var(--home-title-font-size, 22px);
		line-height: var(--home-title-line-height, 32px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__desktop-copy {
		display: none;
	}

	html[data-home-layout="fluid"] body.home .home-hero__mobile-copy {
		display: grid;
		width: var(--home-fluid-content-width, min(335px, calc(100vw - 40px)));
		margin-right: auto;
		margin-left: var(--home-fluid-gutter, 20px);
		gap: var(--home-title-gap, 9px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__line {
		position: static;
		height: auto;
		flex-wrap: wrap;
		gap: 8px 10px;
		white-space: normal;
	}

	html[data-home-layout="fluid"] body.home .home-hero__mobile-line {
		display: flex;
		height: var(--home-line-height, 34px);
		align-items: center;
		white-space: nowrap;
	}

	html[data-home-layout="fluid"] body.home .home-hero__line > span:not(.home-hero__keep),
	html[data-home-layout="fluid"] body.home .home-hero__line > a,
	html[data-home-layout="fluid"] body.home .home-hero__mobile-line > span:not(.home-hero__keep),
	html[data-home-layout="fluid"] body.home .home-hero__mobile-line > a {
		display: inline-flex;
		height: var(--home-line-height, 34px);
		align-items: center;
		padding-bottom: var(--home-pill-pad-bottom, 3px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__keep > .home-hero__pill {
		height: var(--home-pill-height, 34px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__mobile-line:nth-child(3) > span:first-of-type,
	html[data-home-layout="fluid"] body.home .home-hero__mobile-line:nth-child(5) > span:first-child {
		width: var(--home-line-narrow-width, 22px);
		justify-content: center;
	}

	html[data-home-layout="fluid"] body.home .home-hero__mobile-line:nth-child(4) > span:first-child {
		width: var(--home-line-long-width, 213px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__mobile-line .home-hero__punct {
		width: var(--home-punct-width, 11px);
		justify-content: center;
		margin-left: 0;
		padding-bottom: var(--home-pill-pad-bottom, 3px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__line > * + *,
	html[data-home-layout="fluid"] body.home .home-hero__line > .home-hero__keep + .home-hero__pill,
	html[data-home-layout="fluid"] body.home .home-hero__line > .home-hero__pill + .home-hero__punct,
	html[data-home-layout="fluid"] body.home .home-hero__line > .home-hero__punct + .home-hero__pill {
		margin-left: 0;
	}

	html[data-home-layout="fluid"] body.home .home-hero__pill {
		height: var(--home-pill-height, 34px);
		min-height: var(--home-pill-height, 34px);
		padding: 0 var(--home-pill-pad-x, 12px) var(--home-pill-pad-bottom, 3px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__button {
		max-width: var(--home-fluid-content-width, calc(100vw - 40px));
		height: var(--home-button-height, 43px);
		min-height: var(--home-button-height, 43px);
		margin-top: var(--home-button-margin-top, 60px);
		margin-left: var(--home-fluid-gutter, 20px);
		padding: 0 var(--home-button-pad-x, 30px);
		font-size: var(--home-button-font-size, 18px);
		line-height: var(--home-button-line-height, 26px);
	}

	html[data-home-layout="fluid"] body.home .home-hero__meta {
		top: auto;
		right: var(--home-fluid-gutter, 20px);
		bottom: var(--home-footer-bottom, 60px);
		left: var(--home-fluid-gutter, 20px);
		display: block;
		width: auto;
		gap: 0;
		font-size: var(--home-meta-font-size, 12px);
		line-height: var(--home-meta-line-height, 16px);
		transform: none;
	}

	html[data-home-layout="fluid"] body.home .home-hero__meta span {
		display: block;
	}

	html[data-home-layout="fluid"] body.home .home-hero__meta span:last-child {
		width: auto;
		margin-top: var(--home-meta-gap, 8px);
	}
}

@media (min-width: 1090px) and (max-width: 1599px) {
	html[data-home-layout="compact-desktop"],
	.tag-cloud-modal[data-menu-layout="compact-desktop"] {
		--header-height: 115px;
		--footer-height: 160px;
		--footer-text-bottom: 67px;
		--hero-stack-height: 418px;
		--home-hero-stage-height: max(100svh, 760px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"],
	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__header {
		left: 0;
		width: 100%;
		height: var(--home-header-height, 140.38px);
		align-items: flex-start;
		transform: none;
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__brand,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__brand,
	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__brand {
		position: absolute;
		top: var(--home-brand-top, 103.37px);
		left: var(--home-fluid-gutter, 150px);
		width: var(--home-brand-width, 206.97px);
		height: var(--home-brand-height, 33.65px);
		font-size: var(--home-brand-font-size, 33.65px);
		line-height: var(--home-brand-line-height, 33.65px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__menu,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu,
	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__close {
		position: absolute;
		top: var(--home-menu-top, 100px);
		right: calc(var(--home-fluid-gutter, 150px) - (100vw - 100%));
		width: var(--home-menu-size, 40.38px);
		height: var(--home-menu-size, 40.38px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu::before,
	html[data-home-layout="compact-desktop"] body.home .site-header__menu-line,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu-line {
		width: var(--home-menu-size, 40.38px);
		height: var(--home-menu-line-height, 5.05px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__menu::before,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu::before {
		top: var(--home-menu-mid-top, 17.67px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__menu-line:first-child,
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu-line:first-child {
		top: var(--home-menu-first-top, 2.52px);
	}

	html[data-home-layout="compact-desktop"] body.home .site-header__menu-line:nth-child(2),
	html[data-work-layout="aligned"] body .site-header[data-header-layout="compact-desktop"] .site-header__menu-line:nth-child(2) {
		top: var(--home-menu-second-top, 32.82px);
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__close-line {
		top: calc((var(--home-menu-size, 40.38px) - var(--home-menu-line-height, 5.05px)) / 2);
		left: calc(var(--home-menu-line-height, 5.05px) / 2);
		width: calc(var(--home-menu-size, 40.38px) - var(--home-menu-line-height, 5.05px));
		height: var(--home-menu-line-height, 5.05px);
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__body {
		top: calc(var(--home-header-height, 140.38px) + clamp(70px, 9.77vw, 100px));
		left: var(--home-fluid-gutter, 150px);
		width: var(--home-fluid-content-width, 724px);
		transform: none;
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud {
		width: 100%;
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__footer {
		right: var(--home-fluid-gutter, 150px);
		left: var(--home-fluid-gutter, 150px);
		display: block;
		width: auto;
		gap: 0;
		transform: none;
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__footer span {
		display: block;
	}

	.tag-cloud-modal[data-menu-layout="compact-desktop"] .tag-cloud-modal__footer span:last-child {
		width: auto;
		margin-top: var(--home-meta-gap, 13.32px);
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__media {
		background-position: center top;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__inner {
		top: max(
			var(--header-height),
			calc(
				var(--header-height) +
				((var(--home-hero-stage-height) - var(--header-height) - var(--footer-height) - var(--hero-stack-height)) / 2)
			)
		);
		left: var(--home-fluid-gutter, 100px);
		width: var(--home-fluid-content-width, calc(100vw - 200px));
		transform: none;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__title {
		display: block;
		width: 813px;
		height: 290px;
		font-size: 42px;
		line-height: 57px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__desktop-copy {
		display: block;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__mobile-copy {
		display: none;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line {
		position: absolute;
		height: 65px;
		flex-wrap: nowrap;
		gap: normal;
		white-space: nowrap;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line > span:not(.home-hero__keep),
	html[data-home-layout="compact-desktop"] body.home .home-hero__line > a {
		height: 65px;
		padding-bottom: 5px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line > * + * {
		margin-left: 20px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line > .home-hero__keep + .home-hero__pill {
		margin-left: 10px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line > .home-hero__pill + .home-hero__punct {
		margin-left: 5px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__line > .home-hero__punct + .home-hero__pill {
		margin-left: 10px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__keep > .home-hero__pill,
	html[data-home-layout="compact-desktop"] body.home .home-hero__pill {
		height: 65px;
		min-height: 0;
		padding: 0 20px 5px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__button {
		width: auto;
		max-width: 100%;
		height: 78px;
		min-height: 78px;
		margin-top: 50px;
		margin-left: 0;
		padding: 0 36px;
		font-size: 32px;
		line-height: 45px;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__meta {
		top: auto;
		right: auto;
		bottom: var(--footer-text-bottom);
		left: var(--home-fluid-gutter, 100px);
		display: flex;
		width: var(--home-fluid-content-width, calc(100vw - 200px));
		gap: 24px;
		font-size: 14px;
		line-height: 18px;
		transform: none;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__meta span {
		display: block;
	}

	html[data-home-layout="compact-desktop"] body.home .home-hero__meta span:last-child {
		width: 532px;
		margin-top: 0;
	}
}

@media (min-width: 1025px) and (max-width: 1599px) {
	html[data-home-layout="fluid"] .work-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 760px) and (max-width: 1599px) {
	.post-type-archive-work,
	.tax-work_tag,
	.single-work {
		--work-fluid-page-width: min(1400px, calc(100vw - clamp(80px, 12.5vw, 200px)));
		--work-fluid-text-width: min(800px, var(--work-fluid-page-width));
	}

	.post-type-archive-work .site-header:not([data-header-layout]),
	.tax-work_tag .site-header:not([data-header-layout]),
	.single-work .site-header:not([data-header-layout]) {
		left: 50%;
		width: var(--work-fluid-page-width);
		transform: translateX(-50%);
	}

	.work-list-page__inner,
	.work-single__inner {
		width: var(--work-fluid-page-width);
		padding-top: var(--work-content-top, 215px);
	}

	.work-list-page__header {
		margin-bottom: 50px;
	}

	.work-list-page__tag {
		height: 62px;
		padding: 0 18px 5px;
		font-size: 37px;
		line-height: 50.542px;
	}

	.work-grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
		gap: clamp(40px, 5.625vw, 90px);
	}

	.work-card__image {
		width: 100%;
		height: auto;
		border-bottom-right-radius: clamp(52px, 5.625vw, 90px);
		aspect-ratio: 655 / 450;
	}

	.work-single__header {
		width: var(--work-fluid-text-width);
		margin-bottom: 50px;
	}

	.work-single__tags {
		gap: 10px;
		margin-bottom: 30px;
	}

	.work-single__tags a {
		height: 24px;
		padding: 0 13px 2px;
		font-size: 14px;
		line-height: 18px;
	}

	.work-single__header h1 {
		font-size: 32px;
		line-height: 45px;
	}

	.work-single__content,
	.work-single__content figure {
		width: var(--work-fluid-page-width);
	}

	.work-single__content {
		font-size: 18px;
		line-height: 26px;
	}

	.work-single__content p {
		width: var(--work-fluid-text-width);
	}

	.work-single__content p + figure {
		margin-top: 50px;
	}

	.work-single__content p + p {
		margin-top: 20px;
	}

	.work-single__content figure {
		margin-bottom: 20px;
	}

	.work-single__content img {
		width: 100%;
	}
}

@media (min-width: 760px) and (max-width: 1399px) {
	.post-type-archive-work .site-header:not([data-header-layout]),
	.tax-work_tag .site-header:not([data-header-layout]),
	.single-work .site-header:not([data-header-layout]) {
		height: 84px;
		align-items: flex-start;
	}

	.post-type-archive-work .site-header:not([data-header-layout]) .site-header__brand,
	.tax-work_tag .site-header:not([data-header-layout]) .site-header__brand,
	.single-work .site-header:not([data-header-layout]) .site-header__brand {
		position: absolute;
		top: 18px;
		left: 0;
	}

	.post-type-archive-work .site-header:not([data-header-layout]) .site-header__menu,
	.tax-work_tag .site-header:not([data-header-layout]) .site-header__menu,
	.single-work .site-header:not([data-header-layout]) .site-header__menu {
		position: absolute;
		top: 16px;
		right: 0;
	}
}

/* Work-page bounds. Headers with responsive state share the homepage rules. */
html[data-work-layout="aligned"] body:not(.home) .site-header:not([data-header-layout]) {
	left: var(--work-page-left);
	right: auto;
	width: var(--work-page-width);
	transform: none;
}

html[data-work-layout="aligned"] body:not(.home) .site-header:not([data-header-layout]) .site-header__brand {
	left: 0;
}

html[data-work-layout="aligned"] body:not(.home) .site-header:not([data-header-layout]) .site-header__menu {
	right: 0;
}

html[data-work-layout="aligned"] .work-list-page__inner,
html[data-work-layout="aligned"] .work-single__inner {
	width: var(--work-page-width);
	margin-left: var(--work-page-left);
	margin-right: 0;
}

html[data-work-layout="aligned"] .work-single__content,
html[data-work-layout="aligned"] .work-single__content figure,
html[data-work-layout="aligned"] .work-single__content img,
html[data-work-layout="aligned"] .work-page-footer {
	width: 100%;
}

html[data-work-layout="aligned"] .work-single__header,
html[data-work-layout="aligned"] .work-single__content p {
	max-width: 100%;
}

@media (min-width: 1600px) {
	html[data-work-layout="aligned"] .work-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html[data-work-layout="aligned"] .work-card__image {
		width: 100%;
		height: auto;
		aspect-ratio: 655 / 450;
	}
}

/* Layout zoom keeps the footer and scroll height in sync with scaled content.
 * Modals, the admin toolbar and the shared header stay outside this zoom. */
html[data-work-density="compensated"] .site-main {
	zoom: var(--work-fit-scale);
}

html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single {
	min-height: calc(100vh / var(--work-fit-scale));
}

html[data-work-layout="aligned"][data-work-density="compensated"] .work-list-page__inner,
html[data-work-layout="aligned"][data-work-density="compensated"] .work-single__inner {
	width: var(--work-page-width);
	margin-left: var(--work-page-left);
	margin-right: 0;
}

html[data-work-density="compensated"] .work-page-footer span {
	display: block;
	margin-top: 0;
}

/* Compact contact panel; its layout is independent of Forminator's fields. */
.feedback-modal.feedback-modal--contacts {
	align-items: center;
	padding: 20px;
	color: #f7fcff;
}

.feedback-modal--contacts .feedback-modal__dialog {
	width: 460px;
	max-width: calc(100vw - 40px);
	flex: 0 1 460px;
	min-height: 0;
	margin: auto;
	padding: 50px 60px 60px;
	border: 0;
	border-radius: 50px;
	background: #232323;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.feedback-modal--contacts .feedback-modal__header {
	height: auto;
	gap: 20px;
	margin-bottom: 10px;
}

.feedback-modal--contacts .feedback-modal__title {
	font-size: 32px;
	line-height: 45px;
	color: inherit;
}

.feedback-modal--contacts .feedback-modal__close {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	color: inherit;
}

.feedback-modal--contacts .feedback-modal__close-line {
	width: 24px;
	height: 2px;
	top: 11px;
	left: 0;
	background: currentColor;
}

.feedback-modal__annotation {
	margin: 0;
	font-size: 18px;
	line-height: 26px;
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.feedback-modal__contacts {
	display: flex;
	flex-wrap: nowrap;
	gap: 40px;
	margin: 60px 0 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
	scrollbar-color: #929292 #232323;
}

.feedback-modal__contacts li {
	flex: 0 0 auto;
}

.feedback-modal__contact {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.feedback-modal__contact img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.feedback-modal__contact .feedback-modal__contact-hover {
	position: absolute;
	inset: 0;
	opacity: 0;
}

@media (hover: hover) {
	.feedback-modal__contact--has-hover:hover .feedback-modal__contact-image {
		opacity: 0;
	}

	.feedback-modal__contact--has-hover:hover .feedback-modal__contact-hover {
		opacity: 1;
	}
}

.feedback-modal__contact--has-hover:focus-visible .feedback-modal__contact-image {
	opacity: 0;
}

.feedback-modal__contact--has-hover:focus-visible .feedback-modal__contact-hover {
	opacity: 1;
}

.feedback-modal__contact:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -3px;
}

.feedback-modal--contacts .feedback-modal__close:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 5px;
}

@media (max-width: 600px) {
	.feedback-modal.feedback-modal--contacts {
		padding: 0;
	}

	.feedback-modal--contacts .feedback-modal__dialog {
		width: 100%;
		max-width: none;
		flex-basis: 100%;
		padding: 40px 30px 70px;
		border-radius: 0;
	}

	.feedback-modal--contacts .feedback-modal__header {
		margin-bottom: 8px;
	}

	.feedback-modal--contacts .feedback-modal__title {
		font-size: 24px;
		line-height: 33px;
	}

	.feedback-modal--contacts .feedback-modal__close {
		width: 16px;
		height: 16px;
		flex-basis: 16px;
	}

	.feedback-modal--contacts .feedback-modal__close-line {
		width: 20px;
		top: 7px;
		left: -2px;
	}

	.feedback-modal__annotation {
		font-size: 16px;
		line-height: 22px;
	}

	.feedback-modal__contacts {
		gap: 30px;
		margin-top: 36px;
	}

	.feedback-modal__contact {
		width: 60px;
		height: 60px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-hero__canvas,
	.error-page__canvas {
		display: none;
	}

	.button,
	.home-hero__pill,
	.work-card__image,
	.work-card__title,
	.work-single__tags a,
	.work-single__cta-button,
	.tag-cloud__item,
	.tag-cloud-modal__cta,
	.feedback-form-preview__field input,
	.feedback-form-preview__field textarea,
	.feedback-form-preview__submit,
	.feedback-modal .forminator-input,
	.feedback-modal .forminator-textarea,
	.feedback-modal .forminator-button-submit {
		transition: none;
	}
}
