/*
Theme Name: qbits9
Theme URI: https://example.com/qbits9
Author: qbits9
Author URI: https://example.com
Description: A clean, responsive custom WordPress theme built for qbits9.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qbits9
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');

@font-face {
	font-display: swap;
	font-family: "Gilroy Medium";
	font-style: normal;
	font-weight: 500;
	src: local("Gilroy Medium"), local("Gilroy-Medium"), local("Gilroy"), local("Gilory Medium"), local("Gilory-Medium");
}

@font-face {
	font-display: swap;
	font-family: "Qbits9 Menu Font";
	font-style: normal;
	font-weight: 100;
	src: url("assets/fonts/gotham-medium.otf") format("opentype");
}

:root {
	--qbits9-bg: #f7f8f4;
	--qbits9-surface: #ffffff;
	--qbits9-surface-soft: #eef4ef;
	--qbits9-text: #17201b;
	--qbits9-muted: #5e6d65;
	--qbits9-primary: #0d6b57;
	--qbits9-primary-dark: #06483a;
	--qbits9-accent: #d9a441;
	--qbits9-border: #d9e1dc;
	--qbits9-shadow: 0 18px 50px rgba(23, 32, 27, 0.08);
	--qbits9-radius: 8px;
	--qbits9-content: 1180px;
	--qbits9-display-font: "Italiana", Georgia, "Times New Roman", serif;
	--qbits9-menu-font: "DM Sans", "Qbits9 Menu Font", "Gotham Medium", "Gotham", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--qbits9-home-two-font: "Gilroy Medium", "Gilroy", "Gilory Medium", "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html {
	scroll-behavior: smooth;
}

html:has(body.qbits9-home-template-two.qbits9-home-two-detail-template) {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

html:has(body.qbits9-home-template-two.qbits9-home-two-detail-template)::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

body {
	margin: 0;
	background: var(--qbits9-bg);
	color: var(--qbits9-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.7;
}

a {
	color: var(--qbits9-primary);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

a:hover,
a:focus {
	color: var(--qbits9-primary-dark);
}

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

button,
input,
select,
textarea {
	font: inherit;
}

input[type="search"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
	width: 100%;
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	background: #fff;
	color: var(--qbits9-text);
	padding: 0.76rem 0.88rem;
}

div.wpforms-container-full .wpforms-form textarea,
.wpforms-container .wpforms-form .wpforms-field-label {
	color: #fff !important;
}

.wpforms-confirmation-container-full P {
	color: #000 !important;
}

.wpforms-submit {
	background-color: #fff !important;
	color: #000 !important;
}

.page-template-client-gallery .qbits9-logo-frame__image,
.page-template-contact-us .qbits9-logo-frame__image,
.page-template-about-us .qbits9-logo-frame__image {
	width: 100% !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-text-fill-color: var(--qbits9-text);
	transition: background-color 9999s ease-out 0s;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--qbits9-radius);
	background: var(--qbits9-primary);
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.78rem 1rem;
	text-decoration: none;
	transition: background-color 160ms ease, transform 160ms ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
	background: var(--qbits9-primary-dark);
	color: #fff;
	transform: translateY(-1px);
}

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

.skip-link {
	position: absolute;
	left: 1rem;
	top: 1rem;
	z-index: 999;
	transform: translateY(-160%);
}

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

.site-header {
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid var(--qbits9-border);
	position: sticky;
	top: 0;
	z-index: 20;
}

.site-header__inner,
.site-content,
.site-footer__inner {
	width: min(100% - 2rem, var(--qbits9-content));
	margin-inline: auto;
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	min-height: 78px;
}

.site-branding {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
}

.custom-logo-link {
	flex: 0 0 auto;
}

.custom-logo {
	max-height: 54px;
	width: auto;
}

.qbits9-logo-frame {
	aspect-ratio: 1813 / 773;
	display: block;
	flex: 0 0 auto;
	overflow: hidden;
	position: relative;
	width: 200px;
}

.page-template-client-gallery .qbits9-logo-frame__image,
.page-template-contact-us .qbits9-logo-frame__image,
.page-template-about-us .qbits9-logo-frame {
	width: 150px !important;
}

.page-template-home .qbits9-logo-frame__image {
	width: 100% !important;
	height: 100%;
	object-fit: contain;
}

.qbits9-logo-frame__image {
	display: block;
	height: auto;
	left: 0;
	max-height: none;
	max-width: none;
	position: absolute;
	top: 0;
	transform: none;
	width: 70%;
}

.site-branding--theme-logo .site-branding__text {
	display: none;
}

.site-title {
	margin: 0;
	font-size: clamp(1.25rem, 2vw, 1.7rem);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.15;
}

.site-title a {
	color: var(--qbits9-text);
	text-decoration: none;
}

.site-description {
	color: var(--qbits9-muted);
	font-size: 0.93rem;
	margin: 0.15rem 0 0;
}

.main-navigation {
	flex: 0 1 auto;
}

.main-navigation ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation a {
	border-radius: var(--qbits9-radius);
	color: var(--qbits9-text);
	display: block;
	font-weight: 700;
	padding: 0.55rem 0.75rem;
	text-decoration: none;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_item>a {
	background: var(--qbits9-surface-soft);
	color: var(--qbits9-primary-dark);
}

.site-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: clamp(1.5rem, 4vw, 3rem);
	padding-block: clamp(2rem, 5vw, 4.5rem);
}

.qbits9-no-sidebar .site-content {
	grid-template-columns: minmax(0, 1fr);
}

.site-main {
	min-width: 0;
}

.page-header,
.archive-header {
	margin-bottom: 1.5rem;
}

.page-title,
.archive-title,
.entry-title {
	color: var(--qbits9-text);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.12;
	margin: 0;
}

.page-title,
.archive-title {
	font-size: clamp(2rem, 5vw, 4.25rem);
	max-width: 850px;
}

.archive-description,
.intro-text {
	color: var(--qbits9-muted);
	max-width: 720px;
}

.home-template {
	display: grid;
	gap: clamp(1.25rem, 4vw, 2rem);
}

.home-blog-hero,
.home-hero,
.home-section {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
}

.home-blog-hero,
.home-section {
	padding: clamp(1.2rem, 4vw, 2.6rem);
}

.home-kicker {
	color: var(--qbits9-primary);
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	margin: 0 0 0.55rem;
	text-transform: uppercase;
}

.home-hero {
	background:
		linear-gradient(135deg, rgba(13, 107, 87, 0.95), rgba(6, 72, 58, 0.92)),
		var(--qbits9-primary-dark);
	color: #fff;
	overflow: hidden;
	padding: clamp(2rem, 7vw, 5rem);
	position: relative;
}

.home-hero::after {
	background: rgba(217, 164, 65, 0.26);
	content: "";
	height: 160px;
	position: absolute;
	right: clamp(1rem, 6vw, 5rem);
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	width: 160px;
}

.home-hero__content {
	max-width: 760px;
	position: relative;
	z-index: 1;
}

.home-hero h1 {
	font-size: clamp(2.4rem, 7vw, 5.8rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.home-hero p {
	color: rgba(255, 255, 255, 0.84);
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	margin: 1rem 0 0;
	max-width: 620px;
}

.home-hero .home-kicker {
	color: var(--qbits9-accent);
}

.home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.4rem;
}

.button--ghost {
	background: rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.button--ghost:hover,
.button--ghost:focus {
	background: rgba(255, 255, 255, 0.2);
}

.home-page-content> :first-child {
	margin-top: 0;
}

.home-page-content> :last-child {
	margin-bottom: 0;
}

.home-feature-grid,
.home-post-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-feature {
	background: var(--qbits9-surface-soft);
	border-radius: var(--qbits9-radius);
	padding: 1.1rem;
}

.home-feature h2 {
	font-size: 1.1rem;
	margin: 0 0 0.45rem;
}

.home-feature p {
	color: var(--qbits9-muted);
	margin: 0;
}

.home-section__heading {
	margin-bottom: 1rem;
}

.home-section__heading h2 {
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	line-height: 1.1;
	margin: 0;
}

.home-post-card {
	background: var(--qbits9-bg);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	overflow: hidden;
}

.home-post-card__image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

.home-post-card__body {
	padding: 1rem;
}

.home-post-card__date {
	color: var(--qbits9-muted);
	font-size: 0.86rem;
	margin: 0 0 0.35rem;
}

.home-post-card h3 {
	font-size: 1.15rem;
	line-height: 1.2;
	margin: 0 0 0.55rem;
}

.home-post-card h3 a {
	color: var(--qbits9-text);
	text-decoration: none;
}

.home-post-card h3 a:hover,
.home-post-card h3 a:focus {
	color: var(--qbits9-primary);
}

.home-post-card p:last-child {
	color: var(--qbits9-muted);
	margin-bottom: 0;
}

.entry {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.entry__image-link {
	display: block;
	background: var(--qbits9-surface-soft);
}

.entry__image,
.post-thumbnail img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.entry-header,
.entry-content,
.entry-footer {
	padding-inline: clamp(1.1rem, 3vw, 2rem);
}

.entry-header {
	padding-top: clamp(1.1rem, 3vw, 2rem);
}

.entry-title {
	font-size: clamp(1.7rem, 3vw, 2.8rem);
}

.entry-title a {
	color: var(--qbits9-text);
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: var(--qbits9-primary);
}

.entry-meta,
.entry-footer {
	color: var(--qbits9-muted);
	font-size: 0.92rem;
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.8rem;
	margin-top: 0.75rem;
}

.entry-content {
	padding-bottom: 1.25rem;
}

.entry-content> :first-child {
	margin-top: 0;
}

.entry-content> :last-child {
	margin-bottom: 0;
}

.entry-footer {
	border-top: 1px solid var(--qbits9-border);
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0.9rem;
	padding-block: 0.95rem;
}

.more-link {
	font-weight: 800;
}

.page-links {
	clear: both;
	margin: 1.5rem 0;
}

.navigation.pagination,
.posts-navigation,
.post-navigation {
	margin: 2rem 0 0;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: space-between;
}

.nav-links a,
.page-numbers {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	color: var(--qbits9-text);
	display: inline-flex;
	font-weight: 700;
	padding: 0.7rem 0.9rem;
	text-decoration: none;
}

.page-numbers.current,
.nav-links a:hover,
.page-numbers:hover {
	background: var(--qbits9-primary);
	border-color: var(--qbits9-primary);
	color: #fff;
}

.widget-area {
	min-width: 0;
}

.widget {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
	margin-bottom: 1rem;
	padding: 1.2rem;
}

.widget-title,
.widget .wp-block-heading {
	font-size: 1rem;
	letter-spacing: 0;
	margin: 0 0 0.8rem;
}

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

.widget li+li {
	border-top: 1px solid var(--qbits9-border);
	margin-top: 0.55rem;
	padding-top: 0.55rem;
}

.search-form {
	display: flex;
	gap: 0.55rem;
}

.search-form label {
	flex: 1 1 auto;
}

.search-submit {
	flex: 0 0 auto;
}

.comments-area {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
	margin-top: 1.5rem;
	padding: clamp(1.1rem, 3vw, 2rem);
}

.comment-list {
	list-style: none;
	margin: 1.5rem 0;
	padding: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 1.25rem;
	padding-left: 1rem;
	border-left: 2px solid var(--qbits9-border);
}

.comment-body {
	border-bottom: 1px solid var(--qbits9-border);
	padding: 1rem 0;
}

.comment-meta {
	color: var(--qbits9-muted);
	font-size: 0.92rem;
}

.comment-form label {
	display: block;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.site-footer {
	background: var(--qbits9-text);
	color: rgba(255, 255, 255, 0.78);
}

.site-footer a {
	color: #fff;
}

.site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	padding-block: 1.5rem;
}

.footer-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-navigation a {
	text-decoration: none;
}

.no-results,
.not-found {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
	padding: clamp(1.25rem, 4vw, 2.5rem);
}

.wp-caption,
.gallery-caption {
	color: var(--qbits9-muted);
	max-width: 100%;
}

.bypostauthor {
	outline: 2px solid var(--qbits9-accent);
	outline-offset: 2px;
}

.alignwide {
	margin-inline: calc(50% - min(50vw - 1rem, var(--qbits9-content) / 2));
	max-width: min(100vw - 2rem, var(--qbits9-content));
	width: auto;
}

.alignfull {
	margin-inline: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

@media (max-width: 900px) {
	.site-header {
		position: static;
	}

	.site-header__inner {
		align-items: flex-start;
		flex-direction: column;
		padding-block: 1rem;
	}

	.main-navigation,
	.main-navigation ul {
		width: 100%;
	}

	.main-navigation a {
		padding-inline: 0.65rem;
	}

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

	.home-feature-grid,
	.home-post-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	body {
		font-size: 16px;
	}

	.site-header__inner,
	.site-content,
	.site-footer__inner {
		width: min(100% - 1rem, var(--qbits9-content));
	}

	.main-navigation ul,
	.search-form,
	.site-footer__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.main-navigation a {
		background: var(--qbits9-surface-soft);
	}

	.search-submit {
		width: 100%;
	}

	.entry-footer,
	.nav-links {
		flex-direction: column;
	}

	.home-hero::after {
		display: none;
	}

	.home-hero__actions {
		flex-direction: column;
	}
}

/* Experimental selectable Home Template. */
body.qbits9-home-page-template {
	background: var(--qbits9-home-bg, #f5f2ea);
	color: var(--qbits9-home-text, #2b70af8c);
	overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {

	body.qbits9-home-page-template,
	body.qbits9-home-page-template * {
		cursor: none;
	}

	.portfolio-cursor {
		background: var(--qbits9-home-link, #2b70af);
		border-radius: 50%;
		height: 11px;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		width: 11px;
		z-index: 9999;
		transition: height 180ms ease, opacity 140ms ease, width 180ms ease;
		will-change: transform, height, width, opacity;
	}

	.portfolio-cursor.is-visible {
		opacity: 1;
	}

	.portfolio-cursor.is-hovering-link {
		height: 22px;
		width: 22px;
	}
}

.qbits9-home-page-template .site {
	overflow: hidden;
}

.qbits9-home-page-template .site-content {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.qbits9-home-page-template .site-footer {
	display: none;
}

.portfolio-header {
	align-items: flex-start;
	background: transparent;
	border: 0;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: clamp(1rem, 2.6vw, 2rem);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 60;
}

.admin-bar .portfolio-header {
	top: 32px;
}

.portfolio-logo,
.portfolio-menu-button {
	align-items: center;
	backdrop-filter: blur(16px);
	background: rgba(245, 242, 234, 0.58);
	border: 1px solid rgba(0, 79, 69, 0.18);
	border-radius: 999px;
	color: var(--qbits9-home-text, #2b70af8c);
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: 0.78rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.08em;
	min-height: 42px;
	text-decoration: none;
	text-transform: uppercase;
}

.portfolio-logo {
	position: relative;
	width: clamp(142px, 14vw, 190px);
	z-index: 82;
}

.portfolio-menu-button {
	box-shadow: none;
	cursor: pointer;
	padding: 0 1.15rem;
	position: relative;
	z-index: 82;
}

.portfolio-menu-button:hover,
.portfolio-menu-button:focus {
	background: var(--qbits9-home-link, #2b70af);
	color: var(--qbits9-home-bg, #f5f2ea);
	transform: none;
}

.is-portfolio-menu-open .portfolio-menu-button {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0;
	height: 48px;
	padding: 0;
	width: 48px;
}

.is-portfolio-menu-open .portfolio-menu-button span {
	opacity: 0;
	visibility: hidden;
}

.is-portfolio-menu-open .portfolio-menu-button::before,
.is-portfolio-menu-open .portfolio-menu-button::after {
	background: currentColor;
	content: "";
	height: 34px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 3px;
}

.is-portfolio-menu-open .portfolio-menu-button::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.is-portfolio-menu-open .portfolio-menu-button::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.portfolio-menu-panel {
	align-items: center;
	background: #121716;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.9);
	display: grid;
	inset: 0;
	justify-items: center;
	min-height: 100vh;
	min-height: 100dvh;
	padding: clamp(6rem, 12vh, 8rem) 1.5rem;
	position: fixed;
	z-index: 70;
}

.portfolio-menu-panel[hidden] {
	display: none;
}

.portfolio-menu-panel ul {
	display: grid;
	gap: clamp(0.55rem, 2.8vh, 1.4rem);
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.portfolio-menu-panel a {
	color: rgba(255, 255, 255, 0.86);
	display: inline-flex;
	font-family: var(--qbits9-menu-font);
	font-size: 100px;
	font-weight: 400;
	line-height: 0.9;
	text-decoration: none;
	/* 	text-transform: uppercase; */
	position: relative;
	transition: color 180ms ease, transform 180ms ease;
}

.portfolio-menu-panel a::before {
	background: var(--qbits9-primary, #0d6b57);
	bottom: -0.08em;
	content: "";
	height: 1px;
	left: -0.04em;
	opacity: 0;
	position: absolute;
	right: -0.04em;
	transform: scaleX(0.72);
	transform-origin: center;
	transition: opacity 180ms ease, transform 180ms ease;
}

.portfolio-menu-panel a:hover,
.portfolio-menu-panel a:focus,
.portfolio-menu-panel .current-menu-item>a,
.portfolio-menu-panel .current_page_item>a {
	color: #fff;
	outline: 0;
	transform: translateX(0.02em);
}

.portfolio-menu-panel a:hover::before,
.portfolio-menu-panel a:focus::before,
.portfolio-menu-panel .current-menu-item>a::before,
.portfolio-menu-panel .current_page_item>a::before {
	opacity: 1;
	transform: scaleX(1);
}

.portfolio-stage {
	background:
		linear-gradient(105deg, rgba(245, 242, 234, 0.86), rgba(245, 242, 234, 0.88) 42%, rgba(245, 242, 234, 0.94)),
		var(--qbits9-home-bg, #f5f2ea);
	color: var(--qbits9-home-text, #2b70af8c);
	height: 100vh;
	isolation: isolate;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.admin-bar .portfolio-stage {
	height: calc(100vh - 32px);
}

.portfolio-contours {
	background:
		repeating-radial-gradient(ellipse at 19% 52%, transparent 0 26px, rgba(0, 79, 69, 0.16) 27px 28px, transparent 29px 50px),
		repeating-radial-gradient(ellipse at 83% 31%, transparent 0 38px, rgba(0, 79, 69, 0.1) 39px 40px, transparent 41px 64px);
	filter: blur(0.2px);
	inset: -12%;
	opacity: 0.52;
	pointer-events: none;
	position: absolute;
	transform: rotate(-8deg);
	z-index: 1;
}

.portfolio-intro,
.portfolio-caption {
	position: fixed;
	z-index: 12;
}

.portfolio-intro {
	left: clamp(1rem, 2.6vw, 2rem);
	top: clamp(5.8rem, 14vh, 8rem);
}

.admin-bar .portfolio-intro {
	top: clamp(7rem, 15vh, 9.4rem);
}

.portfolio-intro p,
.portfolio-caption p {
	font-family: var(--qbits9-display-font);
	font-size: clamp(1.2rem, 2vw, 1.8rem);
	line-height: 1;
	margin: 0 0 0.3rem;
}

.portfolio-intro span,
.portfolio-caption span {
	color: var(--qbits9-home-text, #2b70af8c);
	display: block;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.portfolio-caption {
	bottom: clamp(1rem, 2.6vw, 2rem);
	left: clamp(1rem, 2.6vw, 2rem);
	max-width: 340px;
}

.portfolio-rows {
	inset: 0;
	/* position: absolute; */
	z-index: 8;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100%;
	justify-content: center;
}

.portfolio-row {
	left: 0;
	/* position: absolute; */
	transition: filter 360ms ease, opacity 360ms ease;
	width: max-content;
	will-change: transform;
}

.portfolio-row--1 {
	top: 21vh;
}

.portfolio-row--2 {
	top: 42vh;
}

.portfolio-row--3 {
	top: 63vh;
}

.portfolio-row__track {
	align-items: center;
	display: flex;
	gap: clamp(1.1rem, 3vw, 2.6rem);
	white-space: nowrap;
}

.portfolio-word {
	-webkit-text-stroke: 1px rgba(0, 79, 69, 0.38);
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--qbits9-home-text, #2b70af8c);
	cursor: pointer;
	display: inline-block;
	font-family: var(--qbits9-display-font);
	font-size: clamp(4.4rem, 13.6vw, 13.4rem);
	font-stretch: condensed;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.78;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 220ms ease, opacity 220ms ease, transform 220ms ease, -webkit-text-stroke-color 220ms ease;
}

.portfolio-row--2 .portfolio-word {
	color: var(--qbits9-home-text, #2b70af8c);
	font-family: var(--qbits9-display-font);
	font-size: clamp(4.8rem, 14.4vw, 14rem);
	font-style: italic;
	font-weight: 400;
}

.portfolio-word:hover,
.portfolio-word:focus {
	-webkit-text-stroke-color: var(--qbits9-home-link, #2b70af);
	color: var(--qbits9-home-link, #2b70af);
	outline: 0;
	transform: translateY(-0.05em) skewX(-4deg);
}

.portfolio-stage.has-preview .portfolio-row {
	filter: blur(2.5px);
	opacity: 0.36;
}

.portfolio-stage.has-preview .portfolio-word:hover,
.portfolio-stage.has-preview .portfolio-word:focus {
	filter: none;
	opacity: 1;
}

.portfolio-preview {
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%) scale(0.92);
	transition: opacity 240ms ease, transform 360ms cubic-bezier(0.16, 1, 0.3, 1);
	width: min(46vw, 620px);
	z-index: 20;
}

.portfolio-preview.is-active {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.portfolio-preview__image {
	aspect-ratio: 1;
	background-color: var(--qbits9-home-bg, #f5f2ea);
	background-repeat: no-repeat;
	background-size: 300% 200%;
	border: 1px solid rgba(0, 79, 69, 0.2);
	border-radius: var(--qbits9-radius);
	box-shadow: 0 34px 90px rgba(0, 79, 69, 0.18);
	filter: saturate(0.96) contrast(1.04);
	overflow: hidden;
	position: relative;
}

.portfolio-preview__image::before,
.portfolio-preview__image::after {
	background: inherit;
	content: "";
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 180ms ease;
}

.portfolio-preview.is-active .portfolio-preview__image::before {
	mix-blend-mode: screen;
	opacity: 0.22;
	transform: translate(8px, -3px);
}

.portfolio-preview.is-active .portfolio-preview__image::after {
	mix-blend-mode: multiply;
	opacity: 0.18;
	transform: translate(-6px, 4px);
}

.portfolio-preview__title {
	color: var(--qbits9-home-link, #2b70af);
	font-family: var(--qbits9-display-font);
	font-size: clamp(1.2rem, 3vw, 2.8rem);
	font-style: italic;
	line-height: 1;
	margin: 0.75rem 0 0;
	text-align: center;
}

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

	.admin-bar .portfolio-stage {
		height: calc(100vh - 46px);
	}
}

@media (max-width: 760px) {
	.portfolio-intro {
		top: 5.6rem;
	}

	.portfolio-row--1 {
		top: 24vh;
	}

	.portfolio-row--2 {
		top: 44vh;
	}

	.portfolio-row--3 {
		top: 63vh;
	}

	.portfolio-word,
	.portfolio-row--2 .portfolio-word {
		font-size: clamp(4.2rem, 24vw, 9rem);
	}

	.portfolio-preview {
		width: min(78vw, 520px);
	}

	.portfolio-caption {
		max-width: min(340px, calc(100vw - 2rem));
	}
}

@media (prefers-reduced-motion: reduce) {

	.portfolio-row,
	.portfolio-word,
	.portfolio-preview {
		transition-duration: 1ms;
	}
}

/* Reference art-direction pass for the selectable Home Template. */
body.qbits9-home-page-template {
	--qbits9-home-bg: #f5f2ea;
	--qbits9-home-link: #2b70af;
	--qbits9-home-text: #2b70af8c;
	background: var(--qbits9-home-bg);
	color: var(--qbits9-home-text);
}

.qbits9-home-page-template .site,
.qbits9-home-page-template .site-content {
	background: var(--qbits9-home-bg);
}

.portfolio-header {
	padding: 14px 56px;
	pointer-events: none;
}

.portfolio-logo {
	/* aspect-ratio: 595 / 292; */
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	display: block;
	/* height: auto; */
	/* min-height: 0; */
	padding: 0;
	pointer-events: auto;
	position: relative;
	width: 160px;
}

.portfolio-menu-button {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	color: #2b70af;
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: 30px;
	font-weight: 400;
	gap: 0.65rem;
	letter-spacing: 0;
	min-height: 0;
	padding: 0;
	pointer-events: auto;
	padding-top: 20px;
}

.is-portfolio-menu-open .portfolio-menu-button {
	background: transparent;
	min-height: 48px;
}

.portfolio-menu-button:hover,
.portfolio-menu-button:focus {
	background: transparent;
	color: var(--qbits9-home-link);
}

.is-portfolio-menu-open .portfolio-menu-button:hover,
.is-portfolio-menu-open .portfolio-menu-button:focus {
	color: #fff;
}

.portfolio-menu-button__star {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 0.5;
	transform: translateY(0.18em);
}

.portfolio-menu-panel {
	inset: 0;
	pointer-events: auto;
}

.portfolio-stage--reference {
	--portfolio-section-y-space: clamp(3rem, 8vh, 5.5rem);
	--portfolio-row-y-space: clamp(1.4rem, 5vh, 3.875rem);
	--qbits9-home-bg: #000;
	--qbits9-home-link: #2b70af;
	--qbits9-home-text: #2b70af;
	background: #000;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.portfolio-stage--reference .portfolio-rows {
	display: flex;
	flex-direction: column;
	inset: 0;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
	padding-block: var(--portfolio-section-y-space);
	z-index: 6;
}

.portfolio-stage--reference .portfolio-row {
	left: 0;
	opacity: 1;
	/* position: absolute; */
	transform: none !important;
	width: 100vw;
	padding: 60px 0px;
}

.portfolio-stage--reference .portfolio-row--top .portfolio-row__rule {
	display: none;
}

.portfolio-row--top {
	top: clamp(32px, 8.2vh, 72px);
}

.portfolio-row--middle {
	top: clamp(212px, 35vh, 304px);
}

.portfolio-row--bottom {
	top: clamp(430px, 68.5vh, 598px);
}

.portfolio-row__rule {
	background:
		color-mix(in srgb, var(--qbits9-home-link) 13%, transparent);
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.portfolio-stage--reference .portfolio-row__track {
	align-items: baseline;
	display: flex;
	gap: clamp(3rem, 5.8vw, 7rem);
	white-space: nowrap;
	will-change: transform;
}

.portfolio-stage--reference .portfolio-word {
	-webkit-text-stroke: 0;
	align-items: baseline;
	background: transparent;
	border: 0;
	color: rgba(43, 112, 175, 0.35);
	cursor: default;
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: 150px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 107px;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 900ms ease, opacity 900ms ease, transform 900ms ease;
}

.portfolio-stage--reference .portfolio-word.portfolio-word--has-label {
	align-items: flex-start;
}

.portfolio-stage--reference .portfolio-word__label {
	color: currentColor;
	flex: 0 0 auto;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1rem, 1.45vw, 1.45rem);
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
}

.portfolio-stage--reference .portfolio-word:hover,
.portfolio-stage--reference .portfolio-word:focus {
	-webkit-text-stroke-color: transparent;
	color: rgba(43, 112, 175, 0.35);
	outline: 0;
	transform: none;
}

.portfolio-stage--reference .portfolio-word.is-active {
	color: #2b70af;
	outline: 0;
	transform: none;
}

.portfolio-stage--reference.has-auto-art .portfolio-hero-art {
	filter: saturate(1.04) contrast(1.04);
	opacity: 1;
	transform: translateY(-50%) scale(1);
	visibility: visible;
}

.portfolio-hero-art img.is-visible {
	animation: portfolioAutoImageIn 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1) rotate(0) skewY(0);
}

.portfolio-hero-art {
	align-items: center;
	display: flex;
	height: 100vh;
	height: 100dvh;
	justify-content: flex-end;
	left: 0;
	margin: 0;
	max-width: none;
	opacity: 0;
	padding-right: clamp(1.5rem, 6vw, 6rem);
	pointer-events: none;
	position: fixed;
	top: 50%;
	transform: translateY(-50%) scale(0.94);
	transition: filter 420ms ease, opacity 260ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1), visibility 260ms ease;
	visibility: hidden;
	width: 100vw;
	z-index: 14;
}

.portfolio-hero-art img {
	display: block;
	filter: saturate(1.02);
	height: auto;
	max-height: 649px;
	max-width: none;
	object-fit: contain;
	opacity: 0;
	transform: scaleY(0.72) skewY(7deg);
	transform-origin: center bottom;
	transition: opacity 260ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform, filter;
	width: clamp(820px, 64vw, 1220px);
}

.portfolio-hero-art img.is-preview-portrait {
	width: auto;
}

.portfolio-imagination-cta {
	bottom: clamp(1.75rem, 5vh, 3.25rem);
	display: flex;
	justify-content: center;
	left: 50%;
	position: fixed;
	transform: translateX(-50%);
	width: min(100% - 2rem, 420px);
	z-index: 30;
}

.portfolio-imagination-button,
.portfolio-imagination-button.btn {
	align-items: center;
	background: var(--qbits9-home-bg);
	border: 1px solid currentColor;
	border-radius: 0;
	box-shadow: none;
	color: var(--qbits9-home-text);
	display: inline-flex;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.08em;
	line-height: 1;
	min-height: 56px;
	padding: 0 1.75rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: none;
	position: relative;
	gap: 15px;
	align-items: center;
}



.portfolio-imagination-button:hover,
.portfolio-imagination-button:focus,
.portfolio-imagination-button.btn:hover,
.portfolio-imagination-button.btn:focus {
	background: var(--qbits9-home-text);
	color: var(--qbits9-home-bg);
	outline: 0;
}

.portfolio-imagination-button:hover::after,
.portfolio-imagination-button:focus::after,
.portfolio-imagination-button.btn:hover::after,
.portfolio-imagination-button.btn:focus::after {
	fill: #fff;
}

.portfolio-imagination-button:focus-visible,
.portfolio-imagination-button.btn:focus-visible {
	outline: 2px solid var(--qbits9-home-link);
	outline-offset: 4px;
}

.portfolio-side-actions {
	position: fixed;
	right: 0;
	top: 26.2%;
	width: 165px;
	z-index: 74;
}

.portfolio-side-action {
	align-items: center;
	border-radius: 0;
	color: #fff;
	display: flex;
	font-family: var(--qbits9-display-font);
	font-size: 0.98rem;
	font-weight: 800;
	gap: 0.7rem;
	height: 54px;
	justify-content: flex-start;
	padding: 0 16px;
	text-decoration: none;
}

.portfolio-side-action:hover,
.portfolio-side-action:focus {
	color: #fff;
	filter: brightness(1.04);
}

.portfolio-side-action--dark {
	background: #3d3d3d;
}

.portfolio-side-action--accent {
	background: #f22750;
	margin-top: 8px;
}

.portfolio-side-action__logo {
	font-family: var(--qbits9-display-font);
	font-size: 1.85rem;
	line-height: 1;
}

.portfolio-side-action__cart {
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	display: inline-block;
	height: 15px;
	position: relative;
	transform: skewX(-10deg);
	width: 22px;
}

.portfolio-side-action__cart::before,
.portfolio-side-action__cart::after {
	background: #fff;
	border-radius: 50%;
	bottom: -8px;
	content: "";
	height: 5px;
	position: absolute;
	width: 5px;
}

.portfolio-side-action__cart::before {
	left: 2px;
}

.portfolio-side-action__cart::after {
	right: 1px;
}

.portfolio-bottom {
	align-items: end;
	bottom: 0;
	color: var(--qbits9-home-text);
	display: none;
	grid-template-columns: 1fr auto 1fr;
	left: 56px;
	position: fixed;
	right: 56px;
	z-index: 21;
}

.portfolio-bottom p {
	font-size: 0.95rem;
	margin: 0;
	transform: translateY(0.35rem);
}

.portfolio-bottom__dot {
	background: var(--qbits9-home-link);
	border-radius: 50%;
	display: block;
	height: 15px;
	margin-bottom: 0.1rem;
	width: 15px;
}

.portfolio-bottom__nav {
	display: flex;
	gap: 1.9rem;
	justify-content: flex-end;
}

.portfolio-bottom__nav a {
	color: var(--qbits9-home-text);
	font-family: var(--qbits9-display-font);
	font-size: 1.2rem;
	text-decoration: none;
}

.portfolio-bottom__nav a:hover,
.portfolio-bottom__nav a:focus {
	color: var(--qbits9-home-link);
	outline: 0;
}

@media (max-width: 1100px) {

	.portfolio-stage--reference .portfolio-word {
		font-size: 100px;
	}

	.portfolio-stage--reference .portfolio-row {
		padding: 30px 0px;
	}

	.portfolio-hero-art img {
		max-height: 460px;
	}

	.portfolio-header {
		padding-inline: 24px;
	}

	.portfolio-hero-art {
		left: 0;
		padding-right: 24px;
		width: 100vw;
	}

	.portfolio-hero-art img {
		width: min(92vw, 980px);
	}

	.portfolio-hero-art img.is-preview-portrait {
		width: auto;
	}

	.portfolio-side-actions {
		display: none;
	}

	.portfolio-bottom {
		left: 24px;
		right: 24px;
	}
}

@media (max-width: 760px) {
	.portfolio-stage--reference {
		--portfolio-section-y-space: clamp(1.5rem, 5vh, 2.5rem);
		--portfolio-row-y-space: clamp(0.95rem, 3.6vh, 1.65rem);
	}

	.portfolio-header {
		align-items: flex-start;
		padding: 26px 39px 0;
	}

	.portfolio-logo {
		width: min(164px, 45vw);
	}

	.portfolio-menu-button {
		font-size: 1.22rem;
		/* margin-top: 29px; */
	}

	.portfolio-menu-button__star {
		font-size: 3.25rem;
	}

	.portfolio-row--top {
		top: 172px;
	}

	.portfolio-row--middle {
		top: 298px;
	}

	.portfolio-row--bottom {
		top: 412px;
	}

	.portfolio-row__rule {
		left: 14%;
		right: 14%;
	}

	.portfolio-stage--reference .portfolio-row__track {
		gap: 2.25rem;
	}

	.portfolio-stage--reference .portfolio-word {
		font-size: 65px;
		line-height: 0.9;
	}

	.portfolio-stage--reference .portfolio-word__label {
		font-size: 1rem;
	}

	.portfolio-menu-panel {
		padding-inline: 1rem;
	}

	.portfolio-menu-panel a {
		font-size: clamp(3.3rem, 18vw, 5.8rem);
	}

	.portfolio-hero-art {
		display: flex;
		justify-content: center;
		left: 50%;
		opacity: 0;
		padding-right: 0;
		top: 58%;
		transform: translate(-50%, -50%) scale(0.9);
		width: 100vw;
		z-index: 6;
	}

	.portfolio-stage--reference.has-auto-art .portfolio-hero-art {
		transform: translate(-50%, -50%) scale(1);
	}

	.portfolio-stage--reference .portfolio-rows {
		position: relative;
		z-index: 6;
	}

	.portfolio-hero-art {
		height: auto;
		max-height: fit-content;
	}

	.portfolio-hero-art img {
		height: auto;
		max-height: fit-content;
		max-width: 230px;
		width: auto;
	}

	.portfolio-bottom {
		bottom: 0;
		display: grid;
		gap: 1.4rem;
		grid-template-columns: 1fr;
		left: 54px;
		right: 42px;
		padding-bottom: 1.15rem;
	}

	.portfolio-bottom p {
		color: var(--qbits9-home-text);
		display: block;
		font-size: 1rem;
		line-height: 2.05;
		max-width: 270px;
		transform: none;
	}

	.portfolio-bottom__dot {
		display: none;
	}

	.portfolio-bottom__nav {
		gap: 1.4rem;
		justify-content: flex-start;
	}

	.portfolio-bottom__nav a {
		font-size: 1.25rem;
	}

	.admin-bar .portfolio-row--top {
		top: 120px;
	}

	.admin-bar .portfolio-row--middle {
		top: 246px;
	}

	.admin-bar .portfolio-row--bottom {
		top: 360px;
	}
}

@media (max-width: 540px) {
	.portfolio-stage--reference.has-auto-art .portfolio-hero-art {
		transform: translate(-36%, -85%) scale(1);
	}
}

@media (max-width: 767px) {
	.portfolio-hero-art img {
		height: auto;
		max-height: fit-content;
		max-width: 230px;
	}

	.site-header {
		align-content: start;
		align-items: center;
		column-gap: clamp(0.65rem, 3vw, 1rem);
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		padding: clamp(0.75rem, 3vw, 1rem);
	}
}

.qbits9-logo-frame__image {
	width: 100% !important;
	height: 100%;
	object-fit: contain;
}


@keyframes portfolioAutoImageIn {
	0% {
		filter: saturate(0.82) blur(10px);
		opacity: 0;
		transform: translate3d(56px, 18px, 0) scale(0.9) rotate(-2deg) skewY(7deg);
	}

	62% {
		filter: saturate(1.08) blur(0);
		opacity: 1;
		transform: translate3d(-8px, -4px, 0) scale(1.015) rotate(0.5deg) skewY(-1deg);
	}

	100% {
		filter: saturate(1.02) blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1) rotate(0) skewY(0);
	}
}

@media (prefers-reduced-motion: reduce) {

	.portfolio-hero-art,
	.portfolio-hero-art img {
		animation: none !important;
		transition-duration: 1ms;
	}
}

/* Home Template 2: architecture hero. */
body.qbits9-home-template-two {
	--qbits9-home-two-font-weight: 500;
	background: #071817;
	color: #fff;
	font-family: var(--qbits9-home-two-font);
	font-weight: var(--qbits9-home-two-font-weight);
	overflow: hidden;
}

body.qbits9-home-template-two.qbits9-home-two-detail-template {
	-ms-overflow-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

body.qbits9-home-template-two.qbits9-home-two-detail-template::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

.qbits9-home-template-two .site,
.qbits9-home-template-two .site-content {
	background: #071817;
}

.qbits9-home-template-two .site-content {
	display: block;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

.qbits9-home-template-two .site-footer {
	display: none;
}

.home-two-template,
.home-two-hero {
	height: 100vh;
	min-height: 768px;
}

.home-two-template--detail {
	height: 112vh;
	min-height: 860px;
}

.home-two-template--detail .home-two-hero {
	height: 100vh;
	left: 0;
	min-height: 768px;
	position: sticky;
	top: 0;
}

.admin-bar .home-two-template,
.admin-bar .home-two-hero {
	height: calc(100vh - 32px);
	min-height: 736px;
}

.admin-bar .home-two-template--detail {
	height: 112vh;
	min-height: 860px;
}

.admin-bar .home-two-template--detail .home-two-hero {
	height: calc(100vh - 32px);
	min-height: 736px;
	top: 32px;
}

.home-two-hero {
	background: #000;
	isolation: isolate;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.home-two-template--detail .home-two-hero {
	position: sticky;
	top: 0;
}

.admin-bar .home-two-template--detail .home-two-hero {
	top: 32px;
}

.home-two-hero__image,
.home-two-hero__video,
.home-two-hero__slideshow {
	inset: 0;
	position: absolute;
}

.home-two-hero__image,
.home-two-hero__video {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: opacity 260ms ease;
	width: 100%;
	z-index: 0;
}

.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-hero__video {
	object-fit: contain;
	object-position: center center;
}

.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-hero__image {
	display: none;
}

.home-two-hero__slideshow {
	z-index: 0;
}

.home-two-hero__slide {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	position: absolute;
	transform: scale(1.035);
	transition: opacity 1400ms ease, transform 7200ms ease;
	width: 100%;
	will-change: opacity, transform;
}

.home-two-hero__slide.is-active {
	opacity: 1;
	transform: scale(1);
}

.page-template-home-template-2 .home-two-hero__shade {
	display: none !important;
}

.home-two-hero__shade {
	background: rgba(0, 0, 0, 0.52);
	pointer-events: none;
	z-index: 1;
}

.home-two-logo-bubbles {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.home-two-logo-bubble {
	--bubble-size: clamp(76px, 9vw, 150px);
	--bubble-left: 50%;
	--bubble-drift: 4vw;
	--bubble-duration: 24s;
	--bubble-delay: 0s;
	-webkit-animation: homeTwoLogoBubbleRise var(--bubble-duration) linear infinite;
	animation: homeTwoLogoBubbleRise var(--bubble-duration) linear infinite;
	animation-delay: var(--bubble-delay);
	align-items: center;
	-webkit-backdrop-filter: blur(13px) saturate(145%);
	backdrop-filter: blur(13px) saturate(145%);
	background:
		radial-gradient(circle at 30% 24%, rgb(255 255 255 / 78%) 0 9%, rgb(255 255 255 / 30%) 10% 26%, rgb(255 255 255 / 11%) 62%, rgb(255 255 255 / 5%) 100%),
		linear-gradient(145deg, rgb(255 255 255 / 24%), rgb(255 255 255 / 6%));
	border: 1px solid rgb(255 255 255 / 38%);
	border-radius: 50%;
	bottom: calc(var(--bubble-size) * -1.2);
	box-shadow:
		inset 0 1px 1px rgb(255 255 255 / 64%),
		inset -18px -22px 34px rgb(255 255 255 / 10%),
		inset 12px 16px 30px rgb(255 255 255 / 12%),
		0 22px 54px rgb(0 0 0 / 18%);
	display: flex;
	height: var(--bubble-size);
	justify-content: center;
	left: var(--bubble-left);
	opacity: 0;
	padding: calc(var(--bubble-size) * 0.18);
	position: absolute;
	width: var(--bubble-size);
	will-change: transform, opacity;
}

.home-two-logo-bubble::before,
.home-two-logo-bubble::after {
	border-radius: 50%;
	content: "";
	pointer-events: none;
	position: absolute;
}

.home-two-logo-bubble::before {
	border: 1px solid rgb(255 255 255 / 24%);
	inset: 9%;
}

.home-two-logo-bubble::after {
	background: rgb(255 255 255 / 68%);
	filter: blur(0.5px);
	height: 15%;
	left: 24%;
	top: 19%;
	transform: rotate(-28deg);
	width: 28%;
}

.home-two-logo-bubble img {
	display: block;
	filter: drop-shadow(0 4px 10px rgb(0 0 0 / 34%));
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	position: relative;
	width: 100%;
	z-index: 1;
}

.home-two-logo-bubble:nth-child(1) {
	--bubble-size: clamp(98px, 11vw, 168px);
	--bubble-left: 7%;
	--bubble-drift: 7vw;
	--bubble-duration: 25s;
	--bubble-delay: -4s;
}

.home-two-logo-bubble:nth-child(2) {
	--bubble-size: clamp(84px, 8vw, 126px);
	--bubble-left: 22%;
	--bubble-drift: -5vw;
	--bubble-duration: 20s;
	--bubble-delay: -11s;
}

.home-two-logo-bubble:nth-child(3) {
	--bubble-size: clamp(96px, 10vw, 154px);
	--bubble-left: 38%;
	--bubble-drift: 4vw;
	--bubble-duration: 24s;
	--bubble-delay: -17s;
}

.home-two-logo-bubble:nth-child(4) {
	--bubble-size: clamp(112px, 11vw, 172px);
	--bubble-left: 56%;
	--bubble-drift: -6vw;
	--bubble-duration: 27s;
	--bubble-delay: -7s;
}

.home-two-logo-bubble:nth-child(5) {
	--bubble-size: clamp(80px, 8vw, 126px);
	--bubble-left: 72%;
	--bubble-drift: 5vw;
	--bubble-duration: 21s;
	--bubble-delay: -13s;
}

.home-two-logo-bubble:nth-child(6) {
	--bubble-size: clamp(88px, 9vw, 138px);
	--bubble-left: 85%;
	--bubble-drift: -8vw;
	--bubble-duration: 26s;
	--bubble-delay: -2s;
}

.home-two-logo-bubble:nth-child(7) {
	--bubble-size: clamp(86px, 8.5vw, 136px);
	--bubble-left: 14%;
	--bubble-drift: 8vw;
	--bubble-duration: 23s;
	--bubble-delay: -19s;
}

.home-two-logo-bubble:nth-child(8) {
	--bubble-size: clamp(92px, 9vw, 150px);
	--bubble-left: 30%;
	--bubble-drift: -4vw;
	--bubble-duration: 28s;
	--bubble-delay: -5s;
}

.home-two-logo-bubble:nth-child(9) {
	--bubble-size: clamp(84px, 8.5vw, 134px);
	--bubble-left: 47%;
	--bubble-drift: 6vw;
	--bubble-duration: 22s;
	--bubble-delay: -15s;
}

.home-two-logo-bubble:nth-child(10) {
	--bubble-size: clamp(92px, 9vw, 142px);
	--bubble-left: 66%;
	--bubble-drift: -5vw;
	--bubble-duration: 25s;
	--bubble-delay: -22s;
}

.home-two-logo-bubble:nth-child(11) {
	--bubble-size: clamp(82px, 8vw, 128px);
	--bubble-left: 81%;
	--bubble-drift: 4vw;
	--bubble-duration: 20s;
	--bubble-delay: -9s;
}

.home-two-logo-bubble:nth-child(12) {
	--bubble-size: clamp(104px, 11vw, 168px);
	--bubble-left: 4%;
	--bubble-drift: 6vw;
	--bubble-duration: 29s;
	--bubble-delay: -26s;
}

.home-two-logo-bubble:nth-child(13) {
	--bubble-size: clamp(84px, 8.5vw, 132px);
	--bubble-left: 51%;
	--bubble-drift: -7vw;
	--bubble-duration: 23s;
	--bubble-delay: -1s;
}

.home-two-logo-bubble:nth-child(14) {
	--bubble-size: clamp(88px, 9vw, 144px);
	--bubble-left: 86%;
	--bubble-drift: -10vw;
	--bubble-duration: 26s;
	--bubble-delay: -18s;
}

@-webkit-keyframes homeTwoLogoBubbleRise {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 12vh, 0) scale(0.74);
		transform: translate3d(0, 12vh, 0) scale(0.74);
	}

	10% {
		opacity: 0.76;
	}

	78% {
		opacity: 0.72;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(var(--bubble-drift), calc(-116vh - var(--bubble-size)), 0) scale(1.08);
		transform: translate3d(var(--bubble-drift), calc(-116vh - var(--bubble-size)), 0) scale(1.08);
	}
}

@keyframes homeTwoLogoBubbleRise {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 12vh, 0) scale(0.74);
		transform: translate3d(0, 12vh, 0) scale(0.74);
	}

	10% {
		opacity: 0.76;
	}

	78% {
		opacity: 0.72;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(var(--bubble-drift), calc(-116vh - var(--bubble-size)), 0) scale(1.08);
		transform: translate3d(var(--bubble-drift), calc(-116vh - var(--bubble-size)), 0) scale(1.08);
	}
}

.home-two-logo-badge {
	aspect-ratio: 1;
	-webkit-animation: homeTwoLogoShadowPulse 2.6s ease-out infinite;
	animation: homeTwoLogoShadowPulse 2.6s ease-out infinite;
	background: transparent;
	border-radius: 50%;
	box-shadow: none !important;
	display: block;
	left: -122px;
	overflow: hidden;
	position: absolute;
	top: -210px;
	will-change: box-shadow;
	z-index: 12;
	width: 364px;
	height: 364px;
}

@media (min-width: 1025px) {
	.qbits9-home-two-detail-template .home-two-logo-badge {
		top: -170px;
	}
}

@-webkit-keyframes homeTwoLogoShadowPulse {
	0% {
		-webkit-box-shadow: 4px 9px 0 0 rgb(200 155 69 / 40%);
	}

	70% {
		-webkit-box-shadow: 4px 9px 0 99px rgb(200 155 69 / 0%);
	}

	100% {
		-webkit-box-shadow: 4px 9px 0 0 rgb(200 155 69 / 0%);
	}
}

@keyframes homeTwoLogoShadowPulse {
	0% {
		-moz-box-shadow: 4px 9px 0 0 rgb(200 155 69 / 40%);
		box-shadow: 4px 9px 0 0 rgb(200 155 69 / 40%);
	}

	70% {
		-moz-box-shadow: 4px 9px 0 99px rgb(200 155 69 / 0%);
		box-shadow: 4px 9px 0 99px rgb(200 155 69 / 0%);
	}

	100% {
		-moz-box-shadow: 4px 9px 0 0 rgb(200 155 69 / 0%);
		box-shadow: 4px 9px 0 0 rgb(200 155 69 / 0%);
	}
}

@media (prefers-reduced-motion: reduce) {

	.home-two-logo-bubbles {
		display: none;
	}

	.home-two-logo-badge {
		-webkit-animation: none;
		animation: none;
		box-shadow: 4px 9px 0 99px rgb(200 155 69 / 27%);
	}
}

@media (max-width: 760px) {

	.home-two-logo-bubbles {
		opacity: 0.68;
	}

	.home-two-logo-bubble {
		height: calc(var(--bubble-size) * 0.72);
		padding: calc(var(--bubble-size) * 0.13);
		width: calc(var(--bubble-size) * 0.72);
	}
}

/* Home Template 2 client logos: static bottom strip. */
.home-two-logo-bubbles {
	--home-two-client-logo-gap: clamp(1.15rem, 3.4vw, 2.85rem);
	align-items: center;
	bottom: clamp(5.35rem, 11vh, 7.1rem);
	display: flex;
	gap: var(--home-two-client-logo-gap);
	inset: auto auto clamp(5.35rem, 11vh, 7.1rem) 50%;
	justify-content: center;
	opacity: 1;
	overflow: visible;
	position: fixed;
	right: auto;
	top: auto;
	transform: translateX(-50%);
	width: min(62vw, 690px);
	z-index: 9;
}

.home-two-logo-bubble {
	-webkit-animation: none;
	animation: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	bottom: auto;
	box-shadow: none;
	display: flex;
	height: clamp(34px, 4.4vw, 58px);
	justify-content: center;
	left: auto;
	opacity: 1;
	padding: 0;
	perspective: 680px;
	position: relative;
	transform: none;
	transform-style: preserve-3d;
	width: clamp(76px, 7.5vw, 118px);
	will-change: auto;
}

.home-two-logo-bubble::before {
	background: rgba(255, 255, 255, 0.36);
	border: 0;
	border-radius: 0;
	content: "";
	display: none;
	height: clamp(34px, 4.1vw, 52px);
	inset: auto auto auto calc(var(--home-two-client-logo-gap) * -0.5);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.home-two-logo-bubble::after {
	display: none;
}

.home-two-logo-bubble:not(:first-child)::before {
	display: block;
}

.home-two-logo-bubble img {
	backface-visibility: hidden;
	filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.36));
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	transform-origin: center center;
	transform: scale(var(--home-two-client-logo-scale, 1));
	width: auto;
}

.home-two-logo-bubble img.is-logo-inverted {
	filter: brightness(0) invert(1) drop-shadow(0 5px 12px rgba(0, 0, 0, 0.36));
}

.home-two-logo-bubble img.is-logo-large {
	--home-two-client-logo-scale: 1.18;
}

.home-two-logo-bubbles--links {
	--home-two-associated-logo-size: clamp(76px, 6.1vw, 94px);
	--home-two-client-logo-gap: clamp(0.7rem, 1.45vw, 1.2rem);
	align-items: center;
	column-gap: var(--home-two-client-logo-gap);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-block: clamp(0.25rem, 0.7vw, 0.55rem) clamp(0.95rem, 1.8vw, 1.35rem);
	pointer-events: auto;
	row-gap: clamp(0.45rem, 1vw, 0.75rem);
	width: min(90vw, calc((var(--home-two-associated-logo-size) * 7) + (var(--home-two-client-logo-gap) * 6)));
}

.home-two-logo-bubbles__heading {
	align-items: center;
	color: rgba(255, 255, 255, 0.96);
	display: flex;
	flex: 0 0 100%;
	font-size: clamp(0.95rem, 1.55vw, 1.25rem);
	font-weight: 800;
	gap: clamp(0.8rem, 2vw, 1.35rem);
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0 0 clamp(0.45rem, 1vw, 0.75rem);
	text-align: center;
	text-shadow: 0 7px 18px rgba(0, 0, 0, 0.44);
	text-transform: uppercase;
}

.home-two-logo-bubbles__heading::before,
.home-two-logo-bubbles__heading::after {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7));
	content: "";
	height: 1px;
	max-width: 7rem;
	width: 12vw;
}

.home-two-logo-bubbles__heading::after {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent);
}

.home-two-logo-bubble--link {
	aspect-ratio: 1;
	-webkit-backdrop-filter: blur(8px) saturate(130%);
	backdrop-filter: blur(8px) saturate(130%);
	background:
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.18), transparent 38%),
		rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 50%;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 12px 28px rgba(0, 0, 0, 0.18);
	color: #fff;
	flex: 0 0 var(--home-two-associated-logo-size);
	height: var(--home-two-associated-logo-size);
	overflow: hidden;
	pointer-events: auto;
	position: relative;
	text-decoration: none;
	transition: background 220ms ease, border-color 220ms ease, box-shadow 220ms ease, opacity 220ms ease, transform 220ms ease;
	width: var(--home-two-associated-logo-size);
}

.home-two-logo-bubble--link::after {
	background: linear-gradient(120deg, transparent 22%, rgba(255, 255, 255, 0.26) 48%, transparent 74%);
	content: "";
	inset: -45%;
	position: absolute;
	transform: translateX(-130%) rotate(18deg);
	transition: transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 1;
}

.home-two-logo-bubble--link:hover,
.home-two-logo-bubble--link:focus {
	background:
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.25), transparent 42%),
		rgba(255, 255, 255, 0.12);
	border-color: #fff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.32),
		0 18px 42px rgba(0, 0, 0, 0.26);
	opacity: 0.86;
	outline: 0;
	transform: translateY(-4px) scale(1.03);
}

.home-two-logo-bubble--link:hover::after,
.home-two-logo-bubble--link:focus::after {
	transform: translateX(130%) rotate(18deg);
}

.home-two-logo-bubbles--links .home-two-logo-bubble::before,
.home-two-logo-bubbles--links .home-two-logo-bubble::after {
	display: none;
}

.home-two-logo-bubble__flip {
	animation: none;
	display: block;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
	z-index: 2;
}

.home-two-logo-bubble--has-logo .home-two-logo-bubble__flip {
	-webkit-animation: homeTwoAssociatedLogoFlip 8s ease-in-out infinite;
	animation: homeTwoAssociatedLogoFlip 8s ease-in-out infinite;
	animation-delay: var(--home-two-logo-flip-delay, 0ms);
}

.home-two-logo-bubble__face {
	align-items: center;
	backface-visibility: hidden;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: clamp(0.5rem, 1.2vw, 0.85rem);
	position: absolute;
}

.home-two-logo-bubble__face--logo {
	background: #fff;
	border-radius: 50%;
	transform: rotateY(180deg);
}

.home-two-logo-bubble--link .home-two-logo-bubble__face--logo img {
	aspect-ratio: 1;
	background: transparent;
	border-radius: 50%;
	height: 100%;
	object-fit: contain;
	padding: clamp(0.12rem, 0.35vw, 0.28rem);
	width: 100%;
}

.qbits9-home-two-detail-template .home-two-logo-bubbles--links .home-two-logo-bubble img.is-logo-inverted {
	filter: brightness(0) drop-shadow(0 5px 12px rgba(0, 0, 0, 0.22));
}

.qbits9-home-two-detail-template .home-two-logo-bubbles--links .home-two-logo-bubble img.is-logo-large {
	--home-two-client-logo-scale: 1.34;
}

.home-two-logo-bubble__text {
	color: rgba(255, 255, 255, 0.96);
	display: inline-flex;
	font-size: clamp(0.52rem, 0.68vw, 0.68rem);
	font-weight: 800;
	justify-content: center;
	line-height: 1.08;
	text-align: center;
	text-shadow: 0 5px 14px rgba(0, 0, 0, 0.42);
	text-transform: uppercase;
	white-space: normal;
	width: 100%;
}

.home-two-logo-bubble.is-flipping img,
.home-two-logo-bubble.is-flipping .home-two-logo-bubble__text {
	-webkit-animation: homeTwoClientLogoFlip 1000ms cubic-bezier(0.45, 0, 0.2, 1) both;
	animation: homeTwoClientLogoFlip 1000ms cubic-bezier(0.45, 0, 0.2, 1) both;
}

.home-two-logo-bubble--link.is-flipping {
	-webkit-animation: homeTwoClientLogoFlip 1000ms cubic-bezier(0.45, 0, 0.2, 1) both;
	animation: homeTwoClientLogoFlip 1000ms cubic-bezier(0.45, 0, 0.2, 1) both;
}

.home-two-logo-bubble--link.is-flipping img,
.home-two-logo-bubble--link.is-flipping .home-two-logo-bubble__text {
	-webkit-animation: none;
	animation: none;
}

.home-two-logo-bubbles--links .home-two-logo-bubble.is-flipping img,
.home-two-logo-bubbles--links .home-two-logo-bubble.is-flipping .home-two-logo-bubble__text,
.home-two-logo-bubbles--links .home-two-logo-bubble--link.is-flipping {
	-webkit-animation: none;
	animation: none;
}

@-webkit-keyframes homeTwoClientLogoFlip {
	0% {
		opacity: 1;
		-webkit-transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
	}

	48% {
		opacity: 0.18;
		-webkit-transform: rotateX(-88deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(-88deg) scale(var(--home-two-client-logo-scale, 1));
	}

	52% {
		opacity: 0.18;
		-webkit-transform: rotateX(88deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(88deg) scale(var(--home-two-client-logo-scale, 1));
	}

	100% {
		opacity: 1;
		-webkit-transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
	}
}

@keyframes homeTwoClientLogoFlip {
	0% {
		opacity: 1;
		-webkit-transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
	}

	48% {
		opacity: 0.18;
		-webkit-transform: rotateX(-88deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(-88deg) scale(var(--home-two-client-logo-scale, 1));
	}

	52% {
		opacity: 0.18;
		-webkit-transform: rotateX(88deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(88deg) scale(var(--home-two-client-logo-scale, 1));
	}

	100% {
		opacity: 1;
		-webkit-transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
		transform: rotateX(0deg) scale(var(--home-two-client-logo-scale, 1));
	}
}

@-webkit-keyframes homeTwoAssociatedLogoFlip {

	0%,
	38% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	50%,
	88% {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@keyframes homeTwoAssociatedLogoFlip {

	0%,
	38% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	50%,
	88% {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {

	.home-two-logo-bubbles {
		display: flex;
	}

	.home-two-logo-bubble.is-flipping img,
	.home-two-logo-bubble.is-flipping .home-two-logo-bubble__text,
	.home-two-logo-bubble--link.is-flipping,
	.home-two-logo-bubble--has-logo .home-two-logo-bubble__flip,
	.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description::before,
	.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description::after,
	.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description p,
	.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubbles__heading,
	.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link {
		-webkit-animation: none;
		animation: none;
	}

	.home-two-hero--detail .home-two-hero__description p,
	.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links .home-two-logo-bubbles__heading,
	.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links .home-two-logo-bubble--link {
		clip-path: none;
		filter: none;
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 760px) {

	.home-two-logo-bubbles {
		--home-two-client-logo-gap: clamp(0.7rem, 3vw, 1.1rem);
		bottom: calc(112px + 1.25rem + env(safe-area-inset-bottom));
		flex-wrap: nowrap;
		inset: auto auto calc(112px + 1.25rem + env(safe-area-inset-bottom)) 50%;
		width: min(92vw, 500px);
	}

	.home-two-logo-bubble {
		height: clamp(28px, 8vw, 40px);
		width: clamp(54px, 17vw, 82px);
	}

	.home-two-logo-bubbles--links {
		--home-two-client-logo-gap: clamp(0.9rem, 4vw, 1.45rem);
		display: flex;
		flex-wrap: wrap;
		row-gap: clamp(0.85rem, 3.2vw, 1.2rem);
		width: min(92vw, 560px);
	}

	.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links {
		bottom: auto;
		inset: auto;
		width: min(92vw, 420px);
	}

	.home-two-logo-bubbles--links .home-two-logo-bubble {
		height: clamp(50px, 15vw, 64px);
		width: clamp(50px, 15vw, 64px);
	}

	.home-two-logo-bubbles__heading {
		font-size: clamp(0.86rem, 4vw, 1.1rem);
		margin-bottom: 0.1rem;
	}

	.home-two-logo-bubble__text {
		font-size: clamp(0.44rem, 1.8vw, 0.58rem);
		white-space: normal;
	}

	.home-two-logo-bubble::before {
		height: clamp(28px, 8vw, 40px);
	}
}

.home-two-logo-badge__image {
	display: block;
	max-width: none;
	position: absolute;
	transform: translateY(-33%);
	width: 152px;
	object-fit: contain;
	right: 74px;
	bottom: 55px;
}

.home-two-topbar {
	align-items: center;
	display: flex;
	gap: 50px;
	justify-content: flex-end;
	left: clamp(13rem, 23vw, 26rem);
	position: absolute;
	right: clamp(1.5rem, 4vw, 4rem);
	top: 29px;
	z-index: 10;
}

.admin-bar .home-two-topbar {
	top: 40px;
}

.home-two-search {
	-webkit-backdrop-filter: blur(8px) saturate(150%);
	align-items: center;
	backdrop-filter: blur(8px) saturate(150%);
	background: rgb(217 217 217 / 20%);
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 13px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%), inset 0 -18px 34px rgb(0 0 0 / 14%), 0 18px 40px rgb(0 0 0 / 24%);
	display: flex;
	flex: 0 1 470px;
	font-family: var(--qbits9-home-two-font);
	gap: 18px;
	height: 47px;
	padding: 14px;
	width: 559px;
	max-width: 559px;
	min-width: 559px;
}

@media (min-width: 1301px) {
	.home-two-search {
		margin-left: 0;
	}
}

.home-two-search__icon {
	background: url("assets/images/sarcxh.svg") center / contain no-repeat;
	display: inline-flex;
	flex: 0 0 16px;
	height: 16px;
	width: 16px;
}

.home-two-search__icon svg {
	display: none;
}

.home-two-search input[type="search"] {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: var(--qbits9-home-two-font);
	font-size: 14px;
	height: 100%;
	outline: 0;
	padding: 0;
}

.home-two-search input[type="search"]::placeholder {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--qbits9-home-two-font);
	font-size: 14px;
}

.home-two-search input[type="search"]:-webkit-autofill,
.home-two-search input[type="search"]:-webkit-autofill:hover,
.home-two-search input[type="search"]:-webkit-autofill:focus {
	-webkit-background-clip: text;
	-webkit-box-shadow: 0 0 0 1000px transparent inset;
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
	transition: background-color 9999s ease-out 0s;
}

.home-two-search-toggle {
	display: none;
}

.home-two-search-toggle__icon {
	background: url("assets/images/sarcxh.svg") center / contain no-repeat;
	display: block;
	height: 18px;
	width: 18px;
}

.home-two-search-overlay {
	align-items: center;
	background: rgba(0, 0, 0, 0.88);
	color: #fff;
	display: flex;
	font-family: var(--qbits9-home-two-font);
	inset: 0;
	justify-content: center;
	padding: 5rem clamp(1rem, 5vw, 4rem);
	position: fixed;
	z-index: 120;
}

.home-two-search-overlay[hidden] {
	display: none;
}

.home-two-search-overlay__close,
.home-two-search-overlay__submit {
	align-items: center;
	background: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	padding: 0;
}

.home-two-search-overlay__close {
	height: 48px;
	position: absolute;
	right: calc(1rem + env(safe-area-inset-right));
	top: calc(1rem + env(safe-area-inset-top));
	width: 48px;
}

.admin-bar .home-two-search-overlay__close {
	top: calc(3rem + env(safe-area-inset-top));
}

.home-two-search-overlay__close::before,
.home-two-search-overlay__close::after {
	background: currentColor;
	content: "";
	height: 2px;
	position: absolute;
	width: 26px;
}

.home-two-search-overlay__close::before {
	transform: rotate(45deg);
}

.home-two-search-overlay__close::after {
	transform: rotate(-45deg);
}

.home-two-search-overlay__form {
	-webkit-backdrop-filter: blur(8px) saturate(150%);
	align-items: center;
	backdrop-filter: blur(8px) saturate(150%);
	background: rgb(217 217 217 / 20%);
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 13px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%), inset 0 -18px 34px rgb(0 0 0 / 14%), 0 18px 40px rgb(0 0 0 / 24%);
	display: flex;
	gap: 18px;
	height: 47px;
	max-width: 559px;
	padding: 14px;
	width: min(calc(100vw - 2rem), 559px);
}

.home-two-search-overlay__form input[type="search"] {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: var(--qbits9-home-two-font);
	font-size: 14px;
	height: 100%;
	line-height: 1;
	outline: 0;
	padding: 0;
}

.home-two-search-overlay__form input[type="search"]::placeholder {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--qbits9-home-two-font);
	font-size: 14px;
}

.home-two-search-overlay__submit {
	flex: 0 0 16px;
	height: 16px;
	order: -1;
	width: 16px;
}

.home-two-search-overlay__submit .home-two-search-toggle__icon {
	filter: none;
	height: 16px;
	width: 16px;
}

.home-two-search-overlay__close:hover,
.home-two-search-overlay__close:focus,
.home-two-search-overlay__submit:hover,
.home-two-search-overlay__submit:focus {
	background: transparent;
	color: #fff;
	outline: 0;
	transform: none;
}

body.qbits9-home-two-search-open {
	overflow: hidden;
}

.home-two-nav {
	flex: 0 0 auto;
	font-family: var(--qbits9-home-two-font);
}

.home-two-menu-toggle {
	display: none;
}

.home-two-menu-backdrop {
	display: none;
}

.home-two-offcanvas-header {
	display: contents;
}

.home-two-offcanvas-logo {
	display: none;
}

.home-two-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.home-two-nav>ul {
	align-items: flex-start;
	display: flex;
	gap: 40px;
}

.home-two-nav a {
	color: #fff;
	text-decoration: none;
}

.home-two-nav>ul>li {
	position: relative;
}

.home-two-nav>ul>.menu-item-has-children::before,
.home-two-nav>ul>.home-two-nav__item--dropdown::before {
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.home-two-nav>ul>li>a {
	align-items: center;
	display: inline-flex;
	font-family: var(--qbits9-home-two-font);
	font-size: 16px;
	font-weight: var(--qbits9-home-two-font-weight);
	gap: 0.42rem;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.home-two-nav>ul>li>a:hover,
.home-two-nav>ul>li>a:focus {
	color: rgba(255, 255, 255, 0.78);
	outline: 0;
}

.home-two-nav>ul>.menu-item-has-children>a::after {
	background: url("assets/images/dropdownarrow.svg") center / contain no-repeat;
	content: "";
	flex: 0 0 14px;
	height: 8px;
	transition: transform 220ms ease;
	width: 14px;
}

.home-two-nav__chevron {
	background: url("assets/images/dropdownarrow.svg") center / contain no-repeat;
	display: inline-block;
	flex: 0 0 14px;
	height: 8px;
	transition: transform 220ms ease;
	width: 14px;
}

.home-two-nav>ul>.menu-item-has-children:hover>a::after,
.home-two-nav>ul>.menu-item-has-children:focus-within>a::after,
.home-two-nav>ul>li.home-two-submenu-open>a::after,
.home-two-nav>ul>li:hover>a .home-two-nav__chevron,
.home-two-nav>ul>li:focus-within>a .home-two-nav__chevron,
.home-two-nav>ul>li.home-two-submenu-open>a .home-two-nav__chevron {
	transform: rotate(180deg);
}

.home-two-dropdown {
	padding: 13px !important;
}

.home-two-dropdown,
.home-two-nav .sub-menu {
	-webkit-backdrop-filter: blur(8px) saturate(150%);
	backdrop-filter: blur(8px) saturate(150%);
	background: rgb(217 217 217 / 20%);
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 8px;
	box-shadow:
		inset 0 1px 0 rgb(255 255 255 / 22%),
		inset 0 -18px 34px rgb(0 0 0 / 14%),
		0 18px 40px rgb(0 0 0 / 24%);
	display: grid;
	gap: 0.58rem;
	left: 0;
	min-width: 112px;
	opacity: 0;
	padding: 0.84rem 0.9rem;
	pointer-events: none;
	position: absolute;
	top: calc(100% + 12px);
	transform: translateY(12px) scale(0.96);
	transform-origin: top left;
	transition:
		opacity 220ms ease,
		transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
		visibility 220ms ease;
	visibility: hidden;
	will-change: opacity, transform;
	z-index: 2;
}

.home-two-nav__item--click-only>.home-two-dropdown {
	left: auto;
	right: 0;
	transform-origin: top right;
}

.qbits9-home-two-detail-template .home-two-nav>ul>li:last-child.menu-item-has-children>a {
	font-size: 0;
	gap: 0;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.qbits9-home-two-detail-template .home-two-nav>ul>li:last-child.menu-item-has-children>a::before {
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor;
	content: "";
	display: block;
	height: 4px;
	width: 4px;
}

.qbits9-home-two-detail-template .home-two-nav>ul>li:last-child.menu-item-has-children>a::after {
	display: none;
}

.home-two-submenu-close-item,
.home-two-submenu-title {
	display: none;
}

.home-two-submenu-close-item {
	list-style: none;
}

.home-two-nav>ul>li:not(.home-two-nav__item--click-only):hover>.home-two-dropdown,
.home-two-nav>ul>li:not(.home-two-nav__item--click-only):focus-within>.home-two-dropdown,
.home-two-nav>ul>li.home-two-submenu-open>.home-two-dropdown,
.home-two-nav>ul>li:hover>.sub-menu,
.home-two-nav>ul>li:focus-within>.sub-menu,
.home-two-nav>ul>li.home-two-submenu-open>.sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	visibility: visible;
}

.home-two-dropdown a,
.home-two-nav .sub-menu a {
	color: rgba(255, 255, 255, 0.88);
	display: block;
	font-size: 14px;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(6px);
	transition: color 160ms ease, opacity 220ms ease, transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
	white-space: nowrap;
}

.home-two-nav>ul>li:not(.home-two-nav__item--click-only):hover>.home-two-dropdown a,
.home-two-nav>ul>li:not(.home-two-nav__item--click-only):focus-within>.home-two-dropdown a,
.home-two-nav>ul>li.home-two-submenu-open>.home-two-dropdown a,
.home-two-nav>ul>li:hover>.sub-menu a,
.home-two-nav>ul>li:focus-within>.sub-menu a,
.home-two-nav>ul>li.home-two-submenu-open>.sub-menu a {
	opacity: 1;
	transform: translateY(0);
}

.home-two-dropdown a:hover,
.home-two-dropdown a:focus,
.home-two-nav .sub-menu a:hover,
.home-two-nav .sub-menu a:focus {
	color: #fff;
	outline: 0;
}

@media (prefers-reduced-motion: reduce) {

	.home-two-nav>ul>.menu-item-has-children>a::after,
	.home-two-nav__chevron,
	.home-two-dropdown,
	.home-two-nav .sub-menu,
	.home-two-dropdown a,
	.home-two-nav .sub-menu a {
		transition: none;
	}

	.home-two-dropdown,
	.home-two-nav .sub-menu,
	.home-two-dropdown a,
	.home-two-nav .sub-menu a {
		transform: none;
	}
}

.home-two-hero__content {
	align-items: center;
	display: flex;
	inset: 0;
	padding: 0;
	position: absolute;
	z-index: 4;
	transition: transform 0.45s ease;
}

.home-two-hero--detail .home-two-hero__content {
	flex-direction: column;
	justify-content: center;
	padding: 0 clamp(1.5rem, 6vw, 5rem);
	text-align: center;
}

.home-two-hero__content.is-scrolled {
	transform: translateY(-2rem);
}

.home-two-hero--detail .home-two-hero__content.is-scrolled {
	align-items: center;
	justify-content: flex-start;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior-y: auto;
	padding-bottom: clamp(8rem, 14vh, 11rem);
	padding-top: clamp(8rem, 14vh, 11rem);
	scroll-behavior: smooth;
	scrollbar-width: none;
	transform: none;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled::-webkit-scrollbar {
	display: none;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled h1 {
	transform: translateY(1.35rem);
}

.home-two-hero__content h1 {
	color: #fff;
	font-family: var(--qbits9-home-two-font);
	font-size: 95px;
	font-weight: var(--qbits9-home-two-font-weight);
	letter-spacing: 0;
	line-height: 0.94;
	margin: 0;
	text-shadow: 0 4px 28px rgba(0, 0, 0, 0.36);
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
}

.home-two-hero__description {
	color: #fff;
	font-size: 1.05rem;
	line-height: 1.65;
	margin: 1.75rem auto 1.75rem auto;
	max-width: 44rem;
	opacity: 0;
	transform: translateY(0.85rem);
	transition: opacity 0.35s ease, transform 0.35s ease;
	text-align: center;
}

.home-two-hero--detail .home-two-hero__description {
	-webkit-backdrop-filter: blur(10px) saturate(130%);
	backdrop-filter: blur(10px) saturate(130%);
	background:
		linear-gradient(120deg, rgba(255, 255, 255, 0.07), transparent 24%, transparent 74%, rgba(255, 255, 255, 0.06)),
		rgba(0, 0, 0, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	box-shadow: 0 20px 70px rgba(0, 0, 0, 0.2);
	font-size: clamp(0.94rem, 1.18vw, 1.08rem);
	line-height: 1.58;
	max-width: 80%;
	max-height: 0;
	overflow: hidden;
	padding: clamp(1.25rem, 2.1vw, 1.8rem) clamp(1.5rem, 3vw, 2.5rem);
	position: relative;
	transform: translateY(0.85rem);
	transition: opacity 0.45s ease 0.08s, transform 0.45s ease 0.08s, max-height 0.45s ease 0.08s, margin 0.45s ease 0.08s;
}

.home-two-hero--detail .home-two-hero__description::before {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
	content: "";
	height: 1px;
	left: 10%;
	opacity: 0;
	position: absolute;
	right: 10%;
	top: 0;
	transform: scaleX(0);
	transform-origin: center;
}

.home-two-hero--detail .home-two-hero__description::after {
	background: linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, 0.16) 48%, transparent 76%);
	content: "";
	inset: -45%;
	opacity: 0;
	position: absolute;
	transform: translateX(-120%) rotate(8deg);
}

.home-two-hero__description p {
	margin: 0;
}

.home-two-hero--detail .home-two-hero__description p {
	clip-path: inset(0 100% 0 0);
	opacity: 0;
	position: relative;
	transform: none;
	z-index: 1;
}

.home-two-hero__description p+p {
	margin-top: 1.05rem;
}

.home-two-hero__description-list {
	margin: 1.05rem auto 0;
	max-width: 100%;
	position: relative;
	text-align: left;
	width: max-content;
	z-index: 1;
}

.home-two-hero__description-list ul {
	display: grid;
	gap: 0.2rem;
	list-style-position: inside;
	margin: 0.45rem 0 0;
	padding: 0;
}

.home-two-hero__description-list li::marker {
	color: rgba(255, 255, 255, 0.72);
}

.home-two-hero__content.is-scrolled .home-two-hero__description {
	opacity: 1;
	transform: translateY(0);
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description {
	max-height: 32rem;
	transform: translateY(1.35rem);
}

/* .home-two-template--large-project .home-two-hero__content.is-scrolled .home-two-hero__description {
	max-height: min(32rem, calc(100dvh - 16rem));
	overflow-y: auto;
	overscroll-behavior: contain;
} */

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description::before {
	-webkit-animation: homeTwoDescriptionRuleIn 820ms cubic-bezier(0.22, 1, 0.36, 1) 180ms both;
	animation: homeTwoDescriptionRuleIn 820ms cubic-bezier(0.22, 1, 0.36, 1) 180ms both;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description::after {
	-webkit-animation: homeTwoDescriptionShine 1150ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
	animation: homeTwoDescriptionShine 1150ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description p {
	-webkit-animation: homeTwoDescriptionWipeIn 820ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation: homeTwoDescriptionWipeIn 820ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description p:nth-child(2) {
	-webkit-animation-delay: 170ms;
	animation-delay: 170ms;
}

@-webkit-keyframes homeTwoDescriptionWipeIn {
	0% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}

	100% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

@keyframes homeTwoDescriptionWipeIn {
	0% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}

	100% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

@-webkit-keyframes homeTwoDescriptionRuleIn {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@keyframes homeTwoDescriptionRuleIn {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@-webkit-keyframes homeTwoDescriptionShine {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-120%) rotate(8deg);
		transform: translateX(-120%) rotate(8deg);
	}

	28% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(120%) rotate(8deg);
		transform: translateX(120%) rotate(8deg);
	}
}

@keyframes homeTwoDescriptionShine {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-120%) rotate(8deg);
		transform: translateX(-120%) rotate(8deg);
	}

	28% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(120%) rotate(8deg);
		transform: translateX(120%) rotate(8deg);
	}
}

.qbits9-home-two-detail-template .home-two-logo-bubbles {
	opacity: 1;
	transform: translateX(-50%);
}

.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links {
	bottom: auto;
	inset: auto;
	max-height: 0;
	margin-top: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: static;
	transform: translateY(1.1rem);
	transition: opacity 0.45s ease 0.12s, transform 0.45s ease 0.12s, max-height 0.45s ease 0.12s, margin 0.45s ease 0.12s;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links {
	max-height: 34rem;
	margin-top: clamp(0.45rem, 1.1vw, 0.85rem);
	opacity: 1;
	overflow: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links .home-two-logo-bubbles__heading,
.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links .home-two-logo-bubble--link {
	opacity: 0;
	transform: translate3d(0, 0.8rem, 0) scale(0.96);
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubbles__heading,
.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link {
	-webkit-animation: homeTwoAssociatedItemIn 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation: homeTwoAssociatedItemIn 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(1) {
	-webkit-animation-delay: 80ms;
	animation-delay: 80ms;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(2) {
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(3) {
	-webkit-animation-delay: 220ms;
	animation-delay: 220ms;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(4) {
	-webkit-animation-delay: 290ms;
	animation-delay: 290ms;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(5) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links .home-two-logo-bubble--link:nth-of-type(n+6) {
	-webkit-animation-delay: 430ms;
	animation-delay: 430ms;
}

@media (max-height: 860px) and (min-width: 761px) {

	.home-two-logo-bubbles--links {
		--home-two-associated-logo-size: clamp(72px, 5.65vw, 88px);
		padding-block: clamp(0.15rem, 0.45vw, 0.35rem) clamp(1.1rem, 2vh, 1.45rem);
		row-gap: clamp(0.5rem, 1vw, 0.75rem);
	}

	.home-two-logo-bubble--link {
		height: var(--home-two-associated-logo-size);
		width: var(--home-two-associated-logo-size);
	}

	.home-two-logo-bubbles__heading {
		font-size: clamp(0.82rem, 1.25vw, 1rem);
		margin-bottom: clamp(0.1rem, 0.35vw, 0.28rem);
	}

	.home-two-hero--detail .home-two-hero__description {
		margin-bottom: clamp(0.65rem, 1.2vw, 0.95rem);
	}

	.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links {
		margin-top: clamp(0.3rem, 0.8vw, 0.6rem);
	}

	.home-two-hero--detail .home-two-hero__content.is-scrolled {
		transform: none;
	}
}

@-webkit-keyframes homeTwoAssociatedItemIn {
	0% {
		filter: blur(6px);
		opacity: 0;
		-webkit-transform: translate3d(0, 0.8rem, 0) scale(0.96);
		transform: translate3d(0, 0.8rem, 0) scale(0.96);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes homeTwoAssociatedItemIn {
	0% {
		filter: blur(6px);
		opacity: 0;
		-webkit-transform: translate3d(0, 0.8rem, 0) scale(0.96);
		transform: translate3d(0, 0.8rem, 0) scale(0.96);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

/* @keyframes homeTwoHeroTitleIn {
	0% {
		filter: blur(8px);
		opacity: 0;
		transform: translate3d(0, 0.45em, 0);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.home-two-hero__content h1 span {
	animation: homeTwoHeroTitleIn 860ms cubic-bezier(0.16, 1, 0.3, 1) both;
	display: block;
	opacity: 0;
	will-change: opacity, transform, filter;
}

.home-two-hero__content h1 span:nth-child(2) {
	animation-delay: 160ms;
} */

.home-two-hero__title-line {
	display: inline;
	white-space: nowrap;
}

.home-two-hero__title-line+.home-two-hero__title-line::before {
	content: " ";
}

.home-two-hero__title-char {
	display: inline-block;
	transform-origin: 50% 110%;
	white-space: pre;
	will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {

	.home-two-hero__title-char {
		opacity: 1 !important;
	}
}

.home-two-bottom {
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	bottom: 0;
	display: flex;
	justify-content: space-between;
	left: 0;
	min-height: 74px;
	padding: 0 clamp(1.35rem, 4.8vw, 5.5rem);
	position: fixed;
	right: 0;
	z-index: 8;
}

.home-two-social,
.home-two-legal {
	align-items: center;
	display: flex;
}

.home-two-social {
	gap: 0.7rem;
}

.home-two-social a {
	color: #fff;
	display: inline-flex;
	height: 28px;
	text-decoration: none;
	width: 28px;
}

.home-two-social img,
.home-two-social svg {
	fill: none;
	height: 100%;
	object-fit: contain;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.85;
	width: 100%;
}

.home-two-social a:last-child svg {
	fill: currentColor;
	stroke: none;
}

.home-two-legal {
	gap: clamp(1.35rem, 2.4vw, 2.65rem);
}

.home-two-legal a+a {
	position: relative;
}

.home-two-legal a+a::before {
	background: rgba(255, 255, 255, 0.36);
	content: "";
	height: 1em;
	left: calc(clamp(1.35rem, 2.4vw, 2.65rem) / -2);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
}

.home-two-legal a {
	color: rgba(255, 255, 255, 0.88);
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

.home-two-social a:hover,
.home-two-social a:focus,
.home-two-legal a:hover,
.home-two-legal a:focus {
	color: #fff;
	outline: 0;
}

.page-template-home-template-2 .home-two-site-header .home-two-site-logo,
.page-template-home-template-2 .home-two-site-header .home-two-topbar,
.page-template-home-template-2 .home-two-logo-bubbles,
.page-template-home-template-2 .home-two-bottom {
	-webkit-animation-duration: 760ms;
	animation-duration: 760ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.page-template-home-template-2 .home-two-site-header .home-two-site-logo,
.page-template-home-template-2 .home-two-site-header .home-two-topbar {
	-webkit-animation-name: homeTwoHeaderReveal;
	animation-name: homeTwoHeaderReveal;
}

.page-template-home-template-2 .home-two-site-header .home-two-topbar {
	animation-delay: 0ms;
}

.page-template-home-template-2 .home-two-logo-bubbles {
	-webkit-animation-name: homeTwoLogoBubblesReveal;
	animation-name: homeTwoLogoBubblesReveal;
	animation-delay: 360ms;
}

.page-template-home-template-2 .home-two-bottom {
	-webkit-animation-name: homeTwoFooterReveal;
	animation-name: homeTwoFooterReveal;
	animation-delay: 180ms;
}

.page-template-home-template-2.is-home-two-video-ready .home-two-site-header .home-two-site-logo,
.page-template-home-template-2.is-home-two-video-ready .home-two-site-header .home-two-topbar,
.page-template-home-template-2.is-home-two-video-ready .home-two-logo-bubbles,
.page-template-home-template-2.is-home-two-video-ready .home-two-bottom {
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes homeTwoHeaderReveal {
	0% {
		-webkit-transform: translate3d(0, -140%, 0);
		transform: translate3d(0, -140%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes homeTwoHeaderReveal {
	0% {
		-webkit-transform: translate3d(0, -140%, 0);
		transform: translate3d(0, -140%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes homeTwoFooterReveal {
	0% {
		-webkit-transform: translate3d(0, 140%, 0);
		transform: translate3d(0, 140%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes homeTwoFooterReveal {
	0% {
		-webkit-transform: translate3d(0, 140%, 0);
		transform: translate3d(0, 140%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes homeTwoLogoBubblesReveal {
	0% {
		-webkit-transform: translateX(-50%) translateY(140%);
		transform: translateX(-50%) translateY(140%);
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@keyframes homeTwoLogoBubblesReveal {
	0% {
		-webkit-transform: translateX(-50%) translateY(140%);
		transform: translateX(-50%) translateY(140%);
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {

	.page-template-home-template-2 .home-two-site-header .home-two-site-logo,
	.page-template-home-template-2 .home-two-site-header .home-two-topbar,
	.page-template-home-template-2 .home-two-logo-bubbles,
	.page-template-home-template-2 .home-two-bottom {
		-webkit-animation: none;
		animation: none;
	}
}

@media (max-width: 760px) {

	.page-template-home-template-2 .home-two-site-header .home-two-nav>ul>li {
		-webkit-animation: none;
		animation: none;
	}
}

@media (max-width: 1100px) {
	.home-two-topbar {
		gap: clamp(0.9rem, 2.6vw, 2rem);
		left: 11rem;
		right: 1.5rem;
	}

	.home-two-search {
		flex: 1 1 min(34vw, 380px);
		max-width: 380px;
		min-width: 0;
		width: min(34vw, 380px);
	}

	.home-two-nav>ul {
		gap: clamp(0.9rem, 2vw, 1.25rem);
	}

	.home-two-nav>ul>li>a {
		font-size: clamp(0.9rem, 1.55vw, 1rem);
	}

	.home-two-hero__content h1 {
		font-size: clamp(3.2rem, 7vw, 5.2rem);
		max-width: 900px;
	}
}

@media (max-width: 900px) {
	.home-two-topbar {
		left: clamp(9rem, 16vw, 11rem);
		right: 1rem;
	}

	.home-two-search {
		flex-basis: clamp(220px, 32vw, 300px);
		max-width: 300px;
		width: clamp(220px, 32vw, 300px);
	}

	.home-two-nav>ul {
		gap: 0.75rem 1rem;
	}
}

@media (max-width: 900px) and (max-height: 620px) {

	.home-two-template,
	.home-two-hero {
		min-height: 620px;
	}

	.home-two-hero__content {
		padding-top: 150px;
	}

	.home-two-hero__content h1 {
		font-size: clamp(3rem, 8vh, 4.2rem);
	}
}

@media (max-width: 782px) {

	.admin-bar .home-two-template,
	.admin-bar .home-two-hero {
		height: calc(100vh - 46px);
		min-height: 722px;
	}

	.admin-bar .home-two-logo-badge {
		top: 0px;
	}

	.admin-bar .home-two-topbar {
		top: 62px;
	}
}

@media (max-width: 760px) {
	body.qbits9-home-template-two {
		overflow: auto;
	}

	html:has(body.qbits9-home-template-two:not(.qbits9-home-two-detail-template)),
	body.qbits9-home-template-two:not(.qbits9-home-two-detail-template) {
		overflow: hidden;
	}

	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .site,
	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .site-content,
	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-template,
	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-hero {
		max-width: 100vw;
		overflow: hidden;
		width: 100vw;
	}

	body.qbits9-home-template-two.qbits9-home-two-detail-template {
		-ms-overflow-style: none;
		overflow-x: hidden;
		overflow-y: auto;
		scroll-behavior: smooth;
		scrollbar-width: none;
	}

	.home-two-template,
	.home-two-hero {
		height: auto;
		min-height: max(100vh, 640px);
		min-height: max(100dvh, 640px);
	}

	.home-two-template--detail {
		height: 112vh;
		min-height: 720px;
	}

	.home-two-template--detail .home-two-hero {
		height: 100vh;
		height: 100dvh;
		min-height: 640px;
		position: sticky;
		top: 0;
	}

	.admin-bar .home-two-template,
	.admin-bar .home-two-hero {
		height: auto;
		min-height: max(calc(100vh - 46px), 640px);
		min-height: max(calc(100dvh - 46px), 640px);
	}

	.admin-bar .home-two-template--detail {
		height: 112vh;
		min-height: 720px;
	}

	.admin-bar .home-two-template--detail .home-two-hero {
		height: calc(100vh - 46px);
		height: calc(100dvh - 46px);
		min-height: 640px;
		top: 46px;
	}

	.home-two-hero__image,
	.home-two-hero__video {
		object-position: 58% center;
	}

	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-hero__video {
		bottom: auto;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}

	.home-two-logo-badge {
		height: 172px;
		left: -50px;
		top: -54px;
		width: 172px;
	}

	.home-two-logo-badge__image {
		bottom: auto;
		left: 46px;
		right: auto;
		top: 70px;
		transform: none;
		width: 110px;
	}

	.home-two-topbar {
		align-items: stretch;
		flex-direction: column;
		gap: 0.8rem;
		left: 8.2rem;
		right: 1rem;
		top: 1rem;
	}

	.home-two-search {
		flex-basis: auto;
		max-width: none;
		min-width: 0;
		width: 100%;
		display: none;
	}

	.home-two-nav>ul {
		flex-wrap: wrap;
		gap: 0.8rem 1rem;
		justify-content: flex-end;
	}

	.home-two-nav>ul>li>a {
		font-size: 0.68rem;
	}

	.home-two-dropdown,
	.home-two-nav .sub-menu {
		left: auto;
		max-width: min(72vw, 260px);
		min-width: 145px;
		right: 0;
	}

	.home-two-dropdown a,
	.home-two-nav .sub-menu a {
		white-space: normal;
	}

	.home-two-nav__item--open .home-two-dropdown,
	.home-two-nav>ul>.menu-item-has-children>.sub-menu {
		opacity: 0;
		pointer-events: none;
		transform: translateY(12px) scale(0.96);
		visibility: hidden;
	}

	.home-two-nav>ul>li:not(.home-two-nav__item--click-only):hover>.home-two-dropdown,
	.home-two-nav>ul>li:not(.home-two-nav__item--click-only):focus-within>.home-two-dropdown,
	.home-two-nav>ul>li:hover>.sub-menu,
	.home-two-nav>ul>li:focus-within>.sub-menu {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0) scale(1);
		visibility: visible;
	}

	.home-two-hero__content {
		padding: 0;
		align-items: center;
		justify-content: center;
	}

	.home-two-hero--detail .home-two-hero__content {
		padding: 0 1rem;
	}

	.home-two-hero--detail .home-two-hero__content.is-scrolled {
		transform: none;
	}

	.home-two-hero--detail .home-two-hero__description {
		font-size: 0.86rem;
		line-height: 1.45;
		max-width: min(92vw, 34rem);
		padding: 1rem 1.05rem;
		width: min(92vw, 34rem);
	}

	.home-two-hero__description p+p {
		margin-top: 0.55rem;
	}

	.home-two-hero__content h1 {
		font-size: 60px;
		line-height: 0.95;
		max-width: 100%;
		text-align: center;
	}

	.home-two-bottom {

		flex-direction: column;
		gap: 1rem;
		justify-content: center;
		align-items: center;
		min-height: 112px;
		padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));
	}

	.home-two-legal {
		flex-wrap: wrap;
		gap: 0.9rem;
	}

	.home-two-legal a+a::before {
		left: -0.45rem;
	}

	.home-two-legal a {
		font-size: clamp(0.72rem, 3.1vw, 0.875rem);
	}
}

@media (max-width: 460px) {
	.home-two-topbar {
		gap: 0.65rem;
		left: 6.7rem;
		right: 0.85rem;
	}

	.home-two-logo-badge {
		height: 148px;
		width: 148px;
	}

	.home-two-logo-badge__image {
		left: 42px;
		top: 64px;
		width: 92px;
	}

	.home-two-search {
		gap: 0.7rem;
		height: 42px;
		padding: 0 0.75rem;
	}

	.home-two-nav>ul {
		gap: 0.55rem 0.75rem;
	}

	.home-two-nav>ul>li>a {
		font-size: clamp(0.62rem, 3vw, 0.72rem);
	}

	.home-two-hero__content {
		padding-top: 0px;
	}


	.home-two-bottom {
		gap: 0.8rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 360px) {
	.home-two-topbar {
		left: 5.9rem;
	}

	.home-two-logo-badge {
		height: 132px;
		width: 132px;
	}

	.home-two-logo-badge__image {
		left: 38px;
		top: 58px;
		width: 82px;
	}

	.home-two-legal {
		gap: 0.65rem;
	}
}

@media (max-width: 1300px) {
	.home-two-nav {
		--home-two-offcanvas-width: min(430px, calc(100vw - 32px));
		position: relative;
	}

	.home-two-hero__content h1 {
		font-size: 98px;
	}

	.home-two-menu-toggle {
		-webkit-backdrop-filter: blur(8px) saturate(150%);
		align-items: center;
		backdrop-filter: blur(8px) saturate(150%);
		background: rgb(217 217 217 / 18%);
		border: 1px solid rgb(255 255 255 / 16%);
		border-radius: 10px;
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 14px 34px rgb(0 0 0 / 26%);
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		flex-direction: column;
		gap: 4px;
		height: 48px;
		justify-content: center;
		margin-left: auto;
		padding: 0;
		position: relative;
		transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
		width: 48px;
		z-index: 90;
	}

	.home-two-menu-toggle:hover,
	.home-two-menu-toggle:focus {
		background: rgb(255 255 255 / 18%);
		border-color: rgb(255 255 255 / 28%);
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 28%), 0 18px 42px rgb(0 0 0 / 32%);
		outline: 0;
	}

	.home-two-menu-toggle__line {
		background: currentColor;
		border-radius: 99px;
		display: block;
		height: 2px;
		transition: opacity 160ms ease, transform 260ms cubic-bezier(0.16, 1, 0.3, 1), width 180ms ease;
		width: 20px;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle {
		-webkit-backdrop-filter: none;
		align-self: baseline;
		backdrop-filter: none;
		background: transparent;
		border-color: transparent;
		border-radius: 50%;
		box-shadow: none;
		color: #fff;
		flex: 0 0 32px;
		height: 32px;
		line-height: 1;
		margin-left: auto;
		position: relative;
		transform: none;
		width: 32px;
		z-index: 1;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle:hover,
	.home-two-nav.home-two-nav--open .home-two-menu-toggle:focus {
		transform: none;
	}

	.admin-bar .home-two-nav.home-two-nav--open .home-two-menu-toggle {
		top: auto;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle__line {
		height: 2px;
		left: 7px;
		position: absolute;
		top: 15px;
		width: 18px;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(2) {
		transform: rotate(45deg);
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(3) {
		opacity: 0;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(4) {
		transform: rotate(-45deg);
	}

	.home-two-menu-backdrop {
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		background: rgba(0, 0, 0, 0.72);
		display: block;
		inset: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		transition: opacity 260ms ease, visibility 260ms ease;
		visibility: hidden;
		z-index: 78;
	}

	.home-two-nav.home-two-nav--open .home-two-menu-backdrop {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	body.qbits9-home-two-menu-open {
		overflow: hidden;
	}

	body.qbits9-home-two-menu-open .home-two-topbar {
		z-index: 100;
	}

	.page-template-home-template-2.qbits9-home-two-menu-open .home-two-site-header .home-two-topbar {
		-webkit-animation: none;
		animation: none;
		-webkit-transform: none;
		transform: none;
	}

	.home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		align-items: center;
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		left: 0;
		padding: 12px 14px 0;
		pointer-events: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 88;
	}

	.admin-bar .home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		top: 32px;
		padding: 12px 14px 0;
	}

	.home-two-offcanvas-logo {
		align-items: center;
		background: transparent;
		display: none;
		flex: 0 0 62px;
		line-height: 0;
		padding: 0;
		text-decoration: none;
	}

	.home-two-nav.home-two-nav--open .home-two-offcanvas-logo {
		display: inline-flex;
		pointer-events: auto;
	}

	.home-two-offcanvas-logo__frame {
		aspect-ratio: 1813 / 773;
		display: block;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.home-two-offcanvas-logo__image {
		display: block;
		height: auto;
		max-height: none;
		max-width: none;
		transform: none;
		width: 100%;
	}

	.home-two-nav>ul {
		align-items: center;
		background: #121716;
		border-bottom: 1px solid rgba(255, 255, 255, 0.7);
		border-left: 0;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		gap: 0.42rem;
		height: 100vh;
		height: 100dvh;
		justify-content: center;
		left: 0;
		opacity: 0;
		overflow-y: auto;
		padding: 74px 20px 38px;
		pointer-events: none;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateY(-8px);
		transition:
			opacity 220ms ease,
			transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
			visibility 220ms ease;
		visibility: hidden;
		width: 100vw;
		z-index: 80;
	}

	.home-two-nav.home-two-nav--open>ul {
		opacity: 1;
		pointer-events: auto;
		transform: translateX(0);
		visibility: visible;
	}

	.home-two-nav>ul>li {
		border-bottom: 0;
		opacity: 0;
		padding: 0;
		text-align: center;
		transform: translateY(12px);
		transition: opacity 360ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
	}

	.home-two-nav.home-two-nav--open>ul>li {
		opacity: 1;
		transform: translateY(0);
	}

	.home-two-nav.home-two-nav--open>ul>li:nth-child(2) {
		transition-delay: 70ms;
	}

	.home-two-nav.home-two-nav--open>ul>li:nth-child(3) {
		transition-delay: 140ms;
	}

	.home-two-nav.home-two-nav--open>ul>li:nth-child(4) {
		transition-delay: 210ms;
	}

	.home-two-nav.home-two-nav--open>ul>li:nth-child(5) {
		transition-delay: 280ms;
	}

	.home-two-nav>ul>.menu-item-has-children::before,
	.home-two-nav>ul>.home-two-nav__item--dropdown::before {
		display: none;
	}

	.home-two-nav>ul>li>a {
		color: rgba(255, 255, 255, 0.9);
		display: inline-flex;
		font-family: var(--qbits9-home-two-font);
		font-size: clamp(17px, 3.2vw, 19px);
		font-weight: var(--qbits9-home-two-font-weight);
		justify-content: center;
		line-height: 1.05;
		padding: 0;
		position: relative;
		text-align: center;
		text-transform: none;
		white-space: normal;
		width: auto;
	}

	.home-two-nav>ul>li:first-child>a,
	.home-two-nav>ul>.current-menu-item>a,
	.home-two-nav>ul>.current_page_item>a {
		color: #fff;
		text-decoration: underline;
		text-decoration-color: rgba(61, 157, 206, 0.95);
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
	}

	.home-two-nav>ul>li:first-child>a::before {
		display: none;
	}

	.home-two-nav>ul>li>a:hover,
	.home-two-nav>ul>li>a:focus {
		color: #fff;
		outline: 0;
	}

	.home-two-nav>ul>.menu-item-has-children>a::after,
	.home-two-nav__chevron {
		background: none;
		color: currentColor;
		display: inline-flex;
		flex: 0 0 auto;
		font-family: var(--qbits9-home-two-font);
		font-size: 20px;
		font-weight: var(--qbits9-home-two-font-weight);
		height: auto;
		line-height: 35px;
		margin-left: 0.75rem;
		transform: translateY(0px);
		width: 23px;
	}

	.home-two-nav>ul>.menu-item-has-children>a::after {
		content: "+";
	}

	.home-two-nav>ul>li.home-two-submenu-open>a::after {
		content: "-";
		transform: translateY(0.2em);
	}

	.home-two-nav>ul>li.home-two-submenu-open>a .home-two-nav__chevron {
		transform: translateY(0.2em);
	}

	.home-two-nav__chevron::before {
		content: "+";
	}

	.home-two-nav>ul>li.home-two-submenu-open>a .home-two-nav__chevron::before {
		content: "-";
	}

	.home-two-nav>ul>.menu-item-has-children>a,
	.home-two-nav>ul>.home-two-nav__item--dropdown>a {
		cursor: pointer;
	}

	.home-two-nav .home-two-dropdown,
	.home-two-nav .sub-menu,
	.home-two-nav__item--open .home-two-dropdown,
	.home-two-nav>ul>.menu-item-has-children>.sub-menu {
		align-items: stretch;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		display: grid;
		gap: 0.2rem;
		justify-content: stretch;
		left: auto;
		margin: 0;
		max-height: 0;
		max-width: none;
		min-width: 0;
		opacity: 0;
		overflow: hidden;
		padding: 0px !important;
		pointer-events: none;
		position: static;
		right: auto;
		top: auto;
		transform: none;
		transition: max-height 260ms ease, opacity 180ms ease, padding 220ms ease, visibility 180ms ease;
		visibility: hidden;
		width: 100%;
		z-index: auto;

	}

	.home-two-nav>ul>li.home-two-submenu-open::before {
		display: none;
	}

	.home-two-nav>ul>li.home-two-submenu-open>.home-two-dropdown,
	.home-two-nav>ul>li.home-two-submenu-open>.sub-menu {
		max-height: 420px;
		opacity: 1;
		padding: 0.45rem 0.55rem;
		pointer-events: auto;
		visibility: visible;
	}

	.home-two-dropdown li,
	.home-two-nav .sub-menu li {
		border: 0;
		opacity: 1;
		transform: none;
	}

	.home-two-submenu-close-item {
		display: none;
		list-style: none;
	}

	.home-two-submenu-title {
		display: none;
	}

	.home-two-dropdown a,
	.home-two-nav .sub-menu a {
		color: rgba(255, 255, 255, 0.72);
		display: inline-flex;
		font-family: var(--qbits9-home-two-font);
		font-size: 0.86rem;
		font-weight: var(--qbits9-home-two-font-weight);
		justify-content: center;
		letter-spacing: 0;
		line-height: 1.2;
		opacity: 1;
		padding: 0.42rem 0.65rem;
		text-align: center;
		text-transform: none;
		transform: none;
		transition: background 160ms ease, color 160ms ease;
		white-space: normal;
		width: 100%;
	}

	.home-two-dropdown a:hover,
	.home-two-dropdown a:focus,
	.home-two-nav .sub-menu a:hover,
	.home-two-nav .sub-menu a:focus {
		background: transparent;
		color: #fff;
		outline: 0;
	}

	.home-two-submenu-close {
		align-items: center;
		background: transparent;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		height: 38px;
		justify-content: center;
		padding: 0;
		position: absolute;
		right: 0.8rem;
		top: 0.8rem;
		width: 38px;
	}

	.home-two-submenu-close::before,
	.home-two-submenu-close::after {
		background: currentColor;
		content: "";
		height: 2px;
		position: absolute;
		width: 24px;
	}

	.home-two-submenu-close::before {
		transform: rotate(45deg);
	}

	.home-two-submenu-close::after {
		transform: rotate(-45deg);
	}

	.home-two-submenu-close:hover,
	.home-two-submenu-close:focus {
		color: rgba(255, 255, 255, 0.78);
		outline: 0;
	}
}

@media (min-width: 761px) and (max-width: 1024px) {
	.home-two-hero {
		align-content: start;
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		column-gap: 1.5rem;
		padding: 1.5rem;
	}

	.home-two-logo-badge {
		-webkit-animation: none;
		animation: none;
		aspect-ratio: 595 / 292;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
		height: auto;
		left: auto;
		line-height: 0;
		overflow: hidden;
		position: relative;
		top: auto;
		width: clamp(130px, 15vw, 150px);
		will-change: auto;
	}

	.home-two-logo-badge__image {
		bottom: auto;
		display: block;
		left: auto;
		max-width: none;
		object-fit: contain;
		position: static;
		right: auto;
		top: auto;
		transform: none;
		width: 100%;
	}

	.home-two-topbar,
	.admin-bar .home-two-topbar {
		gap: 1.25rem;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}

	.home-two-search {
		flex: 0 1 500px;
		max-width: 500px;
		min-width: 0;
		width: 100%;
	}
}

@media (max-width: 782px) {
	.admin-bar .home-two-nav.home-two-nav--open .home-two-menu-toggle {
		top: auto;
	}

	.admin-bar .home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		top: 20px;

	}
}

@media (max-width: 760px) {
	.home-two-nav.home-two-nav--open .home-two-menu-toggle {
		flex-basis: 32px;
		height: 32px;
		right: auto;
		top: auto;
		width: 32px;
	}

	.home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		left: 0;
		padding: 12px 10px 0;
		right: 0;
	}

	.home-two-offcanvas-logo {
		flex-basis: 54px;
	}

	.home-two-nav>ul {
		padding: 70px 1rem 32px;
	}

	.home-two-nav>ul>li>a {
		font-size: clamp(16px, 4.6vw, 18px);
	}

	.home-two-nav>ul>li:first-child>a::before {
		display: none;
	}

	.home-two-nav .home-two-dropdown,
	.home-two-nav .sub-menu,
	.home-two-nav__item--open .home-two-dropdown,
	.home-two-nav>ul>.menu-item-has-children>.sub-menu {
		max-height: 0;
		padding: 0 0.5rem;
		width: 100%;
	}

	.home-two-nav>ul>li.home-two-submenu-open>.home-two-dropdown,
	.home-two-nav>ul>li.home-two-submenu-open>.sub-menu {
		max-height: 360px;
		padding: 0.4rem 0.5rem;
	}

	.home-two-dropdown a,
	.home-two-nav .sub-menu a {
		font-size: 0.86rem;
		letter-spacing: 0;
	}
}

@media (max-width: 420px) {
	.home-two-nav>ul>li>a {
		font-size: 17px;
	}

	.home-two-nav .home-two-dropdown,
	.home-two-nav .sub-menu {
		padding-left: 0.45rem;
		padding-right: 0.45rem;
		width: 100%;
	}
}

@media (max-width: 1300px) and (prefers-reduced-motion: reduce) {

	.home-two-menu-toggle,
	.home-two-menu-toggle__line,
	.home-two-menu-backdrop,
	.home-two-offcanvas-header,
	.home-two-offcanvas-logo,
	.home-two-nav>ul,
	.home-two-nav>ul>li {
		transition: none;
	}
}

@media (max-width: 760px) and (max-height: 520px) and (orientation: landscape) {

	.home-two-template,
	.home-two-hero {
		min-height: 560px;
	}

	.admin-bar .home-two-template,
	.admin-bar .home-two-hero {
		min-height: max(calc(100vh - 46px), 560px);
		min-height: max(calc(100dvh - 46px), 560px);
	}

	.home-two-topbar {
		left: 7rem;
		right: 1rem;
		top: 0.75rem;
	}

	.home-two-hero__content {
		padding-top: 8.5rem;
	}

	.home-two-hero__content h1 {
		font-size: 60px;
	}

	.home-two-bottom {
		align-items: center;
		flex-direction: row;
		gap: 1rem;
		min-height: 66px;
		padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
		padding-top: 0.75rem;
	}

	.home-two-legal {
		gap: 0.75rem;
	}
}

@media (max-width: 760px) {
	.home-two-hero {
		align-content: start;
		align-items: center;
		column-gap: clamp(0.65rem, 3vw, 1rem);
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		padding: clamp(0.75rem, 3vw, 1rem);
	}

	.home-two-logo-badge {
		-webkit-animation: none;
		animation: none;
		aspect-ratio: 595 / 292;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
		height: auto;
		left: auto;
		line-height: 0;
		overflow: hidden;
		position: relative;
		top: auto;
		width: clamp(80px, 24vw, 118px);
		will-change: auto;
	}

	.home-two-logo-badge__image {
		bottom: auto;
		display: block;
		left: auto;
		max-width: none;
		object-fit: contain;
		position: static;
		right: auto;
		top: auto;
		transform: none;
		width: 100%;
	}

	.home-two-topbar,
	.admin-bar .home-two-topbar {
		align-items: center;
		flex-direction: row;
		gap: clamp(0.5rem, 2.5vw, 0.75rem);
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		justify-content: end;
	}

	.home-two-search {
		display: none;
	}

	.home-two-search-toggle {
		-webkit-backdrop-filter: blur(8px) saturate(150%);
		align-items: center;
		backdrop-filter: blur(8px) saturate(150%);
		background: rgb(217 217 217 / 18%);
		border: 1px solid rgb(255 255 255 / 16%);
		border-radius: 10px;
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 14px 34px rgb(0 0 0 / 26%);
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		flex: 0 0 44px;
		height: 44px;
		justify-content: center;
		padding: 0;
		transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
		width: 44px;
	}

	.home-two-search-toggle:hover,
	.home-two-search-toggle:focus {
		background: rgb(255 255 255 / 18%);
		border-color: rgb(255 255 255 / 28%);
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 28%), 0 18px 42px rgb(0 0 0 / 32%);
		outline: 0;
	}

	.home-two-search-overlay {
		padding: 4.75rem 1rem 2rem;
	}

	.home-two-menu-toggle {
		flex: 0 0 44px;
		height: 44px;
		width: 44px;
	}
}

@media (max-width: 760px) and (min-height: 521px) {
	.home-two-hero__content {
		padding: 0px;
	}

	.home-two-hero--detail .home-two-hero__content {
		padding: 0 1rem;
	}

	.home-two-hero__content h1 {
		font-size: 24px !important;
		line-height: 0.95;
		max-width: 100%;
		margin-top: -70px;
	}

	.home-two-hero--detail .home-two-hero__content h1 {
		margin-top: 0;
	}
}

@media (max-width: 521px) {
	.home-two-hero__content h1 {
		font-size: 24px !important;
	}
}

/* About Us template */
body.qbits9-about-template {
	background: #fff;
	color: #000;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.qbits9-about-template .site,
.qbits9-about-template .site-content {
	background: #fff;
}

.about-template {
	background: #fff;
	color: #000;
	overflow: hidden;
}

.about-template a {
	color: inherit;
}

.about-header {
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: 1.5rem 2rem;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 50;
}

.admin-bar .about-header {
	top: 32px;
}

.about-header__mark {
	align-items: center;
	border: 2px solid #000;
	border-radius: 999px;
	display: inline-flex;
	height: 1.5rem;
	justify-content: center;
	text-decoration: none;
	width: 1.5rem;
}

.about-header__mark span {
	background: #000;
	border-radius: 999px;
	display: block;
	height: 0.25rem;
	width: 0.25rem;
}

.about-header p {
	color: #111827;
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.45;
	margin: 0;
	max-width: 15rem;
	text-align: center;
	text-transform: uppercase;
}

.about-header__menu {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	padding: 0;
	text-decoration: underline;
	text-transform: uppercase;
}

.about-hero,
.about-philosophy,
.about-features,
.about-stats,
.about-founders {
	margin-inline: auto;
	max-width: 80rem;
	padding-inline: 2rem;
}

.about-hero {
	padding-block: 5rem 2.5rem;
}

.about-hero__intro {
	align-items: flex-start;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin-bottom: 5rem;
}

.about-hero h1 {
	font-size: clamp(4.5rem, 10vw, 8rem);
	font-weight: 800;
	letter-spacing: -0.055em;
	line-height: 0.88;
	margin: 0;
	text-transform: uppercase;
}

.about-hero__intro p {
	color: #6b7280;
	font-size: 0.75rem;
	line-height: 1.7;
	margin: 0;
	max-width: 24rem;
}

.about-hero__media {
	align-items: end;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr 2fr;
}

.about-hero__side {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about-hero__side p {
	margin: 0px;
	text-align: justify;
}

.about-button {
	align-items: center;
	border: 1px solid #bfdbfe;
	border-radius: 14px 0px 14px;
	color: #2563eb;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600 !important;
	gap: 0.5rem;
	padding: 0.75rem 2rem;
	text-decoration: none;
	transition: background 180ms ease, border-color 180ms ease;
}

.about-button:hover,
.about-button:focus {
	background: #eff6ff;
	border-color: #93c5fd;
	color: #1d4ed8;
}

.about-hero img {
	/* aspect-ratio: 4 / 3; */
	object-fit: cover;
	width: 100%;
}

.about-hero__side img,
.about-founder img {
	filter: grayscale(1);
}

.about-philosophy {
	padding-block: 8rem;
}

.about-philosophy h2 {
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.12;
	margin: 0;
	max-width: 58rem;
}

.about-philosophy h2 span {
	color: #2563eb;
}

.about-philosophy p {
	align-items: center;
	color: #9ca3af;
	display: flex;
	font-size: 0.75rem;
	font-weight: 700;
	gap: 0.5rem;
	letter-spacing: 0.18em;
	margin: 2rem 0 0;
	text-transform: uppercase;
}

.about-philosophy p span {
	border: 1px dashed #9ca3af;
	border-radius: 999px;
	display: inline-flex;
	height: 1rem;
	width: 1rem;
}

.about-features {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	padding-bottom: 8rem;
}

.about-feature {
	border: 1px solid #e5e7eb;
	border-left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 31.25rem;
	padding: 2rem;
}

.about-feature:first-child {
	border-left: 1px solid #e5e7eb;
}

.about-feature span {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
}

.about-feature h3 {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.about-feature--primary {
	background: #000;
	color: #fff;
	min-height: 31.25rem;
	overflow: hidden;
	position: relative;
}

.about-feature--primary img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	opacity: 0.5;
	position: absolute;
	width: 100%;
}

.about-feature--primary div {
	margin-top: auto;
	max-width: 24rem;
	position: relative;
	z-index: 1;
}

.about-feature--primary h2 {
	font-size: clamp(2.25rem, 4vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 1rem 0;
}

.about-feature--primary p {
	color: #d1d5db;
	font-size: 0.68rem;
	line-height: 1.55;
	margin: 0;
}

.about-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-block: 5rem;
	text-align: center;
}

.about-stats div {
	border-right: 1px solid #e5e7eb;
	border-block: 1px solid #e5e7eb;
	padding: 4rem 1rem;
}

.about-stats div:last-child {
	border-right: 0;
}

.about-stats strong {
	display: block;
	font-size: clamp(4rem, 8vw, 5.5rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 1;
	margin-bottom: 1rem;
}

.about-stats span {
	color: #6b7280;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.about-founders {
	padding-block: 8rem;
}

.about-founders>h2 {
	font-size: clamp(3rem, 7vw, 4.5rem);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1;
	margin: 0 0 6rem;
	text-align: center;
}

.about-founders>h2 span {
	display: inline-block;
	position: relative;
}

.about-founders>h2 span::after {
	background: #2563eb;
	bottom: -0.25rem;
	content: "";
	height: 0.25rem;
	left: 0;
	position: absolute;
	width: 100%;
}

.about-founder {
	align-items: center;
	display: grid;
	gap: 4rem;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 1fr) minmax(0, 1fr);
	justify-items: center;
	margin-bottom: 10rem;
}

.about-founder:last-child {
	margin-bottom: 0;
}

.about-founder__copy {
	align-items: flex-start;
	display: flex;
	gap: 1rem;
	grid-column: 1 / 2;
}

.about-founder--reverse img {
	grid-column: 1 / 2;
}

.about-founder--reverse .about-founder__copy {
	grid-column: 2 / 4;
}

.about-founder img {
	grid-column: 2 / 3;
	width: min(100%, 26rem);
}

.about-founder__copy strong {
	font-size: clamp(4rem, 8vw, 5.5rem);
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 0.9;
}

.about-founder__copy h3 {
	font-size: clamp(2.75rem, 5vw, 4rem);
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 0.92;
	margin: 0 0 1rem;
}

.about-founder__copy p {
	color: #6b7280;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.55;
	margin: 0;
	max-width: 26rem;
	text-transform: uppercase;
}

.about-footer {
	background: #000;
	color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 2rem;
	min-height: 25rem;
}

.about-footer__brand {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 4rem;
}

.about-footer__brand h2 {
	font-size: clamp(3rem, 6vw, 4.5rem);
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 0.95;
	margin: 0;
	max-width: 24rem;
}

.about-footer__brand p {
	align-items: center;
	display: flex;
	font-size: 0.875rem;
	font-weight: 700;
	gap: 0.5rem;
	letter-spacing: 0.18em;
	margin: 5rem 0 0;
	text-transform: uppercase;
}

.about-footer__brand p span {
	align-items: center;
	border: 1px solid #fff;
	border-radius: 999px;
	display: inline-flex;
	height: 1rem;
	justify-content: center;
	width: 1rem;
}

.about-footer__brand p span::after {
	background: #fff;
	border-radius: 999px;
	content: "";
	height: 0.25rem;
	width: 0.25rem;
}

.about-footer__links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-footer__links a {
	align-items: flex-start;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	color: #fff;
	display: flex;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	min-height: 8rem;
	padding: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 180ms ease;
}

.about-footer__links a:hover,
.about-footer__links a:focus {
	color: #d1d5db;
}

@media (max-width: 900px) {
	.admin-bar .about-header {
		top: 46px;
	}

	.about-hero,
	.about-philosophy,
	.about-features,
	.about-stats,
	.about-founders {
		padding-inline: 1.25rem;
	}

	.about-hero__intro,
	.about-hero__media,
	.about-footer {
		grid-template-columns: 1fr;
	}

	.about-hero__intro {
		display: block;
	}

	.about-hero h1 {
		margin-bottom: 2rem;
	}

	.about-features,
	.about-stats {
		grid-template-columns: 1fr;
	}

	.about-feature,
	.about-feature:first-child,
	.about-stats div {
		border: 1px solid #e5e7eb;
	}

	.about-feature {
		min-height: 16rem;
	}

	.about-feature--primary {
		min-height: 28rem;
	}

	.about-stats div {
		border-bottom: 0;
	}

	.about-stats div:last-child {
		border-bottom: 1px solid #e5e7eb;
	}

	.about-founder,
	.about-founder--reverse {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		margin-bottom: 6rem;
	}

	.about-founder:not(.about-founder--reverse) .about-founder__copy {
		order: 2;
	}

	.about-founder:not(.about-founder--reverse) img {
		order: 1;
	}

	.about-footer__links a {
		border-left: 0;
		min-height: 6rem;
	}
}

@media (max-width: 560px) {
	.about-header {
		padding: 1rem;
	}

	.about-header p {
		font-size: 0.55rem;
		max-width: 10rem;
	}

	.about-hero {
		padding-top: 3rem;
	}

	.about-hero__side {
		gap: 1.5rem;
	}

	.about-philosophy,
	.about-founders {
		padding-block: 5rem;
	}

	.about-stats {
		padding-block: 3rem;
	}

	.about-founder__copy {
		flex-direction: column;
	}

	.about-footer__brand {
		padding: 2rem 1.25rem;
	}

	.about-footer__links {
		grid-template-columns: 1fr;
	}
}

/* qbits9 themed About page refinements */
body.qbits9-about-template {
	background: var(--qbits9-bg);
	color: var(--qbits9-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.qbits9-about-template .site,
.qbits9-about-template .site-content {
	background: var(--qbits9-bg);
}

.qbits9-about-template .site-content {
	padding-block: clamp(1.5rem, 4vw, 3.5rem);
}

.about-template {
	background: transparent;
	color: var(--qbits9-text);
	display: grid;
	gap: clamp(1.25rem, 4vw, 2rem);
	overflow: visible;
}

.about-hero,
.about-philosophy,
.about-features,
.about-stats,
.about-founders,
.about-cta {
	max-width: none;
	padding-inline: 0;
}

.about-hero,
.about-philosophy,
.about-features,
.about-stats,
.about-founders,
.about-cta {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
}

.about-hero {
	padding: clamp(1.35rem, 4vw, 2.75rem);
}

.about-hero__intro {
	align-items: end;
	border-bottom: 1px solid var(--qbits9-border);
	margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
	padding-bottom: clamp(1.25rem, 3vw, 2rem);
}

.about-hero h1,
.about-philosophy h2,
.about-feature--primary h2,
.about-founders>h2,
.about-founder__copy h3,
.about-cta p {
	font-family: var(--qbits9-display-font);
	font-weight: 400;
	letter-spacing: 0;
}

.about-hero h1 {
	color: var(--qbits9-primary-dark);
	font-size: clamp(4rem, 11vw, 8.5rem);
	text-transform: none;
}

.about-hero__intro p {
	color: var(--qbits9-muted);
	font-size: clamp(1rem, 1.8vw, 1.15rem);
	line-height: 1.65;
	max-width: 33rem;
}

.about-hero__media {
	grid-template-columns: 40% 40%;
	justify-content: flex-start;
	gap: 70px;
}

.qbits9-about-template .about-hero__media>* {
	opacity: 0;
	transform: translate3d(0, 2rem, 0);
	transition:
		opacity 820ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 820ms cubic-bezier(0.16, 1, 0.3, 1);
}

.qbits9-about-template .about-hero__media.is-visible>* {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.qbits9-about-template .about-hero__media.is-visible> :nth-child(2) {
	transition-delay: 140ms;
}

.about-hero img {
	background: var(--qbits9-surface-soft);
	border-radius: var(--qbits9-radius);
}

.about-hero__side img,
.about-founder img {
	filter: none;
}

.about-button {
	background: var(--qbits9-primary);
	border-color: var(--qbits9-primary);
	box-shadow: 0 12px 24px rgba(13, 107, 87, 0.18);
	color: #fff;
	font-weight: 800;
}

.about-button:hover,
.about-button:focus {
	background: var(--qbits9-primary-dark);
	border-color: var(--qbits9-primary-dark);
	color: #fff;
}

.about-philosophy {
	background: linear-gradient(135deg, rgba(238, 244, 239, 0.96), rgba(255, 255, 255, 0.96));
	padding: clamp(1.35rem, 5vw, 3rem);
}

.about-philosophy h2 {
	color: var(--qbits9-text);
	font-size: clamp(2.35rem, 5vw, 4.7rem);
	max-width: 67rem;
}

.about-philosophy h2 span {
	color: var(--qbits9-primary);
}

.about-philosophy p,
.about-stats span {
	color: var(--qbits9-muted);
	letter-spacing: 0.08em;
}

.about-philosophy p span {
	border-color: var(--qbits9-primary);
}

.about-features {
	background: transparent;
	border: 0;
	box-shadow: none;
	gap: 1rem;
	grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr));
	padding-bottom: 0;
}

.about-feature {
	background: var(--qbits9-surface);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	box-shadow: var(--qbits9-shadow);
	color: var(--qbits9-text);
	min-height: 23rem;
}

.about-feature:first-child {
	border: 1px solid var(--qbits9-border);
}

.about-feature span {
	color: var(--qbits9-accent);
}

.about-feature h3 {
	color: var(--qbits9-primary-dark);
	font-size: 1rem;
	letter-spacing: 0;
	text-transform: none;
}

.about-feature--primary {
	background: linear-gradient(135deg, rgba(13, 107, 87, 0.94), rgba(6, 72, 58, 0.92));
	color: #fff;
	min-height: 28rem;
}

.about-feature--primary img {
	mix-blend-mode: multiply;
	opacity: 0.34;
}

.about-feature--primary h2 {
	font-size: clamp(2.4rem, 4vw, 4rem);
}

.about-feature--primary p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.95rem;
}

.about-stats {
	background: var(--qbits9-surface);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
}

.about-stats div {
	border-block: 0;
	border-color: var(--qbits9-border);
	padding: clamp(2rem, 5vw, 4rem) 1rem;
}

.about-stats strong {
	color: var(--qbits9-primary-dark);
	font-family: var(--qbits9-display-font);
	font-weight: 400;
}

.about-founders {
	padding: clamp(1.35rem, 5vw, 3rem);
}

.about-founders>h2 {
	color: var(--qbits9-primary-dark);
	font-size: clamp(3rem, 7vw, 6rem);
	margin-bottom: clamp(2rem, 5vw, 4rem);
}

.about-founders>h2 span::after {
	background: var(--qbits9-accent);
}

.about-founder {
	background: var(--qbits9-surface-soft);
	border: 1px solid var(--qbits9-border);
	border-radius: var(--qbits9-radius);
	gap: clamp(1.25rem, 4vw, 3rem);
	grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.85fr);
	margin-bottom: 1rem;
	padding: clamp(1.1rem, 3vw, 2rem);
}

.about-founder--reverse {
	grid-template-columns: minmax(16rem, 0.85fr) minmax(0, 1fr);
}

.about-founder__copy,
.about-founder--reverse .about-founder__copy,
.about-founder img,
.about-founder--reverse img {
	grid-column: auto;
}

.about-founder img {
	border-radius: var(--qbits9-radius);
	width: 100%;
}

.about-founder__copy strong {
	color: var(--qbits9-accent);
	font-family: var(--qbits9-display-font);
	font-weight: 400;
}

.about-founder__copy h3 {
	color: var(--qbits9-primary-dark);
}

.about-founder__copy p {
	color: var(--qbits9-muted);
	font-size: 0.95rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.65;
	text-transform: none;
}

.about-cta {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(13, 107, 87, 0.96), rgba(6, 72, 58, 0.94)),
		var(--qbits9-primary-dark);
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	padding: clamp(1.5rem, 4vw, 3rem);
}

.about-cta p {
	font-size: clamp(2.2rem, 5vw, 4.5rem);
	line-height: 1;
	margin: 0;
	max-width: 48rem;
}

.about-cta .about-button {
	background: var(--qbits9-accent);
	border-color: var(--qbits9-accent);
	color: var(--qbits9-text);
}

.about-cta .about-button:hover,
.about-cta .about-button:focus {
	background: #efc466;
	border-color: #efc466;
	color: var(--qbits9-text);
}

@media (max-width: 900px) {

	.about-hero__media,
	.about-features,
	.about-stats,
	.about-founder,
	.about-founder--reverse {
		grid-template-columns: 1fr;
	}

	.about-feature {
		min-height: 13rem;
	}

	.about-stats div {
		border-right: 0;
		border-bottom: 1px solid var(--qbits9-border);
	}

	.about-stats div:last-child {
		border-bottom: 0;
	}
}

/* About template: brand header and hero treatment. */
body.qbits9-about-template {
	--qbits9-home-bg: #121716;
	--qbits9-home-link: #f5f2ea;
	--qbits9-home-text: rgba(245, 242, 234, 0.68);
	background: var(--qbits9-home-bg);
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-home-two-font);
	overflow-x: hidden;
}

.qbits9-about-template .site,
.qbits9-about-template .site-content {
	background: var(--qbits9-home-bg);
	overflow-x: hidden;
}

.qbits9-about-template .site-footer {
	display: none;
}

.qbits9-about-template .site-content {
	padding: clamp(3rem, 6vw, 5rem) 0 0;
	margin-inline: 0;
	max-width: none;
	width: 100%;
}

.page-template-client-gallery .home-two-site-header,
.page-template-contact-us .home-two-site-header,
.qbits9-home-template-two .home-two-site-header,
.qbits9-about-template .home-two-site-header {
	background: var(--qbits9-home-bg);
	border-bottom: 0;
	box-shadow: none;
	padding: 20px;
}

.page-template-large-project .home-two-site-header,
.page-template-projects .home-two-site-header,
.page-template-retail .home-two-site-header,
.page-template-home-template-2 .home-two-site-header,
.page-template-whole-sale .home-two-site-header {
	background: #000;
	position: absolute;
	top: 20px;
	width: 100%;
}

@media (max-width: 767px) {
	.home-two-site-header {
		align-content: center;
		align-items: center;
		display: flex;
		gap: clamp(0.75rem, 3vw, 1rem);
		justify-content: space-between;
		padding: clamp(0.75rem, 3vw, 1rem);
		width: 100%;
	}

	.home-two-site-header .home-two-site-logo {
		flex: 0 1 clamp(105px, 30vw, 135px);
		line-height: 0;
		min-width: 0;
		width: clamp(105px, 30vw, 135px);
	}

	.home-two-site-header .home-two-topbar,
	.admin-bar .home-two-site-header .home-two-topbar {
		flex: 0 0 auto;
		gap: clamp(0.5rem, 2.5vw, 0.75rem);
		justify-content: flex-end;
		left: auto;
		margin-left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
	}
}

.qbits9-about-template .home-two-site-logo {
	background: transparent;
}

.qbits9-about-template .home-two-search {
	background: rgba(245, 242, 234, 0.08);
	border-color: rgba(245, 242, 234, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.14),
		inset 0 -18px 34px rgba(0, 0, 0, 0.2),
		0 18px 40px rgba(0, 0, 0, 0.22);
}

.qbits9-about-template .home-two-nav a,
.qbits9-about-template .home-two-search input[type="search"] {
	color: var(--qbits9-home-link);
}

.qbits9-about-template .home-two-search input[type="search"]::placeholder {
	color: rgba(245, 242, 234, 0.72);
}

.qbits9-about-template .home-two-nav>ul>li>a:hover,
.qbits9-about-template .home-two-nav>ul>li>a:focus {
	color: rgba(245, 242, 234, 0.74);
}

.qbits9-about-template .home-two-dropdown,
.qbits9-about-template .home-two-nav .sub-menu {
	background: rgba(18, 23, 22, 0.94);
	border-color: rgba(245, 242, 234, 0.14);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 18px 40px rgba(0, 0, 0, 0.26);
}

.qbits9-about-template .portfolio-header {
	padding: 14px 56px;
	pointer-events: none;
	position: absolute;
}

.qbits9-about-template .portfolio-logo {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	display: block;
	min-height: 0;
	padding: 0;
	pointer-events: auto;
	position: relative;
	width: clamp(170px, 14vw, 220px);
}

.qbits9-about-template .portfolio-menu-button {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--qbits9-home-link);
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: 30px;
	font-weight: 400;
	gap: 0.65rem;
	letter-spacing: 0;
	min-height: 0;
	padding: 20px 0 0;
	pointer-events: auto;
	text-transform: uppercase;
}

.qbits9-about-template .portfolio-menu-button:hover,
.qbits9-about-template .portfolio-menu-button:focus {
	background: transparent;
	color: var(--qbits9-home-link);
}

.qbits9-about-template.is-portfolio-menu-open .portfolio-menu-button {
	background: transparent;
	color: #fff;
	height: 48px;
	min-height: 48px;
	padding: 0;
	width: 48px;
}

.qbits9-about-template .portfolio-menu-panel {
	background: #121716;
	color: rgba(255, 255, 255, 0.9);
	pointer-events: auto;
}

.qbits9-about-template .portfolio-menu-panel a {
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--qbits9-menu-font);
}

.qbits9-about-template .portfolio-menu-panel a:hover,
.qbits9-about-template .portfolio-menu-panel a:focus,
.qbits9-about-template .portfolio-menu-panel .current-menu-item>a,
.qbits9-about-template .portfolio-menu-panel .current_page_item>a {
	color: #fff;
}

.qbits9-about-template .about-template {
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-home-two-font);
	width: 100%;
}

.qbits9-about-template .about-hero {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0px 20px;
}

.qbits9-about-template .about-hero__intro {
	border-color: rgba(245, 242, 234, 0.2);
	margin-bottom: clamp(2rem, 5vw, 4.5rem);
}

.qbits9-about-template .about-hero h1 {
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-display-font);
	font-size: 100px;
	font-weight: 300;
	line-height: 0.9;
	text-transform: uppercase;
}

.qbits9-about-template .about-hero__intro p {
	color: var(--qbits9-home-text);
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(0.82rem, 1.1vw, 1rem);
	line-height: 1.55;
	max-width: 31rem;
}

.qbits9-about-template .about-button {
	background: transparent;
	border-color: rgba(245, 242, 234, 0.38);
	box-shadow: none;
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-home-two-font);
	font-weight: 500;
}

.qbits9-about-template .about-button__icon {
	flex: 0 0 auto;
	height: 1em;
	margin-left: 0.55rem;
	transition: transform 180ms ease;
	width: 1.78em;
}

.qbits9-about-template .about-button:hover,
.qbits9-about-template .about-button:focus {
	background: var(--qbits9-home-link);
	border-color: var(--qbits9-home-link);
	color: var(--qbits9-home-bg);
}

.qbits9-about-template .about-button:hover .about-button__icon,
.qbits9-about-template .about-button:focus .about-button__icon {
	transform: translateX(3px);
}

.qbits9-about-template .about-hero img {
	background: rgba(245, 242, 234, 0.08);
	border-radius: 0;
}

.qbits9-about-template .about-scroll-copy {
	background: var(--qbits9-home-bg);
	min-height: 220vh;
	padding-inline: clamp(1.25rem, 5vw, 4rem);
	position: relative;
}

.qbits9-about-template .about-scroll-copy__sticky {
	align-items: center;
	display: flex;
	min-height: 100vh;
	position: sticky;
	top: 0;
}

.qbits9-about-template .about-scroll-copy__text {
	--about-copy-fill: 0%;
	background: linear-gradient(90deg,
			var(--qbits9-home-link) 0%,
			var(--qbits9-home-link) var(--about-copy-fill),
			rgba(0, 79, 69, 0.28) var(--about-copy-fill),
			rgba(0, 79, 69, 0.28) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(2.15rem, 5.9vw, 6.5rem);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0;
	max-width: 14.5em;
}

.qbits9-about-template .about-scroll-copy__text span {
	background: linear-gradient(90deg,
			#005cff 0%,
			#005cff var(--about-copy-fill),
			rgba(0, 79, 69, 0.28) var(--about-copy-fill),
			rgba(0, 79, 69, 0.28) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

@media (max-width: 760px) {
	.qbits9-about-template .portfolio-header {
		padding: 26px 39px 0;
	}

	.qbits9-about-template .portfolio-logo {
		width: min(164px, 45vw);
	}

	.qbits9-about-template .portfolio-menu-button {
		font-size: 1.22rem;
	}

	.qbits9-about-template .site-content {
		padding-top: clamp(7rem, 32vw, 11rem);
	}

	.qbits9-about-template .about-scroll-copy {
		min-height: 190vh;
	}

	.qbits9-about-template .about-scroll-copy__text {
		font-size: clamp(2.15rem, 13vw, 4.25rem);
		line-height: 1.02;
		max-width: 100%;
	}
}

/* About page: why choose us hover cards. */
.qbits9-about-template .about-why {
	color: rgba(245, 242, 234, 0.84);
	padding: 0px;
}

.qbits9-about-template .about-why__intro {
	margin: 0 auto 1.45rem;
	max-width: none;
	padding-inline: 20px;
}

.qbits9-about-template .about-why__intro h2 {
	color: rgba(245, 242, 234, 0.86);
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(2rem, 3.18vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.04;
	margin: 0;
	max-width: 82rem;
	padding-top: 100px;
}

.qbits9-about-template .about-why__intro h2 span {
	color: var(--qbits9-home-link);
	font-weight: 700;
}

.qbits9-about-template .about-why__intro p {
	width: 80%;
}

.qbits9-about-template .about-why__eyebrow {
	color: var(--qbits9-home-link);
	display: block;
	font-size: 60px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.9;
	margin-top: 6.25rem;
	text-transform: uppercase;
}


.qbits9-about-template .about-features {
	align-items: stretch;
	background: transparent;
	border: 1px solid rgba(245, 242, 234, 0.22);
	box-shadow: none;
	display: flex;
	gap: 0;
	margin: 0 auto;
	max-width: none;
	min-height: 500px;
	padding: 0;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

.qbits9-about-template .about-feature {
	background: #202524;
	border: 0;
	border-left: 1px solid rgba(245, 242, 234, 0.22);
	border-radius: 0;
	box-shadow: none;
	color: rgba(245, 242, 234, 0.9);
	display: grid;
	flex: 0.86 1 0;
	grid-template-rows: auto 1fr auto;
	min-height: 0;
	overflow: hidden;
	padding: 2.55rem 1.2rem 4.75rem;
	position: relative;
	transition: flex 300ms ease, background-color 220ms ease, color 220ms ease;
}

.qbits9-about-template .about-feature:first-child {
	border-left: 0;
}

.qbits9-about-template .about-feature:focus {
	outline: 2px solid #005cff;
	outline-offset: -2px;
}

.qbits9-about-template .about-feature img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	transform: scale(1.04);
	transition: opacity 240ms ease, transform 360ms ease;
	width: 100%;
}

.qbits9-about-template .about-feature::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.74) 45%, rgba(0, 0, 0, 0.18) 100%);
	content: "";
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 240ms ease;
}

.qbits9-about-template .about-feature span,
.qbits9-about-template .about-feature div {
	position: relative;
	z-index: 1;
}

.qbits9-about-template .about-feature span {
	color: currentColor;
	display: block;
	font-size: clamp(1.9rem, 3vw, 2.75rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
}

.qbits9-about-template .about-feature div {
	align-self: end;
	max-width: 22rem;
}

.qbits9-about-template .about-feature h3 {
	color: currentColor;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0;
	text-transform: none;
}

.qbits9-about-template .about-feature--active,
.qbits9-about-template .about-feature:hover,
.qbits9-about-template .about-feature:focus {
	grid-template-rows: 1fr auto auto 1fr;
	padding-bottom: 2.55rem;
}

.qbits9-about-template .about-feature--active span,
.qbits9-about-template .about-feature:hover span,
.qbits9-about-template .about-feature:focus span {
	align-self: end;
	grid-row: 2;
	margin-bottom: 0.5rem;
}

.qbits9-about-template .about-feature--active div,
.qbits9-about-template .about-feature:hover div,
.qbits9-about-template .about-feature:focus div {
	align-self: start;
	grid-row: 3;
}

.qbits9-about-template .about-feature--active h3,
.qbits9-about-template .about-feature:hover h3,
.qbits9-about-template .about-feature:focus h3 {
	font-size: clamp(1.55rem, 2.3vw, 2.3rem);
	letter-spacing: -0.04em;
}

.qbits9-about-template .about-feature p {
	color: rgba(255, 255, 255, 0.92);
	font-size: 18px;
	line-height: 1.22;
	margin: 1.1rem 0 0;
	max-width: 20rem;
	opacity: 0;
	position: absolute;
	transform: translateY(0.5rem);
	transition: opacity 220ms ease, transform 220ms ease;
}

.qbits9-about-template .about-feature--active,
.qbits9-about-template .about-feature:hover,
.qbits9-about-template .about-feature:focus {
	background: #050505;
	color: #fff;
	flex-grow: 4.7;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
	background: #202524;
	color: rgba(245, 242, 234, 0.9);
	flex-grow: 0.86;
	grid-template-rows: auto 1fr auto;
	padding-bottom: 4.75rem;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) span,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) span {
	align-self: auto;
	grid-row: auto;
	margin-bottom: 0;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) h3,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) h3 {
	font-size: 1rem;
	letter-spacing: -0.02em;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) div,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) div {
	align-self: end;
	grid-row: auto;
}

.qbits9-about-template .about-feature--active img,
.qbits9-about-template .about-feature:hover img,
.qbits9-about-template .about-feature:focus img,
.qbits9-about-template .about-feature--active::after,
.qbits9-about-template .about-feature:hover::after,
.qbits9-about-template .about-feature:focus::after {
	opacity: 1;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) img,
.qbits9-about-template .about-features:hover .about-feature--active:not(:hover)::after,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) img,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus)::after {
	opacity: 0;
}

.qbits9-about-template .about-feature--active p,
.qbits9-about-template .about-feature:hover p,
.qbits9-about-template .about-feature:focus p {
	opacity: 1;
	position: static;
	transform: translateY(0);
}

.qbits9-about-template .about-feature--active p,
.qbits9-about-template .about-feature:hover p,
.qbits9-about-template .about-feature:focus p {
	max-width: 100% !important;
}

.qbits9-about-template .about-feature--active div,
.qbits9-about-template .about-feature:hover div,
.qbits9-about-template .about-feature:focus div {
	max-width: 60%;
}

.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) p,
.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) p {
	opacity: 0;
	position: absolute;
	transform: translateY(0.5rem);
}

.qbits9-about-template .about-feature--active img,
.qbits9-about-template .about-feature:hover img,
.qbits9-about-template .about-feature:focus img {
	transform: scale(1);
}

.qbits9-about-template .about-stats {
	background: #121716;
	border: 0;
	box-shadow: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 8.15rem auto 0;
	max-width: none;
	padding: 0;
	text-align: center;
}

.qbits9-about-template .about-stats div {
	border: 0;
	opacity: 0;
	padding: 4rem 1rem 3.75rem;
	position: relative;
	transform: translate3d(0, 1.75rem, 0);
	transition:
		opacity 760ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
}

.qbits9-about-template .about-stats.is-visible div {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.qbits9-about-template .about-stats.is-visible div:nth-child(2) {
	transition-delay: 120ms;
}

.qbits9-about-template .about-stats.is-visible div:nth-child(3) {
	transition-delay: 240ms;
}

.qbits9-about-template .about-stats div:hover {
	transform: translateY(-0.35rem);
}

.qbits9-about-template .about-stats div:not(:last-child)::after {
	background: rgba(245, 242, 234, 0.18);
	content: "";
	height: 5rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.qbits9-about-template .about-stats strong {
	color: #f5f2ea;
	display: block;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(3.9rem, 7vw, 6.25rem);
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 0.9;
	margin-bottom: 1rem;
}

.qbits9-about-template .about-stats span {
	color: rgba(245, 242, 234, 0.58);
	display: block;
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.qbits9-about-template .about-founders-showcase {
	color: #f5f2ea;
	margin-inline: 0;
	padding: 8rem 2rem;
	width: 100%;
}

.qbits9-about-template .about-founders-showcase h2 {
	color: #f5f2ea;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 3.75rem;
	font-weight: 600;
	letter-spacing: -0.055em;
	line-height: 1;
	margin: 0 0 6rem;
	text-align: center;
}

.qbits9-about-template .about-founders-showcase h2 span {
	display: inline-block;
	position: relative;
}

.qbits9-about-template .about-founders-showcase h2 span::after {
	background: #006dff;
	bottom: 0.01em;
	content: "";
	height: 0.075em;
	left: 0;
	position: absolute;
	right: 0;
}

.qbits9-about-template .about-template>.home-two-logo-bubbles,
.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles,
.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles {
	--home-two-client-logo-gap: clamp(1rem, 3vw, 2.25rem);
	bottom: auto;
	display: flex;
	flex-wrap: nowrap;
	inset: auto;
	justify-content: center;
	margin: -1.5rem auto 6rem;
	overflow: visible;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: min(72vw, 760px);
	z-index: 1;
}

.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles {
	margin: 30px auto;
}

.qbits9-about-template .home-two-bottom,
.qbits9-contact-template .home-two-bottom,
.qbits9-client-gallery-template .home-two-bottom {
	bottom: unset;
	left: unset;
	position: unset;
	right: unset;
}

.qbits9-about-template .about-template>.home-two-logo-bubbles .home-two-logo-bubble img,
.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles .home-two-logo-bubble img,
.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles .home-two-logo-bubble img {
	filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.18));
}

.qbits9-about-template .about-template>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted,
.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted,
.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted {
	filter: brightness(0);
}

.qbits9-about-template .about-template>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted,
.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted,
.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles .home-two-logo-bubble img.is-logo-inverted {
	filter: brightness(0) invert(1) drop-shadow(0 5px 12px rgba(0, 0, 0, 0.32));
}

.qbits9-about-template .about-founders-showcase__grid {
	display: grid;
	gap: 10rem;
	margin: 0 auto;
	max-width: 100%;
}

.qbits9-about-template .about-founder-card {
	align-items: center;
	display: grid;
	gap: 4rem;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	justify-content: center;
	opacity: 0;
	transform: translate3d(0, 2.25rem, 0);
	transition:
		opacity 820ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 820ms cubic-bezier(0.16, 1, 0.3, 1);
}

.qbits9-about-template .about-founder-card.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.qbits9-about-template .about-founder-card--sophia.is-visible {
	transition-delay: 140ms;
}

.qbits9-about-template .about-founder-card--viktor {
	padding-inline: 10.6667%;
}

.qbits9-about-template .about-founder-card--sophia {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	padding-inline: 10.6667%;
}

.qbits9-about-template .about-founder-card__copy {
	align-items: flex-start;
	display: flex;
	gap: 30px;
}

.qbits9-about-template .about-founder-card__number {
	color: rgba(245, 242, 234, 0.88);
	flex: 0 0 auto;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 80px;
	font-weight: 500;
	letter-spacing: -0.08em;
	line-height: 1;
}

.qbits9-about-template .about-founder-card h3 {
	color: #f5f2ea;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 54px;
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1;
	margin: 0 0 1rem;
}

.qbits9-about-template .about-founder-card p {
	color: rgba(245, 242, 234, 0.62);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 1.625;
	margin: 0;
	max-width: 22rem;
	text-transform: uppercase;
}

.qbits9-about-template .about-founder-card p span {
	border-bottom: 1px solid rgba(245, 242, 234, 0.34);
}

.qbits9-about-template .about-founder-card img {
	filter: grayscale(1) brightness(0.9);
	height: auto;
	object-fit: cover;
	width: 100%;
}

.qbits9-about-template .about-founder-card--sophia img {
	filter: grayscale(1) brightness(1.1);
}

.qbits9-about-template .about-founder-card--viktor img {
	justify-self: end;
}

.qbits9-about-template .about-founder-card--sophia img {
	justify-self: start;
}

.qbits9-about-template .about-final {
	background: #020202;
	color: #fff;
	display: grid;
	grid-template-columns: minmax(18rem, 1.05fr) minmax(22rem, 1fr);
	margin-inline: 0;
	min-height: 500px;
	width: 100%;
}

.qbits9-about-template .about-final__brand {
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(1.5rem, 3.2vw, 3rem);
}

.qbits9-about-template .about-final__brand h2 {
	color: #fff;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 100px;
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 1.03;
	margin: 0;
	max-width: 100%;
}

.qbits9-about-template .about-final__brand p {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 28px;
	gap: 0.3rem;
	line-height: 1;
	margin: 0;
}

.qbits9-about-template .about-final__links {
	align-self: stretch;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(5, minmax(0, 1fr));
	height: 100%;
}

.qbits9-about-template .about-final__cell,
.qbits9-about-template .about-final__links a {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	color: rgba(255, 255, 255, 0.72);
	display: flex;
	font-size: 18px;
	line-height: 1.1;
	min-height: 0;
	padding: 0 1rem;
	text-decoration: none;
}

.qbits9-about-template .about-final__links a:hover,
.qbits9-about-template .about-final__links a:focus {
	color: #fff;
	outline: 0;
}

.qbits9-about-template .about-final__links> :nth-last-child(-n+2) {
	border-bottom: 0;
}

.qbits9-about-template .about-final__links> :nth-child(2n) {
	border-right: 0;
}

.qbits9-legal-template .site-content {
	padding-bottom: clamp(4rem, 8vw, 7rem);
}

.qbits9-legal-template .site,
.qbits9-legal-template .site-content {
	background: transparent;
}

.qbits9-legal-template .home-two-site-header {
	background: transparent;
}

.qbits9-legal-template .site-content {
	position: relative;
	z-index: 1;
}

.qbits9-legal-template .legal-background-video {
	height: 100vh;
	inset: 0;
	object-fit: cover;
	pointer-events: none;
	position: fixed;
	width: 100%;
	z-index: -1;
}

.qbits9-legal-template .legal-hero {
	padding-inline: clamp(1rem, 4vw, 3.5rem);
}

.qbits9-legal-template .legal-hero__intro {
	margin: 0 auto clamp(3rem, 6vw, 5rem);
	max-width: 86rem;
}

.qbits9-legal-template .legal-hero h1 {
	font-size: clamp(3.4rem, 8.8vw, 8.6rem);
	max-width: none;
	overflow-wrap: normal;
	word-break: keep-all;
}

.qbits9-legal-template .legal-hero h1 [data-home-two-title-line] {
	display: block;
	white-space: nowrap;
}

.qbits9-legal-template .legal-content {
	/* border-top: 1px solid rgba(0, 79, 69, 0.2); */
	margin: 0 auto;
	max-width: 86rem;
	padding-inline: clamp(1rem, 4vw, 3.5rem);
}

.qbits9-legal-template .legal-section {
	border-bottom: 1px solid rgba(0, 79, 69, 0.2);
	display: grid;
	gap: clamp(1.5rem, 4vw, 4rem);
	grid-template-columns: minmax(4rem, 0.22fr) minmax(0, 1fr);
	padding: clamp(1.75rem, 4vw, 3.25rem) 0;
}

.qbits9-legal-template .legal-section>span {
	color: var(--qbits9-home-link);
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.6rem, 3vw, 2.75rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
}

.qbits9-legal-template .legal-section h2 {
	color: #fff;
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.75rem, 3.2vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.055em;
	line-height: 1.02;
	margin: 0 0 1rem;
}

.qbits9-legal-template .legal-section p {
	color: var(--qbits9-home-text);
	font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(0.98rem, 1.25vw, 1.15rem);
	line-height: 1.7;
	margin: 0;
	max-width: 58rem;
}

.qbits9-legal-template [data-legal-reveal] {
	filter: blur(8px);
	opacity: 0;
	transform: translate3d(0, 1.4rem, 0);
	transition:
		opacity 760ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
		filter 760ms cubic-bezier(0.16, 1, 0.3, 1);
}

.qbits9-legal-template [data-legal-reveal].is-visible {
	filter: blur(0);
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.qbits9-legal-template .legal-section[data-legal-reveal]>span,
.qbits9-legal-template .legal-section[data-legal-reveal] h2,
.qbits9-legal-template .legal-section[data-legal-reveal] p {
	transition: transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
}

.qbits9-legal-template .legal-section[data-legal-reveal]:not(.is-visible)>span {
	transform: translate3d(-0.8rem, 0, 0);
}

.qbits9-legal-template .legal-section[data-legal-reveal]:not(.is-visible) h2,
.qbits9-legal-template .legal-section[data-legal-reveal]:not(.is-visible) p {
	transform: translate3d(0.8rem, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
	.qbits9-legal-template [data-legal-reveal] {
		filter: none;
		opacity: 1;
		transform: none;
		transition: none;
	}

	.qbits9-legal-template .legal-section[data-legal-reveal]>span,
	.qbits9-legal-template .legal-section[data-legal-reveal] h2,
	.qbits9-legal-template .legal-section[data-legal-reveal] p {
		transform: none !important;
		transition: none;
	}
}

@media (max-width: 900px) {
	.qbits9-legal-template .legal-hero h1 {
		font-size: clamp(3rem, 14vw, 6.5rem);
	}

	.qbits9-legal-template .legal-section {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.qbits9-legal-template .legal-hero h1 [data-home-two-title-line] {
		max-width: 100%;
	}

	.qbits9-about-template .about-features {
		display: grid;
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.qbits9-about-template .about-feature {
		border-left: 0;
		border-top: 1px solid rgba(0, 79, 69, 0.18);
		min-height: 16rem;
	}

	.qbits9-about-template .about-feature:first-child {
		border-top: 0;
	}

	.qbits9-about-template .about-final {
		grid-template-columns: 1fr;
	}

	.qbits9-about-template .about-final__brand {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		border-right: 0;
		min-height: 12rem;
	}
}

@media (max-width: 700px) {
	.qbits9-about-template .about-founders-showcase {
		padding: 4rem 1.25rem;
	}

	.qbits9-about-template .about-founders-showcase h2 {
		font-size: clamp(2.5rem, 12vw, 3.75rem);
		margin-bottom: 3rem;
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles {
		--home-two-client-logo-gap: clamp(0.7rem, 3vw, 1.1rem);
		margin: -1rem auto 3.25rem;
		width: min(92vw, 500px);
	}

	.qbits9-about-template .about-founder-card,
	.qbits9-about-template .about-founder-card--sophia {
		gap: 1.6rem;
		grid-template-columns: 1fr;
		padding-inline: 0;
	}

	.qbits9-about-template .about-founder-card img {
		justify-self: start;
		max-width: none;
		width: 100%;
	}

	.qbits9-about-template .about-founder-card--viktor img {
		justify-self: end;
	}

	.qbits9-about-template .about-founder-card--sophia img {
		order: 1;
	}

	.qbits9-about-template .about-founder-card--sophia .about-founder-card__copy {
		order: 2;
	}

	.qbits9-about-template .about-founder-card__copy {
		gap: 0.9rem;
	}

	.qbits9-about-template .about-founder-card__number {
		font-size: clamp(3.25rem, 18vw, 4.5rem);
	}

	.qbits9-about-template .about-founder-card h3 {
		font-size: clamp(2.25rem, 12vw, 3rem);
	}

	.qbits9-about-template .about-final__links {
		grid-template-columns: 1fr;
	}

	.qbits9-about-template .about-final__links a:nth-last-child(-n+2) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}

	.qbits9-about-template .about-final__links a:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 640px) {
	.qbits9-about-template .about-why {
		padding-top: 2rem;
	}

	.qbits9-about-template .about-stats {
		grid-template-columns: 1fr;
	}

	.qbits9-about-template .about-stats div {
		border-bottom: 1px solid rgba(0, 79, 69, 0.12);
		border-right: 0;
	}

	.qbits9-about-template .about-stats div:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 1100px) {
	.qbits9-about-template .about-hero h1 {
		font-size: clamp(4.5rem, 11vw, 6.75rem);
	}

	.qbits9-about-template .about-why__eyebrow {
		font-size: clamp(3.25rem, 7vw, 4.75rem);
	}

	.qbits9-about-template .about-founder-card--viktor,
	.qbits9-about-template .about-founder-card--sophia {
		padding-inline: 4vw;
	}

	.qbits9-about-template .about-final__brand h2 {
		font-size: clamp(4rem, 9vw, 6.25rem);
	}
}

@media (max-width: 520px) {
	.qbits9-legal-template .legal-hero h1 {
		font-size: clamp(2.55rem, 13vw, 4.3rem);
	}
}

@media (max-width: 900px) {
	.qbits9-about-template .site-content {
		padding-top: clamp(2.5rem, 8vw, 4.5rem);
	}

	.qbits9-about-template .about-hero {
		padding-inline: clamp(1rem, 3.5vw, 2rem);
	}

	.qbits9-about-template .about-hero__intro {
		display: grid;
		gap: 1.25rem;
		margin-bottom: clamp(1.75rem, 5vw, 3rem);
	}

	.qbits9-about-template .about-hero h1 {
		font-size: clamp(3.75rem, 14vw, 6rem);
		line-height: 0.92;
	}

	.qbits9-about-template .about-hero__intro p {
		max-width: 42rem;
	}

	.qbits9-about-template .about-hero__media {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.qbits9-about-template .about-hero__side {
		display: grid;
		gap: 1rem;
		grid-template-columns: minmax(0, 1fr);
	}

	.qbits9-about-template .about-hero__side img,
	.qbits9-about-template .about-hero__main-image {
		aspect-ratio: 16 / 10;
	}

	.qbits9-about-template .about-button {
		justify-self: start;
		max-width: 100%;
	}

	.qbits9-about-template .about-why__intro h2 {
		font-size: clamp(1.85rem, 5.8vw, 3rem);
		padding-top: clamp(4rem, 12vw, 6rem);
	}

	.qbits9-about-template .about-why__eyebrow {
		margin-top: clamp(3rem, 10vw, 5rem);
	}

	.qbits9-about-template .about-features {
		width: calc(100% - 2rem);
	}

	.qbits9-about-template .about-feature,
	.qbits9-about-template .about-feature--active,
	.qbits9-about-template .about-feature:hover,
	.qbits9-about-template .about-feature:focus,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
		background: #050505;
		color: #fff;
		flex-grow: 1;
		grid-template-rows: 1fr auto auto;
		min-height: 18rem;
		padding: 2rem 1.25rem;
	}

	.qbits9-about-template .about-feature img,
	.qbits9-about-template .about-feature::after,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) img,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover)::after,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) img,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus)::after {
		opacity: 1;
	}

	.qbits9-about-template .about-feature span,
	.qbits9-about-template .about-feature--active span,
	.qbits9-about-template .about-feature:hover span,
	.qbits9-about-template .about-feature:focus span,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) span,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) span {
		align-self: end;
		grid-row: 2;
		margin-bottom: 0.5rem;
	}

	.qbits9-about-template .about-feature div,
	.qbits9-about-template .about-feature--active div,
	.qbits9-about-template .about-feature:hover div,
	.qbits9-about-template .about-feature:focus div,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) div,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) div {
		align-self: start;
		grid-row: 3;
	}

	.qbits9-about-template .about-feature h3,
	.qbits9-about-template .about-feature--active h3,
	.qbits9-about-template .about-feature:hover h3,
	.qbits9-about-template .about-feature:focus h3,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) h3,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) h3 {
		font-size: clamp(1.45rem, 5vw, 2rem);
		letter-spacing: -0.035em;
	}

	.qbits9-about-template .about-feature p,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover) p,
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) p {
		opacity: 1;
		position: static;
		transform: none;
	}

	.qbits9-about-template .about-stats {
		margin-top: clamp(4rem, 10vw, 6rem);
	}

	.qbits9-about-template .about-founders-showcase__grid {
		gap: clamp(4rem, 10vw, 6rem);
	}

	.qbits9-about-template .about-final {
		min-height: 0;
	}

	.qbits9-about-template .about-final__brand {
		gap: 3rem;
	}
}

@media (max-width: 700px) {
	.qbits9-about-template .portfolio-header {
		align-items: flex-start;
		padding: 18px 18px 0;
	}

	.qbits9-about-template .portfolio-logo {
		width: min(150px, 46vw);
	}

	.qbits9-about-template .portfolio-menu-button {
		font-size: clamp(1.05rem, 5vw, 1.4rem);
		padding-top: 13px;
	}

	.qbits9-about-template .site-content {
		padding-top: clamp(2.25rem, 7vw, 3.75rem);
	}

	.qbits9-about-template .about-hero h1 {
		font-size: clamp(3rem, 18vw, 4.75rem);
	}

	.qbits9-about-template .about-hero__side img,
	.qbits9-about-template .about-hero__main-image {
		aspect-ratio: 4 / 3;
	}

	.qbits9-about-template .about-why__intro {
		padding-inline: 1rem;
	}

	.qbits9-about-template .about-why__intro h2 {
		letter-spacing: -0.025em;
		line-height: 1.08;
		padding-top: 3rem;
	}

	.qbits9-about-template .about-why__eyebrow {
		font-size: clamp(2.5rem, 13vw, 3.6rem);
		line-height: 0.95;
		margin-top: 2.5rem;
	}

	.qbits9-about-template .about-feature,
	.qbits9-about-template .about-feature--active,
	.qbits9-about-template .about-feature:hover,
	.qbits9-about-template .about-feature:focus,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
		min-height: 16rem;
	}

	.qbits9-about-template .about-stats strong {
		font-size: clamp(3.4rem, 18vw, 5rem);
	}

	.qbits9-about-template .about-stats div {
		padding: 2.75rem 1rem;
	}

	.qbits9-about-template .about-founders-showcase__grid {
		gap: 4rem;
	}

	.qbits9-about-template .about-founder-card__copy {
		align-items: flex-start;
	}

	.qbits9-about-template .about-founder-card p {
		max-width: none;
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles {
		overflow: hidden;
		padding-inline: 1rem;
	}

	.qbits9-about-template .about-final__brand h2 {
		font-size: clamp(3rem, 16vw, 4.5rem);
	}

	.qbits9-about-template .about-final__links {
		grid-template-rows: none;
	}

	.qbits9-about-template .about-final__links a {
		min-height: 4.75rem;
		padding: 1rem 1.25rem;
	}

	.qbits9-about-template .about-final__links a:empty {
		display: none;
	}
}

@media (max-width: 480px) {
	.qbits9-about-template .about-hero {
		padding-inline: 0.85rem;
	}

	.qbits9-about-template .about-hero__intro p {
		font-size: 0.95rem;
	}

	.qbits9-about-template .about-button {
		font-size: 0.95rem;
		padding: 0.7rem 1rem;
	}

	.qbits9-about-template .about-features {
		width: calc(100% - 1rem);
	}

	.qbits9-about-template .about-feature,
	.qbits9-about-template .about-feature--active,
	.qbits9-about-template .about-feature:hover,
	.qbits9-about-template .about-feature:focus,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
		min-height: 15rem;
		padding: 1.5rem 1rem;
	}

	.qbits9-about-template .about-founders-showcase {
		padding-inline: 1rem;
	}

	.qbits9-about-template .about-founder-card__copy {
		flex-direction: column;
	}

	.qbits9-about-template .about-founder-card h3 {
		font-size: clamp(2rem, 13vw, 2.75rem);
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles {
		gap: clamp(0.45rem, 2.5vw, 0.8rem);
		margin-bottom: 2.5rem;
		width: 100%;
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles .home-two-logo-bubble,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles .home-two-logo-bubble,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles .home-two-logo-bubble {
		height: clamp(24px, 8vw, 34px);
		width: clamp(46px, 17vw, 68px);
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles .home-two-logo-bubble::before,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles .home-two-logo-bubble::before,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles .home-two-logo-bubble::before {
		display: none;
	}

	.qbits9-about-template .about-final__brand {
		padding: 2rem 1.25rem;
	}

	.qbits9-about-template .about-final__brand h2 {
		font-size: clamp(2.6rem, 15vw, 3.75rem);
	}
}

@media (max-width: 1024px) {
	.qbits9-about-template .about-template {
		overflow-x: hidden;
	}

	.qbits9-about-template .about-hero__media,
	.qbits9-about-template .about-founders-showcase__grid,
	.qbits9-about-template .about-founder-card,
	.qbits9-about-template .about-founder-card--sophia {
		min-width: 0;
	}

	.qbits9-about-template .about-hero img,
	.qbits9-about-template .about-feature img,
	.qbits9-about-template .about-founder-card img {
		max-width: 100%;
	}

	.qbits9-about-template .about-hero img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		aspect-ratio: 0 !important;
	}

	.qbits9-about-template .about-why__intro h2,
	.qbits9-about-template .about-feature h3,
	.qbits9-about-template .about-feature p,
	.qbits9-about-template .about-founder-card h3,
	.qbits9-about-template .about-founder-card p {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 768px) {
	.qbits9-about-template .about-hero__media {
		display: grid;
		gap: 1.25rem;
		grid-template-columns: 1fr;
	}

	.qbits9-about-template .about-hero__side {
		order: 2;
	}

	.qbits9-about-template .about-hero__main-image {
		order: 1;
	}

	.qbits9-about-template .about-hero__side p {
		font-size: clamp(0.95rem, 3.7vw, 1.05rem);
		line-height: 1.58;
		margin-inline: 0;
		max-width: 100%;
	}

	.qbits9-about-template .about-why__intro h2 {
		font-size: clamp(1.55rem, 6.4vw, 2.45rem);
		max-width: 100%;
	}

	.qbits9-about-template .about-features {
		border-inline: 0;
		width: 100%;
	}

	.qbits9-about-template .about-feature p {
		font-size: clamp(0.82rem, 3.2vw, 0.95rem);
		line-height: 1.45;
		max-width: 100%;
	}

	.qbits9-about-template .about-stats {
		margin-top: clamp(3rem, 11vw, 5rem);
	}

	.qbits9-about-template .about-stats div:not(:last-child)::after {
		display: none;
	}

	.qbits9-about-template .about-founders-showcase {
		padding-block: clamp(3.25rem, 12vw, 5rem);
	}

	.qbits9-about-template .about-founder-card,
	.qbits9-about-template .about-founder-card--sophia {
		padding-inline: 0;
		width: 100%;
	}

	.qbits9-about-template .about-founder-card img {
		aspect-ratio: 4 / 5;
		object-fit: cover;
	}

	.qbits9-about-template .about-founder-card p {
		font-size: clamp(0.72rem, 2.9vw, 0.85rem);
		line-height: 1.55;
	}
}

@media (max-width: 560px) {
	.qbits9-about-template .site-content {
		padding-top: clamp(2rem, 6vw, 3.25rem);
	}

	.qbits9-about-template .about-hero h1 {
		font-size: 50px;
	}

	.qbits9-about-template .about-hero__media {
		gap: 1rem;
	}

	.qbits9-about-template .about-hero__side p {
		font-size: 0.94rem;
	}

	.qbits9-about-template .about-hero__main-image {
		aspect-ratio: 1 / 1;
	}

	.qbits9-about-template .about-why__intro h2 {
		font-size: clamp(1.35rem, 6.8vw, 1.9rem);
		line-height: 1.14;
	}

	.qbits9-about-template .about-why__eyebrow {
		font-size: clamp(2.15rem, 14vw, 3rem);
	}

	.qbits9-about-template .about-feature,
	.qbits9-about-template .about-feature--active,
	.qbits9-about-template .about-feature:hover,
	.qbits9-about-template .about-feature:focus,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
		min-height: 17.5rem;
	}

	.qbits9-about-template .about-stats div {
		padding-block: 2.25rem;
	}

	.qbits9-about-template .about-founders-showcase h2 {
		font-size: clamp(2.15rem, 12vw, 3.2rem);
		margin-bottom: 2.5rem;
	}

	.qbits9-about-template .about-founder-card__number {
		font-size: clamp(2.6rem, 15vw, 4rem);
	}

	.qbits9-about-template .about-template>.home-two-logo-bubbles,
	.qbits9-contact-template .contact-editorial>.home-two-logo-bubbles,
	.qbits9-client-gallery-template .client-gallery-template>.home-two-logo-bubbles {
		flex-wrap: wrap;
		justify-content: center;
		padding-inline: 0.75rem;
	}
}

@media (max-width: 380px) {
	.qbits9-about-template .portfolio-header {
		padding-inline: 14px;
	}

	.qbits9-about-template .portfolio-logo {
		width: min(132px, 44vw);
	}

	.qbits9-about-template .portfolio-menu-button {
		font-size: 1rem;
	}

	.qbits9-about-template .about-hero {
		padding-inline: 0.7rem;
	}

	.qbits9-about-template .about-feature,
	.qbits9-about-template .about-feature--active,
	.qbits9-about-template .about-feature:hover,
	.qbits9-about-template .about-feature:focus,
	.qbits9-about-template .about-features:hover .about-feature--active:not(:hover),
	.qbits9-about-template .about-features:focus-within .about-feature--active:not(:focus) {
		padding: 1.25rem 0.85rem;
	}

	.qbits9-about-template .about-founder-card h3 {
		font-size: clamp(1.85rem, 12vw, 2.35rem);
	}
}

@keyframes aboutHeroMediaFade {
	0% {
		opacity: 0;
		transform: translate3d(0, 2rem, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {

	.qbits9-about-template .about-hero__media>*,
	.qbits9-about-template .about-founder-card,
	.qbits9-about-template .about-stats div {
		animation: none;
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Visual diary gallery. */
.home-two-gallery {
	--gallery-bg: #ffffff;
	--gallery-ink: #005b58;
	--gallery-muted: rgba(0, 91, 88, 0.64);
	--gallery-gold: #c89b45;
	background: var(--gallery-bg);
	color: var(--gallery-ink);
	font-family: var(--qbits9-home-two-font);
	overflow: hidden;
	padding: 0px 0px 100px 0px;
	position: relative;
}

.home-two-gallery__header {
	margin: 0 auto clamp(2.25rem, 4vw, 3.7rem);
	max-width: 650px;
	padding: 0 1.25rem;
	text-align: center;
}

.home-two-gallery__eyebrow {
	color: var(--gallery-gold);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1;
	margin: 0 0 0.95rem;
	text-transform: uppercase;
}

.home-two-gallery h1,
.home-two-gallery h2 {
	color: var(--gallery-ink);
	font-family: var(--qbits9-home-two-font);
	font-size: clamp(2.2rem, 5vw, 4.75rem);
	font-weight: var(--qbits9-home-two-font-weight);
	letter-spacing: 0;
	line-height: 0.96;
	margin: 0;
	text-transform: uppercase;
}

.qbits9-client-gallery-template {
	--qbits9-home-bg: #ffffff;
	--qbits9-home-link: #2b70af;
	--qbits9-home-text: #2b70af8c;
	background: var(--qbits9-home-bg);
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-home-two-font);
	overflow-x: hidden;
}

.qbits9-client-gallery-template .site,
.qbits9-client-gallery-template .site-content {
	background: var(--qbits9-home-bg);
	margin: 0;
	max-width: none;
	overflow-x: hidden;
	padding: 0;
	width: 100%;
}

.qbits9-client-gallery-template .site-footer {
	display: none;
}

.qbits9-client-gallery-template .portfolio-header {
	background: var(--qbits9-home-bg);
	left: auto;
	padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 4vw, 3.5rem);
	pointer-events: none;
	position: static;
	right: auto;
	top: auto;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.qbits9-client-gallery-template .portfolio-logo {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	display: block;
	min-height: 0;
	padding: 0;
	pointer-events: auto;
	position: relative;
	width: clamp(42px, 13vw, 220px);
}

.qbits9-client-gallery-template .portfolio-menu-button {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--qbits9-home-link);
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: 30px;
	font-weight: 400;
	gap: 0.65rem;
	letter-spacing: 0;
	min-height: 0;
	padding: 20px 0 0;
	pointer-events: auto;
	text-transform: uppercase;
}

.qbits9-client-gallery-template .portfolio-menu-button:hover,
.qbits9-client-gallery-template .portfolio-menu-button:focus {
	background: transparent;
	color: var(--qbits9-home-link);
}

.qbits9-client-gallery-template.is-portfolio-menu-open .portfolio-menu-button {
	background: transparent;
	color: #fff;
}

.qbits9-client-gallery-template .portfolio-menu-panel {
	background: #121716;
	color: rgba(255, 255, 255, 0.9);
	pointer-events: auto;
}

.qbits9-client-gallery-template .portfolio-menu-panel a {
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--qbits9-menu-font);
}

.qbits9-client-gallery-template .portfolio-menu-panel a:hover,
.qbits9-client-gallery-template .portfolio-menu-panel a:focus,
.qbits9-client-gallery-template .portfolio-menu-panel .current-menu-item>a,
.qbits9-client-gallery-template .portfolio-menu-panel .current_page_item>a {
	color: #fff;
}

@media (max-width: 620px) {
	.qbits9-client-gallery-template .portfolio-header {
		padding: 0.85rem 1rem;
	}

	.qbits9-client-gallery-template .portfolio-menu-button {
		font-size: 22px;
		padding: 0.85rem 1rem;
		min-height: 42px;
	}

	.qbits9-client-gallery-template .portfolio-logo {
		width: 100px;
	}
}

.home-two-gallery__filters {
	align-items: center;
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin: 0 auto clamp(2.5rem, 5vw, 4.25rem);
	max-width: min(1180px, calc(100vw - 2rem));
	overflow-x: auto;
	padding: 0.2rem 0.25rem 0.8rem;
	scrollbar-width: none;
}

.home-two-gallery__filters::-webkit-scrollbar {
	display: none;
}

.home-two-gallery__filter,
.home-two-gallery__more {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(0, 91, 88, 0.42);
	border-radius: 999px;
	color: var(--gallery-ink);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-family: var(--qbits9-home-two-font);
	font-size: 0.88rem;
	font-weight: var(--qbits9-home-two-font-weight);
	gap: 0.6rem;
	height: 44px;
	justify-content: center;
	line-height: 1;
	min-width: 96px;
	padding: 0 1.25rem;
	text-decoration: none;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.home-two-gallery__filter:hover,
.home-two-gallery__filter:focus,
.home-two-gallery__more:hover,
.home-two-gallery__more:focus {
	background: rgba(0, 91, 88, 0.08);
	border-color: var(--gallery-ink);
	color: var(--gallery-ink);
	outline: 0;
	transform: translateY(-1px);
}

.home-two-gallery__filter.is-active {
	background: var(--gallery-ink);
	border-color: var(--gallery-ink);
	color: var(--gallery-bg);
}

.home-two-gallery__more {
	border-color: rgba(7, 24, 23, 0.72);
	color: #071817;
	font-weight: 700;
	min-width: 142px;
}

.home-two-gallery__stage {
	height: clamp(350px, 48vw, 560px);
	margin: 0 auto;
	max-width: 1440px;
	position: relative;
	width: 100%;
}

.home-two-gallery__card {
	--gallery-card-width: clamp(235px, 31vw, 470px);
	--gallery-offset: 0;
	aspect-ratio: 0.84;
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(0, 45, 43, 0.2);
	display: block;
	left: 50%;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform:
		translate(-50%, -50%) translateX(calc(var(--gallery-offset) * min(23vw, 285px))) scale(0.76);
	transition: opacity 260ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1), z-index 260ms ease;
	width: var(--gallery-card-width);
	z-index: 1;
}

.home-two-gallery__card.is-active {
	opacity: 1;
	transform: translate(-50%, -50%) translateX(0) scale(1);
	z-index: 4;
}

.home-two-gallery__card.is-near {
	opacity: 0.92;
	transform:
		translate(-50%, -50%) translateX(calc(var(--gallery-offset) * min(21vw, 320px))) scale(0.86);
	z-index: 3;
}

.home-two-gallery__card.is-far {
	opacity: 0.42;
	transform:
		translate(-50%, -50%) translateX(calc(var(--gallery-offset) * min(19vw, 295px))) scale(0.7);
	z-index: 2;
}

.home-two-gallery__card img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.home-two-gallery__card img {
	cursor: zoom-in;
}

.home-two-gallery-lightbox {
	align-items: center;
	background: rgba(3, 10, 10, 0.88);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: clamp(1rem, 4vw, 3rem);
	position: fixed;
	z-index: 9999;
}

.home-two-gallery-lightbox[hidden] {
	display: none;
}

.home-two-gallery-lightbox__image {
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
	max-height: min(86vh, 920px);
	max-width: min(92vw, 1200px);
	object-fit: contain;
}

.home-two-gallery-lightbox__close {
	align-items: center;
	background: rgba(245, 242, 234, 0.12);
	border: 1px solid rgba(245, 242, 234, 0.42);
	border-radius: 50%;
	color: #f5f2ea;
	cursor: pointer;
	display: inline-flex;
	font-size: 2rem;
	height: 46px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: fixed;
	right: clamp(1rem, 3vw, 2rem);
	top: clamp(1rem, 3vw, 2rem);
	width: 46px;
}

.home-two-gallery-lightbox__close:hover,
.home-two-gallery-lightbox__close:focus {
	background: rgba(245, 242, 234, 0.2);
	border-color: rgba(245, 242, 234, 0.74);
	color: #f5f2ea;
	transform: none;
}

body.qbits9-gallery-lightbox-open {
	overflow: hidden;
}

.home-two-gallery__card::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52%, rgba(0, 31, 30, 0.76) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.home-two-gallery__card figcaption {
	bottom: 0;
	color: #fff;
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	left: 0;
	line-height: 1.15;
	padding: 1.3rem;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	z-index: 1;
}

.home-two-gallery__card figcaption span {
	color: rgba(255, 255, 255, 0.72);
	display: block;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	margin-bottom: 0.45rem;
}

.home-two-gallery__controls {
	display: flex;
	gap: 1rem;
	justify-content: center;
	margin-top: clamp(1.75rem, 3.6vw, 3.1rem);
}

.home-two-gallery__controls button {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(0, 91, 88, 0.7);
	border-radius: 50%;
	color: var(--gallery-ink);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--qbits9-home-two-font);
	font-size: 1.35rem;
	height: 46px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
	width: 46px;
}

.home-two-gallery__controls svg {
	display: block;
	height: 1.25em;
	width: 1.25em;
}

.home-two-gallery--embedded {
	--gallery-bg: transparent;
	--gallery-ink: #f5f2ea;
	background: transparent;
	flex: 0 0 auto;
	margin: 0 calc(clamp(1.5rem, 6vw, 5rem) * -1);
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	transform: translateY(0.85rem);
	transition: max-height 0.45s ease 0.08s, opacity 0.45s ease 0.08s, transform 0.45s ease 0.08s;
	visibility: hidden;
	width: 100vw;
}

.home-two-hero__content.is-scrolled .home-two-gallery--embedded {
	max-height: 36rem;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.home-two-gallery--embedded .home-two-gallery__stage {
	height: clamp(250px, 31vw, 410px);
}

.home-two-gallery--embedded .home-two-gallery__card {
	--gallery-card-width: clamp(180px, 23vw, 340px);
}

.home-two-gallery--embedded .home-two-gallery__card img {
	filter: blur(5px);
	transition: filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.home-two-gallery--embedded .home-two-gallery__card.is-near img {
	filter: blur(2px);
}

.home-two-gallery--embedded .home-two-gallery__card.is-active img {
	filter: blur(0);
}

.home-two-gallery--embedded .home-two-gallery__controls {
	margin-top: clamp(0.7rem, 1.5vw, 1.25rem);
}

.home-two-gallery--embedded .home-two-gallery__controls button {
	border-color: rgba(245, 242, 234, 0.7);
	color: var(--gallery-ink);
}

.home-two-hero--detail .home-two-hero__content.is-scrolled {
	gap: 50px;
}

.home-two-hero--detail .home-two-hero__content {
	transition: gap 0.7s cubic-bezier(0.22, 1, 0.36, 1), padding 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.home-two-hero--detail .home-two-hero__description,
.home-two-gallery--embedded,
.qbits9-home-two-detail-template .home-two-hero--detail .home-two-logo-bubbles--links {
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1), margin 0.7s cubic-bezier(0.22, 1, 0.36, 1), padding 0.7s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.7s;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description,
.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-gallery--embedded,
.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links {
	transition-delay: 0s;
}

.home-two-hero--detail .home-two-hero__content:not(.is-scrolled) {
	gap: 0;
}

.home-two-hero--detail .home-two-hero__content:not(.is-scrolled) .home-two-hero__description,
.home-two-hero--detail .home-two-hero__content:not(.is-scrolled) .home-two-gallery--embedded,
.home-two-hero--detail:not(.is-logo-scrolled) .home-two-logo-bubbles--links {
	margin: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 0;
	pointer-events: none;
	visibility: hidden;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled h1,
.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description,
.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-gallery--embedded,
.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links {
	margin-bottom: 0;
	margin-top: 0;
	transform: none;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-hero__description {
	flex-shrink: 0;
	max-height: none;
}

.home-two-hero--detail .home-two-hero__content.is-scrolled .home-two-gallery--embedded,
.qbits9-home-two-detail-template .home-two-hero--detail.is-logo-scrolled .home-two-logo-bubbles--links {
	flex-shrink: 0;
	max-height: none;
	overflow: visible;
}

.home-two-gallery__controls button:hover,
.home-two-gallery__controls button:focus {
	background: var(--gallery-ink);
	border-color: var(--gallery-ink);
	color: var(--gallery-bg);
	outline: 0;
	transform: translateY(-1px);
}


.home-two-gallery__controls button:focus svg,
.home-two-gallery__controls button:hover svg {
	color: #000;
}

@media (max-width: 900px) {
	.home-two-gallery__filters {
		justify-content: flex-start;
	}

	.home-two-gallery__stage {
		height: clamp(340px, 72vw, 520px);
	}

	.home-two-gallery__card {
		--gallery-card-width: clamp(220px, 58vw, 390px);
	}

	.home-two-gallery__card.is-near,
	.home-two-gallery__card.is-far {
		transform:
			translate(-50%, -50%) translateX(calc(var(--gallery-offset) * min(38vw, 245px))) scale(0.82);
	}

}

@media (max-width: 560px) {
	.home-two-gallery {
		padding-top: 3.5rem;
	}

	.home-two-gallery__header {
		margin-bottom: 1.75rem;
	}

	.home-two-gallery h1,
	.home-two-gallery h2 {
		font-size: clamp(2rem, 11vw, 3.2rem);
	}

	.home-two-gallery__filters {
		margin-bottom: 1.5rem;
		max-width: calc(100vw - 1rem);
	}

	.home-two-gallery__filter,
	.home-two-gallery__more {
		font-size: 0.78rem;
		height: 40px;
		min-width: 82px;
		padding: 0 1rem;
	}

	.home-two-gallery__stage {
		height: 390px;
	}

	.home-two-gallery__card {
		--gallery-card-width: min(78vw, 290px);
	}

	.home-two-gallery__card.is-near,
	.home-two-gallery__card.is-far {
		opacity: 0.32;
		transform:
			translate(-50%, -50%) translateX(calc(var(--gallery-offset) * 54vw)) scale(0.78);
	}

}

@media (max-width: 420px) {
	.home-two-gallery {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	.home-two-gallery__filters {
		justify-content: center;
		flex-wrap: wrap;
		gap: 0.6rem;
		margin-bottom: 1rem;
		max-width: 100%;
		padding: 0.4rem 0.5rem 0.7rem;
	}

	.home-two-gallery__filter,
	.home-two-gallery__more {
		font-size: 0.72rem;
		height: 40px;
		min-width: 72px;
		padding: 0 0.9rem;
	}

	.home-two-gallery__stage {
		height: min(340px, 78vw);
		max-width: 100%;
	}

	.home-two-gallery__card {
		--gallery-card-width: min(85vw, 260px);
	}

	.home-two-gallery__card.is-near,
	.home-two-gallery__card.is-far {
		transform:
			translate(-50%, -50%) translateX(calc(var(--gallery-offset) * 58vw)) scale(0.74);
	}

	.home-two-gallery__controls {
		gap: 0.7rem;
		margin-top: 1.5rem;
	}

	.home-two-gallery__controls button {
		width: 42px;
		height: 42px;
		font-size: 1.1rem;
	}
}

@media (prefers-reduced-motion: reduce) {

	.home-two-gallery__card,
	.home-two-gallery__filter,
	.home-two-gallery__more,
	.home-two-gallery__controls button {
		transition: none;
	}
}

/* Contact Us dark editorial template. */
body.qbits9-contact-template {
	background: #ffffff;
	color: #005b58;
	font-family: var(--qbits9-home-two-font);
}

.qbits9-contact-template .site,
.qbits9-contact-template .site-content {
	background: #ffffff;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

.qbits9-contact-template .site-footer {
	display: none;
}

.contact-editorial {
	background: #ffffff;
	color: #005b58;
	font-family: var(--qbits9-home-two-font);
	min-height: 100vh;
}

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

.qbits9-contact-template .portfolio-header {
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid rgba(0, 91, 88, 0.08);
	padding: 14px clamp(1rem, 4vw, 2.5rem);
	pointer-events: none;
	position: relative;
	z-index: 50;
}

.admin-bar.qbits9-contact-template .portfolio-header {
	top: auto;
}

.qbits9-contact-template .portfolio-logo {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: block;
	min-height: 0;
	padding: 0;
	pointer-events: auto;
	width: clamp(150px, 13vw, 210px);
}

.qbits9-contact-template .portfolio-menu-button {
	background: transparent;
	backdrop-filter: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #005b58;
	display: inline-flex;
	font-family: var(--qbits9-display-font);
	font-size: clamp(1.8rem, 3vw, 2.35rem);
	font-weight: 400;
	gap: 0.65rem;
	letter-spacing: 0.18em;
	line-height: 1;
	min-height: 0;
	padding: 20px 0 0;
	pointer-events: auto;
	text-transform: uppercase;
	transition: color 260ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.qbits9-contact-template .portfolio-menu-button:hover,
.qbits9-contact-template .portfolio-menu-button:focus {
	background: transparent;
	color: #2b70af;
	outline: 0;
	transform: translateY(-1px);
}

.qbits9-contact-template .portfolio-menu-button__star {
	color: #c89b45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 0.5;
	transform: translateY(0.18em);
}

.qbits9-contact-template.is-portfolio-menu-open .portfolio-menu-button {
	background: transparent;
	border: 0;
	color: #fff;
	height: 48px;
	min-height: 48px;
	padding: 0;
	transform: none;
	width: 48px;
}

.qbits9-contact-template .portfolio-menu-panel {
	background: #121716;
	color: rgba(255, 255, 255, 0.9);
}

.qbits9-contact-template .portfolio-menu-panel a {
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--qbits9-menu-font);
}

.qbits9-contact-template .portfolio-menu-panel a:hover,
.qbits9-contact-template .portfolio-menu-panel a:focus,
.qbits9-contact-template .portfolio-menu-panel .current-menu-item>a,
.qbits9-contact-template .portfolio-menu-panel .current_page_item>a {
	color: #fff;
}

.contact-editorial__hero {
	align-items: center;
	border-bottom: 1px solid rgba(0, 91, 88, 0.08);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2.5rem, 5vw, 4rem) clamp(1rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2.25rem);
	text-align: center;
}

.contact-editorial__eyebrow,
.contact-editorial__section-label,
.contact-editorial__type,
.contact-editorial__field label {
	color: #6b6b5a;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.contact-editorial__eyebrow {
	letter-spacing: 0.22em;
	margin: 0 0 1rem;
}

.contact-editorial h1,
.contact-editorial__consult h2 {
	color: #005b58;
	font-family: var(--qbits9-display-font);
	font-weight: 300;
	letter-spacing: 0;
}

.contact-editorial h1 {
	font-size: clamp(3.3rem, 8vw, 6.4rem);
	line-height: 1;
	margin: 0;
}

.contact-editorial h1 em,
.contact-editorial__consult h2 em {
	color: #c89b45;
	font-style: italic;
}

.contact-editorial__grid {
	border-bottom: 0px;
	display: grid;
	gap: clamp(2rem, 7vw, 6.5rem);
	grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
	padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 4.5rem);
}

.contact-editorial__panel {
	padding: 0;
}

.contact-editorial__panel:first-child {
	border-right: 0;
}

.contact-editorial__section-label {
	align-items: center;
	display: flex;
	font-weight: 300;
	gap: 8px;
	margin: 0 0 1.75rem;
}

.contact-editorial__section-label::after {
	background: rgba(232, 228, 216, 0.1);
	content: "";
	flex: 1;
	height: 1px;
}

.contact-editorial__item {
	align-items: flex-start;
	border-bottom: 0;
	display: grid;
	gap: clamp(1rem, 2.5vw, 2rem);
	grid-template-columns: clamp(78px, 10vw, 118px) minmax(0, 1fr);
	margin-bottom: clamp(2rem, 5vw, 4.25rem);
	padding-bottom: 0;
}

.contact-editorial__item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.contact-editorial__icon {
	align-items: center;
	border: 1px solid rgba(0, 91, 88, 0.28);
	color: #005b58;
	display: inline-flex;
	font-size: clamp(1rem, 2vw, 1.35rem);
	height: clamp(74px, 9vw, 108px);
	justify-content: center;
	line-height: 1;
	text-transform: uppercase;
	width: 100%;
}

.contact-editorial__icon svg {
	display: block;
	height: 1.7em;
	width: 1.7em;
}

.contact-editorial__type {
	margin: 0 0 5px;
	font-weight: 500;
}

.contact-editorial__value,
.contact-editorial__location p,
.contact-editorial__consult p {
	color: #4f665f;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin: 0;
}

.contact-editorial__value {
	color: #4f665f;
}

.contact-editorial__input,
.contact-editorial__textarea {
	background: rgba(0, 91, 88, 0.04);
	border: 1px solid rgba(0, 91, 88, 0.12);
	border-radius: 0;
	color: #0f2f29;
	font-family: var(--qbits9-home-two-font);
	font-size: 15px;
	font-weight: 300;
	outline: 0;
	padding: 12px 14px;
	transition: border-color 0.2s ease;
	width: 100%;
}

.contact-editorial__item .contact-editorial__input,
.contact-editorial__item .contact-editorial__textarea {
	font-size: 14px;
	margin-top: 8px;
	padding: 10px 12px;
}

.contact-editorial__item .contact-editorial__textarea {
	min-height: 52px;
}

.contact-editorial__textarea {
	min-height: 60px;
	resize: vertical;
}

.contact-editorial__textarea--large {
	min-height: 100px;
}

.contact-editorial__input:focus,
.contact-editorial__textarea:focus {
	border-color: rgba(168, 197, 160, 0.4);
}

.contact-editorial__input::placeholder,
.contact-editorial__textarea::placeholder {
	color: #7b857d;
}

.contact-editorial__small-button,
.contact-editorial__big-button {
	cursor: pointer;
	font-family: var(--qbits9-home-two-font);
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.contact-editorial__small-button {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(0, 91, 88, 0.35);
	color: #005b58;
	display: inline-flex;
	font-size: 11px;
	font-weight: 400;
	gap: 0.35rem;
	justify-content: center;
	letter-spacing: 0.18em;
	float: right;
	margin-top: 8px;
	padding: 7px 16px;
}

.contact-editorial__small-button svg {
	display: block;
	height: 1.1em;
	width: 1.1em;
}

.contact-editorial__small-button:hover,
.contact-editorial__small-button:focus {
	background: #005b58;
	color: #ffffff;
	outline: 0;
}

.contact-editorial__field {
	margin-bottom: 1.25rem;
}

.contact-editorial__field label {
	display: block;
	font-weight: 300;
	margin-bottom: 6px;
}

.contact-editorial__big-button {
	background: #005b58;
	border: 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin-top: 0.25rem;
	padding: 15px;
	width: 100%;
}

.contact-editorial__big-button:hover,
.contact-editorial__big-button:focus {
	background: #2b70af;
	outline: 0;
}

.contact-editorial__ok {
	background: rgba(0, 91, 88, 0.06);
	border: 1px solid rgba(0, 91, 88, 0.2);
	color: #005b58;
	font-size: 11px;
	margin: 10px 0 0;
	padding: 8px 12px;
}

.contact-editorial__ok[hidden] {
	display: none;
}

.contact-editorial__location {
	border-top: 1px solid rgba(0, 91, 88, 0.12);
	margin-top: 2rem;
	padding-top: 1.5rem;
}

.contact-editorial__location span {
	color: #6b6b5a;
	font-size: 11px;
	letter-spacing: 0.06em;
}

.contact-editorial__consult {
	background: #f5f2ea;
	border: 1px solid rgba(0, 91, 88, 0.1);
	display: block;
	margin-top: clamp(0.5rem, 3vw, 2.25rem);
	padding: clamp(1.5rem, 3vw, 2.5rem);
}

.contact-editorial__badge {
	border: 1px solid rgba(168, 197, 160, 0.3);
	color: #a8c5a0;
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.18em;
	margin: 0 0 1.25rem;
	padding: 4px 12px;
	text-transform: uppercase;
}

.contact-editorial__consult h2 {
	font-size: clamp(2.3rem, 4.5vw, 3.5rem);
	line-height: 1.15;
	margin: 0 0 1rem;
}

.contact-editorial__consult p:not(.contact-editorial__badge):not(.contact-editorial__ok) {
	color: #6b6b5a;
	font-size: 14px;
}

.contact-editorial__row {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
}

.contact-editorial__footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 1.25rem clamp(1rem, 4vw, 2.5rem);
}

.contact-editorial__footer p {
	color: #4a4a3a;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.04em;
	margin: 0;
}

.contact-editorial__footer p:last-child {
	color: #6b6b5a;
	font-family: var(--qbits9-display-font);
	font-size: 14px;
	font-style: italic;
}

.qbits9-contact-template .portfolio-header {
	animation: contactHeaderIn 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.contact-editorial.is-animated [data-contact-reveal] {
	opacity: 0;
	transform: translate3d(0, 18px, 0);
	transition:
		opacity 950ms cubic-bezier(0.22, 1, 0.36, 1) var(--contact-reveal-delay, 0ms),
		transform 950ms cubic-bezier(0.22, 1, 0.36, 1) var(--contact-reveal-delay, 0ms);
}

.contact-editorial.is-animated [data-contact-reveal].is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.contact-editorial__hero.is-visible .contact-editorial__eyebrow {
	animation: contactSmallTextIn 950ms cubic-bezier(0.22, 1, 0.36, 1) 120ms both;
}

.contact-editorial__hero.is-visible h1 {
	animation: contactTitleIn 1100ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
}

.contact-editorial__hero.is-visible h1.is-split-title {
	animation: none;
}

.contact-editorial__title-char {
	display: inline-block;
	opacity: 0;
	transform: translate3d(0, -0.35em, 0) rotate(-8deg) scale(0.96);
	will-change: opacity, transform;
}

.contact-editorial__section-label::after {
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 1050ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
}

.is-visible>.contact-editorial__section-label::after,
.is-visible .contact-editorial__section-label::after {
	transform: scaleX(1);
}

.contact-editorial__icon {
	overflow: hidden;
	position: relative;
	transition:
		border-color 340ms ease,
		box-shadow 340ms ease,
		color 220ms ease,
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}

.contact-editorial__icon::after {
	background: linear-gradient(110deg, transparent 20%, rgba(168, 197, 160, 0.28) 48%, transparent 74%);
	content: "";
	inset: -35%;
	position: absolute;
	transform: translateX(-120%) rotate(8deg);
	transition: transform 950ms cubic-bezier(0.22, 1, 0.36, 1);
}

.contact-editorial__item:hover .contact-editorial__icon,
.contact-editorial__item:focus-within .contact-editorial__icon {
	border-color: rgba(168, 197, 160, 0.58);
	box-shadow: 0 14px 34px rgba(168, 197, 160, 0.1);
	transform: translateY(-2px);
}

.contact-editorial__item:hover .contact-editorial__icon::after,
.contact-editorial__item:focus-within .contact-editorial__icon::after {
	transform: translateX(120%) rotate(8deg);
}

.contact-editorial__icon svg {
	position: relative;
	transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 1;
}

.contact-editorial__item:hover .contact-editorial__icon svg,
.contact-editorial__item:focus-within .contact-editorial__icon svg {
	transform: scale(1.04) rotate(-2deg);
}

.contact-editorial__input,
.contact-editorial__textarea,
.contact-editorial__consult {
	transition:
		background 340ms ease,
		border-color 340ms ease,
		box-shadow 340ms ease,
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}

.contact-editorial__input:focus,
.contact-editorial__textarea:focus {
	background: rgba(232, 228, 216, 0.06);
	box-shadow: 0 0 0 3px rgba(168, 197, 160, 0.08);
	transform: translateY(-1px);
}

.contact-editorial__small-button,
.contact-editorial__big-button {
	overflow: hidden;
	position: relative;
}

.contact-editorial__small-button svg,
.contact-editorial__big-button {
	transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}

.contact-editorial__small-button:hover svg,
.contact-editorial__small-button:focus svg {
	transform: translateX(3px);
}

.contact-editorial__big-button:hover,
.contact-editorial__big-button:focus {
	transform: translateY(-1px);
}

.contact-editorial__consult:hover,
.contact-editorial__consult:focus-within {
	border-color: rgba(168, 197, 160, 0.2);
	box-shadow: 0 24px 70px rgba(168, 197, 160, 0.08);
	transform: translateY(-2px);
}

.contact-editorial__badge {
	animation: contactBadgeGlow 3.8s ease-in-out infinite;
}

.contact-editorial__ok:not([hidden]) {
	animation: contactMessagePop 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes contactHeaderIn {
	0% {
		opacity: 0;
		transform: translate3d(0, -10px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes contactSmallTextIn {
	0% {
		opacity: 0;
		transform: translate3d(0, -8px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes contactTitleIn {
	0% {
		filter: blur(5px);
		opacity: 0;
		transform: translate3d(0, 0.18em, 0) scale(0.992);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes contactBadgeGlow {

	0%,
	100% {
		box-shadow: 0 0 0 rgba(168, 197, 160, 0);
	}

	50% {
		box-shadow: 0 0 28px rgba(168, 197, 160, 0.13);
	}
}

@keyframes contactMessagePop {
	0% {
		opacity: 0;
		transform: translate3d(0, -5px, 0) scale(0.992);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {

	.qbits9-contact-template .portfolio-header,
	.contact-editorial__hero.is-visible .contact-editorial__eyebrow,
	.contact-editorial__hero.is-visible h1,
	.contact-editorial__badge,
	.contact-editorial__ok:not([hidden]) {
		animation: none;
	}

	.contact-editorial [data-contact-reveal],
	.contact-editorial__section-label::after,
	.contact-editorial__icon,
	.contact-editorial__icon::after,
	.contact-editorial__icon svg,
	.contact-editorial__input,
	.contact-editorial__textarea,
	.contact-editorial__small-button,
	.contact-editorial__small-button svg,
	.contact-editorial__big-button,
	.contact-editorial__consult {
		transition: none;
	}

	.contact-editorial.is-animated [data-contact-reveal] {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 1180px) {
	.qbits9-contact-template .portfolio-logo {
		width: clamp(136px, 18vw, 178px);
	}

	.qbits9-contact-template .portfolio-menu-button {
		font-size: clamp(1.55rem, 3.2vw, 2rem);
		padding-top: 14px;
	}

	.qbits9-contact-template .portfolio-menu-button__star {
		font-size: 3rem;
	}

	.contact-editorial__grid {
		gap: clamp(2rem, 5vw, 4rem);
		grid-template-columns: minmax(0, 1fr) minmax(270px, 0.76fr);
		padding-inline: clamp(1rem, 4vw, 3rem);
	}

	.contact-editorial__item {
		grid-template-columns: clamp(70px, 9vw, 96px) minmax(0, 1fr);
	}
}

@media (max-width: 900px) {
	.qbits9-contact-template .portfolio-header {
		align-items: center;
		display: flex;
		padding: 12px clamp(1rem, 4vw, 1.5rem);
	}

	.qbits9-contact-template .portfolio-logo {
		width: clamp(126px, 25vw, 160px);
	}

	.qbits9-contact-template .portfolio-menu-button {
		font-size: clamp(1.4rem, 4vw, 1.75rem);
		padding-top: 10px;
	}

	.qbits9-contact-template .portfolio-menu-button__star {
		font-size: 2.6rem;
	}

	.contact-editorial__hero {
		padding: clamp(2rem, 6vw, 3rem) 1rem clamp(1.25rem, 4vw, 2rem);
	}

	.contact-editorial h1 {
		font-size: clamp(3rem, 13vw, 5.4rem);
	}

	.contact-editorial__grid {
		grid-template-columns: 1fr;
		gap: clamp(2rem, 6vw, 3rem);
		padding: clamp(1.5rem, 5vw, 3rem) clamp(1rem, 4vw, 2rem);
	}

	.contact-editorial__panel {
		border-bottom: 1px solid rgba(232, 228, 216, 0.08);
		padding-bottom: clamp(1.5rem, 5vw, 2.5rem);
	}

	.contact-editorial__consult {
		margin-top: 0;
		max-width: none;
	}
}

@media (max-width: 640px) {
	.qbits9-contact-template .portfolio-header {
		gap: 1rem;
	}

	.qbits9-contact-template .portfolio-logo {
		width: clamp(112px, 36vw, 142px);
	}

	.qbits9-contact-template .portfolio-menu-button {
		font-size: clamp(1.2rem, 6vw, 1.5rem);
		letter-spacing: 0.12em;
		padding-top: 8px;
	}

	.qbits9-contact-template .portfolio-menu-button__star {
		font-size: 2.25rem;
	}

	.qbits9-contact-template.is-portfolio-menu-open .portfolio-menu-button {
		height: 42px;
		min-height: 42px;
		width: 42px;
	}

	.contact-editorial__hero {
		padding-top: 1.85rem;
	}

	.contact-editorial h1 {
		font-size: clamp(2.65rem, 16vw, 4.4rem);
		overflow-wrap: anywhere;
	}

	.contact-editorial__eyebrow,
	.contact-editorial__section-label,
	.contact-editorial__type,
	.contact-editorial__field label {
		font-size: 10px;
		letter-spacing: 0.14em;
	}

	.contact-editorial__grid {
		padding: 1.4rem 1rem 2rem;
	}

	.contact-editorial__item {
		grid-template-columns: 1fr;
		gap: 0.85rem;
		margin-bottom: 2rem;
	}

	.contact-editorial__icon {
		height: 58px;
		width: 58px;
	}

	.contact-editorial__icon svg {
		height: 1.45em;
		width: 1.45em;
	}

	.contact-editorial__value,
	.contact-editorial__consult p {
		font-size: 14px;
	}

	.contact-editorial__input,
	.contact-editorial__textarea,
	.contact-editorial__item .contact-editorial__input,
	.contact-editorial__item .contact-editorial__textarea {
		font-size: 16px;
		padding: 11px 12px;
	}

	.contact-editorial__small-button {
		float: none;
		margin-top: 0.75rem;
		width: 100%;
	}

	.contact-editorial__consult {
		padding: 1.25rem;
	}

	.contact-editorial__consult h2 {
		font-size: clamp(2rem, 12vw, 3rem);
	}

	.contact-editorial__footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.75rem;
		padding: 1.25rem 1rem;
	}
}

@media (max-width: 390px) {
	.qbits9-contact-template .portfolio-header {
		padding-inline: 0.75rem;
	}

	.qbits9-contact-template .portfolio-logo {
		width: 104px;
	}

	.qbits9-contact-template .portfolio-menu-button {
		font-size: 1.08rem;
		gap: 0.4rem;
	}

	.qbits9-contact-template .portfolio-menu-button__star {
		font-size: 1.95rem;
	}

	.contact-editorial h1 {
		font-size: clamp(2.35rem, 15vw, 3.5rem);
	}

	.contact-editorial__consult {
		padding: 1rem;
	}
}

.qbits9-contact-template,
.qbits9-client-gallery-template {
	--qbits9-home-bg: #121716;
	--qbits9-home-link: #f5f2ea;
	--qbits9-home-text: rgba(245, 242, 234, 0.68);
	background: var(--qbits9-home-bg);
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .site,
.qbits9-contact-template .site-content,
.qbits9-client-gallery-template .site,
.qbits9-client-gallery-template .site-content {
	background: var(--qbits9-home-bg);
}

.qbits9-contact-template .site,
.qbits9-contact-template .site-content,
.qbits9-contact-template .contact-editorial,
.qbits9-client-gallery-template .site,
.qbits9-client-gallery-template .site-content,
.qbits9-client-gallery-template .client-gallery-template,
.qbits9-client-gallery-template .home-two-gallery {
	background: transparent;
}

.qbits9-contact-template .site-content,
.qbits9-client-gallery-template .site-content {
	position: relative;
	z-index: 1;
}

.qbits9-contact-template .contact-background-video,
.qbits9-client-gallery-template .client-gallery-background-video {
	height: 100vh;
	inset: 0;
	object-fit: cover;
	pointer-events: none;
	position: fixed;
	width: 100%;
	z-index: -1;
}

.qbits9-contact-template .portfolio-header,
.qbits9-client-gallery-template .portfolio-header,
.qbits9-contact-template .home-two-site-header,
.qbits9-home-template-two .home-two-site-header,
.qbits9-client-gallery-template .home-two-site-header {
	background: var(--qbits9-home-bg);
	border-bottom-color: transparent;
	box-shadow: none;
}

.qbits9-contact-template .portfolio-header,
.qbits9-contact-template .home-two-site-header,
.qbits9-home-template-two .home-two-site-header,
.qbits9-client-gallery-template .portfolio-header,
.qbits9-client-gallery-template .home-two-site-header {
	background: transparent;
}

.qbits9-home-template-two .home-two-site-header {
	transition: background-color 180ms ease;
}

.qbits9-home-template-two .home-two-site-header.is-scrolled {
	background: #000;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 40;
}

.qbits9-contact-template .home-two-site-header,
.qbits9-about-template .home-two-site-header,
.qbits9-client-gallery-template .home-two-site-header {
	transition: background-color 180ms ease;
}

.admin-bar.qbits9-home-template-two .home-two-site-header.is-scrolled {
	top: 32px;
}

.qbits9-contact-template .home-two-site-header.is-scrolled,
.qbits9-about-template .home-two-site-header.is-scrolled,
.qbits9-client-gallery-template .home-two-site-header.is-scrolled {
	background: #000;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 40;
}

.admin-bar.qbits9-contact-template .home-two-site-header.is-scrolled,
.admin-bar.qbits9-about-template .home-two-site-header.is-scrolled,
.admin-bar.qbits9-client-gallery-template .home-two-site-header.is-scrolled {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar.qbits9-contact-template .home-two-site-header.is-scrolled,
	.admin-bar.qbits9-about-template .home-two-site-header.is-scrolled,
	.admin-bar.qbits9-client-gallery-template .home-two-site-header.is-scrolled,
	.admin-bar.qbits9-home-template-two .home-two-site-header.is-scrolled {
		top: 46px;
	}
}

.qbits9-contact-template .portfolio-menu-button,
.qbits9-client-gallery-template .portfolio-menu-button,
.qbits9-contact-template .home-two-nav a,
.qbits9-contact-template .home-two-search input[type="search"],
.qbits9-client-gallery-template .home-two-nav a,
.qbits9-client-gallery-template .home-two-search input[type="search"] {
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .portfolio-menu-button:hover,
.qbits9-contact-template .portfolio-menu-button:focus,
.qbits9-client-gallery-template .portfolio-menu-button:hover,
.qbits9-client-gallery-template .portfolio-menu-button:focus,
.qbits9-contact-template .home-two-nav>ul>li>a:hover,
.qbits9-contact-template .home-two-nav>ul>li>a:focus,
.qbits9-client-gallery-template .home-two-nav>ul>li>a:hover,
.qbits9-client-gallery-template .home-two-nav>ul>li>a:focus {
	color: rgba(245, 242, 234, 0.74);
}

.qbits9-contact-template .home-two-site-logo,
.qbits9-home-template-two .home-two-site-logo,
.qbits9-client-gallery-template .home-two-site-logo {
	background: transparent;
}

@media (max-width: 767px) {

	.qbits9-contact-template .home-two-site-logo,
	.qbits9-contact-template .home-two-site-logo__image {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.qbits9-contact-template .home-two-site-logo {
		position: relative;
		z-index: 11;
	}
}

.qbits9-contact-template .portfolio-menu-panel,
.qbits9-client-gallery-template .portfolio-menu-panel,
.qbits9-contact-template .home-two-dropdown,
.qbits9-contact-template .home-two-nav .sub-menu,
.qbits9-client-gallery-template .home-two-dropdown,
.qbits9-client-gallery-template .home-two-nav .sub-menu {
	background: var(--qbits9-home-bg);
	border-color: rgba(245, 242, 234, 0.14);
}

.qbits9-contact-template .home-two-search,
.qbits9-client-gallery-template .home-two-search {
	background: rgba(245, 242, 234, 0.08);
	border-color: rgba(245, 242, 234, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.14),
		inset 0 -18px 34px rgba(0, 0, 0, 0.2),
		0 18px 40px rgba(0, 0, 0, 0.22);
}

.qbits9-contact-template .home-two-search input[type="search"]::placeholder,
.qbits9-client-gallery-template .home-two-search input[type="search"]::placeholder {
	color: rgba(245, 242, 234, 0.72);
}

.qbits9-contact-template .home-two-menu-toggle__line,
.qbits9-client-gallery-template .home-two-menu-toggle__line {
	background: var(--qbits9-home-link);
}

.qbits9-client-gallery-template .home-two-gallery {
	--gallery-bg: #121716;
	--gallery-ink: #f5f2ea;
	--gallery-muted: rgba(245, 242, 234, 0.68);
	background: transparent;
	color: var(--qbits9-home-link);
	padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3.5rem, 6vw, 5rem);
}

.qbits9-client-gallery-template .home-two-gallery__header {
	margin-bottom: clamp(1.35rem, 2.5vw, 2.2rem);
}

.qbits9-client-gallery-template .home-two-gallery h1,
.qbits9-client-gallery-template .home-two-gallery h2 {
	font-size: clamp(3rem, 5.2vw, 5.8rem);
	line-height: 0.94;
}

.qbits9-client-gallery-template .home-two-gallery__header p:not(.home-two-gallery__eyebrow) {
	color: var(--qbits9-home-text);
	font-size: clamp(0.95rem, 1.15vw, 1.15rem);
	line-height: 1.7;
}

.qbits9-client-gallery-template .home-two-gallery__filters {
	margin-bottom: clamp(1.4rem, 2.8vw, 2.5rem);
}

.qbits9-client-gallery-template .home-two-gallery__filter,
.qbits9-client-gallery-template .home-two-gallery__more,
.qbits9-client-gallery-template .home-two-gallery__controls button {
	border-color: rgba(245, 242, 234, 0.38);
	color: var(--qbits9-home-link);
}

.qbits9-client-gallery-template .home-two-gallery__filter:hover,
.qbits9-client-gallery-template .home-two-gallery__filter:focus,
.qbits9-client-gallery-template .home-two-gallery__more:hover,
.qbits9-client-gallery-template .home-two-gallery__more:focus,
.qbits9-client-gallery-template .home-two-gallery__controls button:hover,
.qbits9-client-gallery-template .home-two-gallery__controls button:focus {
	background: var(--qbits9-home-link);
	border-color: var(--qbits9-home-link);
	color: var(--qbits9-home-bg);
}

.qbits9-client-gallery-template .home-two-gallery__filter.is-active {
	background: rgba(245, 242, 234, 0.1);
	border-color: rgba(245, 242, 234, 0.78);
	color: var(--qbits9-home-link);
}

.qbits9-client-gallery-template .home-two-gallery__card[hidden] {
	display: none;
}

.qbits9-client-gallery-template .home-two-gallery__slider.home-two-gallery--embedded {
	margin: 0;
	max-height: none;
	opacity: 1;
	overflow: visible;
	pointer-events: auto;
	transform: none;
	visibility: visible;
	width: 100%;
}

.qbits9-client-gallery-template .home-two-gallery__slider .home-two-gallery__card.is-far {
	opacity: 0;
	pointer-events: none;
}

.qbits9-contact-template .contact-editorial {
	background: transparent;
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .contact-editorial__hero,
.qbits9-contact-template .contact-editorial__grid,
.qbits9-contact-template .contact-editorial__location {
	border-color: rgba(245, 242, 234, 0.12);
}

.qbits9-contact-template .contact-editorial h1,
.qbits9-contact-template .contact-editorial__consult h2 {
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .contact-editorial__eyebrow,
.qbits9-contact-template .contact-editorial__section-label,
.qbits9-contact-template .contact-editorial__type,
.qbits9-contact-template .contact-editorial__field label,
.qbits9-contact-template .contact-editorial__location span,
.qbits9-contact-template .contact-editorial__footer p,
.qbits9-contact-template .contact-editorial__footer p:last-child {
	color: var(--qbits9-home-text);
}

.qbits9-contact-template .contact-editorial__section-label::after {
	background: rgba(245, 242, 234, 0.14);
}

.qbits9-contact-template .contact-editorial__value,
.qbits9-contact-template .contact-editorial__location p,
.qbits9-contact-template .contact-editorial__consult p,
.qbits9-contact-template .contact-editorial__consult p:not(.contact-editorial__badge):not(.contact-editorial__ok) {
	color: rgba(245, 242, 234, 0.72);
}

.qbits9-contact-template .contact-editorial__icon {
	border-color: rgba(245, 242, 234, 0.28);
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .contact-editorial__input,
.qbits9-contact-template .contact-editorial__textarea {
	background: rgba(245, 242, 234, 0.06);
	border-color: rgba(245, 242, 234, 0.16);
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .contact-editorial__input::placeholder,
.qbits9-contact-template .contact-editorial__textarea::placeholder {
	color: rgba(245, 242, 234, 0.5);
}

.qbits9-contact-template .contact-editorial__small-button,
.qbits9-contact-template .contact-editorial__big-button {
	border-color: rgba(245, 242, 234, 0.38);
	color: var(--qbits9-home-link);
}

.qbits9-contact-template .contact-editorial__small-button:hover,
.qbits9-contact-template .contact-editorial__small-button:focus,
.qbits9-contact-template .contact-editorial__big-button,
.qbits9-contact-template .contact-editorial__big-button:hover,
.qbits9-contact-template .contact-editorial__big-button:focus {
	background: var(--qbits9-home-link);
	color: var(--qbits9-home-bg);
}

.qbits9-contact-template .contact-editorial__consult,
.qbits9-contact-template .contact-editorial__ok {
	background: rgba(245, 242, 234, 0.06);
	border-color: rgba(245, 242, 234, 0.14);
	color: var(--qbits9-home-link);
}

body,
body * {
	font-family: var(--qbits9-menu-font) !important;
	font-weight: 100 !important;
}

@media (max-width: 1024px) {
	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) {
		display: block;
		padding: 0;
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge {
		left: clamp(1rem, 2.5vw, 1.5rem);
		position: absolute;
		top: clamp(1rem, 2.5vw, 1.5rem);
		width: clamp(112px, 15vw, 145px);
		z-index: 11;
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar,
	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar {
		align-items: center;
		flex-direction: row;
		gap: clamp(0.65rem, 2vw, 1.25rem);
		justify-content: flex-end;
		left: clamp(9.5rem, 19vw, 12rem);
		position: absolute;
		right: clamp(1rem, 2.5vw, 1.5rem);
		top: clamp(1rem, 2.5vw, 1.5rem);
		width: auto;
		z-index: 12;
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-search {
		flex: 0 1 420px;
		max-width: 420px;
		min-width: 0;
		width: min(44vw, 420px);
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-nav {
		flex: 0 0 auto;
		margin-left: 0;
	}

	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge,
	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar {
		top: calc(32px + clamp(1rem, 2.5vw, 1.5rem));
	}
}

@media (max-width: 782px) {

	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge,
	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar {
		top: calc(46px + clamp(1rem, 2.5vw, 1.5rem));
	}
}

@media (max-width: 760px) {
	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge {
		left: 0.75rem;
		top: 0.75rem;
		width: clamp(82px, 24vw, 108px);
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar,
	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar {
		gap: 0.6rem;
		left: auto;
		right: 0.75rem;
		top: 0.75rem;
		width: auto;
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-search-toggle,
	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-menu-toggle {
		flex-basis: 42px;
		height: 42px;
		width: 42px;
	}

	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge,
	.admin-bar.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-topbar {
		top: calc(46px + 0.75rem);
	}
}

@media (max-width: 420px) {
	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-logo-badge {
		width: 82px;
	}

	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-search-toggle,
	.qbits9-home-template-two .home-two-hero:has(.home-two-gallery--embedded) .home-two-menu-toggle {
		flex-basis: 40px;
		height: 40px;
		width: 40px;
	}
}

@media (max-width: 1300px) {
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul {
		align-items: stretch;
		background:
			radial-gradient(circle at 18% 8%, rgba(25, 119, 139, 0.18), transparent 32%),
			linear-gradient(155deg, #101817 0%, #07100f 100%);
		border: 0;
		gap: 0;
		justify-content: flex-start;
		padding: clamp(7.5rem, 18vh, 10rem) clamp(1.25rem, 6vw, 5rem) 3rem;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		background: rgba(7, 16, 15, 0.88);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		min-height: 76px;
		padding: 0 clamp(1.25rem, 4vw, 3rem);
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-offcanvas-logo {
		flex-basis: clamp(96px, 12vw, 132px);
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-menu-toggle {
		align-items: center;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 50%;
		display: inline-flex;
		justify-content: center;
		height: 44px;
		padding: 0;
		position: relative;
		width: 44px;
		aspect-ratio: 1;
		margin: auto 0;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-menu-toggle__line {
		left: 50%;
		margin: 0;
		top: 50%;
		transform-origin: center;
		width: 20px;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(2) {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(3) {
		transform: translate(-50%, -50%);
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-menu-toggle__line:nth-child(4) {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		margin: 0 auto;
		max-width: 720px;
		text-align: left;
		width: 100%;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li>a {
		align-items: center;
		color: rgba(255, 255, 255, 0.88);
		font-size: clamp(1.35rem, 4vw, 2rem);
		justify-content: space-between;
		line-height: 1.15;
		min-height: clamp(64px, 9vh, 82px);
		padding: 0.8rem 0.25rem;
		text-align: left;
		text-decoration: none;
		width: 100%;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li:first-child>a,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>.current-menu-item>a,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>.current_page_item>a {
		color: #fff;
		text-decoration: none;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>.menu-item-has-children>a::after,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav__chevron {
		align-items: center;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		font-size: 20px;
		height: 36px;
		justify-content: center;
		line-height: 1;
		margin-left: 1rem;
		width: 36px;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>.home-two-nav__item--dropdown>a::after {
		display: none;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav .home-two-dropdown,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav .sub-menu,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav__item--open .home-two-dropdown,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>.menu-item-has-children>.sub-menu {
		gap: 0;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li.home-two-submenu-open>.home-two-dropdown,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li.home-two-submenu-open>.sub-menu {
		background: rgba(255, 255, 255, 0.045);
		border-radius: 10px;
		margin-bottom: 1rem;
		max-height: 520px;
		padding: 0.55rem !important;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-dropdown a,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav .sub-menu a {
		border-radius: 7px;
		font-size: clamp(0.95rem, 2.6vw, 1.1rem);
		justify-content: flex-start;
		padding: 0.75rem 0.9rem;
		text-align: left;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-dropdown a:hover,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-dropdown a:focus,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav .sub-menu a:hover,
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav .sub-menu a:focus {
		background: rgba(255, 255, 255, 0.08);
	}
}

@media (max-width: 760px) {
	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul {
		padding: 6.5rem 1rem 2rem;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-offcanvas-header {
		min-height: 68px;
		padding: 0 1rem;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav.home-two-nav--open .home-two-offcanvas-logo {
		flex-basis: 92px;
	}

	:is(.qbits9-home-template-two, .qbits9-home-two-global-header) .home-two-nav>ul>li>a {
		font-size: clamp(1.2rem, 6vw, 1.55rem);
		min-height: 62px;
	}

	.qbits9-home-two-detail-template .home-two-logo-bubbles--links .home-two-logo-bubble--link {
		--home-two-associated-logo-size: clamp(50px, 15vw, 64px);
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		flex: 0 0 var(--home-two-associated-logo-size);
		height: var(--home-two-associated-logo-size);
		max-height: var(--home-two-associated-logo-size);
		max-width: var(--home-two-associated-logo-size);
		min-height: var(--home-two-associated-logo-size);
		min-width: var(--home-two-associated-logo-size);
		width: var(--home-two-associated-logo-size);
	}
}

@media (max-width: 1300px) {
	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-nav:not(.home-two-nav--open)>#home-two-menu-list {
		height: 0;
		max-height: 0;
		overflow: hidden;
		padding: 0;
		width: 0;
	}

	.qbits9-home-template-two:not(.qbits9-home-two-detail-template) .home-two-nav.home-two-nav--open>#home-two-menu-list {
		bottom: 0;
		height: 100vh;
		height: 100dvh;
		max-height: none;
		overflow-y: auto;
		width: 100vw;
	}
}

/* Search results use the site's dark visual language. */
body.search {
	--qbits9-bg: #121716;
	--qbits9-surface: #18201f;
	--qbits9-surface-soft: #202a28;
	--qbits9-text: #f5f2ea;
	--qbits9-muted: rgba(245, 242, 234, 0.68);
	--qbits9-primary: #f5f2ea;
	--qbits9-primary-dark: rgba(245, 242, 234, 0.76);
	--qbits9-border: rgba(245, 242, 234, 0.14);
	--qbits9-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
	background: var(--qbits9-bg);
	color: var(--qbits9-text);
}

body.search .site,
body.search .site-content {
	background: var(--qbits9-bg);
}

body.search .site-content {
	display: block;
	min-height: calc(100vh - 190px);
	padding: clamp(3.5rem, 8vw, 7rem) 1rem;
	width: 100%;
}

body.search .site-main {
	margin-inline: auto;
	max-width: 960px;
	width: 100%;
}

body.search .widget-area {
	display: none;
}

body.search .home-two-site-header {
	background: var(--qbits9-bg);
	border-bottom-color: transparent;
	box-shadow: none;
}

body.search .home-two-site-logo {
	background: transparent;
}

body.search .home-two-search {
	background: rgba(245, 242, 234, 0.08);
	border-color: rgba(245, 242, 234, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		inset 0 -18px 34px rgba(0, 0, 0, 0.2),
		0 18px 40px rgba(0, 0, 0, 0.22);
}

body.search .home-two-search input[type="search"] {
	color: var(--qbits9-text);
}

body.search .home-two-search input[type="search"]::placeholder {
	color: var(--qbits9-muted);
}

body.search .home-two-nav>ul>li>a,
body.search .home-two-menu-toggle,
body.search .home-two-search-toggle {
	color: var(--qbits9-text);
}

body.search .home-two-menu-toggle__line {
	background: var(--qbits9-text);
}

body.search .page-title,
body.search .entry-title,
body.search .entry-title a,
body.search .widget-title,
body.search .widget .wp-block-heading {
	color: var(--qbits9-text);
}

body.search .no-results,
body.search .not-found,
body.search .entry,
body.search .widget {
	background: var(--qbits9-surface);
	border-color: var(--qbits9-border);
	box-shadow: var(--qbits9-shadow);
}

body.search .no-results,
body.search .not-found {
	background:
		radial-gradient(circle at 100% 0, rgba(245, 242, 234, 0.055), transparent 34%),
		var(--qbits9-surface);
	border-radius: 18px;
	padding: clamp(2rem, 6vw, 4.75rem);
}

body.search .no-results .page-header,
body.search .not-found .page-header {
	margin-bottom: clamp(1rem, 2.5vw, 1.5rem);
}

body.search .no-results .page-title,
body.search .not-found .page-title {
	font-size: clamp(2.8rem, 7vw, 5.5rem);
	line-height: 0.98;
	max-width: none;
}

body.search .no-results .page-content,
body.search .not-found .page-content {
	max-width: 760px;
}

body.search .no-results .page-content>p,
body.search .not-found .page-content>p {
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	margin: 0 0 clamp(1.5rem, 3vw, 2rem);
}

body.search .no-results .search-form,
body.search .not-found .search-form {
	align-items: stretch;
	gap: 0.75rem;
}

body.search .no-results .search-form input[type="search"],
body.search .not-found .search-form input[type="search"] {
	min-height: 58px;
	padding-inline: 1.1rem;
}

body.search .no-results .search-submit,
body.search .not-found .search-submit {
	min-width: 118px;
	padding-inline: 1.5rem;
}

body.search .page-content,
body.search .entry-content,
body.search .entry-meta,
body.search .entry-footer,
body.search .widget {
	color: var(--qbits9-muted);
}

body.search a {
	color: var(--qbits9-text);
}

body.search a:hover,
body.search a:focus {
	color: var(--qbits9-primary-dark);
}

body.search input[type="search"],
body.search input[type="text"],
body.search input[type="email"],
body.search input[type="url"],
body.search input[type="password"],
body.search textarea {
	background: rgba(245, 242, 234, 0.06);
	border-color: rgba(245, 242, 234, 0.2);
	color: var(--qbits9-text);
}

body.search input::placeholder,
body.search textarea::placeholder {
	color: rgba(245, 242, 234, 0.5);
}

body.search .site-content button,
body.search .site-content input[type="button"],
body.search .site-content input[type="reset"],
body.search .site-content input[type="submit"],
body.search .site-content .button,
body.search .site-content .wp-block-button__link {
	background: var(--qbits9-text);
	color: var(--qbits9-bg);
}

body.search .site-content button:hover,
body.search .site-content button:focus,
body.search .site-content input[type="button"]:hover,
body.search .site-content input[type="reset"]:hover,
body.search .site-content input[type="submit"]:hover,
body.search .site-content .button:hover,
body.search .site-content .wp-block-button__link:hover {
	background: rgba(245, 242, 234, 0.78);
	color: var(--qbits9-bg);
}

body.search .entry-footer,
body.search .widget li+li {
	border-color: var(--qbits9-border);
}

body.search .site-footer {
	background: #0b0f0e;
	border-top: 1px solid var(--qbits9-border);
}

@media (max-width: 620px) {
	body.search .site-content {
		padding: 2rem 0.75rem 3rem;
	}

	body.search .no-results,
	body.search .not-found {
		border-radius: 14px;
		padding: 2rem 1.25rem;
	}

	body.search .no-results .search-form,
	body.search .not-found .search-form {
		gap: 0.65rem;
	}

	body.search .no-results .search-submit,
	body.search .not-found .search-submit {
		min-height: 52px;
		width: 100%;
	}
}

/* WPForms contact form design. */
.contact-editorial__consult .wpforms-container,
.contact-editorial__consult .wpforms-container-full {
	margin: 1.35rem 0 0;
}

.contact-editorial__consult .wpforms-form {
	display: grid;
	gap: 1.1rem;
}

.contact-editorial__consult .wpforms-field {
	margin: 0;
	padding: 0;
}

.contact-editorial__consult .wpforms-field-label {
	color: var(--qbits9-home-text);
	display: block;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.14em;
	line-height: 1.4;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.contact-editorial__consult .wpforms-field input[type="text"],
.contact-editorial__consult .wpforms-field input[type="email"],
.contact-editorial__consult .wpforms-field input[type="tel"],
.contact-editorial__consult .wpforms-field input[type="number"],
.contact-editorial__consult .wpforms-field textarea,
.contact-editorial__consult .wpforms-field select {
	background: rgba(245, 242, 234, 0.06);
	border: 1px solid rgba(245, 242, 234, 0.16);
	border-radius: 0;
	box-shadow: none;
	color: var(--qbits9-home-link);
	font-family: var(--qbits9-home-two-font);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
	max-width: none;
	min-height: 48px;
	outline: 0;
	padding: 12px 14px;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
	width: 100%;
}

.contact-editorial__consult .wpforms-field input[type="tel"].iti__tel-input {
	padding-left: 53px;
}

.contact-editorial__consult .wpforms-field textarea {
	min-height: 116px;
	resize: vertical;
}

.contact-editorial__consult .wpforms-field input:focus,
.contact-editorial__consult .wpforms-field textarea:focus,
.contact-editorial__consult .wpforms-field select:focus {
	background: rgba(245, 242, 234, 0.09);
	border-color: rgba(245, 242, 234, 0.38);
	box-shadow: none;
	transform: translateY(-1px);
}


.wpforms-field input::placeholder,
.contact-editorial__consult .wpforms-field input::placeholder,
.contact-editorial__consult .wpforms-field textarea::placeholder {
	color: rgba(245, 242, 234, 0.5) !important;
	opacity: 1;
}

.contact-editorial__consult .iti {
	display: block;
	width: 100%;
}

.contact-editorial__consult .wpforms-submit-container {
	align-items: center;
	display: flex;
	gap: 12px;
	margin: 0.15rem 0 0;
	padding: 0;
}

.contact-editorial__consult .wpforms-submit {
	background: var(--qbits9-home-link);
	border: 1px solid rgba(245, 242, 234, 0.38);
	border-radius: 0;
	box-shadow: none;
	color: var(--qbits9-home-bg);
	cursor: pointer;
	font-family: var(--qbits9-home-two-font);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.2;
	min-height: 48px;
	padding: 15px;
	text-transform: uppercase;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
	width: 100%;
}

.contact-editorial__consult .wpforms-submit:hover,
.contact-editorial__consult .wpforms-submit:focus {
	background: rgba(245, 242, 234, 0.78);
	border-color: rgba(245, 242, 234, 0.78);
	box-shadow: none;
	color: var(--qbits9-home-bg);
	outline: 0;
	transform: translateY(-1px);
}

.contact-editorial__consult .wpforms-error,
.contact-editorial__consult .wpforms-field.wpforms-has-error .wpforms-field-label {
	color: #ff8a78;
}

.contact-editorial__consult .wpforms-field.wpforms-has-error input,
.contact-editorial__consult .wpforms-field.wpforms-has-error textarea,
.contact-editorial__consult .wpforms-field.wpforms-has-error select {
	border-color: rgba(255, 138, 120, 0.72);
}

.contact-editorial__consult .wpforms-submit-spinner {
	flex: 0 0 auto;
}

@media (max-width: 620px) {
	.contact-editorial__consult .wpforms-field-label {
		font-size: 10px;
		letter-spacing: 0.14em;
	}

	.contact-editorial__consult .wpforms-field input[type="text"],
	.contact-editorial__consult .wpforms-field input[type="email"],
	.contact-editorial__consult .wpforms-field input[type="tel"],
	.contact-editorial__consult .wpforms-field input[type="number"],
	.contact-editorial__consult .wpforms-field textarea,
	.contact-editorial__consult .wpforms-field select {
		font-size: 16px;
		padding-bottom: 11px;
		padding-right: 12px;
		padding-top: 11px;
	}
}