/**
 * Jet Stone design system and Stage 5 homepage concept.
 */

:root {
	--js-color-graphite: #222524;
	--js-color-ink: #151817;
	--js-color-white: #ffffff;
	--js-color-milk: #f4f1ea;
	--js-color-brand-10: #f4f3f4;
	--js-color-brand-20: #e7e6e6;
	--js-color-brand-60: #afacac;
	--js-color-brand-100: #6f6b6d;
	--js-color-warm-gray: #8d8981;
	--js-color-stone: #b7a38a;
	--js-color-border: #d8d2c8;
	--js-color-text: #222524;
	--js-color-text-secondary: #67645e;
	--js-color-error: #8c2f2b;
	--js-color-success: #3e6b53;

	--js-font-heading: "Manrope", Arial, sans-serif;
	--js-font-body: "Onest", Arial, sans-serif;
	--js-font-display: clamp(3.25rem, 6.4vw, 7.5rem);
	--js-font-h1: clamp(3rem, 5vw, 6.25rem);
	--js-font-h2: clamp(2.5rem, 4vw, 4.75rem);
	--js-font-h3: clamp(1.75rem, 2.4vw, 2.75rem);
	--js-font-h4: clamp(1.25rem, 1.5vw, 1.75rem);
	--js-font-lead: clamp(1.125rem, 1.4vw, 1.375rem);
	--js-font-body-size: clamp(1rem, 1vw, 1.125rem);
	--js-font-small: 0.875rem;
	--js-font-nav: 0.875rem;
	--js-font-button: 0.875rem;

	--js-container: 90rem;
	--js-container-wide: 108rem;
	--js-container-narrow: 48rem;
	--js-gutter: clamp(1.25rem, 4vw, 4.5rem);

	--js-space-1: 0.25rem;
	--js-space-2: 0.5rem;
	--js-space-3: 0.75rem;
	--js-space-4: 1rem;
	--js-space-6: 1.5rem;
	--js-space-8: 2rem;
	--js-space-12: 3rem;
	--js-space-16: 4rem;
	--js-space-24: 6rem;
	--js-space-32: 8rem;
	--js-section-space: clamp(5rem, 9vw, 9rem);

	--js-radius-xs: 0.125rem;
	--js-radius-sm: 0.25rem;
	--js-shadow-soft: 0 1.5rem 4rem rgb(21 24 23 / 10%);
	--js-transition-fast: 180ms ease;
	--js-transition: 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.jet-stone-home {
	overflow: clip;
	background: var(--js-color-milk);
	color: var(--js-color-text);
	font-family: var(--js-font-body);
	font-size: var(--js-font-body-size);
	line-height: 1.65;
}

.jet-stone-home,
.jet-stone-home * {
	box-sizing: border-box;
}

.jet-stone-home .e-con {
	--padding-top: 0;
	--padding-right: 0;
	--padding-bottom: 0;
	--padding-left: 0;
}

.jet-stone-home :where(h1, h2, h3, h4, p) {
	margin-block-start: 0;
}

.jet-stone-home :where(h1, h2, h3, h4) {
	color: inherit;
	font-family: var(--js-font-heading);
	font-weight: 550;
	letter-spacing: -0.045em;
	line-height: 0.98;
	text-wrap: balance;
}

.jet-stone-home .elementor-widget-heading {
	font-family: var(--js-font-heading);
	font-weight: 550;
	letter-spacing: -0.045em;
	line-height: 0.98;
}

.jet-stone-home .elementor-heading-title {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.jet-stone-home .elementor-widget-text-editor {
	color: inherit;
	font: inherit;
}

.jet-stone-home .elementor-widget-text-editor p:last-child {
	margin-block-end: 0;
}

.jet-stone-home img {
	display: block;
	width: 100%;
}

.js-section {
	position: relative;
	padding: var(--js-section-space) var(--js-gutter);
}

.js-shell,
.js-shell-wide,
.js-shell-narrow {
	width: 100%;
	margin-inline: auto;
}

.js-shell {
	max-width: var(--js-container);
}

.js-shell-wide {
	max-width: var(--js-container-wide);
}

.js-shell-narrow {
	max-width: var(--js-container-narrow);
}

.js-eyebrow {
	margin-block-end: var(--js-space-8);
	color: var(--js-color-brand-100);
	font-family: var(--js-font-body);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.js-section-title {
	max-width: 17ch;
	margin-block-end: var(--js-space-12);
	font-size: var(--js-font-h2);
}

.js-section-intro {
	max-width: 42rem;
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-lead);
}

.js-section-head {
	display: grid !important;
	grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.7fr);
	gap: var(--js-space-16);
	align-items: end;
	margin-block-end: clamp(3rem, 6vw, 6rem);
}

.js-section-head .js-section-title {
	margin-block-end: 0;
}

.js-section-head__aside {
	justify-self: end;
	max-width: 32rem;
}

.js-button .elementor-button {
	min-height: 3.5rem;
	padding: 1.125rem 1.75rem;
	border: 1px solid transparent;
	border-radius: var(--js-radius-xs);
	background: var(--js-color-brand-100);
	color: var(--js-color-white);
	font-family: var(--js-font-body);
	font-size: var(--js-font-button);
	font-weight: 650;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	transition:
		background-color var(--js-transition-fast),
		border-color var(--js-transition-fast),
		color var(--js-transition-fast),
		transform var(--js-transition-fast);
}

.js-button .elementor-button:hover,
.js-button .elementor-button:focus-visible {
	background: var(--js-color-graphite);
	color: var(--js-color-white);
	transform: translateY(-2px);
}

.js-button--light .elementor-button {
	background: var(--js-color-white);
	color: var(--js-color-ink);
}

.js-button--light .elementor-button:hover,
.js-button--light .elementor-button:focus-visible {
	background: var(--js-color-milk);
	color: var(--js-color-ink);
}

.js-button--outline .elementor-button {
	border-color: currentcolor;
	background: transparent;
	color: currentcolor;
}

.js-button--outline .elementor-button:hover,
.js-button--outline .elementor-button:focus-visible {
	border-color: var(--js-color-brand-100);
	background: var(--js-color-brand-100);
	color: var(--js-color-white);
}

.js-text-link a {
	display: inline-flex;
	gap: 0.7rem;
	align-items: center;
	padding-block: 0.4rem;
	border-bottom: 1px solid currentcolor;
	color: inherit;
	font-family: var(--js-font-body);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	transition: color var(--js-transition-fast);
}

.js-text-link a::after {
	content: "↗";
	font-size: 1rem;
}

.js-text-link a:hover,
.js-text-link a:focus-visible {
	color: var(--js-color-brand-100);
}

/* Hero */

.js-home-hero {
	position: relative;
	isolation: isolate;
	display: flex !important;
	min-height: min(54rem, calc(100svh - 2rem));
	justify-content: flex-end;
	padding: clamp(7rem, 12vw, 11rem) var(--js-gutter) clamp(3rem, 6vw, 5rem);
	overflow: hidden;
	background-color: var(--js-color-ink);
	background-position: center;
	background-size: cover;
	color: var(--js-color-white);
}

.js-home-hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(90deg, rgb(15 17 16 / 86%) 0%, rgb(15 17 16 / 56%) 48%, rgb(15 17 16 / 18%) 78%),
		linear-gradient(0deg, rgb(15 17 16 / 62%) 0%, transparent 45%);
}

.js-home-hero__inner {
	display: flex !important;
	width: 100%;
	max-width: var(--js-container-wide);
	margin-inline: auto;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--js-space-16);
}

.js-home-hero__logo {
	width: clamp(8rem, 11vw, 10rem);
	margin-block-end: clamp(4rem, 9vh, 7.5rem);
}

.js-home-hero__logo img {
	height: auto;
}

.js-home-hero__copy {
	max-width: 68rem;
}

.js-home-hero__copy .js-eyebrow {
	margin-block-end: var(--js-space-8);
	color: var(--js-color-brand-20);
}

.js-home-hero__title {
	max-width: 13ch;
	margin-block-end: clamp(2rem, 3vw, 3rem);
	font-size: var(--js-font-h1);
}

.js-home-hero__lead {
	max-width: 44rem;
	margin-block-end: clamp(2rem, 3vw, 3rem);
	color: rgb(255 255 255 / 82%);
	font-size: var(--js-font-lead);
}

.js-home-hero__actions {
	display: flex !important;
	flex-flow: row wrap !important;
	flex-direction: row !important;
	gap: var(--js-space-4);
	align-items: center;
}

.js-home-hero__footer {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
	gap: var(--js-space-4);
	align-items: end;
	padding-block-start: var(--js-space-8);
	border-top: 1px solid rgb(255 255 255 / 28%);
}

.js-home-hero__fact {
	color: rgb(255 255 255 / 72%);
	font-size: var(--js-font-small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.js-home-hero__scroll {
	justify-self: end;
	color: rgb(255 255 255 / 72%);
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	writing-mode: vertical-rl;
}

/* Directions */

.js-directions {
	background: var(--js-color-milk);
}

.js-direction-grid,
.js-direction-grid > .e-con-inner {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--js-space-4);
}

.js-direction-card {
	position: relative;
	isolation: isolate;
	display: flex !important;
	min-height: clamp(20rem, 31vw, 32rem);
	grid-column: span 4;
	justify-content: flex-end;
	padding: clamp(1.5rem, 3vw, 3rem);
	overflow: hidden;
	background: var(--js-color-ink);
	color: var(--js-color-white);
}

.js-direction-card:nth-child(1),
.js-direction-card:nth-child(5) {
	grid-column: span 7;
}

.js-direction-card:nth-child(2),
.js-direction-card:nth-child(6) {
	grid-column: span 5;
}

.js-direction-card__image {
	position: absolute !important;
	z-index: -2;
	inset: 0;
}

.js-direction-card__image,
.js-direction-card__image .elementor-widget-container,
.js-direction-card__image img {
	width: 100%;
	height: 100%;
}

.js-direction-card__image img {
	object-fit: cover;
	transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.js-direction-card::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background: linear-gradient(0deg, rgb(15 17 16 / 82%) 0%, rgb(15 17 16 / 4%) 72%);
}

.js-direction-card:hover .js-direction-card__image img {
	transform: scale(1.035);
}

.js-direction-card__index {
	position: absolute;
	inset: var(--js-space-6) auto auto var(--js-space-6);
	font-size: var(--js-font-small);
	letter-spacing: 0.14em;
}

.js-direction-card__title {
	max-width: 17ch;
	margin-block-end: var(--js-space-4);
	font-size: var(--js-font-h3);
}

.js-direction-card__text {
	max-width: 29rem;
	color: rgb(255 255 255 / 72%);
}

/* Projects */

.js-projects {
	background: var(--js-color-white);
}

.js-project-grid,
.js-project-grid > .e-con-inner {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: clamp(2rem, 4vw, 4.5rem) var(--js-space-6);
	align-items: start;
}

.js-project-card {
	grid-column: span 6;
	color: var(--js-color-text);
}

.js-project-card:nth-child(2),
.js-project-card:nth-child(4) {
	margin-block-start: clamp(3rem, 8vw, 9rem);
}

.js-project-card__image {
	margin-block-end: var(--js-space-6);
	overflow: hidden;
	background: #ddd7cd;
}

.js-project-card__image img {
	aspect-ratio: 1.42;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.js-project-card:hover .js-project-card__image img {
	transform: scale(1.025);
}

.js-project-card__meta {
	margin-block-end: var(--js-space-4);
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.js-project-card__title {
	margin-block-end: var(--js-space-4);
	font-size: var(--js-font-h3);
}

.js-project-card__text {
	margin-block-end: var(--js-space-6);
	color: var(--js-color-text-secondary);
}

/* Stone catalog */

.js-stone {
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.js-stone .js-eyebrow {
	color: var(--js-color-brand-20);
}

.js-stone .js-section-intro {
	color: rgb(255 255 255 / 68%);
}

.js-stone-grid,
.js-stone-grid > .e-con-inner {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--js-space-4);
}

.js-stone-card {
	display: flex !important;
	min-height: 29rem;
	grid-column: span 3;
	flex-direction: column;
	background: #2d302f;
	color: var(--js-color-white);
}

.js-stone-card--featured {
	background: var(--js-color-stone);
	color: var(--js-color-ink);
}

.js-stone-card__image {
	overflow: hidden;
}

.js-stone-card__image img {
	aspect-ratio: 0.92;
	object-fit: cover;
	filter: saturate(0.82);
	transition:
		filter var(--js-transition),
		transform var(--js-transition);
}

.js-stone-card:hover .js-stone-card__image img {
	filter: saturate(1);
	transform: scale(1.03);
}

.js-stone-card__body {
	display: flex !important;
	padding: var(--js-space-6);
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--js-space-6);
}

.js-stone-card__title {
	font-size: var(--js-font-h4);
}

.js-stone-card__meta {
	color: rgb(255 255 255 / 60%);
	font-size: var(--js-font-small);
}

.js-stone-card--featured .js-stone-card__meta {
	color: rgb(21 24 23 / 64%);
}

/* Process */

.js-process {
	background: var(--js-color-milk);
}

.js-process-list {
	border-top: 1px solid var(--js-color-border);
}

.js-process-item {
	display: grid !important;
	grid-template-columns: 5rem minmax(12rem, 0.8fr) minmax(18rem, 1fr);
	gap: var(--js-space-8);
	align-items: baseline;
	padding-block: clamp(1.35rem, 2.4vw, 2.25rem);
	border-bottom: 1px solid var(--js-color-border);
	transition: padding-inline var(--js-transition-fast);
}

.js-process-item:hover {
	padding-inline: var(--js-space-3);
}

.js-process-item__number {
	color: var(--js-color-brand-100);
	font-family: var(--js-font-heading);
	font-size: var(--js-font-small);
	letter-spacing: 0.12em;
}

.js-process-item__title {
	font-size: var(--js-font-h4);
}

.js-process-item__text {
	color: var(--js-color-text-secondary);
}

/* Production */

.js-production {
	padding-inline: 0;
	background: var(--js-color-ink);
	color: var(--js-color-white);
}

.js-production__shell {
	display: grid !important;
	max-width: var(--js-container-wide);
	margin-inline: auto;
	grid-template-columns: minmax(0, 1.15fr) minmax(22rem, 0.85fr);
}

.js-production__media,
.js-production__media .elementor-widget-container,
.js-production__media img {
	height: 100%;
	min-height: clamp(34rem, 58vw, 58rem);
}

.js-production__media img {
	object-fit: cover;
}

.js-production__content {
	display: flex !important;
	padding: clamp(3rem, 7vw, 7.5rem);
	flex-direction: column;
	justify-content: center;
}

.js-production__content .js-eyebrow {
	color: var(--js-color-brand-20);
}

.js-production__title {
	margin-block-end: var(--js-space-8);
	font-size: var(--js-font-h2);
}

.js-production__text {
	max-width: 35rem;
	margin-block-end: var(--js-space-12);
	color: rgb(255 255 255 / 66%);
	font-size: var(--js-font-lead);
}

.js-production-tech {
	margin-block-end: var(--js-space-12);
	border-top: 1px solid rgb(255 255 255 / 22%);
}

.js-production-tech__item {
	padding-block: var(--js-space-4);
	border-bottom: 1px solid rgb(255 255 255 / 22%);
	font-family: var(--js-font-heading);
	font-size: var(--js-font-h4);
}

/* Why */

.js-why {
	background: var(--js-color-white);
}

.js-why__layout {
	display: grid !important;
	grid-template-columns: minmax(20rem, 0.8fr) minmax(0, 1.2fr);
	gap: clamp(3rem, 8vw, 9rem);
	align-items: start;
}

.js-why__image {
	position: sticky;
	top: 7rem;
}

.js-why__image img {
	aspect-ratio: 0.9;
	object-fit: cover;
}

.js-why-list {
	border-top: 1px solid var(--js-color-border);
}

.js-why-item {
	display: grid !important;
	grid-template-columns: 3rem 1fr;
	gap: var(--js-space-6);
	padding-block: var(--js-space-6);
	border-bottom: 1px solid var(--js-color-border);
}

.js-why-item__mark {
	color: var(--js-color-brand-100);
	font-family: var(--js-font-heading);
}

.js-why-item__title {
	margin-block-end: var(--js-space-3);
	font-size: var(--js-font-h4);
}

.js-why-item__text {
	color: var(--js-color-text-secondary);
}

/* CTA */

.js-cta {
	isolation: isolate;
	padding-block: clamp(5rem, 11vw, 11rem);
	overflow: hidden;
	background-color: var(--js-color-brand-10) !important;
	background-image:
		linear-gradient(135deg, var(--js-color-brand-10) 0%, var(--js-color-brand-20) 100%) !important;
	color: var(--js-color-graphite);
}

.js-cta::before,
.js-cta::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
}

.js-cta::before {
	inset: 0 0 auto auto;
	width: min(42rem, 54vw);
	aspect-ratio: 1;
	opacity: 0.38;
	background:
		linear-gradient(135deg, transparent 49.7%, rgb(111 107 109 / 18%) 50%, transparent 50.3%),
		linear-gradient(45deg, transparent 49.7%, rgb(111 107 109 / 12%) 50%, transparent 50.3%);
	transform: translate(18%, -38%) rotate(7deg);
}

.js-cta::after {
	inset: var(--js-space-16) var(--js-gutter);
	border-block: 1px solid rgb(111 107 109 / 18%);
}

.js-cta__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.55fr);
	gap: clamp(3rem, 8vw, 8rem);
	align-items: end;
}

.js-cta__title {
	max-width: 14ch;
	margin-block-end: var(--js-space-12);
	font-size: var(--js-font-h2);
}

.js-cta__text {
	max-width: 43rem;
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-lead);
}

.js-cta__actions {
	display: flex !important;
	flex-direction: column;
	gap: var(--js-space-4);
	align-items: stretch;
}

.js-cta .js-button--light .elementor-button {
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.js-cta .js-button--light .elementor-button:hover,
.js-cta .js-button--light .elementor-button:focus-visible {
	background: var(--js-color-brand-100);
	color: var(--js-color-white);
}

/* News */

.js-news {
	padding-block: clamp(4.5rem, 7vw, 7rem);
	background: var(--js-color-milk);
}

.js-news .js-section-head {
	margin-block-end: var(--js-space-12);
}

.js-news-grid .elementor-posts-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--js-space-6);
}

.js-news-grid .elementor-post {
	display: flex;
	border: 0;
	background: var(--js-color-white);
	flex-direction: column;
}

.js-news-grid .elementor-post__thumbnail {
	padding-bottom: 64%;
}

.js-news-grid .elementor-post__text {
	padding: var(--js-space-8);
}

.js-news-grid .elementor-post__meta-data {
	margin-block-end: var(--js-space-3);
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.js-news-grid .elementor-post__title {
	font-family: var(--js-font-heading);
	font-size: var(--js-font-h4);
	font-weight: 550;
	line-height: 1.15;
}

.js-news-grid .elementor-post__title a {
	color: var(--js-color-graphite);
}

.js-news-grid .elementor-post__title a:hover,
.js-news-grid .elementor-post__title a:focus-visible {
	color: var(--js-color-brand-100);
}

.js-news-grid .elementor-post__read-more {
	color: var(--js-color-brand-100);
	font-size: var(--js-font-small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Stage 5.4 global ArcHub Footer. */

.js-site-footer {
	position: relative;
	padding: clamp(5rem, 8vw, 8rem) var(--js-gutter) var(--js-space-8);
	overflow: hidden;
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.js-site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.22;
	background:
		linear-gradient(135deg, transparent 49.8%, rgb(255 255 255 / 7%) 50%, transparent 50.2%) 0 0 / 12rem 12rem,
		linear-gradient(45deg, transparent 49.8%, rgb(255 255 255 / 5%) 50%, transparent 50.2%) 0 0 / 12rem 12rem;
}

.js-site-footer__inner {
	position: relative;
	z-index: 1;
}

.js-site-footer__top {
	display: grid !important;
	grid-template-columns: minmax(17rem, 1.1fr) minmax(20rem, 1.2fr) minmax(17rem, 0.8fr);
	gap: clamp(3rem, 7vw, 7rem);
	padding-block-end: clamp(4rem, 7vw, 7rem);
}

.js-site-footer__logo {
	width: clamp(8.5rem, 11vw, 10rem);
	margin-block-end: var(--js-space-12);
}

.js-site-footer__logo img {
	height: auto;
}

.js-site-footer__positioning {
	max-width: 28rem;
	color: rgb(255 255 255 / 68%);
	font-size: var(--js-font-lead);
}

.js-site-footer__heading {
	margin-block-end: var(--js-space-8);
	color: var(--js-color-brand-60);
	font-family: var(--js-font-body);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.js-site-footer__nav-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--js-space-6);
}

.js-site-footer__links p {
	margin-block-end: var(--js-space-4);
}

.js-site-footer__links a,
.js-site-footer__email a,
.js-site-footer__bottom a {
	color: inherit;
	text-decoration: none;
	transition: color var(--js-transition-fast);
}

.js-site-footer__links a:hover,
.js-site-footer__links a:focus-visible,
.js-site-footer__email a:hover,
.js-site-footer__email a:focus-visible,
.js-site-footer__bottom a:hover,
.js-site-footer__bottom a:focus-visible {
	color: var(--js-color-brand-60);
}

.js-site-footer__email {
	margin-block-end: var(--js-space-6);
	font-family: var(--js-font-heading);
	font-size: clamp(1.25rem, 1.8vw, 1.75rem);
}

.js-site-footer__address {
	max-width: 24rem;
	color: rgb(255 255 255 / 66%);
}

.js-site-footer__bottom {
	display: flex !important;
	justify-content: space-between;
	gap: var(--js-space-6);
	padding-block-start: var(--js-space-8);
	border-top: 1px solid rgb(255 255 255 / 18%);
	color: rgb(255 255 255 / 54%);
	font-size: var(--js-font-small);
}

/* Form language for the future form stage. */

.jet-stone-home :where(input:not([type="submit"]), textarea, select) {
	min-height: 3.5rem;
	padding: 0.9rem 0;
	border: 0;
	border-bottom: 1px solid var(--js-color-border);
	border-radius: 0;
	background: transparent;
	color: var(--js-color-text);
	font: inherit;
}

.jet-stone-home :where(input:not([type="submit"]), textarea, select):focus {
	border-color: var(--js-color-brand-100);
	outline: 2px solid transparent;
}

/* Stage 5.2: page-local vertical rhythm corrections. */

.jet-stone-home .js-section:not(.js-production, .js-cta, .js-news) {
	padding-block: clamp(6rem, 8vw, 8rem);
}

.jet-stone-home .js-section-head {
	margin-block-end: var(--js-space-16);
}

.jet-stone-home .js-direction-card {
	padding: clamp(2.25rem, 3vw, 3rem);
}

.jet-stone-home .js-direction-card__text,
.jet-stone-home .js-project-card__text {
	line-height: 1.5;
}

.jet-stone-home .js-project-grid,
.jet-stone-home .js-project-grid > .e-con-inner {
	row-gap: 2.5rem;
}

.jet-stone-home .js-project-card:nth-child(2),
.jet-stone-home .js-project-card:nth-child(4) {
	margin-block-start: var(--js-space-12);
}

/* Stage 5.3: align the global ArcHub Header to one 1024px breakpoint. */

@media (min-width: 1024px) {
	#header > .elementor > .elementor-section.elementor-top-section:not(.lqd-show-onstuck) {
		display: block;
	}

	#header > .elementor > .lqd-show-onstuck {
		display: flex;
	}

	#header > .lqd-mobile-sec {
		display: none;
	}
}

@media (max-width: 1023px) {
	#header > .elementor {
		display: none;
	}

	#header > .lqd-mobile-sec {
		display: block;
	}
}

/* Responsive */

@media (max-width: 1024px) {
	.js-site-footer__links a,
	.js-site-footer__email a {
		display: inline-flex;
		align-items: center;
		min-height: 2.75rem;
	}
}

@media (max-width: 1279px) {
	.js-home-hero {
		min-height: 48rem;
	}

	.js-direction-card {
		grid-column: span 6 !important;
	}

	.js-stone-card {
		grid-column: span 6;
	}

	.js-production__shell {
		grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.8fr);
	}
}

@media (max-width: 1023px) {
	:root {
		--js-gutter: clamp(1.5rem, 5vw, 3rem);
		--js-section-space: clamp(4.5rem, 10vw, 7rem);
	}

	.js-section-head {
		grid-template-columns: 1fr;
	}

	.jet-stone-home .js-section:not(.js-production, .js-cta, .js-news) {
		padding-block: 5rem;
	}

	.jet-stone-home .js-section-head {
		row-gap: 1.75rem;
		margin-block-end: 3.5rem;
	}

	.js-section-head__aside {
		justify-self: start;
	}

	.js-home-hero {
		min-height: 45rem;
	}

	.js-home-hero__footer {
		grid-template-columns: repeat(3, 1fr);
	}

	.js-home-hero__scroll {
		display: none;
	}

	.jet-stone-home .js-project-card:nth-child(even) {
		margin-block-start: 0;
	}

	.jet-stone-home .js-project-grid,
	.jet-stone-home .js-project-grid > .e-con-inner {
		grid-template-columns: 1fr;
	}

	.jet-stone-home .js-project-card {
		grid-column: auto;
	}

	.js-process-item {
		grid-template-columns: 3.5rem minmax(12rem, 0.8fr) minmax(15rem, 1fr);
		gap: var(--js-space-4);
	}

	.js-production__shell {
		grid-template-columns: 1fr;
	}

	.js-production__media,
	.js-production__media .elementor-widget-container,
	.js-production__media img {
		min-height: 32rem;
	}

	.js-why__layout {
		grid-template-columns: minmax(16rem, 0.75fr) minmax(0, 1.25fr);
		gap: var(--js-space-12);
	}

	.js-site-footer__top {
		grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 1fr);
	}

	.js-site-footer__contacts {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	:root {
		--js-gutter: clamp(1.25rem, 6vw, 2rem);
		--js-section-space: clamp(4rem, 16vw, 6rem);
	}

	.js-home-hero {
		min-height: 46rem;
		padding-block-start: 6rem;
		background-position: 64% center;
	}

	.js-home-hero::before {
		background:
			linear-gradient(0deg, rgb(15 17 16 / 90%) 0%, rgb(15 17 16 / 46%) 76%),
			linear-gradient(90deg, rgb(15 17 16 / 42%) 0%, transparent 80%);
	}

	.js-home-hero__logo {
		margin-block-end: var(--js-space-16);
	}

	.js-home-hero__actions {
		align-items: stretch;
		flex-flow: column nowrap !important;
		flex-direction: column !important;
	}

	.js-home-hero__actions .elementor-widget-button,
	.js-home-hero__actions .elementor-button {
		width: 100%;
	}

	.js-home-hero__footer {
		grid-template-columns: 1fr;
		gap: var(--js-space-2);
	}

	.jet-stone-home .js-section:not(.js-production, .js-cta, .js-news) {
		padding-block: var(--js-space-16);
	}

	.jet-stone-home .js-section-head {
		row-gap: 1.5rem;
		margin-block-end: var(--js-space-12);
	}

	.js-direction-grid,
	.js-direction-grid > .e-con-inner,
	.js-project-grid,
	.js-project-grid > .e-con-inner,
	.js-stone-grid,
	.js-stone-grid > .e-con-inner {
		grid-template-columns: 1fr;
	}

	.js-direction-card,
	.js-stone-card,
	.js-project-card {
		grid-column: auto !important;
	}

	.js-direction-card {
		min-height: 27rem;
	}

	.jet-stone-home .js-project-card:nth-child(even) {
		margin-block-start: 0;
	}

	.jet-stone-home .js-project-grid,
	.jet-stone-home .js-project-grid > .e-con-inner {
		row-gap: var(--js-space-8);
	}

	.js-stone-card {
		min-height: 0;
	}

	.js-stone-card__image img {
		aspect-ratio: 1.15;
	}

	.js-process-item {
		grid-template-columns: 2.5rem 1fr;
		row-gap: var(--js-space-4);
	}

	.js-process-item__text {
		grid-column: 2;
	}

	.js-production__media,
	.js-production__media .elementor-widget-container,
	.js-production__media img {
		min-height: 25rem;
	}

	.js-production__content {
		padding: var(--js-section-space) var(--js-gutter);
	}

	.js-why__layout {
		grid-template-columns: 1fr;
	}

	.js-why__image {
		position: static;
	}

	.js-why__image img {
		aspect-ratio: 1.2;
	}

	.js-cta__inner {
		grid-template-columns: 1fr;
	}

	.jet-stone-home .js-cta__inner {
		row-gap: 2.25rem;
	}

	.js-news-grid .elementor-posts-container {
		grid-template-columns: 1fr;
	}

	.js-site-footer__top {
		grid-template-columns: 1fr;
		gap: var(--js-space-12);
	}

	.js-site-footer__contacts {
		grid-column: auto;
	}

	.js-site-footer__bottom {
		flex-direction: column;
	}
}

@media (max-width: 430px) {
	.jet-stone-home .js-home-hero__title {
		font-size: clamp(2.375rem, 12vw, 2.875rem);
	}
}

@media (max-width: 389px) {
	:root {
		--js-gutter: 1rem;
	}

	.js-home-hero {
		min-height: 44rem;
		padding-block-end: 2rem;
	}

	.js-direction-card {
		min-height: 23rem;
	}

	.js-button .elementor-button {
		min-height: 3.25rem;
		padding-inline: 1.25rem;
	}

	.js-why-item {
		grid-template-columns: 2rem 1fr;
		gap: var(--js-space-3);
	}

	.js-site-footer__nav-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jet-stone-home *,
	.jet-stone-home *::before,
	.jet-stone-home *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Stage 11: centralized contacts, forms, legal pages, navigation and 404. */
.jet-stone-contact-page,
.jet-stone-legal-page,
.jet-stone-404 {
	--js11-line: rgb(34 37 36 / 14%);
	--js11-muted: #666967;
	color: #222524;
	background: #f7f5f0;
}

.jet-stone-contact-page .elementor-widget-shortcode,
.jet-stone-contact-page .elementor-shortcode {
	width: 100%;
}

.jet-stone-contact-value {
	font-size: clamp(1.125rem, 1.5vw, 1.375rem);
	line-height: 1.55;
	color: #222524;
}

.jet-stone-contact-value a {
	color: inherit;
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.jet-stone-contact-value a:hover,
.jet-stone-contact-value a:focus-visible {
	color: #6f6b6d;
	text-decoration: underline;
}

.jet-stone-contact-map {
	min-height: 22rem;
	display: flex;
	align-items: end;
	padding: clamp(2rem, 5vw, 4.5rem);
	border: 1px solid var(--js11-line);
	background:
		linear-gradient(135deg, rgb(34 37 36 / 88%), rgb(34 37 36 / 62%)),
		repeating-linear-gradient(45deg, rgb(255 255 255 / 5%) 0 1px, transparent 1px 18px);
	color: #fff;
}

.jet-stone-contact-map a {
	color: #fff;
	border-color: rgb(255 255 255 / 58%);
}

.jet-stone-form-shell {
	padding: clamp(1.5rem, 4vw, 3.5rem);
	border: 1px solid var(--js11-line);
	background: #fff;
}

.jet-stone-form-shell .mf-form-wrapper {
	color: #222524;
}

.jet-stone-form-shell .mf-input-wrapper {
	margin-block-end: 1.25rem;
}

.jet-stone-form-shell .mf-input-label {
	display: block;
	margin-block-end: 0.5rem;
	color: #222524;
	font-size: 0.9375rem;
	font-weight: 650;
	line-height: 1.4;
}

.jet-stone-form-shell .mf-input,
.jet-stone-form-shell textarea.mf-input,
.jet-stone-form-shell select.mf-input,
.jet-stone-form-shell .mf-input-file-upload-label {
	min-height: 3.25rem;
	width: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid #a8aaa8;
	border-radius: 0;
	background: #fbfaf7;
	color: #222524;
	font: inherit;
	line-height: 1.45;
}

.jet-stone-form-shell textarea.mf-input {
	min-height: 9rem;
	resize: vertical;
}

.jet-stone-form-shell .mf-input:focus,
.jet-stone-form-shell .mf-input-file-upload-label:focus-within {
	outline: 2px solid #6f6b6d;
	outline-offset: 3px;
	border-color: #6f6b6d;
	box-shadow: none;
}

.jet-stone-form-shell .mf-error-message {
	display: block;
	margin-block-start: 0.4rem;
	color: #8c2f2b;
	font-size: 0.875rem;
	line-height: 1.45;
}

.jet-stone-form-shell .mf-checkbox-option label {
	display: grid;
	grid-template-columns: 1.25rem 1fr;
	gap: 0.7rem;
	align-items: start;
	color: #454846;
	line-height: 1.55;
}

.jet-stone-form-shell .mf-checkbox-option input {
	width: 1.15rem;
	height: 1.15rem;
	margin-block-start: 0.2rem;
}

.jet-stone-form-shell .mf-checkbox-option a {
	color: #222524;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.jet-stone-form-shell .metform-btn {
	min-height: 3.25rem;
	padding: 0.85rem 1.5rem;
	border: 1px solid #222524;
	border-radius: 0;
	background: #222524;
	color: #fff;
	font-weight: 650;
	letter-spacing: 0.02em;
}

.jet-stone-form-shell .metform-btn:hover,
.jet-stone-form-shell .metform-btn:focus-visible {
	background: #6f6b6d;
	border-color: #6f6b6d;
}

.jet-stone-form-shell .mf-response-msg {
	margin-block-start: 1rem;
	padding: 1rem;
	border: 1px solid #6f6b6d;
	background: #f7f5f0;
	color: #222524;
}

.jet-stone-form-shell .jet-stone-form-security-field {
	position: absolute !important;
	inline-size: 1px !important;
	block-size: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.jet-stone-menu-cta > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding-inline: 1rem !important;
	border: 1px solid currentcolor;
}

.jet-stone-cookie {
	position: fixed;
	inset-inline: clamp(1rem, 3vw, 2.5rem);
	inset-block-end: clamp(1rem, 3vw, 2.5rem);
	z-index: 10020;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1.5rem;
	align-items: center;
	max-width: 72rem;
	margin-inline: auto;
	padding: 1.25rem 1.5rem;
	border: 1px solid rgb(255 255 255 / 20%);
	background: #222524;
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 22%);
	color: #fff;
}

.jet-stone-cookie.lqd-gdpr-visible {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
}

.jet-stone-cookie[hidden] {
	display: none !important;
}

.jet-stone-cookie strong {
	display: block;
	margin-block-end: 0.25rem;
	font-size: 1rem;
}

.jet-stone-cookie p {
	margin: 0;
	color: rgb(255 255 255 / 78%);
	font-size: 0.875rem;
	line-height: 1.55;
}

.jet-stone-cookie a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.jet-stone-cookie__actions {
	display: flex;
	gap: 0.75rem;
}

.jet-stone-cookie button {
	min-height: 2.75rem;
	padding: 0.65rem 1rem;
	border: 1px solid rgb(255 255 255 / 62%);
	border-radius: 0;
	background: transparent;
	color: #fff;
}

.jet-stone-cookie__accept {
	background: #fff !important;
	color: #222524 !important;
}

.jet-stone-404 {
	min-height: 72vh;
	padding: clamp(8rem, 12vw, 13rem) clamp(1.25rem, 5vw, 4.5rem) clamp(5rem, 9vw, 9rem);
}

.jet-stone-404__inner {
	width: min(100%, 75rem);
	margin-inline: auto;
}

.jet-stone-404__eyebrow {
	margin-block-end: 1.25rem;
	color: #6f6b6d;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.jet-stone-404 h1 {
	max-width: 12ch;
	margin-block-end: 1.5rem;
	font-size: clamp(3rem, 8vw, 7.5rem);
	line-height: 0.98;
}

.jet-stone-404__lead {
	max-width: 42rem;
	color: var(--js11-muted);
	font-size: clamp(1.125rem, 2vw, 1.4rem);
	line-height: 1.6;
}

.jet-stone-404__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	align-items: center;
	margin-block: 2.5rem 4rem;
}

.jet-stone-404__links a {
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
	color: #222524;
}

.jet-stone-404__search {
	max-width: 42rem;
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--js11-line);
}

@media (max-width: 767px) {
	.jet-stone-cookie {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.jet-stone-cookie__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.jet-stone-cookie button {
		width: 100%;
	}

	.jet-stone-404__links {
		align-items: stretch;
		flex-direction: column;
	}

	.jet-stone-404__links a {
		width: 100%;
	}
}

/* Stage 10.3 — centralized Elementor components for service families. */

.jet-stone-stage103-page .elementor-widget-jet-stone-hero,
.jet-stone-stage103-page .elementor-widget-jet-stone-gallery,
.jet-stone-stage103-page .elementor-widget-jet-stone-steps,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-projects,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-materials,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-services {
	width: 100%;
}

/*
 * ArcHub's curtain waits for JavaScript before revealing the page. Service
 * content must remain visible when JavaScript is slow or unavailable.
 */
.jet-stone-stage103-page .lqd-preloader-wrap {
	display: none !important;
}

.jet-stone-stage103-page.lqd-page-not-loaded {
	overflow: auto;
}

.jet-stone-stage103-page.lqd-page-not-loaded :where(#wrap, .lqd-site-content, .lqd-page-content-wrap) {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
}

.jet-stone-stage103-page .elementor-widget-jet-stone-hero > .elementor-widget-container,
.jet-stone-stage103-page .elementor-widget-jet-stone-gallery > .elementor-widget-container,
.jet-stone-stage103-page .elementor-widget-jet-stone-steps > .elementor-widget-container,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-projects > .elementor-widget-container,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-materials > .elementor-widget-container,
.jet-stone-stage103-page .elementor-widget-jet-stone-related-services > .elementor-widget-container {
	width: 100%;
}

.js-s103-hero--text-compact .js-s102-hero__title,
.js-s103-hero--text-compact .js-s102-hero__lead {
	max-width: 38rem;
}

.js-s103-hero--text-wide .js-s102-hero__title,
.js-s103-hero--text-wide .js-s102-hero__lead {
	max-width: 58rem;
}

.js-s103-hero--align-center .js-s102-hero__inner {
	align-items: center;
	text-align: center;
}

.js-s103-hero .js-s102-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	color: rgb(244 241 234 / 76%);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.js-s103-hero .js-s102-breadcrumbs a {
	color: inherit;
	text-decoration-color: transparent;
	text-underline-offset: 0.25em;
}

.js-s103-gallery {
	display: grid;
	grid-template-columns: repeat(var(--js-s103-columns, 3), minmax(0, 1fr));
	gap: clamp(0.75rem, 1.3vw, 1.25rem);
}

.js-s103-gallery__item {
	position: relative;
	margin: 0;
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 4 / 3;
}

.js-s103-gallery--wide .js-s103-gallery__item {
	aspect-ratio: 16 / 10;
}

.js-s103-gallery--square .js-s103-gallery__item {
	aspect-ratio: 1;
}

.js-s103-gallery--main-large .js-s103-gallery__item:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.js-s103-gallery__item a,
.js-s103-gallery__image {
	display: block;
	width: 100%;
	height: 100%;
}

.js-s103-gallery__image {
	object-fit: cover;
	transition: transform 600ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.js-s103-gallery__item:hover .js-s103-gallery__image,
.js-s103-gallery__item:focus-within .js-s103-gallery__image {
	transform: scale(1.035);
}

.js-s103-gallery__item figcaption {
	position: absolute;
	inset: auto 0 0;
	padding: 0.8rem 1rem;
	background: linear-gradient(transparent, rgb(15 17 16 / 78%));
	color: var(--js-color-white);
	font-size: 0.8125rem;
}

.js-s103-steps .js-s102-card-grid--process {
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	border-color: var(--js-color-border);
	background: var(--js-color-border);
}

.js-s103-steps .js-s102-card {
	min-height: 16rem;
}

.js-s103-related__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.js-s102-project:hover .js-s103-related__image,
.js-s102-product:hover .js-s103-related__image {
	transform: scale(1.035);
}

.js-s103-text-link {
	display: inline-block;
	width: fit-content;
	margin-block: auto 1.75rem;
	padding-block-end: 0.4rem;
	border-bottom: 1px solid currentcolor;
	color: var(--js-color-text);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.09em;
	line-height: 1.3;
	text-decoration: none;
	text-transform: uppercase;
}

.js-s102-project > .js-s103-text-link,
.js-s102-product > .js-s103-text-link {
	margin-inline: 1.5rem;
}

.js-s102-project__title + .js-s103-text-link {
	margin-inline: 0;
}

.js-s103-service-grid .js-s102-project {
	min-height: 18rem;
	padding: clamp(1.75rem, 2.5vw, 2.75rem);
	border: 1px solid var(--js-color-border);
	background: var(--js-color-white);
}

@media (max-width: 767px) {
	.js-s103-gallery {
		grid-template-columns: 1fr;
	}

	.js-s103-gallery--main-large .js-s103-gallery__item:first-child {
		grid-column: auto;
		grid-row: auto;
	}

	.js-s103-gallery__item {
		aspect-ratio: 4 / 3;
	}
}

@media (prefers-reduced-motion: reduce) {
	.js-s103-gallery__image,
	.js-s103-related__image {
		transition: none;
	}
}

.jet-stone-info {
	background: #f4f1ea;
	color: #222524;
}

.jet-stone-info__shell {
	width: min(calc(100% - (2 * clamp(1.25rem, 4vw, 4.5rem))), 90rem);
	margin-inline: auto;
}

.jet-stone-info__hero {
	padding-block: clamp(8rem, 13vw, 13rem) clamp(4.5rem, 8vw, 8rem);
	background: #222524;
	color: #f4f1ea;
}

.jet-stone-info__eyebrow {
	margin: 0 0 1.25rem;
	color: #b7a38a;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.jet-stone-info__hero h1 {
	max-width: 10ch;
	margin: 0;
	color: inherit;
	font-size: clamp(4rem, 10vw, 9rem);
	line-height: 0.98;
}

.jet-stone-info__lead {
	max-width: 42rem;
	margin: 2rem 0 0;
	color: rgb(244 241 234 / 74%);
	font-size: clamp(1.05rem, 1rem + 0.35vw, 1.35rem);
	line-height: 1.6;
}

.jet-stone-info__body {
	padding-block: clamp(4.5rem, 8vw, 8rem);
}

.jet-stone-info__content {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(18rem, 1.25fr);
	gap: clamp(2.5rem, 6vw, 7rem);
}

.jet-stone-info__content > p,
.jet-stone-info__content > h2 {
	margin: 0;
}

.jet-stone-info__content > p {
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem);
	line-height: 1.72;
}

.jet-stone-info__content > h2 {
	font-size: clamp(2rem, 3vw, 3.5rem);
	line-height: 1.1;
}

.jet-stone-info__content > ul {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	padding: 1px;
	background: #d8d2c8;
	list-style: none;
}

.jet-stone-info__content > ul li {
	margin: 0;
	background: #fff;
}

.jet-stone-info__content > ul a {
	display: block;
	min-height: 100%;
	padding: 1.5rem;
	color: inherit;
	text-decoration: none;
}

.jet-stone-info__content > ul a:hover {
	background: #e7e6e6;
}

@media (max-width: 767px) {
	.jet-stone-info__hero h1 {
		font-size: clamp(3.4rem, 18vw, 5.5rem);
		line-height: 1.04;
	}

	.jet-stone-info__content,
	.jet-stone-info__content > ul {
		grid-template-columns: 1fr;
	}
}

/*
 * ArcHub's optimized portfolio bundle does not clip the initialized Flickity
 * viewport on the published homepage demo carousels. Scope the canonical
 * Flickity clipping rule to that exact page.
 */
body.page-id-9 .flickity-viewport {
	overflow: hidden;
}

body.page-id-9 #projects.elementor-element-d10b566 {
	overflow: hidden;
}

body.page-id-9 .elementor-element-3ed7350.elementor-widget-ld_slideshow .lqd-slsh {
	overflow: hidden;
}

body.page-id-9 .elementor-element-3ed7350.elementor-widget-ld_slideshow .carousel-nav {
	right: 0;
	left: 0;
}

/*
 * Stage 7.1 project archive and single.
 */
.module-logo .navbar-brand-inner img[src*="jet-stone-logo"] {
	width: clamp(7rem, 9vw, 8.9375rem);
	height: auto;
}

body.post-type-archive-liquid-portfolio #lqd-contents-wrap,
body.tax-liquid-portfolio-category #lqd-contents-wrap,
body.single-liquid-portfolio #lqd-contents-wrap {
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

.jet-stone-portfolio {
	overflow: clip;
	background: var(--js-color-milk);
	color: var(--js-color-text);
	font-family: var(--js-font-body);
	font-size: var(--js-font-body-size);
	line-height: 1.65;
}

.jet-stone-portfolio,
.jet-stone-portfolio * {
	box-sizing: border-box;
}

.jet-stone-portfolio :where(h1, h2, h3, p, figure, dl, dd) {
	margin-block-start: 0;
}

.jet-stone-portfolio :where(h1, h2, h3) {
	color: inherit;
	font-family: var(--js-font-heading);
	font-weight: 550;
	letter-spacing: -0.045em;
	line-height: 1;
	text-wrap: balance;
}

.jet-stone-portfolio a {
	color: inherit;
}

.jet-stone-portfolio img {
	display: block;
	max-width: 100%;
}

.jet-stone-portfolio__shell {
	width: min(100% - (2 * var(--js-gutter)), var(--js-container));
	margin-inline: auto;
}

.jet-stone-portfolio__hero {
	padding-block: clamp(5rem, 8vw, 8rem) clamp(4rem, 7vw, 7rem);
	background:
		linear-gradient(120deg, rgb(255 255 255 / 76%), transparent 58%),
		var(--js-color-brand-10);
	border-bottom: 1px solid var(--js-color-brand-20);
}

.jet-stone-portfolio__eyebrow {
	margin-block-end: var(--js-space-6);
	color: var(--js-color-brand-100);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.jet-stone-portfolio__hero h1 {
	max-width: 15ch;
	margin-block-end: var(--js-space-8);
	font-size: clamp(3rem, 6vw, 6rem);
}

.jet-stone-portfolio__intro {
	max-width: 47rem;
	margin-block-end: 0;
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-lead);
}

.jet-stone-portfolio__body,
.jet-stone-portfolio-single__body {
	padding-block: var(--js-section-space);
}

.jet-stone-portfolio-filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--js-space-3);
	margin-block-end: clamp(3rem, 5vw, 5rem);
}

.jet-stone-portfolio-filters__link {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	padding-inline: 1.125rem;
	border: 1px solid var(--js-color-border);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	transition:
		border-color var(--js-transition-fast),
		background-color var(--js-transition-fast),
		color var(--js-transition-fast);
}

.jet-stone-portfolio-filters__link:hover,
.jet-stone-portfolio-filters__link:focus-visible,
.jet-stone-portfolio-filters__link.is-active {
	border-color: var(--js-color-graphite);
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.jet-stone-portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(2.5rem, 4vw, 4rem) clamp(1.5rem, 3vw, 3rem);
}

.jet-stone-project-card {
	min-width: 0;
	margin: 0;
}

.jet-stone-project-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	margin-block-end: var(--js-space-6);
	overflow: hidden;
	background: var(--js-color-brand-20);
}

.jet-stone-project-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.jet-stone-project-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(135deg, transparent 49.75%, rgb(111 107 109 / 20%) 50%, transparent 50.25%),
		var(--js-color-brand-20);
}

.jet-stone-project-card__media:hover .jet-stone-project-card__image,
.jet-stone-project-card__media:focus-visible .jet-stone-project-card__image {
	transform: scale(1.035);
}

.jet-stone-project-card__meta {
	margin-block-end: var(--js-space-3);
	color: var(--js-color-brand-100);
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.jet-stone-project-card__title {
	margin-block-end: var(--js-space-4);
	font-size: clamp(1.5rem, 2vw, 2.25rem);
}

.jet-stone-project-card__title a {
	text-decoration: none;
}

.jet-stone-project-card__summary {
	margin-block-end: var(--js-space-6);
	color: var(--js-color-text-secondary);
}

.jet-stone-project-card__link {
	display: inline-flex;
	gap: 0.7rem;
	align-items: center;
	padding-block: 0.4rem;
	border-bottom: 1px solid currentcolor;
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	transition: color var(--js-transition-fast);
}

.jet-stone-project-card__link::after {
	content: "↗";
	font-size: 1rem;
}

.jet-stone-project-card__link:hover,
.jet-stone-project-card__link:focus-visible {
	color: var(--js-color-brand-100);
}

.jet-stone-portfolio .navigation.pagination {
	margin-block-start: var(--js-space-16);
}

.jet-stone-portfolio .nav-links {
	display: flex;
	gap: var(--js-space-2);
	justify-content: center;
}

.jet-stone-portfolio .page-numbers {
	display: grid;
	min-width: 2.75rem;
	min-height: 2.75rem;
	place-items: center;
	border: 1px solid var(--js-color-border);
	text-decoration: none;
}

.jet-stone-portfolio .page-numbers.current,
.jet-stone-portfolio .page-numbers:hover,
.jet-stone-portfolio .page-numbers:focus-visible {
	border-color: var(--js-color-graphite);
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.jet-stone-portfolio__empty {
	margin: 0;
	padding: var(--js-space-16);
	border: 1px solid var(--js-color-border);
	text-align: center;
}

.jet-stone-portfolio-breadcrumbs {
	display: flex;
	gap: var(--js-space-3);
	align-items: center;
	margin-block-end: var(--js-space-12);
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
}

.jet-stone-portfolio-breadcrumbs a {
	text-underline-offset: 0.25em;
}

.jet-stone-portfolio-single__featured {
	margin-block-end: clamp(3rem, 6vw, 6rem);
}

.jet-stone-portfolio-single__featured-image {
	width: 100%;
	max-height: 52rem;
	object-fit: cover;
}

.jet-stone-portfolio-single__content-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(17rem, 0.7fr);
	gap: clamp(3rem, 7vw, 8rem);
	align-items: start;
}

.jet-stone-portfolio-single__content {
	max-width: 50rem;
	font-size: var(--js-font-lead);
}

.jet-stone-portfolio-single__content > *:last-child {
	margin-block-end: 0;
}

.jet-stone-portfolio-details {
	margin-block-end: 0;
	border-top: 1px solid var(--js-color-border);
}

.jet-stone-portfolio-details__row {
	display: grid;
	grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1fr);
	gap: var(--js-space-4);
	padding-block: var(--js-space-4);
	border-bottom: 1px solid var(--js-color-border);
}

.jet-stone-portfolio-details dt {
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
	font-weight: 500;
}

.jet-stone-portfolio-details dd {
	margin-block-end: 0;
	font-weight: 550;
}

.jet-stone-portfolio-gallery {
	margin-block-start: var(--js-section-space);
}

.jet-stone-portfolio-gallery h2 {
	margin-block-end: var(--js-space-12);
	font-size: var(--js-font-h3);
}

.jet-stone-portfolio-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--js-space-6);
}

.jet-stone-portfolio-gallery figure {
	margin-block-end: 0;
}

.jet-stone-portfolio-gallery img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.jet-stone-portfolio-navigation {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: var(--js-space-8);
	align-items: center;
	margin-block-start: var(--js-section-space);
	padding-block-start: var(--js-space-8);
	border-top: 1px solid var(--js-color-border);
}

.jet-stone-portfolio-navigation a {
	display: inline-flex;
	flex-direction: column;
	text-decoration: none;
}

.jet-stone-portfolio-navigation a span {
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
}

.jet-stone-portfolio-navigation a strong {
	font-weight: 550;
}

.jet-stone-portfolio-navigation__all {
	padding: 0.8rem 1rem;
	border-bottom: 1px solid currentcolor;
	font-size: var(--js-font-small);
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.jet-stone-portfolio-navigation__next {
	text-align: right;
}

@media (max-width: 1023px) {
	.jet-stone-portfolio-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jet-stone-portfolio-single__content-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.jet-stone-portfolio__hero {
		padding-block: var(--js-space-16);
	}

	.jet-stone-portfolio__hero h1 {
		font-size: clamp(2.5rem, 13vw, 4rem);
	}

	.jet-stone-portfolio-grid,
	.jet-stone-portfolio-gallery__grid {
		grid-template-columns: 1fr;
	}

	.jet-stone-portfolio-navigation {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.jet-stone-portfolio-navigation__all {
		order: -1;
		justify-self: start;
	}

	.jet-stone-portfolio-navigation__next {
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jet-stone-portfolio *,
	.jet-stone-portfolio *::before,
	.jet-stone-portfolio *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Stage 8: WooCommerce stone catalogue and FiboSearch */

.jet-stone-search__toggle {
	position: fixed;
	z-index: 10010;
	top: 1.15rem;
	right: clamp(1rem, 2.4vw, 2.5rem);
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 35%);
	border-radius: 50%;
	background: var(--js-color-graphite);
	color: var(--js-color-white);
	place-items: center;
	transition: background var(--js-transition-fast), border-color var(--js-transition-fast);
}

.admin-bar .jet-stone-search__toggle {
	top: 3.15rem;
}

.jet-stone-search__toggle:hover,
.jet-stone-search__toggle:focus-visible {
	border-color: var(--js-color-brand-100);
	background: var(--js-color-brand-100);
	color: var(--js-color-ink);
}

.jet-stone-search__toggle svg {
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-width: 1.7;
}

.jet-stone-search__panel {
	position: fixed;
	z-index: 10020;
	inset: 0;
}

.jet-stone-search__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(17 20 19 / 76%);
	backdrop-filter: blur(8px);
}

.jet-stone-search__dialog {
	position: relative;
	width: min(100% - 2rem, 64rem);
	margin: clamp(5rem, 12vh, 9rem) auto 0;
	padding: clamp(2rem, 5vw, 4.5rem);
	background: var(--js-color-milk);
	box-shadow: 0 2rem 6rem rgb(0 0 0 / 28%);
}

.jet-stone-search__close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--js-color-ink);
	font: 300 2rem/1 var(--js-font-body);
}

.jet-stone-search__title {
	max-width: 16ch;
	margin-block-end: var(--js-space-8);
	font-size: var(--js-font-h2);
}

.jet-stone-search-open {
	overflow: hidden;
}

.jet-stone-search .dgwt-wcas-search-wrapp {
	max-width: none;
}

.jet-stone-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
	padding: 0;
	background: transparent;
}

.jet-stone-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	height: 4rem;
	border: 0;
	border-bottom: 1px solid var(--js-color-ink);
	border-radius: 0;
	background: transparent;
	font-size: 1.1rem;
}

.jet-stone-search__all {
	display: inline-flex;
	min-height: 2.75rem;
	margin-block-start: var(--js-space-6);
	align-items: center;
	color: var(--js-color-ink);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

.jet-stone-search__all:focus-visible {
	outline: 2px solid var(--js-color-brand-100);
	outline-offset: 3px;
}

.dgwt-wcas-suggestions-wrapp {
	border: 1px solid var(--js-color-border) !important;
	box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 12%) !important;
}

.dgwt-wcas-suggestion {
	min-height: 4.5rem;
	padding: 0.75rem 1rem !important;
	border-bottom-color: var(--js-color-border) !important;
}

.dgwt-wcas-si img {
	border: 0 !important;
}

.dgwt-wcas-sp {
	display: none !important;
}

.dgwt-wcas-sd {
	color: var(--js-color-text-secondary) !important;
	font-size: 0.78rem !important;
}

.jet-stone-catalogue {
	min-height: 70vh;
	background: var(--js-color-milk);
	color: var(--js-color-ink);
}

.jet-stone-catalogue__hero {
	padding-block: clamp(7.5rem, 12vw, 12rem) clamp(3.5rem, 7vw, 6.5rem);
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.jet-stone-catalogue__hero h1 {
	max-width: 13ch;
	margin-block-end: var(--js-space-6);
	color: inherit;
	font-size: clamp(3rem, 7vw, 7rem);
	line-height: 0.92;
}

.jet-stone-catalogue__intro {
	max-width: 47rem;
	margin: 0;
	color: rgb(255 255 255 / 68%);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.jet-stone-catalogue__categories {
	display: flex;
	overflow-x: auto;
	padding-block: var(--js-space-6);
	border-bottom: 1px solid var(--js-color-border);
	gap: var(--js-space-3);
	scrollbar-width: thin;
}

.jet-stone-catalogue__categories a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	padding: 0.7rem 1rem;
	border: 1px solid var(--js-color-border);
	color: var(--js-color-ink);
	font-size: var(--js-font-small);
	gap: 0.55rem;
}

.jet-stone-catalogue__categories span {
	color: var(--js-color-text-secondary);
}

.jet-stone-catalogue__layout {
	display: grid;
	grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 5rem);
	padding-block: clamp(3.5rem, 7vw, 7rem);
}

.jet-stone-catalogue__filters {
	align-self: start;
}

.jet-stone-catalogue__filter-toggle {
	display: none;
}

.jet-stone-catalogue__filter-head,
.jet-stone-catalogue__filter-apply {
	display: none;
}

.jet-stone-catalogue__toolbar {
	display: flex;
	min-height: 3rem;
	align-items: flex-start;
	justify-content: space-between;
	margin-block-end: var(--js-space-8);
	gap: var(--js-space-5);
}

.jet-stone-catalogue__toolbar .woocommerce-ordering {
	flex: 0 0 auto;
	margin: 0;
	margin-inline-start: auto;
}

.jet-stone-catalogue__toolbar select {
	min-width: 11rem;
	padding: 0.65rem 2.25rem 0.65rem 0.8rem;
	border: 1px solid var(--js-color-border);
	border-radius: 0;
	background-color: transparent;
	color: var(--js-color-ink);
}

.jet-stone-catalogue .products {
	display: grid !important;
	margin: 0 !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 2rem);
}

.jet-stone-catalogue .products::before,
.jet-stone-catalogue .products::after {
	display: none !important;
}

.jet-stone-catalogue .products .jet-stone-product-card {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	border: 0;
	background: var(--js-color-white);
}

.jet-stone-product-card__link {
	display: flex;
	height: 100%;
	color: var(--js-color-ink);
	flex-direction: column;
}

.jet-stone-product-card__media {
	overflow: hidden;
	background: var(--js-color-stone);
}

.jet-stone-product-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 0.88;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.jet-stone-product-card:hover .jet-stone-product-card__media img {
	transform: scale(1.035);
}

.jet-stone-product-card__body {
	display: flex;
	min-height: 12.5rem;
	padding: clamp(1.2rem, 2vw, 1.75rem);
	flex: 1;
	flex-direction: column;
}

.jet-stone-product-card__meta {
	min-height: 2.4em;
	margin-block-end: var(--js-space-4);
	color: var(--js-color-text-secondary);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.jet-stone-product-card .woocommerce-loop-product__title {
	padding: 0 !important;
	font-size: clamp(1.25rem, 1.6vw, 1.7rem) !important;
	line-height: 1.05;
}

.jet-stone-product-card__action {
	display: inline-block;
	margin-block-start: auto;
	padding-block-start: var(--js-space-6);
	color: var(--js-color-brand-100);
	font-size: var(--js-font-small);
	font-weight: 600;
}

.jet-stone-catalogue__empty {
	padding: clamp(2rem, 6vw, 5rem);
	background: var(--js-color-white);
	text-align: center;
}

.jet-stone-catalogue__empty h2 {
	margin-block-end: var(--js-space-4);
}

.jet-stone-catalogue__empty p {
	margin-block-end: var(--js-space-7);
	color: var(--js-color-text-secondary);
}

.jet-stone-catalogue .wpc-filters-widget-wrapper {
	font-size: 0.92rem;
}

.jet-stone-catalogue .wpc-filter-title {
	margin-block: 0 0.8rem;
	font-size: 1rem;
}

.jet-stone-catalogue .wpc-filters-section {
	margin-block-end: var(--js-space-7);
	padding-block-end: var(--js-space-6);
	border-bottom: 1px solid var(--js-color-border);
}

.jet-stone-catalogue .wpc-term-item-content-wrapper a,
.jet-stone-catalogue .wpc-filter-label-wrapper {
	color: var(--js-color-ink);
}

.jet-stone-catalogue .wpc-filter-chips-list {
	margin: 0;
}

.jet-stone-product {
	background: var(--js-color-milk);
	color: var(--js-color-ink);
}

.jet-stone-product__breadcrumb {
	padding-block: clamp(6.5rem, 10vw, 9rem) var(--js-space-6);
	color: var(--js-color-text-secondary);
	font-size: var(--js-font-small);
}

.jet-stone-product__breadcrumb a {
	color: inherit;
}

.jet-stone-product__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	gap: clamp(2rem, 6vw, 7rem);
	padding-block-end: clamp(4rem, 8vw, 8rem);
}

.jet-stone-product__gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--js-space-3);
}

.jet-stone-product__gallery figure {
	margin: 0;
	background: var(--js-color-stone);
}

.jet-stone-product__gallery figure.is-featured {
	grid-column: 1 / -1;
}

.jet-stone-product__gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 1.05;
	object-fit: cover;
}

.jet-stone-product__gallery .is-featured img {
	aspect-ratio: 1.25;
}

.jet-stone-product__summary {
	position: sticky;
	top: 7rem;
	align-self: start;
	padding-block-start: var(--js-space-5);
}

.jet-stone-product__summary h1 {
	margin-block-end: var(--js-space-6);
	font-size: clamp(3.2rem, 6vw, 6.5rem);
	line-height: 0.92;
}

.jet-stone-product__origin {
	margin-block-end: var(--js-space-7);
	color: var(--js-color-brand-100);
	font-size: var(--js-font-small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.jet-stone-product__lead {
	max-width: 38rem;
	margin-block-end: var(--js-space-8);
	color: var(--js-color-text-secondary);
	font-size: clamp(1rem, 1.35vw, 1.18rem);
}

.jet-stone-product__details {
	padding-block: clamp(4rem, 8vw, 8rem);
	background: var(--js-color-white);
}

.jet-stone-product__section-head {
	display: grid;
	grid-template-columns: minmax(10rem, 0.4fr) minmax(0, 1fr);
	align-items: end;
	margin-block-end: clamp(2.5rem, 5vw, 5rem);
	gap: var(--js-space-8);
}

.jet-stone-product__section-head h2 {
	font-size: var(--js-font-h2);
}

.jet-stone-product__properties {
	display: grid;
	margin: 0;
	border-top: 1px solid var(--js-color-border);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jet-stone-product__properties div {
	display: grid;
	padding: 1.15rem 0;
	border-bottom: 1px solid var(--js-color-border);
	grid-template-columns: minmax(8rem, 0.65fr) minmax(0, 1fr);
	gap: var(--js-space-5);
}

.jet-stone-product__properties dt {
	color: var(--js-color-text-secondary);
}

.jet-stone-product__properties dd {
	margin: 0;
}

.jet-stone-product__technical {
	max-width: 52rem;
	margin-block-start: clamp(3rem, 6vw, 6rem);
}

.jet-stone-product__technical h2 {
	margin-block-end: var(--js-space-6);
	font-size: var(--js-font-h3);
}

.jet-stone-product__projects {
	padding-block: clamp(4rem, 8vw, 8rem);
}

.jet-stone-product__project-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--js-space-4);
}

.jet-stone-product__project-grid a {
	color: var(--js-color-ink);
}

.jet-stone-product__project-grid img {
	display: block;
	width: 100%;
	margin-block-end: var(--js-space-4);
	aspect-ratio: 1.25;
	object-fit: cover;
}

.jet-stone-product__project-grid h3 {
	font-size: var(--js-font-h4);
}

.jet-stone-product__cta {
	padding-block: clamp(4rem, 8vw, 8rem);
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.jet-stone-product__cta h2 {
	max-width: 18ch;
	margin-block-end: var(--js-space-5);
	color: inherit;
	font-size: var(--js-font-h2);
}

.jet-stone-product__cta p:not(.js-eyebrow) {
	max-width: 40rem;
	margin-block-end: var(--js-space-8);
	color: rgb(255 255 255 / 65%);
}

@media (max-width: 1279px) {
	.jet-stone-catalogue .products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.jet-stone-catalogue__layout {
		grid-template-columns: 1fr;
	}

	.jet-stone-catalogue__filter-toggle {
		display: inline-flex;
		width: max-content;
		align-items: center;
		padding: 0.8rem 1.15rem;
		border: 1px solid var(--js-color-ink);
		background: transparent;
		color: var(--js-color-ink);
	}

	.jet-stone-catalogue__filters {
		position: fixed;
		z-index: 100002;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		visibility: hidden;
		width: min(28rem, calc(100vw - 2rem));
		padding: var(--js-space-6);
		overflow-y: auto;
		background: var(--js-color-white);
		box-shadow: -1.5rem 0 4rem rgb(0 0 0 / 16%);
		transform: translateX(105%);
		transition:
			transform 220ms ease,
			visibility 220ms ease;
	}

	.jet-stone-catalogue__filters.is-open {
		visibility: visible;
		display: block;
		transform: translateX(0);
	}

	.jet-stone-filters-open {
		overflow: hidden;
	}

	.jet-stone-filters-open::before {
		position: fixed;
		z-index: 100001;
		inset: 0;
		background: rgb(15 18 17 / 58%);
		content: "";
	}

	.jet-stone-catalogue__filter-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-block-end: var(--js-space-6);
		border-block-end: 1px solid var(--js-color-border);
		margin-block-end: var(--js-space-6);
	}

	.jet-stone-catalogue__filter-head strong {
		font-size: var(--js-font-h3);
	}

	.jet-stone-catalogue__filter-head button {
		width: 2.75rem;
		height: 2.75rem;
		border: 1px solid var(--js-color-border);
		background: transparent;
		color: var(--js-color-ink);
		font-size: 1.5rem;
	}

	.jet-stone-catalogue__filter-apply {
		position: sticky;
		bottom: 0;
		display: flex;
		width: 100%;
		justify-content: center;
		padding: 0.9rem 1rem;
		border: 0;
		margin-block-start: var(--js-space-6);
		background: var(--js-color-brand-100);
		color: var(--js-color-white);
	}

	.jet-stone-catalogue .products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jet-stone-product__hero {
		grid-template-columns: 1fr;
	}

	.jet-stone-product__summary {
		position: static;
		order: -1;
	}

	.jet-stone-product__project-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.admin-bar .jet-stone-search__toggle {
		top: 4.15rem;
	}

	.jet-stone-search__toggle {
		top: 0.75rem;
		right: 4.75rem;
	}

	.jet-stone-search__dialog {
		width: calc(100% - 1rem);
		margin-block-start: 0.5rem;
		padding: 4rem 1.25rem 1.5rem;
	}

	.jet-stone-product__section-head {
		grid-template-columns: 1fr;
		gap: var(--js-space-4);
	}

	.jet-stone-product__properties {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.jet-stone-catalogue__hero {
		padding-block-start: 7rem;
	}

	.jet-stone-catalogue__hero h1 {
		font-size: clamp(2.8rem, 15vw, 4.2rem);
	}

	.jet-stone-catalogue__toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.jet-stone-catalogue__toolbar .woocommerce-ordering,
	.jet-stone-catalogue__toolbar select {
		width: 100%;
	}

	.jet-stone-catalogue .products {
		grid-template-columns: 1fr;
	}

	.jet-stone-product__breadcrumb {
		padding-block-start: 6rem;
	}

	.jet-stone-product__gallery {
		grid-template-columns: 1fr;
	}

	.jet-stone-product__gallery figure.is-featured {
		grid-column: auto;
	}

	.jet-stone-product__summary h1 {
		font-size: clamp(3rem, 18vw, 4.5rem);
	}

	.jet-stone-product__properties div {
		grid-template-columns: 1fr;
		gap: var(--js-space-2);
	}

	.jet-stone-product__project-grid {
		grid-template-columns: 1fr;
	}
}

/* Stage 8.1: catalogue width, brand palette and global chrome. */

body.jet-stone-catalogue-route #lqd-contents-wrap.container {
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

body.jet-stone-catalogue-route #primary {
	width: 100%;
	max-width: none;
}

.jet-stone-catalogue,
.jet-stone-product {
	--js-catalog-gutter: clamp(1.5rem, 4vw, 4.5rem);
}

.jet-stone-catalogue .js-shell,
.jet-stone-product .js-shell {
	width: min(calc(100% - (2 * var(--js-catalog-gutter))), var(--js-container));
}

.elementor-kit-25 .jet-stone-catalogue a,
.elementor-kit-25 .jet-stone-product a {
	color: var(--js-color-graphite);
}

.elementor-kit-25 .jet-stone-catalogue a:hover,
.elementor-kit-25 .jet-stone-catalogue a:focus-visible,
.elementor-kit-25 .jet-stone-product a:hover,
.elementor-kit-25 .jet-stone-product a:focus-visible {
	color: var(--js-color-brand-100);
}

a.js-button {
	display: inline-flex;
	min-height: 3.5rem;
	align-items: center;
	justify-content: center;
	width: max-content;
	padding: 1.125rem 1.75rem;
	border: 1px solid var(--js-color-graphite);
	border-radius: var(--js-radius-xs);
	background: var(--js-color-graphite);
	color: var(--js-color-white) !important;
	font-family: var(--js-font-body);
	font-size: var(--js-font-button);
	font-weight: 650;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	transition:
		background-color var(--js-transition-fast),
		border-color var(--js-transition-fast),
		color var(--js-transition-fast),
		transform var(--js-transition-fast);
}

a.js-button:hover,
a.js-button:focus-visible {
	border-color: var(--js-color-brand-100);
	background: var(--js-color-brand-100);
	color: var(--js-color-white) !important;
	transform: translateY(-2px);
}

a.js-button:focus-visible {
	outline: 2px solid var(--js-color-graphite);
	outline-offset: 3px;
}

a.js-button--light {
	border-color: var(--js-color-white);
	background: var(--js-color-white);
	color: var(--js-color-ink) !important;
}

a.js-button--light:hover,
a.js-button--light:focus-visible {
	border-color: var(--js-color-brand-20);
	background: var(--js-color-brand-20);
	color: var(--js-color-ink) !important;
}

/* Header controls keep separate, predictable 44px hit areas. */

.jet-stone-search__toggle {
	right: 10.125rem;
}

html.jet-stone-search-open #header {
	z-index: 10030;
}

body.search section.lqd-stickybar-wrap.lqd-stickybar-right {
	display: none !important;
}

body.search .lqd-lp-row.row {
	margin-inline: 0;
}

#header .main-nav-trigger {
	min-width: 5.4rem;
	min-height: 2.75rem;
	font-size: var(--js-font-nav);
	font-weight: 650;
}

#header .main-nav-trigger:focus-visible,
#header .navbar-toggle:focus-visible,
.jet-stone-search__toggle:focus-visible {
	outline: 2px solid var(--js-color-brand-100);
	outline-offset: 3px;
}

/* FiboSearch uses a light results surface with explicit readable states. */

.dgwt-wcas-suggestions-wrapp {
	overflow: hidden !important;
	background: var(--js-color-white) !important;
	color: var(--js-color-graphite) !important;
}

.dgwt-wcas-suggestion {
	min-height: 5.25rem;
	background: var(--js-color-white) !important;
	color: var(--js-color-graphite) !important;
}

.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected {
	background: var(--js-color-brand-10) !important;
	color: var(--js-color-graphite) !important;
}

.dgwt-wcas-suggestion .dgwt-wcas-content-wrapp {
	display: flex !important;
	min-width: 0;
	min-height: 3.6rem;
	justify-content: center;
	flex-direction: column;
}

.dgwt-wcas-suggestion .dgwt-wcas-st {
	display: block !important;
	min-width: 0;
	color: var(--js-color-graphite) !important;
	line-height: 1.3;
}

.dgwt-wcas-suggestion .dgwt-wcas-st-title {
	display: block !important;
	color: var(--js-color-graphite) !important;
	font-family: var(--js-font-heading);
	font-size: 1rem;
	font-weight: 650;
	line-height: 1.3;
}

.dgwt-wcas-suggestion .dgwt-wcas-st-title strong,
.dgwt-wcas-suggestion .dgwt-wcas-sd strong {
	color: inherit !important;
	font-weight: 750;
}

.dgwt-wcas-suggestion .dgwt-wcas-sd {
	display: block !important;
	overflow: hidden;
	margin-block-start: 0.25rem;
	color: var(--js-color-text-secondary) !important;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dgwt-wcas-suggestion-more,
.dgwt-wcas-suggestion-nores {
	background: var(--js-color-brand-10) !important;
	color: var(--js-color-graphite) !important;
	font-weight: 650;
}

/* Catalogue composition: 280px filter, generous gap and readable cards. */

.jet-stone-catalogue__hero {
	padding-block: clamp(6.5rem, 9vw, 9rem) clamp(4rem, 6vw, 6rem);
}

.jet-stone-catalogue__categories {
	padding-block: 1.75rem;
	gap: var(--js-space-4);
}

.jet-stone-catalogue__categories a {
	min-height: 2.75rem;
	padding: 0.8rem 1.15rem;
	background: rgb(255 255 255 / 34%);
	transition:
		background-color var(--js-transition-fast),
		border-color var(--js-transition-fast),
		color var(--js-transition-fast);
}

.jet-stone-catalogue__categories a:hover,
.jet-stone-catalogue__categories a:focus-visible {
	border-color: var(--js-color-brand-100);
	background: var(--js-color-brand-10);
}

.jet-stone-catalogue__layout {
	grid-template-columns: minmax(16.25rem, 17.5rem) minmax(0, 1fr);
	gap: clamp(2.5rem, 3.5vw, 3.5rem);
	padding-block: clamp(4.5rem, 7vw, 7rem);
}

.jet-stone-catalogue .products {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.5rem, 2vw, 2rem);
}

.jet-stone-catalogue .products .jet-stone-product-card {
	border: 1px solid transparent;
	transition:
		border-color var(--js-transition-fast),
		transform var(--js-transition-fast);
}

.woocommerce .jet-stone-catalogue ul.products li.jet-stone-product-card {
	width: 100% !important;
}

.jet-stone-catalogue .products .jet-stone-product-card:hover,
.jet-stone-catalogue .products .jet-stone-product-card:focus-within {
	border-color: var(--js-color-brand-60);
	transform: translateY(-2px);
}

.jet-stone-product-card__link:focus-visible {
	outline: 2px solid var(--js-color-graphite);
	outline-offset: 3px;
}

.jet-stone-product-card__body {
	min-height: 13.5rem;
	padding: clamp(1.5rem, 2vw, 2rem);
}

.jet-stone-product-card__meta {
	min-height: 0;
	margin-block-end: var(--js-space-3);
	font-size: 0.78rem;
}

.jet-stone-product-card .woocommerce-loop-product__title {
	font-size: clamp(1.35rem, 1.6vw, 1.75rem) !important;
	line-height: 1.12;
}

.jet-stone-product-card__action {
	padding-block-start: var(--js-space-8);
	color: var(--js-color-graphite);
}

@media (min-width: 1600px) {
	.jet-stone-catalogue .products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Filter Everything is visually owned by the project without vendor edits. */

.jet-stone-catalogue .wpc-filters-widget-wrapper {
	color: var(--js-color-graphite);
	font-size: 0.95rem;
	line-height: 1.45;
}

.jet-stone-catalogue .wpc-filter-title {
	margin-block-end: 1.25rem;
	color: var(--js-color-graphite);
	font-size: 1.05rem;
	font-weight: 700;
}

.jet-stone-catalogue .wpc-filters-section {
	margin-block-end: var(--js-space-8);
	padding-block-end: var(--js-space-8);
}

.jet-stone-catalogue .wpc-term-item {
	margin-block-end: 0.75rem;
}

.jet-stone-catalogue .wpc-term-item-content-wrapper {
	align-items: flex-start;
}

.jet-stone-catalogue .wpc-term-item-content-wrapper input[type="checkbox"] {
	width: 1.125rem;
	height: 1.125rem;
	margin-block-start: 0.1rem;
	accent-color: var(--js-color-graphite);
}

.jet-stone-catalogue .wpc-term-item-content-wrapper a,
.jet-stone-catalogue .wpc-filter-label-wrapper {
	color: var(--js-color-graphite);
	line-height: 1.45;
}

.jet-stone-catalogue .wpc-term-count {
	color: var(--js-color-text-secondary);
}

.jet-stone-catalogue .wpc-see-more-control,
.jet-stone-catalogue .wpc-see-less-control,
.jet-stone-catalogue .wpc-filter-chips-list a {
	color: var(--js-color-brand-100);
	font-weight: 650;
}

.jet-stone-catalogue .wpc-filter-chip a {
	border-color: var(--js-color-brand-60);
	background: var(--js-color-brand-10);
	color: var(--js-color-graphite);
}

/* Product shell: 55–60% gallery, 40–45% summary at desktop widths. */

.jet-stone-product__breadcrumb {
	padding-block: clamp(4.5rem, 6vw, 6.5rem) var(--js-space-8);
}

.jet-stone-product__hero {
	grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.95fr);
	gap: clamp(4rem, 5vw, 6rem);
	padding-block-end: clamp(6rem, 8vw, 8rem);
}

.jet-stone-product__summary {
	padding-block-start: 0;
}

.jet-stone-product__summary h1 {
	margin-block-end: 1.625rem;
}

.jet-stone-product__origin {
	margin-block-end: var(--js-space-8);
}

.jet-stone-product__lead {
	margin-block-end: 2.5rem;
	line-height: 1.65;
}

/* Footer uses one global, high-contrast neutral scheme on every route. */

.js-site-footer {
	padding-block: clamp(5.5rem, 7vw, 7rem);
}

.js-site-footer__top {
	gap: clamp(3rem, 5vw, 6rem);
	padding-block-end: clamp(4rem, 5vw, 5rem);
}

.elementor-kit-25 .js-site-footer .js-site-footer__logo {
	margin-block-end: 2rem;
}

.elementor-kit-25 .js-site-footer .js-site-footer__heading {
	margin-block-end: 1.625rem;
}

.elementor-kit-25 .js-site-footer .js-site-footer__heading .elementor-heading-title {
	color: var(--js-color-brand-20);
}

.elementor-kit-25 .js-site-footer .js-site-footer__links p {
	margin-block-end: 1.125rem;
}

.elementor-kit-25 .js-site-footer .js-site-footer__links a,
.elementor-kit-25 .js-site-footer .js-site-footer__email a,
.elementor-kit-25 .js-site-footer .js-site-footer__bottom a {
	color: rgb(255 255 255 / 84%);
}

.elementor-kit-25 .js-site-footer .js-site-footer__links a:hover,
.elementor-kit-25 .js-site-footer .js-site-footer__links a:focus-visible,
.elementor-kit-25 .js-site-footer .js-site-footer__email a:hover,
.elementor-kit-25 .js-site-footer .js-site-footer__email a:focus-visible,
.elementor-kit-25 .js-site-footer .js-site-footer__bottom a:hover,
.elementor-kit-25 .js-site-footer .js-site-footer__bottom a:focus-visible {
	color: var(--js-color-white);
}

.elementor-kit-25 .js-site-footer .js-site-footer__email {
	margin-block-end: 2.25rem;
}

.js-site-footer__positioning,
.js-site-footer__address {
	color: rgb(255 255 255 / 74%);
	line-height: 1.65;
}

.js-site-footer__bottom {
	padding-block-start: 2rem;
	color: rgb(255 255 255 / 64%);
}

@media (max-width: 1024px) {
	.jet-stone-catalogue__layout {
		grid-template-columns: 1fr;
	}

	.jet-stone-catalogue .products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jet-stone-product__hero {
		grid-template-columns: 1fr;
		gap: var(--js-space-12);
	}

	.jet-stone-product__summary {
		position: static;
		order: -1;
	}

	.js-site-footer__top {
		padding-block-end: 4rem;
	}
}

@media (max-width: 782px) {
	.admin-bar .jet-stone-search__toggle {
		top: 46px;
	}

	.jet-stone-search__toggle {
		top: 0;
		right: 5rem;
	}

	#header > .lqd-mobile-sec .navbar-toggle {
		flex: 0 0 2.75rem;
		width: 2.75rem;
		min-width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		color: var(--js-color-white);
	}

	#header > .lqd-mobile-sec .navbar-toggle .bar {
		background-color: var(--js-color-white);
	}

	.dgwt-wcas-suggestion .dgwt-wcas-sd {
		display: none !important;
	}

	.js-site-footer {
		padding-block: 4.5rem;
	}

	.js-site-footer__top {
		gap: 2.75rem;
		padding-block-end: 3.5rem;
	}
}

@media (max-width: 600px) {
	.jet-stone-catalogue .products {
		grid-template-columns: 1fr;
	}

	.jet-stone-product__summary h1 {
		font-size: clamp(2.65rem, 14vw, 4.2rem);
	}

	a.js-button {
		width: 100%;
	}
}

/**
 * Stage 9 news archive and single publications.
 */
body.page-template-page-news #lqd-contents-wrap,
body.category-news #lqd-contents-wrap,
body.category-reviews #lqd-contents-wrap,
body.single-post #lqd-contents-wrap {
	width: 100%;
	max-width: none;
	padding: 0;
}

.jet-stone-news {
	--js-news-gutter: clamp(1.25rem, 4vw, 4.5rem);
	background: var(--js-color-milk);
	color: var(--js-color-text);
}

.jet-stone-news__shell {
	width: min(100%, 90rem);
	margin-inline: auto;
	padding-inline: var(--js-news-gutter);
}

.jet-stone-news__hero {
	padding-block: clamp(6rem, 9vw, 9rem) clamp(4rem, 6vw, 6rem);
	background:
		linear-gradient(135deg, rgb(111 107 109 / 7%) 0, transparent 42%),
		var(--js-color-brand-10);
	border-bottom: 1px solid var(--js-color-brand-20);
}

.jet-stone-news__hero h1,
.jet-stone-post__hero h1 {
	max-width: 16ch;
	margin: 0;
	color: var(--js-color-graphite);
	font-family: Manrope, Arial, sans-serif;
	font-size: clamp(3rem, 5.2vw, 6.25rem);
	font-weight: 600;
	letter-spacing: -0.045em;
	line-height: 0.98;
	overflow-wrap: anywhere;
}

.jet-stone-news__eyebrow,
.jet-stone-post__category {
	display: inline-flex;
	margin: 0 0 1.375rem;
	color: var(--js-color-brand-100);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}

.jet-stone-news__lead {
	max-width: 46rem;
	margin: 2rem 0 0;
	color: var(--js-color-text-secondary);
	font-size: clamp(1.125rem, 1.5vw, 1.375rem);
	line-height: 1.6;
}

.jet-stone-news__content {
	padding-block: clamp(4rem, 7vw, 7rem);
}

.jet-stone-news-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-block-end: clamp(2.5rem, 5vw, 4.5rem);
}

.jet-stone-news-filters a {
	display: inline-flex;
	align-items: center;
	min-height: 3rem;
	padding: 0.65rem 1.125rem;
	color: var(--js-color-graphite);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	border: 1px solid var(--js-color-brand-60);
	border-radius: 2px;
	transition:
		color var(--js-transition-fast),
		background-color var(--js-transition-fast),
		border-color var(--js-transition-fast);
}

.jet-stone-news-filters a:hover,
.jet-stone-news-filters a:focus-visible,
.jet-stone-news-filters a.is-active {
	color: var(--js-color-white);
	background: var(--js-color-brand-100);
	border-color: var(--js-color-brand-100);
}

.jet-stone-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(2rem, 3.5vw, 4rem) clamp(1.25rem, 2.5vw, 2.5rem);
}

.jet-stone-news-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	margin: 0;
	background: var(--js-color-white);
	border-bottom: 2px solid var(--js-color-brand-20);
}

.jet-stone-news-card__image-link {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--js-color-brand-20);
}

.jet-stone-news-card__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.jet-stone-news-card:hover .jet-stone-news-card__image {
	transform: scale(1.025);
}

.jet-stone-news-card__body {
	display: flex;
	min-height: 21.5rem;
	flex: 1;
	flex-direction: column;
	padding: clamp(1.5rem, 2.2vw, 2rem);
}

.jet-stone-news-card__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-block-end: 1.25rem;
	color: var(--js-color-brand-100);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.jet-stone-news-card__title {
	margin: 0 0 1.125rem;
	font-family: Manrope, Arial, sans-serif;
	font-size: clamp(1.35rem, 1.65vw, 1.75rem);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.jet-stone-news-card__title a {
	color: var(--js-color-graphite);
	text-decoration: none;
}

.jet-stone-news-card__title a:hover,
.jet-stone-news-card__title a:focus-visible {
	color: var(--js-color-brand-100);
}

.jet-stone-news-card__excerpt {
	display: -webkit-box;
	margin: 0 0 1.5rem;
	overflow: hidden;
	color: var(--js-color-text-secondary);
	font-size: 1rem;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.jet-stone-news-card__link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 0.5rem;
	margin-block-start: auto;
	padding-block: 0.75rem;
	color: var(--js-color-graphite);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid currentColor;
}

.jet-stone-news-pagination {
	margin-block-start: clamp(3.5rem, 6vw, 6rem);
}

.jet-stone-news-pagination .nav-links,
.jet-stone-news-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.jet-stone-news-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3rem;
	min-height: 3rem;
	padding: 0.5rem 0.75rem;
	color: var(--js-color-graphite);
	text-decoration: none;
	background: var(--js-color-white);
	border: 1px solid var(--js-color-brand-20);
}

.jet-stone-news-pagination .page-numbers.current,
.jet-stone-news-pagination a.page-numbers:hover,
.jet-stone-news-pagination a.page-numbers:focus-visible {
	color: var(--js-color-white);
	background: var(--js-color-brand-100);
	border-color: var(--js-color-brand-100);
}

.jet-stone-post__hero {
	padding-block: clamp(5.5rem, 8vw, 8rem) 0;
	background: var(--js-color-brand-10);
}

.jet-stone-post__header {
	width: min(calc(100% - (2 * var(--js-news-gutter))), 62rem);
	margin-inline: auto;
}

.jet-stone-post__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block-end: 2rem;
	color: var(--js-color-text-secondary);
	font-size: 0.875rem;
}

.jet-stone-post__breadcrumbs a {
	color: inherit;
}

.jet-stone-post__category {
	margin-block-end: 1.25rem;
	text-decoration: none;
}

.jet-stone-post__date {
	display: block;
	margin-block-start: 2rem;
	color: var(--js-color-text-secondary);
	font-size: 1rem;
}

.jet-stone-post__featured {
	width: min(calc(100% - (2 * var(--js-news-gutter))), 90rem);
	margin: clamp(3rem, 6vw, 5rem) auto 0;
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 16 / 8.5;
}

.jet-stone-post__featured-image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}

.jet-stone-post__content {
	width: min(calc(100% - (2 * var(--js-news-gutter))), 52rem);
	margin-inline: auto;
	padding-block: clamp(4rem, 7vw, 7rem);
	color: var(--js-color-text);
	font-size: clamp(1.0625rem, 1.15vw, 1.1875rem);
	line-height: 1.72;
}

.jet-stone-post__content > * {
	max-width: 100%;
}

.jet-stone-post__content h2,
.jet-stone-post__content h3 {
	margin: 2.75em 0 0.8em;
	color: var(--js-color-graphite);
	font-family: Manrope, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.jet-stone-post__content h2 {
	font-size: clamp(1.9rem, 3vw, 2.75rem);
}

.jet-stone-post__content h3 {
	font-size: clamp(1.5rem, 2.2vw, 2rem);
}

.jet-stone-post__content p,
.jet-stone-post__content ul,
.jet-stone-post__content ol,
.jet-stone-post__content blockquote {
	margin-block: 0 1.35em;
}

.jet-stone-post__content img {
	display: block;
	width: auto;
	max-width: min(100%, 75rem);
	height: auto;
	margin: 2.5rem auto;
}

.jet-stone-post__content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.jet-stone-post__cta,
.jet-stone-post__related {
	width: min(calc(100% - (2 * var(--js-news-gutter))), 90rem);
	margin-inline: auto;
}

.jet-stone-post__cta {
	padding: clamp(2.25rem, 6vw, 5rem);
	background:
		linear-gradient(135deg, transparent 0 64%, rgb(111 107 109 / 8%) 64% 65%, transparent 65%),
		var(--js-color-brand-20);
}

.jet-stone-post__cta h2,
.jet-stone-post__related-head h2 {
	max-width: 18ch;
	margin: 0 0 1.25rem;
	color: var(--js-color-graphite);
	font-family: Manrope, Arial, sans-serif;
	font-size: clamp(2rem, 4vw, 4rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.05;
}

.jet-stone-post__cta > p:not(.jet-stone-news__eyebrow) {
	max-width: 42rem;
	color: var(--js-color-text-secondary);
	font-size: 1.125rem;
	line-height: 1.65;
}

.jet-stone-post__cta-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
	margin-block-start: 2rem;
}

.jet-stone-post__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.5rem;
	padding: 0.75rem 1.5rem;
	color: var(--js-color-white);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	background: var(--js-color-brand-100);
}

.jet-stone-post__text-link {
	color: var(--js-color-graphite);
	font-weight: 600;
}

.jet-stone-post__related {
	padding-block: clamp(5rem, 8vw, 8rem);
}

.jet-stone-post__related-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1.5rem;
	margin-block-end: clamp(2.5rem, 5vw, 4.5rem);
}

.jet-stone-post__related-head h2 {
	margin: 0;
}

.jet-stone-post__related-head > a {
	color: var(--js-color-graphite);
	font-weight: 600;
}

@media (max-width: 1024px) {
	.jet-stone-news-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.jet-stone-news-grid {
		grid-template-columns: 1fr;
	}

	.jet-stone-news-card__body {
		min-height: 0;
	}

	.jet-stone-post__featured {
		aspect-ratio: 4 / 3;
	}

	.jet-stone-post__related-head {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.jet-stone-news__hero h1,
	.jet-stone-post__hero h1 {
		font-size: clamp(2.45rem, 12vw, 3.25rem);
	}

	.jet-stone-news-filters a {
		flex: 1 1 auto;
		justify-content: center;
	}

	.jet-stone-post__cta-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.jet-stone-post__button {
		width: 100%;
	}
}

/* Stage 10.1 — shared editorial rhythm, focus system and project lightbox. */
:where(.jet-stone-stage10-page, .jet-stone-news, .jet-stone-portfolio) h1 {
	line-height: 1.02;
	text-wrap: balance;
}

:where(.jet-stone-stage10-page, .jet-stone-news, .jet-stone-portfolio) h2 {
	line-height: 1.1;
	text-wrap: balance;
}

:where(.jet-stone-stage10-page, .jet-stone-news, .jet-stone-portfolio) h3,
.jet-stone-news-card__title {
	line-height: 1.16;
	text-wrap: pretty;
}

.js-s10-title .elementor-heading-title,
.js-s10-section-head__title .elementor-heading-title,
.js-s10-cta__title .elementor-heading-title,
.jet-stone-post__cta h2,
.jet-stone-post__related-head h2 {
	line-height: 1.1;
}

.js-s10-hero .js-s10-hero__title .elementor-heading-title {
	color: #f4f1ea;
}

.js-s10-media-card__title .elementor-heading-title,
.js-s10-index-card__title .elementor-heading-title,
.jet-stone-news-card__title {
	line-height: 1.16;
}

body[class] :where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid #6f6b6d !important;
	outline-offset: 4px !important;
}

@supports not selector(:focus-visible) {
	body[class] :where(a, button, input, select, textarea, [tabindex]):focus {
		outline: 2px solid #6f6b6d !important;
		outline-offset: 4px !important;
	}
}

.js-s10-copy {
	max-width: 52rem;
}

.js-s10-copy p {
	margin-block: 0 1.15em;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem);
	line-height: 1.72;
}

.js-s10-copy p:last-child {
	margin-block-end: 0;
}

.js-s10-media-card {
	overflow: hidden;
	background: #f4f1ea;
}

.js-s10-media-card__image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.js-s10-media-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 500ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.js-s10-media-card:hover .js-s10-media-card__image img {
	transform: scale(1.035);
}

.js-s10-cta--texture {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		linear-gradient(110deg, rgb(21 24 23 / 96%), rgb(34 37 36 / 82%)),
		radial-gradient(circle at 20% 20%, #b7a38a 0 2px, transparent 3px 100%),
		#222524;
	background-size: auto, 28px 28px, auto;
	color: #f4f1ea;
}

.js-s10-cta--texture::after {
	position: absolute;
	z-index: -1;
	inset: 0 0 0 auto;
	width: min(36%, 32rem);
	background:
		repeating-linear-gradient(
			-18deg,
			rgb(244 241 234 / 0%) 0 14px,
			rgb(244 241 234 / 12%) 15px 16px
		);
	content: "";
}

.js-s10-cta--texture .js-s10-cta__title,
.js-s10-cta--texture .js-s10-cta__text,
.js-s10-cta--texture .js-s10-eyebrow {
	color: inherit;
}

.jet-stone-reveal {
	opacity: 0;
	transform: translateY(22px);
	transition:
		opacity 600ms ease,
		transform 700ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.jet-stone-reveal.is-revealed {
	opacity: 1;
	transform: none;
}

.jet-stone-lightbox-trigger {
	display: block;
	overflow: hidden;
}

.jet-stone-lightbox-trigger img {
	transition: transform 500ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.jet-stone-lightbox-trigger:hover img,
.jet-stone-lightbox-trigger:focus-visible img {
	transform: scale(1.025);
}

.jet-stone-lightbox[hidden] {
	display: none;
}

.jet-stone-lightbox {
	position: fixed;
	z-index: 999999;
	inset: 0;
	display: grid;
	place-items: center;
	padding: clamp(1rem, 4vw, 4rem);
}

.jet-stone-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(15 17 16 / 94%);
}

.jet-stone-lightbox__dialog {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 3.25rem minmax(0, 1fr) 3.25rem;
	align-items: center;
	width: min(100%, 92rem);
	height: min(88vh, 62rem);
}

.jet-stone-lightbox__dialog figure {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	width: 100%;
	height: 100%;
	margin: 0;
}

.jet-stone-lightbox__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.jet-stone-lightbox__caption,
.jet-stone-lightbox__counter {
	margin: 0;
	color: #f4f1ea;
	font-size: 0.875rem;
	line-height: 1.5;
}

.jet-stone-lightbox__caption {
	padding-block-start: 0.75rem;
	text-align: center;
}

.jet-stone-lightbox__counter {
	position: absolute;
	inset: auto auto -2rem 50%;
	transform: translateX(-50%);
}

.jet-stone-lightbox__close,
.jet-stone-lightbox__previous,
.jet-stone-lightbox__next {
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid rgb(244 241 234 / 40%);
	border-radius: 0;
	background: rgb(21 24 23 / 72%);
	color: #f4f1ea;
	font: inherit;
	cursor: pointer;
}

.jet-stone-lightbox__close {
	position: absolute;
	z-index: 2;
	inset: 0 0 auto auto;
	font-size: 1.5rem;
}

.jet-stone-lightbox__previous {
	justify-self: start;
}

.jet-stone-lightbox__next {
	justify-self: end;
}

.jet-stone-lightbox-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	:where(.jet-stone-stage10-page, .jet-stone-news, .jet-stone-portfolio) h1 {
		line-height: 1.06;
	}

	:where(.jet-stone-stage10-page, .jet-stone-news, .jet-stone-portfolio) h2 {
		line-height: 1.12;
	}

	.js-s10-title .elementor-heading-title,
	.js-s10-section-head__title .elementor-heading-title,
	.js-s10-cta__title .elementor-heading-title,
	.jet-stone-post__cta h2,
	.jet-stone-post__related-head h2 {
		line-height: 1.12;
	}

	.jet-stone-lightbox {
		padding: 1rem;
	}

	.jet-stone-lightbox__dialog {
		grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
		height: 82vh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jet-stone-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.js-s10-media-card__image img,
	.jet-stone-lightbox-trigger img {
		transition: none;
	}
}

/* Stage 10 — services and production */

.jet-stone-stage10-page {
	background: var(--js-color-milk);
	color: var(--js-color-text);
	font-family: var(--js-font-body);
}

.jet-stone-stage10-page .elementor {
	overflow: clip;
	background: var(--js-color-milk);
}

.jet-stone-stage10-page .elementor :where(h1, h2, h3, h4, p) {
	margin-block-start: 0;
}

.jet-stone-stage10-page .elementor :where(h1, h2, h3, h4) {
	color: inherit;
	font-family: var(--js-font-heading);
	font-weight: 550;
	letter-spacing: -0.04em;
	line-height: 1.02;
	text-wrap: balance;
}

.jet-stone-stage10-page .elementor-widget-heading .elementor-heading-title {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.jet-stone-stage10-page .elementor-widget-text-editor,
.jet-stone-stage10-page .elementor-widget-text-editor p {
	color: inherit;
	font: inherit;
}

.jet-stone-stage10-page .elementor-widget-text-editor p:last-child {
	margin-block-end: 0;
}

.jet-stone-stage10-page img {
	display: block;
	width: 100%;
}

.js-s10-shell {
	width: min(100%, var(--js-container));
	margin-inline: auto;
}

.js-s10-shell--wide {
	width: min(100%, var(--js-container-wide));
	margin-inline: auto;
}

.js-s10-section {
	padding: clamp(5rem, 9vw, 9rem) var(--js-gutter);
}

.js-s10-section--white {
	background: var(--js-color-white);
}

.js-s10-section--gray {
	background: var(--js-color-brand-10);
}

.js-s10-section--dark {
	background: var(--js-color-ink);
	color: var(--js-color-white);
}

.js-s10-section-head {
	display: grid !important;
	grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.7fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: end;
	margin-block-end: clamp(3rem, 6vw, 6rem);
}

.js-s10-eyebrow {
	margin-block-end: 1.5rem;
	color: var(--js-color-brand-100);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.js-s10-title {
	max-width: 18ch;
	margin-block-end: 0;
	font-size: clamp(2.5rem, 4vw, 4.75rem);
}

.js-s10-lead {
	max-width: 42rem;
	color: var(--js-color-text-secondary);
	font-size: clamp(1.125rem, 1.4vw, 1.375rem);
	line-height: 1.55;
}

.js-s10-hero {
	position: relative;
	isolation: isolate;
	display: flex !important;
	min-height: clamp(34rem, 68vh, 49rem);
	padding: clamp(8rem, 14vw, 13rem) var(--js-gutter) clamp(4rem, 8vw, 7rem);
	background-color: var(--js-color-ink);
	background-position: center;
	background-size: cover;
	color: var(--js-color-white);
}

.js-s10-hero::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: rgb(21 24 23 / 68%);
	content: "";
}

.js-s10-hero--detail {
	min-height: clamp(31rem, 60vh, 43rem);
}

.js-s10-hero__inner {
	display: flex !important;
	width: min(100%, var(--js-container-wide));
	margin-inline: auto;
	flex-direction: column;
	justify-content: flex-end;
}

.js-s10-breadcrumbs {
	margin-block-end: clamp(2rem, 5vw, 4rem);
}

.js-s10-breadcrumbs nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	align-items: center;
	color: rgb(255 255 255 / 72%);
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
}

.js-s10-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.js-s10-breadcrumbs a:hover,
.js-s10-breadcrumbs a:focus-visible {
	color: var(--js-color-white);
	text-decoration: underline;
}

.js-s10-hero__eyebrow {
	margin-block-end: 1.5rem;
	color: var(--js-color-brand-20);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.js-s10-hero__title {
	max-width: 15ch;
	margin-block-end: clamp(1.5rem, 3vw, 2.75rem);
	font-size: clamp(3rem, 6vw, 7rem);
}

.js-s10-hero--detail .js-s10-hero__title {
	font-size: clamp(2.75rem, 5vw, 5.5rem);
}

.js-s10-hero__lead {
	max-width: 47rem;
	color: rgb(255 255 255 / 82%);
	font-size: clamp(1.125rem, 1.5vw, 1.5rem);
	line-height: 1.55;
}

.js-s10-index-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--js-color-border);
	background: var(--js-color-border);
}

.js-s10-index-card {
	position: relative;
	display: flex !important;
	min-height: 20rem;
	padding: clamp(1.75rem, 3vw, 3rem);
	flex-direction: column;
	background: var(--js-color-milk);
	transition:
		background-color var(--js-transition-fast),
		color var(--js-transition-fast);
}

.js-s10-index-card:hover,
.js-s10-index-card:focus-within {
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.js-s10-index-card__number {
	margin-block-end: auto;
	color: var(--js-color-brand-100);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.12em;
}

.js-s10-index-card:hover .js-s10-index-card__number {
	color: var(--js-color-brand-20);
}

.js-s10-index-card__title {
	margin-block-end: 1.25rem;
	font-size: clamp(1.5rem, 2.1vw, 2.25rem);
}

.js-s10-index-card__text {
	max-width: 29rem;
	margin-block-end: 2rem;
	color: var(--js-color-text-secondary);
	line-height: 1.6;
}

.js-s10-index-card:hover .js-s10-index-card__text {
	color: rgb(255 255 255 / 72%);
}

.js-s10-link .elementor-button {
	min-height: auto;
	padding: 0 0 0.45rem;
	border: 0;
	border-bottom: 1px solid currentcolor;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.js-s10-link .elementor-button:hover,
.js-s10-link .elementor-button:focus-visible {
	background: transparent;
	color: var(--js-color-brand-100);
}

.js-s10-index-card:hover .js-s10-link .elementor-button,
.js-s10-index-card:focus-within .js-s10-link .elementor-button {
	color: var(--js-color-white);
}

.js-s10-copy-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(3rem, 8vw, 8rem);
	align-items: start;
}

.js-s10-copy {
	max-width: 50rem;
	color: var(--js-color-text-secondary);
	font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
	line-height: 1.72;
}

.js-s10-copy p {
	margin-block-end: 1.35em;
}

.js-s10-related-links {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--js-color-border);
	border: 1px solid var(--js-color-border);
}

.js-s10-related-link {
	display: flex !important;
	min-height: 11rem;
	padding: 2rem;
	flex-direction: column;
	justify-content: space-between;
	background: var(--js-color-white);
}

.js-s10-related-link__title {
	font-size: clamp(1.25rem, 1.8vw, 1.75rem);
}

.js-s10-process {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid rgb(255 255 255 / 24%);
}

.js-s10-process-item {
	position: relative;
	padding: 2.25rem clamp(1rem, 2vw, 2rem) 0 0;
}

.js-s10-process-item::before {
	position: absolute;
	top: -0.35rem;
	left: 0;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: var(--js-color-brand-60);
	content: "";
}

.js-s10-process-item__number {
	margin-block-end: 3.5rem;
	color: var(--js-color-brand-60);
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
}

.js-s10-process-item__title {
	margin-block-end: 1rem;
	font-size: clamp(1.25rem, 1.6vw, 1.75rem);
}

.js-s10-process-item__text {
	color: rgb(255 255 255 / 66%);
	line-height: 1.55;
}

.js-s10-projects {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.25rem, 2.5vw, 2.5rem);
}

.js-s10-project {
	display: flex !important;
	flex-direction: column;
}

.js-s10-project__image {
	margin-block-end: 1.5rem;
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 4 / 3;
}

.js-s10-project__image img {
	height: 100%;
	object-fit: cover;
	transition: transform var(--js-transition);
}

.js-s10-project:hover .js-s10-project__image img {
	transform: scale(1.025);
}

.js-s10-project__meta {
	margin-block-end: 0.75rem;
	color: var(--js-color-brand-100);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.js-s10-project__title {
	margin-block-end: 1.5rem;
	font-size: clamp(1.35rem, 1.8vw, 2rem);
}

.js-s10-products,
.js-s10-media-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--js-color-border);
	border: 1px solid var(--js-color-border);
}

.js-s10-product {
	display: flex !important;
	min-height: 10rem;
	padding: 1.75rem;
	flex-direction: column;
	justify-content: space-between;
	background: var(--js-color-white);
}

.js-s10-product__title {
	font-size: clamp(1.2rem, 1.6vw, 1.65rem);
}

.js-s10-media-card {
	padding: 1rem;
	background: var(--js-color-white);
}

.js-s10-media-card__image {
	margin-block-end: 1rem;
	background: var(--js-color-brand-10);
	aspect-ratio: 1000 / 723;
}

.js-s10-media-card__image img {
	height: 100%;
	object-fit: contain;
}

.js-s10-media-card__title {
	font-size: 1rem;
	letter-spacing: -0.02em;
}

.js-s10-cta {
	display: grid !important;
	grid-template-columns: minmax(0, 1.35fr) auto;
	gap: 2rem;
	align-items: end;
	padding: clamp(3rem, 7vw, 6rem);
	background: var(--js-color-graphite);
	color: var(--js-color-white);
}

.js-s10-cta__title {
	max-width: 16ch;
	margin-block-end: 1.5rem;
	font-size: clamp(2.25rem, 4vw, 4.5rem);
}

.js-s10-cta__text {
	max-width: 42rem;
	color: rgb(255 255 255 / 70%);
	font-size: clamp(1.0625rem, 1.3vw, 1.25rem);
	line-height: 1.6;
}

.js-s10-button .elementor-button {
	min-height: 3.5rem;
	padding: 1.125rem 1.75rem;
	border: 1px solid var(--js-color-white);
	border-radius: var(--js-radius-xs);
	background: var(--js-color-white);
	color: var(--js-color-ink);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.js-s10-button .elementor-button:hover,
.js-s10-button .elementor-button:focus-visible {
	border-color: var(--js-color-brand-60);
	background: var(--js-color-brand-60);
	color: var(--js-color-white);
}

@media (max-width: 1024px) {
	.js-s10-index-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.js-s10-process {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 3rem;
	}

	.js-s10-projects,
	.js-s10-products,
	.js-s10-media-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.js-s10-section {
		padding-block: 4.5rem;
	}

	.js-s10-section-head,
	.js-s10-copy-grid,
	.js-s10-cta {
		grid-template-columns: 1fr;
	}

	.js-s10-hero {
		min-height: 34rem;
		padding-block: 7.5rem 4rem;
	}

	.js-s10-hero__title,
	.js-s10-hero--detail .js-s10-hero__title {
		font-size: clamp(2.7rem, 12vw, 4.5rem);
	}

	.js-s10-index-card {
		min-height: 17rem;
	}

	.js-s10-process {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.js-s10-cta {
		align-items: start;
	}
}

@media (max-width: 480px) {
	.js-s10-index-grid,
	.js-s10-related-links,
	.js-s10-process,
	.js-s10-projects,
	.js-s10-products,
	.js-s10-media-grid {
		grid-template-columns: 1fr;
	}

	.js-s10-index-card {
		min-height: 15rem;
	}

	.js-s10-process {
		border-top: 0;
	}

	.js-s10-process-item {
		padding-block: 1.75rem;
		border-top: 1px solid rgb(255 255 255 / 24%);
	}

	.js-s10-process-item__number {
		margin-block-end: 2rem;
	}

	.js-s10-cta {
		padding: 2.25rem;
	}

	.js-s10-button .elementor-button {
		width: 100%;
	}
}

/* Stage 10.2 — four scoped reference service and production designs. */

.jet-stone-stage102-reference {
	background: var(--js-color-milk);
	color: var(--js-color-text);
	font-family: var(--js-font-body);
}

.jet-stone-stage102-reference .elementor {
	overflow: clip;
	background: var(--js-color-milk);
}

.jet-stone-stage102-reference .elementor :where(h1, h2, h3, p) {
	margin-block-start: 0;
}

.jet-stone-stage102-reference .elementor :where(h1, h2, h3) {
	color: inherit;
	font-family: var(--js-font-heading);
	font-weight: 550;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

.jet-stone-stage102-reference .elementor-widget-heading .elementor-heading-title {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.jet-stone-stage102-reference .elementor-widget-text-editor,
.jet-stone-stage102-reference .elementor-widget-text-editor p,
.jet-stone-stage102-reference .elementor-widget-text-editor li {
	color: inherit;
	font: inherit;
}

.jet-stone-stage102-reference img {
	display: block;
	max-width: 100%;
}

.js-s102-section {
	position: relative;
	padding: clamp(5.5rem, 7vw, 8rem) var(--js-gutter);
}

.js-s102-section--white {
	background: var(--js-color-white);
}

.js-s102-section--gray {
	background: var(--js-color-brand-10);
}

.js-s102-section--dark {
	background: var(--js-color-ink);
	color: var(--js-color-milk);
}

.js-s102-section--dark .elementor-heading-title,
.js-s102-gallery-section--supply .elementor-heading-title,
.js-s102-gallery-section--technology .elementor-heading-title {
	color: var(--js-color-milk) !important;
}

.js-s102-section--dark .js-s102-eyebrow,
.js-s102-section--dark .js-s102-project__meta {
	color: var(--js-color-brand-60);
}

.js-s102-section--dark .js-s102-lead,
.js-s102-section--dark .js-s102-copy,
.js-s102-section--dark .js-s102-card__text {
	color: rgb(244 241 234 / 76%);
}

.js-s102-section--cta {
	padding: clamp(4.5rem, 7vw, 7rem) var(--js-gutter);
	background: var(--js-color-brand-10);
}

.js-s102-shell {
	width: min(100%, 90rem);
	margin-inline: auto;
}

.js-s102-shell--wide {
	width: min(100%, 108rem);
}

.js-s102-section-head {
	display: grid !important;
	grid-template-columns: minmax(14rem, 0.58fr) minmax(0, 1.42fr);
	gap: clamp(2rem, 5vw, 6rem);
	align-items: start;
	margin-block-end: clamp(3.5rem, 6vw, 6rem);
}

.js-s102-section-head > .js-s102-lead {
	grid-column: 2;
	margin-block-start: -2rem;
}

.js-s102-eyebrow {
	margin-block-end: 1.25rem;
	color: var(--js-color-brand-100);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.14em;
	line-height: 1.25;
	text-transform: uppercase;
}

.js-s102-title {
	max-width: 18ch;
	font-size: clamp(2.5rem, 4vw, 4.75rem);
	line-height: 1.08;
}

.js-s102-lead {
	max-width: 48rem;
	color: var(--js-color-text-secondary);
	font-size: clamp(1.0625rem, 1.35vw, 1.375rem);
	line-height: 1.62;
}

.js-s102-copy-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2.5rem, 6vw, 7rem);
	align-items: start;
	margin-inline-start: min(17vw, 16rem);
}

.js-s102-copy {
	max-width: 48rem;
	color: var(--js-color-text-secondary);
	font-size: clamp(1rem, 1.1vw, 1.15rem);
	line-height: 1.66;
}

.js-s102-copy--lead {
	color: var(--js-color-text);
	font-size: clamp(1.125rem, 1.35vw, 1.375rem);
	line-height: 1.62;
}

.js-s102-copy p {
	margin-block-end: 1.25em;
}

.js-s102-copy p:last-child {
	margin-block-end: 0;
}

.js-s102-copy ul {
	display: grid;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.js-s102-copy li {
	position: relative;
	padding-inline-start: 1.5rem;
}

.js-s102-copy li::before {
	position: absolute;
	top: 0.72em;
	left: 0;
	width: 0.5rem;
	border-top: 1px solid currentcolor;
	content: "";
}

.js-s102-hero {
	position: relative;
	isolation: isolate;
	display: flex !important;
	min-height: clamp(32.5rem, 43vw, 40rem);
	padding: clamp(7.5rem, 10vw, 10rem) var(--js-gutter) clamp(4rem, 6vw, 6rem);
	background-color: var(--js-color-ink);
	background-position: center;
	background-size: cover;
	color: var(--js-color-milk);
}

.js-s102-hero::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(90deg, rgb(15 17 16 / 82%) 0%, rgb(15 17 16 / 56%) 48%, rgb(15 17 16 / 25%) 100%),
		linear-gradient(0deg, rgb(15 17 16 / 32%), transparent 50%);
	content: "";
}

.js-s102-hero--engineering::before {
	background:
		linear-gradient(90deg, rgb(15 17 16 / 84%) 0%, rgb(15 17 16 / 52%) 45%, rgb(15 17 16 / 28%) 100%),
		linear-gradient(0deg, rgb(15 17 16 / 30%), transparent 50%);
}

.js-s102-hero--supply {
	background-position: center 58%;
}

.js-s102-hero--technology {
	background-position: center 48%;
}

.js-s102-hero__inner {
	z-index: 1;
	display: flex !important;
	width: min(100%, 108rem);
	margin-inline: auto;
	flex-direction: column;
	justify-content: flex-end;
}

.js-s102-breadcrumbs {
	margin-block-end: clamp(2rem, 4vw, 3.5rem);
}

.js-s102-breadcrumbs nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	color: rgb(244 241 234 / 76%);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.js-s102-breadcrumbs a {
	color: inherit;
	text-decoration-color: transparent;
	text-underline-offset: 0.25em;
}

.js-s102-breadcrumbs a:hover,
.js-s102-breadcrumbs a:focus-visible {
	color: var(--js-color-white);
	text-decoration-color: currentcolor;
}

.js-s102-hero__eyebrow {
	margin-block-end: 1.25rem;
	color: var(--js-color-brand-20);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.14em;
	line-height: 1.25;
	text-transform: uppercase;
}

.js-s102-hero__title {
	max-width: 13ch;
	margin-block-end: clamp(1.25rem, 2.5vw, 2.25rem);
	font-size: clamp(3.5rem, 5.6vw, 5.5rem);
	line-height: 1.02;
}

.js-s102-hero--engineering .js-s102-hero__title,
.js-s102-hero--technology .js-s102-hero__title {
	max-width: 15ch;
	font-size: clamp(3.25rem, 5vw, 5rem);
}

.js-s102-hero--supply .js-s102-hero__title {
	max-width: 14ch;
	font-size: clamp(3.25rem, 5vw, 5.1rem);
}

.js-s102-hero__lead {
	max-width: 52rem;
	color: rgb(244 241 234 / 84%);
	font-size: clamp(1.0625rem, 1.35vw, 1.375rem);
	line-height: 1.62;
}

.js-s102-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--js-color-border);
	background: var(--js-color-border);
}

.js-s102-card-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.js-s102-card-grid--types {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.js-s102-card-grid--process {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border-color: rgb(244 241 234 / 20%);
	background: rgb(244 241 234 / 20%);
}

.js-s102-card-grid--materials,
.js-s102-card-grid--applications {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.js-s102-card {
	display: flex !important;
	min-height: 18rem;
	padding: clamp(1.75rem, 2.5vw, 2.75rem);
	flex-direction: column;
	background: var(--js-color-white);
	transition:
		background-color var(--js-transition-fast),
		color var(--js-transition-fast),
		transform var(--js-transition);
}

.js-s102-card:hover {
	z-index: 1;
	background: var(--js-color-graphite);
	color: var(--js-color-milk);
}

.js-s102-section--dark .js-s102-card {
	background: var(--js-color-graphite);
	color: var(--js-color-milk);
}

.js-s102-section--dark .js-s102-card:hover {
	background: #2f3332;
}

.js-s102-card__number {
	margin-block-end: auto;
	color: var(--js-color-brand-100);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.14em;
}

.js-s102-section--dark .js-s102-card__number {
	color: var(--js-color-brand-60);
}

.js-s102-card__title {
	margin-block: 2rem 1rem;
	font-size: clamp(1.35rem, 1.9vw, 2rem);
	line-height: 1.16;
}

.js-s102-card__text {
	color: var(--js-color-text-secondary);
	font-size: 0.975rem;
	line-height: 1.62;
}

.js-s102-card:hover .js-s102-card__text {
	color: rgb(244 241 234 / 76%);
}

.js-s102-feature {
	display: grid !important;
	grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.8fr);
	gap: clamp(3rem, 7vw, 8rem);
	align-items: center;
}

.js-s102-feature--reverse {
	grid-template-columns: minmax(22rem, 0.8fr) minmax(0, 1.2fr);
}

.js-s102-feature__image {
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 4 / 3;
}

.js-s102-feature--supply .js-s102-feature__image {
	aspect-ratio: 16 / 10;
}

.js-s102-feature--technology .js-s102-feature__image {
	aspect-ratio: 4 / 3;
}

.js-s102-feature__image .elementor-widget-container,
.js-s102-feature__image img {
	width: 100%;
	height: 100%;
}

.js-s102-feature__image img {
	object-fit: cover;
	transition: transform 700ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.js-s102-feature:hover .js-s102-feature__image img {
	transform: scale(1.025);
}

.js-s102-feature__copy {
	max-width: 39rem;
}

.js-s102-feature__copy .js-s102-title {
	margin-block-end: 2rem;
}

.js-s102-copy-grid--material {
	margin-inline-start: 0;
}

.js-s102-metric {
	display: grid !important;
	grid-template-columns: minmax(18rem, 0.62fr) minmax(0, 1.38fr);
	gap: clamp(3rem, 8vw, 9rem);
	align-items: center;
}

.js-s102-metric__number {
	padding-inline-end: clamp(2rem, 5vw, 5rem);
	border-inline-end: 1px solid rgb(244 241 234 / 24%);
}

.js-s102-metric__value {
	color: var(--js-color-milk);
	font-size: clamp(3.5rem, 6vw, 6.5rem);
	line-height: 1;
	white-space: nowrap;
}

.js-s102-metric__copy {
	max-width: 48rem;
	font-size: clamp(1.125rem, 1.4vw, 1.4rem);
}

.js-s102-product-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 2rem);
}

.js-s102-product {
	display: flex !important;
	min-width: 0;
	flex-direction: column;
	background: var(--js-color-white);
}

.js-s102-product__image {
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 4 / 3;
}

.js-s102-product__image .elementor-widget-container,
.js-s102-product__image img {
	width: 100%;
	height: 100%;
}

.js-s102-product__image img {
	object-fit: cover;
	transition: transform var(--js-transition);
}

.js-s102-product:hover .js-s102-product__image img {
	transform: scale(1.035);
}

.js-s102-product__meta,
.js-s102-product__title,
.js-s102-product > .js-s102-text-link {
	margin-inline: 1.5rem;
}

.js-s102-product__meta {
	margin-block: 1.5rem 0.65rem;
	color: var(--js-color-brand-100);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.js-s102-product__title {
	margin-block-end: 1.5rem;
	font-size: clamp(1.35rem, 1.8vw, 1.9rem);
	line-height: 1.16;
}

.js-s102-product > .js-s102-text-link {
	margin-block: auto 1.75rem;
}

.js-s102-project-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 3rem);
}

.js-s102-project-grid:has(.js-s102-project:nth-child(4)) {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.js-s102-project {
	display: flex !important;
	min-width: 0;
	flex-direction: column;
}

.js-s102-project__image {
	margin-block-end: 1.5rem;
	overflow: hidden;
	background: var(--js-color-brand-20);
	aspect-ratio: 4 / 3;
}

.js-s102-project__image .elementor-widget-container,
.js-s102-project__image img {
	width: 100%;
	height: 100%;
}

.js-s102-project__image img {
	object-fit: cover;
	transition: transform var(--js-transition);
}

.js-s102-project:hover .js-s102-project__image img {
	transform: scale(1.035);
}

.js-s102-project__meta {
	margin-block-end: 0.75rem;
	color: var(--js-color-brand-100);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.js-s102-project__title {
	margin-block-end: 1.5rem;
	font-size: clamp(1.35rem, 1.8vw, 1.9rem);
	line-height: 1.16;
}

.js-s102-project__title a {
	color: inherit;
	text-decoration: none;
}

.js-s102-project__title a:hover,
.js-s102-project__title a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.js-s102-text-link .elementor-button {
	min-height: auto;
	padding: 0 0 0.4rem;
	border: 0;
	border-bottom: 1px solid currentcolor;
	border-radius: 0;
	background: transparent;
	color: var(--js-color-text);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.09em;
	line-height: 1.3;
	text-transform: uppercase;
}

.js-s102-text-link .elementor-button:hover,
.js-s102-text-link .elementor-button:focus-visible {
	background: transparent;
	color: var(--js-color-brand-100);
}

.js-s102-link-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--js-color-border);
	background: var(--js-color-border);
}

.js-s102-link-card {
	display: flex !important;
	min-height: 15rem;
	padding: clamp(1.75rem, 3vw, 3rem);
	flex-direction: column;
	background: var(--js-color-white);
}

.js-s102-link-card__number {
	margin-block-end: auto;
	color: var(--js-color-brand-100);
	font-size: 0.75rem;
	letter-spacing: 0.12em;
}

.js-s102-link-card__title {
	margin-block: 2rem 1.5rem;
	font-size: clamp(1.4rem, 2vw, 2.15rem);
	line-height: 1.16;
}

.js-s102-link-card__title a {
	color: inherit;
	text-decoration: none;
}

.js-s102-gallery .gallery {
	display: grid !important;
	gap: clamp(0.75rem, 1.3vw, 1.25rem);
	margin: 0 !important;
}

.js-s102-gallery .gallery-item {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow: hidden;
	border: 0 !important;
	background: var(--js-color-brand-20);
}

.js-s102-gallery .gallery-icon,
.js-s102-gallery .gallery-icon a {
	display: block;
	width: 100%;
	height: 100%;
}

.js-s102-gallery .gallery-icon img {
	width: 100%;
	height: 100%;
	border: 0 !important;
	object-fit: cover;
	transition: transform 600ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.js-s102-gallery .gallery-item:hover img,
.js-s102-gallery .gallery-item:focus-within img {
	transform: scale(1.035);
}

.js-s102-gallery--asymmetric .gallery,
.js-s102-gallery--supply .gallery {
	grid-template-columns: 2fr 1fr 1fr;
	grid-auto-rows: clamp(13rem, 19vw, 20rem);
}

.js-s102-gallery--asymmetric .gallery-item:first-child,
.js-s102-gallery--supply .gallery-item:first-child {
	grid-row: span 2;
}

.js-s102-gallery--engineering .gallery {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: clamp(18rem, 27vw, 30rem);
}

.js-s102-gallery--technology .gallery {
	grid-template-columns: 1.45fr 1fr 1fr;
	grid-auto-rows: clamp(16rem, 24vw, 26rem);
}

.js-s102-gallery-section--supply,
.js-s102-gallery-section--technology {
	background: var(--js-color-ink);
	color: var(--js-color-milk);
}

.js-s102-global-cta,
.js-s102-global-cta .elementor-widget-container,
.js-s102-global-cta .elementor-shortcode {
	width: 100%;
}

.js-s102-cta {
	position: relative;
	isolation: isolate;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(2rem, 5vw, 6rem);
	align-items: end;
	overflow: hidden;
	padding: clamp(3rem, 6vw, 6rem);
	background:
		linear-gradient(105deg, rgb(21 24 23 / 98%) 0%, rgb(34 37 36 / 96%) 66%, rgb(47 51 50 / 94%) 100%),
		var(--js-color-graphite);
	color: var(--js-color-milk);
}

.js-s102-cta::after {
	position: absolute;
	z-index: -1;
	inset: 0 0 0 auto;
	width: min(43%, 38rem);
	background:
		linear-gradient(30deg, transparent 24%, rgb(244 241 234 / 8%) 25%, rgb(244 241 234 / 8%) 26%, transparent 27%, transparent 74%, rgb(244 241 234 / 8%) 75%, rgb(244 241 234 / 8%) 76%, transparent 77%),
		linear-gradient(150deg, transparent 24%, rgb(244 241 234 / 8%) 25%, rgb(244 241 234 / 8%) 26%, transparent 27%, transparent 74%, rgb(244 241 234 / 8%) 75%, rgb(244 241 234 / 8%) 76%, transparent 77%);
	background-position: 0 0, 0 0;
	background-size: 68px 118px;
	content: "";
	opacity: 0.8;
}

.js-s102-cta .js-s102-eyebrow,
.js-s102-cta__title,
.js-s102-cta__title .elementor-heading-title {
	color: var(--js-color-milk) !important;
}

.js-s102-cta__title {
	max-width: 17ch;
	margin-block-end: 1.5rem;
	font-size: clamp(2.4rem, 4.5vw, 5rem);
	line-height: 1.08;
}

.js-s102-cta__text {
	max-width: 47rem;
	color: rgb(244 241 234 / 78%);
	font-size: clamp(1rem, 1.25vw, 1.25rem);
	line-height: 1.62;
}

.js-s102-cta__button .elementor-button {
	min-height: 3.75rem;
	padding: 1.2rem 1.9rem;
	border: 1px solid var(--js-color-milk);
	border-radius: 0;
	background: var(--js-color-milk);
	color: var(--js-color-ink);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.js-s102-cta__button .elementor-button:hover,
.js-s102-cta__button .elementor-button:focus-visible {
	border-color: var(--js-color-brand-20);
	background: var(--js-color-brand-20);
	color: var(--js-color-ink);
}

@media (max-width: 1180px) {
	.js-s102-card-grid--four,
	.js-s102-card-grid--process {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.js-s102-project-grid:has(.js-s102-project:nth-child(4)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.js-s102-section {
		padding-block: clamp(5rem, 9vw, 6.5rem);
	}

	.js-s102-hero {
		min-height: 35rem;
	}

	.js-s102-copy-grid {
		margin-inline-start: 0;
	}

	.js-s102-card-grid--types,
	.js-s102-card-grid--materials,
	.js-s102-card-grid--applications {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.js-s102-product-grid,
	.js-s102-project-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.js-s102-gallery--asymmetric .gallery,
	.js-s102-gallery--supply .gallery {
		grid-auto-rows: clamp(12rem, 24vw, 17rem);
	}
}

@media (max-width: 767px) {
	.js-s102-section {
		padding: clamp(3.5rem, 15vw, 5rem) var(--js-gutter);
	}

	.js-s102-section--cta {
		padding-block: 3.5rem;
	}

	.js-s102-section-head {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-block-end: 3rem;
	}

	.js-s102-section-head > .js-s102-lead {
		grid-column: auto;
		margin-block-start: 0;
	}

	.js-s102-title {
		font-size: clamp(2.35rem, 10vw, 3.5rem);
		line-height: 1.12;
	}

	.js-s102-copy-grid,
	.js-s102-feature,
	.js-s102-feature--reverse,
	.js-s102-metric,
	.js-s102-cta {
		grid-template-columns: 1fr;
	}

	.js-s102-copy-grid {
		gap: 2rem;
	}

	.js-s102-hero {
		min-height: 0;
		padding-block: 7rem 4rem;
	}

	.js-s102-hero::before,
	.js-s102-hero--engineering::before {
		background: linear-gradient(90deg, rgb(15 17 16 / 84%), rgb(15 17 16 / 50%));
	}

	.js-s102-hero__title,
	.js-s102-hero--engineering .js-s102-hero__title,
	.js-s102-hero--technology .js-s102-hero__title,
	.js-s102-hero--supply .js-s102-hero__title {
		max-width: 16ch;
		font-size: clamp(2.65rem, 11vw, 4.25rem);
		line-height: 1.06;
	}

	.js-s102-hero__lead {
		font-size: 1.0625rem;
	}

	.js-s102-card-grid,
	.js-s102-card-grid--four,
	.js-s102-card-grid--types,
	.js-s102-card-grid--process,
	.js-s102-card-grid--materials,
	.js-s102-card-grid--applications,
	.js-s102-card-grid--three {
		grid-template-columns: 1fr;
	}

	.js-s102-card {
		min-height: 13.5rem;
	}

	.js-s102-feature {
		gap: 2.5rem;
	}

	.js-s102-feature--reverse .js-s102-feature__copy {
		order: 2;
	}

	.js-s102-feature--reverse .js-s102-feature__image {
		order: 1;
	}

	.js-s102-metric__number {
		padding: 0 0 2rem;
		border-inline-end: 0;
		border-block-end: 1px solid rgb(244 241 234 / 24%);
	}

	.js-s102-metric__value {
		font-size: clamp(3rem, 13vw, 5rem);
		white-space: normal;
	}

	.js-s102-product-grid,
	.js-s102-project-grid,
	.js-s102-project-grid:has(.js-s102-project:nth-child(4)),
	.js-s102-link-grid {
		grid-template-columns: 1fr;
	}

	.js-s102-gallery--asymmetric .gallery,
	.js-s102-gallery--supply .gallery,
	.js-s102-gallery--engineering .gallery,
	.js-s102-gallery--technology .gallery {
		grid-template-columns: 1fr;
		grid-auto-rows: clamp(14rem, 68vw, 21rem);
	}

	.js-s102-gallery--asymmetric .gallery-item:first-child,
	.js-s102-gallery--supply .gallery-item:first-child {
		grid-row: span 1;
	}

	.js-s102-cta {
		align-items: start;
	}

	.js-s102-cta::after {
		width: 70%;
		opacity: 0.55;
	}
}

@media (max-width: 390px) {
	.js-s102-section,
	.js-s102-section--cta,
	.js-s102-hero {
		padding-inline: 1.25rem;
	}

	.js-s102-hero {
		padding-block: 6.5rem 3.5rem;
	}

	.js-s102-hero__title,
	.js-s102-hero--engineering .js-s102-hero__title,
	.js-s102-hero--technology .js-s102-hero__title,
	.js-s102-hero--supply .js-s102-hero__title {
		font-size: clamp(2.35rem, 12vw, 3.3rem);
	}

	.js-s102-breadcrumbs {
		margin-block-end: 1.75rem;
	}

	.js-s102-card {
		padding: 1.5rem;
	}

	.js-s102-cta {
		padding: 2rem;
	}

	.js-s102-cta__button .elementor-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.js-s102-card,
	.js-s102-feature__image img,
	.js-s102-project__image img,
	.js-s102-product__image img,
	.js-s102-gallery .gallery-icon img {
		transition: none;
	}
}