/**
 * LT Portfolio: the model line-up.
 * One bold element: the line-up on the cutting mat (every model of a product, to scale, in the order it was made).
 * Everything else is quiet: primer-grey pages, hairline rows, 3px corners, no shadows, no gradients, no cards.
 * Grid yellow lives only on the mat: the grid, the ruler, the shipped model's tag.
 * Jura for headings, model codes and prices; Hind for everything else.
 */

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.lt-brand__name,
.lt-blog__title,
.lt-single__title,
.lt-404__title {
	letter-spacing: -0.005em;
}

.lt-h3 .elementor-heading-title {
	font-size: var(--lt-fs-xl);
}

.lt-h4 .elementor-heading-title {
	font-size: var(--lt-fs-md);
	font-weight: 700;
	letter-spacing: 0;
}

body .elementor-button {
	letter-spacing: 0.01em;
}

/* ---------- Top bar and header ---------- */

.e-con.lt-sec.lt-topbar-bar {
	--padding-top: 0.5rem;
	--padding-bottom: 0.5rem;
	font-size: var(--lt-fs-sm);
}

.lt-topbar-bar .elementor-widget-text-editor {
	color: var(--lt-on-dark);
	white-space: nowrap;
}

.lt-topbar-bar .lt-topbar__news {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lt-dark .lt-topbar__news.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
}

.lt-header {
	border-bottom-color: var(--lt-line);
}

.lt-brand__mark {
	width: 2.25rem;
	height: 2.25rem;
}

.lt-brand__name {
	font-size: 1.5rem;
	font-weight: 700;
}

body .lt-menu a {
	font-weight: 500;
}

/* ---------- The cutting mat ---------- */

.e-con.lt-mat {
	background-color: var(--lt-dark);
	background-image:
		linear-gradient(color-mix(in srgb, var(--lt-accent) 20%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--lt-accent) 20%, transparent) 1px, transparent 1px),
		linear-gradient(color-mix(in srgb, var(--lt-accent) 9%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--lt-accent) 9%, transparent) 1px, transparent 1px);
	background-size: 7.5rem 7.5rem, 7.5rem 7.5rem, 1.5rem 1.5rem, 1.5rem 1.5rem;
	background-position: -1px -1px;
}

/* A mat inside a light section (Work page, case studies). */
.e-con.lt-lineup-wrap.lt-mat {
	--padding-top: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	--padding-bottom: clamp(1.25rem, 1rem + 1.5vw, 2rem);
	--padding-left: clamp(1rem, 0.5rem + 2vw, 2.5rem);
	--padding-right: clamp(1rem, 0.5rem + 2vw, 2.5rem);
	border-radius: var(--lt-radius-img);
}

/* ---------- Home hero ---------- */

.e-con.lt-hero {
	--padding-top: clamp(3rem, 2rem + 4vw, 5.5rem);
	--padding-bottom: clamp(3rem, 2rem + 4vw, 5rem);
}

.lt-hero__title .elementor-heading-title {
	font-size: var(--lt-fs-hero);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: -0.015em;
	color: var(--lt-on-dark);
	max-width: 17ch;
}

.lt-hero__lede.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
	font-size: var(--lt-fs-md);
	line-height: 1.5;
	max-width: 34rem;
}

body .lt-dark .elementor-widget-button.lt-btn--primary .elementor-button {
	background: var(--lt-on-dark);
	color: var(--lt-dark);
}

body .lt-dark .elementor-widget-button.lt-btn--primary .elementor-button:hover {
	background: var(--lt-accent);
	color: var(--lt-dark);
}

/* ---------- The line-up ---------- */

.lt-model__img img {
	display: block;
	width: 100%;
	height: auto;
}

.lt-lineup--pour .lt-model__img img {
	aspect-ratio: 1 / 1;
}

.lt-lineup--pour .lt-model--ruler .lt-model__img img {
	aspect-ratio: 1 / 5;
}

.lt-lineup--tail .lt-model__img img {
	aspect-ratio: 100 / 120;
}

.lt-lineup--tail .lt-model--ruler .lt-model__img img {
	aspect-ratio: 20 / 120;
}

.lt-lineup--fern .lt-model__img img {
	aspect-ratio: 260 / 370;
}

.lt-lineup--fern .lt-model--ruler .lt-model__img img {
	aspect-ratio: 52 / 370;
}

.lt-model__tag.elementor-widget-text-editor {
	font-size: var(--lt-fs-sm);
	line-height: 1.35;
	border-top: 1px solid color-mix(in srgb, var(--lt-accent) 45%, transparent);
	padding-top: 0.5rem;
}

.lt-dark .lt-model__tag.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
}

.lt-model__tag p {
	margin: 0;
}

.lt-model__tag strong {
	font-family: var(--lt-font-display);
	font-weight: 700;
	color: var(--lt-on-dark);
}

.lt-model.is-shipped .lt-model__tag strong {
	color: var(--lt-accent);
}

.lt-model.is-shipped .lt-model__tag.elementor-widget-text-editor {
	border-top: 2px solid var(--lt-accent);
}

.lt-model--ruler .lt-model__tag.elementor-widget-text-editor {
	border-top: 0;
	text-align: right;
}

.lt-lineup__cap.elementor-widget-text-editor {
	font-size: 0.9375rem;
	max-width: 46rem;
}

.lt-dark .lt-lineup__cap.elementor-widget-text-editor {
	color: var(--lt-on-dark-soft);
}

/* The one motion moment: the hero models are set down on the mat, one after another. */
@media (prefers-reduced-motion: no-preference) {
	.lt-hero .lt-model:not(.lt-model--ruler) .lt-model__img img {
		animation: lt-set-down 0.4s ease-out both;
	}

	.lt-hero .lt-model:nth-child(3) .lt-model__img img { animation-delay: 0.06s; }
	.lt-hero .lt-model:nth-child(4) .lt-model__img img { animation-delay: 0.12s; }
	.lt-hero .lt-model:nth-child(5) .lt-model__img img { animation-delay: 0.18s; }
	.lt-hero .lt-model:nth-child(6) .lt-model__img img { animation-delay: 0.24s; }
	.lt-hero .lt-model:nth-child(7) .lt-model__img img { animation-delay: 0.3s; }
	.lt-hero .lt-model:nth-child(8) .lt-model__img img { animation-delay: 0.36s; }
}

@keyframes lt-set-down {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Model legend ---------- */

.lt-swatch.elementor-widget-image {
	text-align: left;
}

.lt-swatch img {
	display: block;
	width: 3rem;
	height: 3rem;
}

.e-con.lt-material {
	border-top: 1px solid var(--lt-line);
	--padding-top: 1.25rem;
}

/* ---------- Projects ---------- */

.e-con.lt-project {
	--padding-top: 2.5rem;
	--padding-bottom: 2.5rem;
}

.lt-project__img img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	border-radius: var(--lt-radius-img);
}

.lt-project .elementor-heading-title a {
	color: inherit;
}

.lt-facts__label.elementor-widget-text-editor {
	color: var(--lt-soft);
	font-size: var(--lt-fs-sm);
	padding-top: 0.15rem;
}

.lt-facts__value.elementor-widget-text-editor {
	font-weight: 500;
}

.lt-facts .e-con.lt-facts__row {
	--padding-top: 0.55rem;
	--padding-bottom: 0.55rem;
}

/* ---------- Services and prices ---------- */

.e-con.lt-service {
	--padding-top: 2rem;
	--padding-bottom: 2rem;
}

.lt-service__price,
.lt-price__amount {
	font-family: var(--lt-font-display);
	font-weight: 700;
	line-height: 1.15;
}

.lt-service__price {
	font-size: var(--lt-fs-lg);
}

.lt-service > .e-con:last-child {
	align-items: flex-end;
	text-align: right;
}

.lt-price__label {
	font-size: var(--lt-fs-md);
	font-weight: 500;
}

.lt-price__note.elementor-widget-text-editor {
	color: var(--lt-soft);
	font-size: var(--lt-fs-sm);
}

.lt-price__amount {
	font-size: var(--lt-fs-lg);
	text-align: right;
}

.e-con.lt-includes {
	--padding-top: 2rem;
	--padding-bottom: 2rem;
	--padding-left: 2rem;
	--padding-right: 2rem;
	align-self: start;
	background: var(--lt-surface);
	border-top: 3px solid var(--lt-primary);
}

.lt-tint .e-con.lt-includes {
	background: var(--lt-base);
}

@media (max-width: 1024px) {
	.lt-service > .e-con:last-child {
		grid-column: 2;
		align-items: flex-start;
		text-align: left;
	}
}

@media (max-width: 767px) {
	.lt-service > .e-con:last-child {
		grid-column: auto;
	}
}

/* ---------- Steps (a real sequence) ---------- */

.e-con.lt-step {
	--padding-top: 1.25rem;
	--padding-bottom: 1.25rem;
}

.lt-step__n p {
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 2px solid var(--lt-primary);
	border-radius: var(--lt-radius-btn);
	color: var(--lt-primary);
	font-family: var(--lt-font-display);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
}

.lt-step__weeks.elementor-widget-text-editor {
	color: var(--lt-soft);
	font-size: var(--lt-fs-sm);
}

/* ---------- Case studies: what each model changed ---------- */

.e-con.lt-change {
	--padding-top: 1rem;
	--padding-bottom: 1rem;
}

.lt-change__code p {
	display: inline-block;
	padding: 0.15rem 0.45rem;
	background: var(--lt-dark);
	color: var(--lt-on-dark);
	border-radius: var(--lt-radius-btn);
	font-family: var(--lt-font-display);
	font-weight: 700;
	line-height: 1.3;
}

/* ---------- About ---------- */

.e-con.lt-principles > .e-con {
	border-top: 1px solid var(--lt-line);
	--padding-top: 1.5rem;
}

.lt-job__years.elementor-widget-text-editor {
	font-family: var(--lt-font-display);
	font-weight: 700;
	color: var(--lt-primary);
	padding-top: 0.2rem;
}

.e-con.lt-job {
	--padding-top: 1.25rem;
	--padding-bottom: 1.25rem;
}

/* ---------- Quote ---------- */

.lt-quote.elementor-widget-text-editor {
	max-width: 46rem;
	font-family: var(--lt-font-display);
	font-size: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem);
	font-weight: 500;
	line-height: 1.3;
	color: var(--lt-ink);
}

/* ---------- Inner pages ---------- */

.e-con.lt-pagehead {
	--padding-top: clamp(3rem, 2rem + 4vw, 5.5rem);
	--padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
	border-bottom: 1px solid var(--lt-line);
}

.lt-pagehead__title .elementor-heading-title {
	font-size: var(--lt-fs-3xl);
	max-width: 20ch;
}

/* Contact blocks */
.e-con.lt-desks {
	border-top: 1px solid var(--lt-line);
}

.e-con.lt-desk {
	--padding-top: 2rem;
	--padding-bottom: 2rem;
	--padding-right: 2rem;
	border-bottom: 1px solid var(--lt-line);
}

.lt-desk a {
	font-weight: 600;
}

/* Call to action band */
.lt-cta__title .elementor-heading-title {
	font-size: var(--lt-fs-3xl);
	color: var(--lt-on-dark);
}

/* ---------- Footer ---------- */

.e-con.lt-sec.lt-footer {
	--padding-top: 4rem;
	--padding-bottom: 2.5rem;
}

.lt-footer__brand .elementor-heading-title {
	font-size: 1.75rem;
	color: var(--lt-on-dark);
}

.lt-footer__title .elementor-heading-title {
	font-family: var(--lt-font-ui);
	font-size: var(--lt-fs-base);
	font-weight: 600;
	letter-spacing: 0;
	color: var(--lt-on-dark-soft);
}

.lt-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lt-links li {
	margin: 0 0 0.5rem;
}

.lt-credit-bar {
	border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 14%, transparent);
}

/* ---------- Blog ---------- */

.lt-posts--grid .lt-post {
	border-top: 2px solid var(--lt-primary);
	padding-top: 1rem;
}

.lt-posts--grid .lt-post.has-img {
	border-top: 0;
	padding-top: 0;
}

/* ---------- Contact form ---------- */

.e-con.lt-form {
	border: 0;
	border-top: 3px solid var(--lt-primary);
	background: var(--lt-base);
}

/* ---------- Phones ---------- */

@media (max-width: 767px) {
	.lt-topbar-bar .lt-topbar__line:not(.lt-topbar__news) {
		display: none;
	}

	.e-con.lt-model--ruler {
		display: none !important;
	}

	.lt-model__tag.elementor-widget-text-editor {
		font-size: 0.8125rem;
	}

	.lt-price__label {
		font-size: var(--lt-fs-base);
	}

	.lt-price__amount {
		font-size: var(--lt-fs-md);
	}

	.lt-service > .e-con:last-child {
		align-items: flex-start;
		text-align: left;
	}
}