/* =========================================================
   Luxury Tinting – Main Stylesheet
   ========================================================= */

/* ── Custom Properties ─────────────────────────────────── */
:root {
	--lt-black:       #0a0a0a;
	--lt-dark:        #111111;
	--lt-card:        #1a1a1a;
	--lt-card-hover:  #222222;
	--lt-border:      rgba(255,255,255,0.08);
	--lt-gold:        #c9a84c;
	--lt-gold-light:  #e8c97e;
	--lt-gold-dark:   #a07830;
	--lt-white:       #ffffff;
	--lt-grey-light:  #f5f5f5;
	--lt-text-primary:#ffffff;
	--lt-text-muted:  #a0a0a0;
	--lt-text-dim:    #666666;

	--lt-font-heading: 'Cormorant Garamond', Georgia, serif;
	--lt-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--lt-brand-font:   'Bebas Neue';

	--lt-container:   1280px;
	--lt-radius:      4px;
	--lt-radius-lg:   8px;

	--lt-transition:  0.3s ease;
	--lt-transition-slow: 0.6s ease;

	--lt-shadow:      0 4px 24px rgba(0,0,0,0.4);
	--lt-shadow-gold: 0 4px 24px rgba(201,168,76,0.2);
	--lt-shadow-lg:   0 16px 48px rgba(0,0,0,0.6);
}

/* ── Reset & Base ──────────────────────────────────────── */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: var(--lt-font-body);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--lt-text-primary);
	background-color: var(--lt-black);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

a {
	color: var(--lt-gold);
	text-decoration: none;
	transition: color var(--lt-transition);
}

a:hover {
	color: var(--lt-gold-light);
}

ul, ol {
	list-style: none;
}

button {
	cursor: pointer;
	border: none;
	background: none;
	font-family: inherit;
}

/* ── Screen Reader / Accessibility ────────────────────── */
.screen-reader-text,
.lt-skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	clip-path: inset(50%);
}

.lt-skip-link:focus {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 9999;
	width: auto;
	height: auto;
	padding: 0.75rem 1.5rem;
	clip: auto;
	clip-path: none;
	background: var(--lt-gold);
	color: var(--lt-black);
	font-weight: 600;
	border-radius: var(--lt-radius);
}

/* ── Container ─────────────────────────────────────────── */
.lt-container {
	width: 100%;
	max-width: var(--lt-container);
	margin: 0 auto;
	padding: 0 2rem;
}

/* ── Typography ────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--lt-font-heading);
	font-weight: 600;
	line-height: 1.15;
	color: var(--lt-white);
}

h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); }
h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
h4 { font-size: 1.25rem; }

p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

.lt-eyebrow {
	display: inline-block;
	font-family: var(--lt-font-body);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--lt-gold);
	margin-bottom: 1rem;
}

/* ── Gold Divider ──────────────────────────────────────── */
.lt-divider {
	display: flex;
	align-items: center;
	margin: 1.25rem 0;
}

.lt-divider span {
	display: block;
	width: 60px;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold), transparent);
}

.lt-section-header--center .lt-divider {
	justify-content: center;
}

.lt-section-header--center .lt-divider span {
	background: linear-gradient(90deg, transparent, var(--lt-gold), transparent);
	width: 100px;
}

/* ── Section Headers ───────────────────────────────────── */
.lt-section-header {
	margin-bottom: 4rem;
}

.lt-section-header--center {
	text-align: center;
}

.lt-section-title {
	margin-top: 0.25rem;
}

.lt-section-subtitle {
	max-width: 640px;
	color: var(--lt-text-muted);
	font-size: 1.05rem;
	margin-top: 0.75rem;
}

.lt-section-header--center .lt-section-subtitle {
	margin: 0.75rem auto 0;
}

/* ── Buttons ───────────────────────────────────────────── */
.lt-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 2rem;
	font-family: var(--lt-font-body);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: var(--lt-radius);
	border: 2px solid transparent;
	transition: all var(--lt-transition);
	text-decoration: none;
	white-space: nowrap;
}

.lt-btn--gold {
	background: var(--lt-gold);
	color: var(--lt-black);
	border-color: var(--lt-gold);
}

.lt-btn--gold:hover {
	background: var(--lt-gold-light);
	border-color: var(--lt-gold-light);
	color: var(--lt-black);
	box-shadow: var(--lt-shadow-gold);
	transform: translateY(-2px);
}

.lt-btn--outline {
	background: transparent;
	color: var(--lt-white);
	border-color: rgba(255,255,255,0.4);
}

.lt-btn--outline:hover {
	border-color: var(--lt-gold);
	color: var(--lt-gold);
	transform: translateY(-2px);
}

.lt-btn--glass {
	background: rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(16px) saturate(150%);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	color: var(--lt-white);
	border-color: rgba(255, 255, 255, 0.15);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 4px 16px rgba(0, 0, 0, 0.2);
}

.lt-btn--glass:hover {
	background: rgba(201, 168, 76, 0.15);
	border-color: rgba(201, 168, 76, 0.6);
	color: var(--lt-gold);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 4px 20px rgba(201, 168, 76, 0.2);
	transform: translateY(-2px);
}

.lt-btn--dark {
	background: var(--lt-card);
	color: var(--lt-white);
	border-color: var(--lt-border);
}

.lt-btn--dark:hover {
	background: var(--lt-card-hover);
	border-color: var(--lt-gold);
	color: var(--lt-gold);
}

.lt-btn--lg {
	padding: 1.1rem 2.5rem;
	font-size: 0.9rem;
}

.lt-btn--sm {
	padding: 0.6rem 1.25rem;
	font-size: 0.8rem;
}

/* ── Top Bar ───────────────────────────────────────────── */
/* ── Top Bar ────────────────────────────────────────────── */
.lt-topbar {
	background: #0d0d0d;
	border-bottom: 1px solid rgba(201,168,76,0.12);
	padding: 0.45rem 0;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	position: relative;
	overflow: hidden;
}

/* Subtle gold sweep line across topbar */
.lt-topbar::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--lt-gold) 30%, var(--lt-gold-light) 50%, var(--lt-gold) 70%, transparent 100%);
	opacity: 0.4;
}

.lt-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.lt-topbar__left {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.lt-topbar__dash {
	display: block;
	width: 28px;
	height: 1px;
	background: linear-gradient(90deg, var(--lt-gold), transparent);
}

.lt-topbar__label {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lt-text-dim);
}

.lt-topbar__contact {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.lt-topbar__sep {
	display: block;
	width: 1px;
	height: 14px;
	background: rgba(255,255,255,0.1);
}

.lt-topbar__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--lt-text-muted);
	text-decoration: none;
	transition: color var(--lt-transition);
}

.lt-topbar__item:hover { color: var(--lt-gold-light); }

.lt-topbar__icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(201,168,76,0.08);
	border: 1px solid rgba(201,168,76,0.15);
	border-radius: 50%;
	flex-shrink: 0;
	transition: background var(--lt-transition), border-color var(--lt-transition);
}

.lt-topbar__item:hover .lt-topbar__icon {
	background: rgba(201,168,76,0.18);
	border-color: rgba(201,168,76,0.4);
}

.lt-topbar__icon svg { fill: var(--lt-gold); }

.lt-topbar__social .lt-social-links {
	display: flex;
	gap: 0.5rem;
}

.lt-topbar__social .lt-social-link {
	color: var(--lt-text-dim);
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.06);
	transition: color var(--lt-transition), border-color var(--lt-transition), background var(--lt-transition);
}

.lt-topbar__social .lt-social-link:hover {
	color: var(--lt-gold);
	border-color: rgba(201,168,76,0.3);
	background: rgba(201,168,76,0.06);
}

/* ── Header ────────────────────────────────────────────── */
.lt-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(10,10,10,0.92);
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border-bottom: 1px solid rgba(201,168,76,0.08);
	transition: background 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Thin gold hairline at very bottom of header */
.lt-header::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(201,168,76,0.5) 50%, transparent 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.lt-header.is-scrolled {
	background: rgba(8,8,8,0.98);
	box-shadow: 0 4px 40px rgba(0,0,0,0.7);
	border-color: rgba(201,168,76,0.15);
}

.lt-header.is-scrolled::after { opacity: 1; }

.lt-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	height: 76px;
}

/* ── Logo ───────────────────────────────────────────────── */
.lt-header__logo a {
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
}

.lt-header__logo img {
	height: 48px;
	width: auto;
	transition: filter 0.3s ease;
}

.lt-header__logo a:hover img { filter: brightness(1.15); }

.lt-logo-text {
	font-family: var(--lt-font-heading);
	font-size: 1.55rem;
	font-weight: 700;
	color: var(--lt-white);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	position: relative;
}

/* Gold left-edge accent bar on logo text */
.lt-logo-text::before {
	content: '';
	position: absolute;
	left: -14px;
	top: 10%;
	height: 80%;
	width: 2px;
	background: linear-gradient(to bottom, var(--lt-gold), var(--lt-gold-light));
	border-radius: 2px;
}

.lt-logo-text span { color: var(--lt-gold); }

/* ── Primary Nav ────────────────────────────────────────── */
.lt-nav {
	flex: 1;
	display: flex;
	justify-content: center;
}

.lt-nav__menu {
	display: flex;
	align-items: center;
	gap: 0;
	list-style: none;
}

.lt-nav__item { position: relative; }

.lt-nav__link {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.55rem 1.1rem;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	position: relative;
	transition: color 0.3s ease;
	white-space: nowrap;
}

/* Animated underline — grows from center on hover */
.lt-nav__link-line {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	width: calc(100% - 2.2rem);
	height: 1px;
	background: linear-gradient(90deg, var(--lt-gold), var(--lt-gold-light));
	border-radius: 1px;
	transform-origin: center;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Wrap the text so glow can target it */
.lt-nav__link-text {
	position: relative;
	transition: text-shadow 0.3s ease;
}

.lt-nav__link:hover {
	color: var(--lt-white);
}

.lt-nav__link:hover .lt-nav__link-line { transform: translateX(-50%) scaleX(1); }

.lt-nav__link:hover .lt-nav__link-text {
	text-shadow: 0 0 20px rgba(201,168,76,0.4);
}

/* Current page — permanent gold + underline */
.lt-nav__item.current-menu-item > .lt-nav__link,
.lt-nav__item.current-menu-ancestor > .lt-nav__link {
	color: var(--lt-gold-light);
}

.lt-nav__item.current-menu-item > .lt-nav__link .lt-nav__link-line,
.lt-nav__item.current-menu-ancestor > .lt-nav__link .lt-nav__link-line {
	transform: translateX(-50%) scaleX(1);
	background: var(--lt-gold);
}

/* Chevron */
.lt-nav__chevron {
	fill: currentColor;
	opacity: 0.5;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.lt-nav__item:hover .lt-nav__chevron {
	transform: rotate(180deg);
	opacity: 1;
}

/* ── Dropdown ───────────────────────────────────────────── */
.lt-nav__dropdown {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%) translateY(-10px);
	min-width: 230px;
	background: rgba(15,15,15,0.97);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(201,168,76,0.14);
	border-top: 2px solid var(--lt-gold);
	border-radius: 0 0 var(--lt-radius-lg) var(--lt-radius-lg);
	box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.03);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
	z-index: 200;
	overflow: hidden;
}

/* Dropdown arrow pointer */
.lt-nav__dropdown::before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--lt-gold);
}

.lt-nav__item:hover > .lt-nav__dropdown,
.lt-nav__item:focus-within > .lt-nav__dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.lt-nav__dropdown .lt-nav__item {
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.lt-nav__dropdown .lt-nav__item:last-child { border-bottom: none; }

.lt-nav__dropdown .lt-nav__link {
	padding: 0.85rem 1.4rem;
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	border-radius: 0;
	width: 100%;
	color: rgba(255,255,255,0.55);
	/* Left gold bar on hover */
	border-left: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, padding 0.2s ease;
}

.lt-nav__dropdown .lt-nav__link:hover {
	color: var(--lt-gold-light);
	border-left-color: var(--lt-gold);
	background: rgba(201,168,76,0.06);
	padding-left: 1.6rem;
}

/* Hide underline line inside dropdown */
.lt-nav__dropdown .lt-nav__link-line { display: none; }

/* ── Header CTA button ──────────────────────────────────── */
.lt-header__cta .lt-btn--gold {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.65rem 1.5rem;
	position: relative;
	overflow: hidden;
}

/* Shimmer sweep on CTA */
.lt-header__cta .lt-btn--gold::after {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(105deg, transparent, rgba(255,255,255,0.22), transparent);
	transform: skewX(-20deg);
	transition: left 0.55s ease;
}

.lt-header__cta .lt-btn--gold:hover::after { left: 150%; }

/* ── Hamburger ──────────────────────────────────────────── */
.lt-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	width: 40px;
	height: 40px;
	padding: 8px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: var(--lt-radius);
	transition: border-color var(--lt-transition), background var(--lt-transition);
	cursor: pointer;
}

.lt-hamburger:hover {
	border-color: rgba(201,168,76,0.4);
	background: rgba(201,168,76,0.06);
}

.lt-hamburger__line {
	display: block;
	width: 100%;
	height: 1.5px;
	background: var(--lt-white);
	border-radius: 2px;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, width 0.35s ease;
	transform-origin: center;
}

/* Middle line shorter — asymmetric look */
.lt-hamburger__line:nth-child(2) { width: 70%; }

.lt-hamburger.is-active .lt-hamburger__line:nth-child(1) {
	transform: translateY(7.5px) rotate(45deg);
}
.lt-hamburger.is-active .lt-hamburger__line:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}
.lt-hamburger.is-active .lt-hamburger__line:nth-child(3) {
	transform: translateY(-7.5px) rotate(-45deg);
}

/* (mobile backdrop replaced by full-screen overlay) */

/* ── Hero ──────────────────────────────────────────────── */
.lt-hero {
	position: relative;
	min-height: 92vh;
	display: flex;
	align-items: center;
	background-color: var(--lt-dark);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
}

.lt-hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}

.lt-hero--video {
	background-image: none !important;
}

.lt-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(0,0,0,0.85) 0%,
		rgba(0,0,0,0.6) 50%,
		rgba(0,0,0,0.75) 100%
	);
	z-index: 1;
}

.lt-hero__content {
	position: relative;
	z-index: 2;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.lt-hero__inner {
	max-width: 720px;
}

.lt-hero__eyebrow {
	margin-bottom: 1.25rem;
}

.lt-hero__title {
	font-size: clamp(2.75rem, 6.5vw, 5rem);
	font-weight: 700;
	line-height: 1.05;
	margin-bottom: 1.5rem;
	background: linear-gradient(135deg, var(--lt-white) 60%, var(--lt-gold-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.lt-hero__subtitle {
	font-size: 1.2rem;
	color: rgba(255,255,255,0.75);
	max-width: 560px;
	margin-bottom: 2rem;
	line-height: 1.7;
}

.lt-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 2.5rem;
}

.lt-hero__badge {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: rgba(201,168,76,0.12);
	border: 1px solid rgba(201,168,76,0.3);
	border-radius: 50px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--lt-gold-light);
	letter-spacing: 0.04em;
}

.lt-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.lt-hero__scroll-indicator {
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.lt-hero__scroll-line {
	width: 1px;
	height: 60px;
	background: linear-gradient(to bottom, var(--lt-gold), transparent);
	margin: 0 auto;
	animation: lt-scroll-pulse 2s ease-in-out infinite;
}

@keyframes lt-scroll-pulse {
	0%, 100% { opacity: 0.4; transform: scaleY(1); }
	50% { opacity: 1; transform: scaleY(0.8); }
}

/* ── Stats ─────────────────────────────────────────────── */
.lt-stats {
	background: var(--lt-gold);
	padding: 2.5rem 0;
}

.lt-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

.lt-stats__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0.5rem 1.5rem;
	border-right: 1px solid rgba(0,0,0,0.15);
}

.lt-stats__item:last-child {
	border-right: none;
}

.lt-stats__number {
	font-family: var(--lt-font-heading);
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--lt-black);
	line-height: 1;
	margin-bottom: 0.25rem;
}

.lt-stats__label {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(0,0,0,0.7);
}

/* ==========================================================
   Stat Bar – compact odometer strip
   ========================================================== */

.lt-statbar {
	position: relative;
	background: var(--lt-black);
	border-top: 1px solid rgba(201,168,76,0.2);
	border-bottom: 1px solid rgba(201,168,76,0.2);
	padding: 2.2rem 0;
	overflow: hidden;
}

/* Gold shimmer that sweeps left→right every 4s */
.lt-statbar__shimmer {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 30%,
		rgba(201,168,76,0.07) 50%,
		transparent 70%
	);
	animation: lt-statbar-shimmer 4s ease-in-out infinite;
	pointer-events: none;
}

@keyframes lt-statbar-shimmer {
	0%   { transform: translateX(-100%); }
	100% { transform: translateX(100%); }
}

/* 4-col grid with vertical dividers */
.lt-statbar__grid {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lt-statbar__divider {
	width: 1px;
	height: 48px;
	background: linear-gradient(to bottom, transparent, rgba(201,168,76,0.3), transparent);
	flex-shrink: 0;
}

.lt-statbar__item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
	padding: 0 1rem;
}

.lt-statbar__icon {
	color: var(--lt-gold);
	opacity: 0.7;
	margin-bottom: 0.15rem;
	line-height: 0;
}

.lt-statbar__number {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
	font-weight: 700;
	color: var(--lt-gold);
	line-height: 1;
	letter-spacing: -0.02em;
}

.lt-statbar__label {
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lt-text-muted);
	text-align: center;
}

/* Fade-in each item on scroll */
.lt-statbar__item[data-animate] {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.lt-statbar__item.is-visible {
	opacity: 1;
	transform: none;
}

@media (max-width: 640px) {
	.lt-statbar { padding: 1.8rem 0; }

	.lt-statbar__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.4rem 0;
	}

	.lt-statbar__divider { display: none; }

	.lt-statbar__item { padding: 0 0.5rem; }

	.lt-statbar__number { font-size: 1.6rem; }
}

/* -- Services -------------------------------------------- */
.lt-services {
	padding: 7rem 0;
	background: var(--lt-dark);
	position: relative;
	overflow: hidden;
}

/* Background image (CSS variable set inline) */
.lt-services--has-bg {
	background-image: var(--lt-svc-bg, none);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Background video */
.lt-services__bg-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	pointer-events: none;
}

/* Dark overlay — image/video fica întunecat */
.lt-services__bg-overlay {
	display: none;
}
.lt-services--has-bg .lt-services__bg-overlay {
	display: block;
	position: absolute;
	inset: 0;
	background: rgba(5, 5, 5, 0.78);
	z-index: 1;
}

/* Content above overlay */
.lt-services__inner {
	position: relative;
	z-index: 2;
}

.lt-services__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

/* ── iOS 26 Liquid Glass ─────────────────────────────────── */
.lt-service-card {
	position: relative;
	background: rgba(255, 255, 255, 0.055);
	backdrop-filter: blur(28px) saturate(160%) brightness(1.04);
	-webkit-backdrop-filter: blur(28px) saturate(160%) brightness(1.04);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 22px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow:
		0 2px 6px rgba(0, 0, 0, 0.18),
		0 8px 28px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -1px 0 rgba(0, 0, 0, 0.08);
	transition: transform var(--lt-transition), border-color var(--lt-transition), box-shadow var(--lt-transition);
}

/* specular highlight — simuleaza refractia luminii pe sticla */
.lt-service-card::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		145deg,
		rgba(255, 255, 255, 0.11) 0%,
		rgba(255, 255, 255, 0.04) 35%,
		transparent 65%
	);
	pointer-events: none;
	z-index: 0;
}

.lt-service-card > * {
	position: relative;
	z-index: 1;
}

.lt-service-card:hover {
	transform: translateY(-6px);
	border-color: rgba(201, 168, 76, 0.45);
	box-shadow:
		0 4px 12px rgba(0, 0, 0, 0.22),
		0 20px 52px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(201, 168, 76, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.24),
		inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/* Image area */
.lt-service-card__image-wrap {
	position: relative;
	height: 240px;
	overflow: hidden;
	background: #111;
}

.lt-service-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.6s ease;
}

.lt-service-card:hover .lt-service-card__img {
	transform: scale(1.06);
}

/* Gradient overlay on image */
.lt-service-card__image-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		transparent 40%,
		rgba(0,0,0,0.7) 100%
	);
	pointer-events: none;
}

/* Icon fallback when no photo */
.lt-service-card__icon-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #111 0%, #1e1a0e 100%);
}

.lt-service-card__icon-fallback svg {
	width: 72px;
	height: 72px;
	fill: rgba(201,168,76,0.35);
}

/* Body */
.lt-service-card__body {
	flex: 1;
	padding: 1.75rem 1.75rem 0;
}

.lt-service-card__title {
	font-size: 1.55rem;
	font-weight: 800;
	margin-bottom: 0.75rem;
	color: var(--lt-white);
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.lt-service-card__excerpt {
	font-size: 0.875rem;
	color: var(--lt-text-muted);
	line-height: 1.75;
	margin-bottom: 1.25rem;
}

/* Meta */
.lt-service-card__meta {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-bottom: 0.25rem;
}

/* Price row */
.lt-service-card__price-row {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	padding: 0.75rem 1rem;
	background: rgba(201,168,76,0.06);
	border-left: 3px solid var(--lt-gold);
	border-radius: 0 4px 4px 0;
}

.lt-service-card__price-label {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--lt-text-muted);
}

.lt-service-card__price-value {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--lt-gold-light);
	line-height: 1;
}

/* Duration chip */
.lt-service-card__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--lt-text-muted);
}

.lt-service-card__chip svg {
	flex-shrink: 0;
	fill: var(--lt-text-muted);
	opacity: 0.7;
}

/* Footer CTA */
.lt-service-card__footer {
	padding: 1.5rem 1.75rem 1.75rem;
	margin-top: 1.5rem;
}

.lt-service-card__link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.85rem 1.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lt-gold);
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.14),
		0 2px 8px rgba(0, 0, 0, 0.15);
	transition: background var(--lt-transition), border-color var(--lt-transition), color var(--lt-transition), box-shadow var(--lt-transition);
}

.lt-service-card__link:hover {
	background: rgba(201, 168, 76, 0.85);
	border-color: rgba(201, 168, 76, 0.9);
	color: #0a0a0a;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.3),
		0 4px 16px rgba(201, 168, 76, 0.25);
}

.lt-service-card__link svg {
	transition: transform var(--lt-transition);
	flex-shrink: 0;
}

.lt-service-card__link:hover svg {
	transform: translateX(3px);
	fill: #0a0a0a;
}

/* ── Homepage service cards: full-image overlay variant ──── */
/* Scoped to homepage only — archive (/services/) unaffected */

.lt-services .lt-service-card {
	height: 360px;
	background: #0d0d0d;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

/* Remove specular overlay — image provides the visual */
.lt-services .lt-service-card::before {
	display: none;
}

/* Image fills entire card */
.lt-services .lt-service-card__image-wrap {
	position: absolute;
	inset: 0;
	height: 100%;
}

/* Deeper gradient so title stays readable */
.lt-services .lt-service-card__image-wrap::after {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0)    20%,
		rgba(0, 0, 0, 0.38) 55%,
		rgba(0, 0, 0, 0.86) 100%
	);
}

/* Body: floats above the glass footer */
.lt-services .lt-service-card__body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5rem;
	padding: 0 1.5rem 0.6rem;
	flex: none;
	z-index: 2;
}

/* Hide excerpt & meta — not legible over image */
.lt-services .lt-service-card__excerpt,
.lt-services .lt-service-card__meta {
	display: none;
}

/* ── Hero-style gradient title — matches lt-svc-hero__title exactly ── */
.lt-services .lt-service-card__title {
	margin-bottom: 0;
	font-family: var(--lt-font-heading);
	font-size: clamp(2rem, 3vw, 2.7rem);
	font-weight: 800;
	line-height: 1.0;
	letter-spacing: -0.03em;
	background: linear-gradient(135deg, #fff 50%, var(--lt-gold-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: var(--lt-white); /* fallback for browsers without clip support */
}

/* PPF — same size as other titles, just shorter text */
.lt-services .lt-service-card__title--abbrev {
	font-size: clamp(2rem, 3vw, 2.7rem);
	letter-spacing: -0.03em;
}

/* Full name subtitle under the abbreviation */
.lt-services .lt-service-card__title-sub {
	margin: 0.4rem 0 0;
	font-family: var(--lt-font-body);
	font-size: 0.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: rgba(255, 255, 255, 0.5);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.5);
	background: none;
	line-height: 1;
}

/* iOS 26 glass bar at bottom */
.lt-services .lt-service-card__footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	padding: 0.9rem 1.25rem;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(28px) saturate(170%) brightness(1.12);
	-webkit-backdrop-filter: blur(28px) saturate(170%) brightness(1.12);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13);
	z-index: 2;
}

/* Button inside glass bar — transparent, minimal */
.lt-services .lt-service-card__link {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	padding: 0.35rem 0;
	font-size: 0.7rem;
}

.lt-services .lt-service-card__link:hover {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var(--lt-gold);
}

/* ── Staggered reveal animations ────────────────────────── */
/* Keyframe: blur-in + rise — matches the hero style */
@keyframes lt-svc-card-reveal {
	from {
		opacity: 0;
		filter: blur(10px);
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		filter: blur(0);
		transform: none;
	}
}

/* Fire when the parent card becomes visible (IntersectionObserver adds .is-visible) */
.lt-services .lt-service-card.is-visible .lt-service-card__title,
.lt-services .lt-service-card.is-visible .lt-service-card__title-sub {
	animation: lt-svc-card-reveal 0.72s cubic-bezier(0.16, 1, 0.3, 1) 0.16s both;
}

.lt-services .lt-service-card.is-visible .lt-service-card__footer {
	animation: lt-svc-card-reveal 0.72s cubic-bezier(0.16, 1, 0.3, 1) 0.30s both;
}

@media (max-width: 600px) {
	.lt-services .lt-service-card {
		height: 300px;
	}
	.lt-services .lt-service-card__body {
		bottom: 4.5rem;
	}
	.lt-services .lt-service-card__title {
		font-size: clamp(1.8rem, 7vw, 2.2rem);
	}
	.lt-services .lt-service-card__title--abbrev {
		font-size: clamp(1.8rem, 7vw, 2.2rem);
	}
}


.lt-services__cta {
	text-align: center;
	margin-top: 3.5rem;
}

/* ── Pricing matrix widget ─────────────────────────────────── */
.lt-pm-widget {
	margin-bottom: 0.25rem;
}

.lt-pm-widget__tabs {
	display: flex;
	gap: 0;
	margin-bottom: 0;
	border: 1px solid var(--lt-border);
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

.lt-pm-widget__tab {
	flex: 1;
	padding: 0.5rem 0.35rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--lt-text-muted);
	background: rgba(255,255,255,0.03);
	border: none;
	border-right: 1px solid var(--lt-border);
	cursor: pointer;
	transition: background var(--lt-transition), color var(--lt-transition);
	line-height: 1.3;
}

.lt-pm-widget__tab:last-child {
	border-right: none;
}

.lt-pm-widget__tab.is-active {
	background: rgba(201,168,76,0.12);
	color: var(--lt-gold);
}

.lt-pm-widget__tab:hover:not(.is-active) {
	background: rgba(255,255,255,0.06);
	color: var(--lt-white);
}

.lt-pm-widget__panel {
	display: none;
	border: 1px solid var(--lt-border);
	border-top: none;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
}

.lt-pm-widget__panel.is-active {
	display: block;
}

.lt-pm-widget__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.6rem 0.9rem;
	border-bottom: 1px solid rgba(255,255,255,0.04);
}

.lt-pm-widget__row:last-child {
	border-bottom: none;
}

.lt-pm-widget__film {
	font-size: 0.78rem;
	color: var(--lt-text-muted);
}

.lt-pm-widget__price {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--lt-gold-light);
	letter-spacing: -0.01em;
}

.lt-pm-widget__na {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--lt-text-muted);
	font-style: italic;
}

.lt-pm-widget__duration {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.72rem;
	color: var(--lt-text-muted);
	margin-top: 0.65rem;
	padding-left: 0.1rem;
}

/* ── About ─────────────────────────────────────────────── */
.lt-about {
	background: var(--lt-black);
	overflow: hidden;
	/* Section itself is the full-width grid – no container wrapper needed */
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
}

/* lt-about__grid no longer used as layout wrapper */
.lt-about__grid { display: contents; }

/* Image column – flush left, full height of section */
.lt-about__image-wrap {
	position: relative;
	min-height: 500px;
}

.lt-about__image-main {
	position: absolute;
	inset: 0;
	border-radius: 0 var(--lt-radius-lg) var(--lt-radius-lg) 0;
	overflow: hidden;
}

.lt-about__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform var(--lt-transition-slow);
}

.lt-about__image-main:hover .lt-about__img {
	transform: scale(1.03);
}

.lt-about__img-placeholder {
	width: 100%;
	height: 100%;
	background: var(--lt-card);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1.5rem;
}

.lt-about__img-placeholder svg {
	width: 100%;
	max-width: 200px;
	height: auto;
}

.lt-about__img-hint {
	font-size: 0.75rem;
	color: var(--lt-text-muted);
	text-align: center;
	line-height: 1.5;
	max-width: 200px;
}

.lt-about__badge-wrap {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
}

.lt-about__badge-circle {
	width: 120px;
	height: 120px;
	background: var(--lt-gold);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1rem;
	box-shadow: var(--lt-shadow-gold);
}

.lt-about__badge-number {
	font-family: var(--lt-font-heading);
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--lt-black);
	line-height: 1;
}

.lt-about__badge-text {
	font-size: 0.6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: rgba(0,0,0,0.7);
	line-height: 1.2;
	margin-top: 0.25rem;
}

/* Right column wrapper – centres content with max-width */
.lt-about__content-col {
	display: flex;
	align-items: center;
	padding: 5rem clamp(1.5rem, 5vw, 5rem) 5rem clamp(2rem, 4vw, 4rem);
}

.lt-about__content {
	width: 100%;
	max-width: 600px;
}

.lt-about__title {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.lt-about__text {
	color: var(--lt-text-muted);
	font-size: 1rem;
	line-height: 1.8;
	margin-bottom: 1rem;
}

.lt-about__features {
	margin: 1.75rem 0 2rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.lt-about__feature-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.95rem;
	color: var(--lt-text-primary);
}

.lt-about__check {
	fill: var(--lt-gold);
	flex-shrink: 0;
	margin-top: 2px;
}

/* ==========================================================
   Our Work – LT video lettermark + gallery photos
   ========================================================== */

.lt-gallery-preview { display: none; }

/* ═══════════════════════════════════════════════════════════
   OUR WORK – cinematic strip: LT | wrap sticker | photo panels
   ═══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   OUR WORK
   Single flex row of parallelograms:
   [LUXURY TINTING + video] [photo] [photo] [photo] [photo]
   All 5 elements share skewX(-12deg). Content inside each
   is counter-skewed skewX(12deg) so it appears upright.
══════════════════════════════════════════════════════════ */

.lt-our-work {
	background: #000;
	padding-bottom: 5rem;
	overflow: hidden;
}

/* Full-width flex row – no container, no grid */
.lt-our-work__strip {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	height: 520px;
	padding: 0 clamp(30px, 5vw, 80px);
}

/* ── LT brand block – first parallelogram ─────────────── */
.lt-ltvid {
	flex: 0 0 auto;
	width: clamp(240px, 26vw, 400px);
	height: 420px;
	position: relative;
	overflow: hidden;
	background: #000;
	isolation: isolate;
	transform: skewX(-12deg);
	transform-origin: center;
	border: 2px solid rgba(255, 255, 255, 0.08);
}

/* Text is counter-skewed so letters appear upright */
.lt-ltvid__letters {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.04em;
	transform: skewX(12deg);
	user-select: none;
	z-index: 1;
}

.lt-ltvid__luxury {
	display: block;
	font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif;
	font-weight: 900;
	font-size: clamp(64px, 8vw, 170px);
	line-height: 0.88;
	letter-spacing: 0.06em;
	color: #fff;
	white-space: nowrap;
}

.lt-ltvid__tinting {
	display: block;
	font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif;
	font-weight: 700;
	font-size: clamp(24px, 3.2vw, 68px);
	line-height: 1;
	letter-spacing: 0.44em;
	color: #fff;
	white-space: nowrap;
}

/* Video sits above letters with mix-blend-mode:multiply.
   Black bg → video invisible; white letter shapes → video visible. */
.lt-ltvid__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
	z-index: 2;
	pointer-events: none;
}

.lt-ltvid__fallback {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		var(--lt-gold-dark) 0%,
		var(--lt-gold) 40%,
		var(--lt-gold-light) 70%,
		var(--lt-gold) 100%
	);
	background-size: 200% 200%;
	mix-blend-mode: multiply;
	z-index: 2;
	animation: lt-gold-shift 6s ease infinite alternate;
}

@keyframes lt-gold-shift {
	0%   { background-position: 0% 0%; }
	100% { background-position: 100% 100%; }
}

/* display:contents removes the wrapper box so the 4 strips
   become direct flex children of .lt-our-work__strip */
.lt-our-work__strips {
	display: contents;
}

/* ── Photo card parallelograms ──────────────────────────── */
.lt-strip {
	flex: 0 0 auto;
	width: 220px;
	height: 420px;
	position: relative;
	overflow: hidden;
	background: #111;
	transform: skewX(-12deg);
	transform-origin: center;
	border: 2px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
	transition: transform 0.4s ease, border-color 0.4s ease;
	cursor: pointer;
}

.lt-strip:hover {
	transform: skewX(-12deg) translateY(-8px) scale(1.03);
	border-color: rgba(255, 255, 255, 0.35);
}

.lt-strip--empty { opacity: 0.15; }

.lt-strip__link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

/* Image counter-skewed so it fills the parallelogram without distortion */
.lt-strip__img {
	width: 120%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: skewX(12deg) scale(1.1);
	transform-origin: center;
	margin-left: -20px;
	transition: transform 0.4s ease;
}

.lt-strip:hover .lt-strip__img {
	transform: skewX(12deg) scale(1.18);
}

.lt-strip__placeholder { width: 100%; height: 100%; background: var(--lt-card); }

/* Label overlay – counter-skewed, fades in on hover */
.lt-strip__label {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	transform: skewX(12deg);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.lt-strip:hover .lt-strip__label { opacity: 1; }

.lt-strip__label-service {
	display: block;
	font-size: 0.58rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--lt-gold);
	line-height: 1;
	margin-bottom: 5px;
}

.lt-strip__label-vehicle {
	display: block;
	font-family: var(--lt-font-heading);
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.3;
}

/* ── Optional wrap/vinyl sticker ───────────────────────── */
.lt-our-work__wrap {
	position: absolute;
	left: 23%;
	width: 14%;
	top: 0;
	bottom: 0;
	z-index: 20;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lt-our-work__wrap-img {
	width: 100%;
	height: 115%;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(-12px 0 32px rgba(0,0,0,0.95))
	        drop-shadow(4px 0 16px rgba(0,0,0,0.7));
}

/* ── Footer ─────────────────────────────────────────────── */
.lt-our-work__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--lt-border);
}

.lt-our-work__footer-text {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.lt-our-work__eyebrow {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--lt-gold);
}

.lt-our-work__heading {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	font-weight: 600;
	color: var(--lt-white);
	line-height: 1.15;
	margin: 0;
}

/* ── Gallery grid (archive/gallery page only) ───────────── */
.lt-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 260px);
	gap: 4px;
	border-radius: var(--lt-radius-lg);
	overflow: hidden;
}

.lt-gallery-grid .lt-gallery-item:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 2; }
.lt-gallery-grid .lt-gallery-item:nth-child(5) { grid-column: 3 / 5; grid-row: 2 / 3; }

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1200px) {
	.lt-our-work__strip { gap: 14px; padding: 0 clamp(20px, 3vw, 50px); }
	.lt-strip { width: 190px; }
	.lt-ltvid { width: clamp(210px, 23vw, 340px); }
}

@media (max-width: 768px) {
	/* On mobile: horizontal scroll — all parallelograms stay in one row */
	.lt-our-work__strip {
		height: auto;
		padding: 40px 0 40px 20px;
		gap: 12px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		justify-content: flex-start;
	}

	.lt-ltvid {
		width: 190px;
		height: 300px;
	}

	.lt-ltvid__luxury  { font-size: clamp(38px, 9vw, 72px); }
	.lt-ltvid__tinting { font-size: clamp(14px, 3.5vw, 28px); letter-spacing: 0.35em; }

	.lt-strip { width: 160px; height: 300px; }

	.lt-our-work__wrap { display: none; }

	.lt-our-work__footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
	}
}

@media (max-width: 480px) {
	.lt-our-work { padding-bottom: 3rem; }

	.lt-ltvid { width: 150px; height: 240px; }
	.lt-ltvid__luxury  { font-size: clamp(32px, 9vw, 56px); }
	.lt-ltvid__tinting { font-size: clamp(12px, 3.5vw, 22px); letter-spacing: 0.3em; }

	.lt-strip { width: 130px; height: 240px; }
}

.lt-gallery-item {
	position: relative;
	overflow: hidden;
	background: var(--lt-card);
}

.lt-gallery-item__link {
	display: block;
	width: 100%;
	height: 100%;
}

.lt-gallery-item__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.lt-gallery-item__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--lt-card) 0%, var(--lt-card-hover) 100%);
}

.lt-gallery-item__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 1.25rem;
	opacity: 0;
	transition: opacity var(--lt-transition);
}

.lt-gallery-item:hover .lt-gallery-item__img {
	transform: scale(1.06);
}

.lt-gallery-item:hover .lt-gallery-item__overlay {
	opacity: 1;
}

.lt-gallery-item__info {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.lt-gallery-item__info strong {
	font-size: 0.9rem;
	color: var(--lt-white);
}

.lt-gallery-item__info span {
	font-size: 0.75rem;
	color: var(--lt-gold-light);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.lt-gallery-item__zoom {
	fill: var(--lt-gold);
	flex-shrink: 0;
}

/* Photo count badge on gallery items */
.lt-gallery-item__count {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: rgba(201, 168, 76, 0.9);
	color: #0a0a0a;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 3px 7px;
	border-radius: 20px;
	margin-top: 6px;
}

.lt-gallery-preview__notice {
	text-align: center;
	color: var(--lt-text-dim);
	font-size: 0.9rem;
	margin-top: 2rem;
	font-style: italic;
}

.lt-gallery-preview__cta {
	text-align: center;
	margin-top: 3rem;
}

/* ── Testimonials ──────────────────────────────────────── */
.lt-testimonials {
	padding: 7rem 0;
	background: var(--lt-black);
}

/* Two-column layout: badge left, carousel right */
.lt-testimonials__layout {
	position: relative;
}

.lt-testimonials__layout--with-badge {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 3rem;
	align-items: stretch;
	margin-top: 3rem;
}

.lt-testimonials__badge-col {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 0.5rem;
}

.lt-testimonials__slider-col {
	min-width: 0;
}

/* Google Business Badge — vertical centred card */
.lt-gr-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.6rem;
	background: var(--lt-card);
	border: 1px solid rgba(201,168,76,0.25);
	border-radius: var(--lt-radius-lg);
	padding: 2rem 1.25rem 1.75rem;
}

.lt-gr-badge__photo {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: var(--lt-radius);
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.lt-gr-badge__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lt-gr-badge__name {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--lt-white);
	line-height: 1.3;
}

.lt-gr-badge__stars {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.15rem;
	flex-wrap: nowrap;
}

.lt-gr-badge__score {
	font-size: 0.82rem;
	font-weight: 700;
	color: #f59e0b;
	margin-left: 0.3rem;
}

.lt-gr-badge__count {
	font-size: 0.76rem;
	color: var(--lt-text-muted);
	line-height: 1.5;
}

.lt-gr-badge__count strong {
	color: var(--lt-white);
}

.lt-gr-badge__glogo {
	line-height: 0;
	opacity: 0.85;
	margin-top: 0.5rem;
}

.lt-testimonials__slider {
	position: relative;
	overflow: hidden;
}

.lt-testimonials__track {
	display: flex;
	flex-wrap: nowrap;
	gap: 1.5rem;
	transition: transform 0.4s ease;
}

.lt-testimonial-card {
	flex: 0 0 calc(25% - 1.125rem);
	min-width: 0;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	transition: border-color var(--lt-transition), box-shadow var(--lt-transition);
}

.lt-testimonial-card:hover {
	border-color: rgba(201,168,76,0.3);
	box-shadow: 0 8px 32px rgba(201,168,76,0.08);
}

.lt-stars {
	display: flex;
	gap: 0.2rem;
}

.lt-star {
	font-size: 1rem;
}

.lt-star--filled {
	color: var(--lt-gold);
}

.lt-star--empty {
	color: var(--lt-text-dim);
}

.lt-testimonial-card__quote {
	flex: 1;
}

.lt-testimonial-card__quote p {
	font-size: 0.95rem;
	color: var(--lt-text-muted);
	line-height: 1.75;
	font-style: italic;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lt-testimonial-card__quote p::before {
	content: '"';
	font-family: var(--lt-font-heading);
	font-size: 3rem;
	color: var(--lt-gold);
	line-height: 0;
	vertical-align: -0.5rem;
	margin-right: 0.25rem;
}

.lt-testimonial-card__footer {
	border-top: 1px solid var(--lt-border);
	padding-top: 1rem;
}

/* Google-sourced footer layout */
.lt-testimonial-card__footer--google {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.lt-testimonial-card__avatar {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	background: rgba(201,168,76,0.12);
	display: flex;
	align-items: center;
	justify-content: center;
}

.lt-testimonial-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.lt-testimonial-card__avatar-initials {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--lt-gold);
	line-height: 1;
	text-transform: uppercase;
}

.lt-testimonial-card__footer--google .lt-testimonial-card__author {
	flex: 1;
	min-width: 0;
}

.lt-testimonial-card__google-badge {
	flex-shrink: 0;
	opacity: 0.85;
	line-height: 0;
}

.lt-testimonial-card__author {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.lt-testimonial-card__author strong {
	font-size: 0.9rem;
	color: var(--lt-white);
}

.lt-testimonial-card__author span {
	font-size: 0.8rem;
	color: var(--lt-gold);
	font-weight: 500;
}

.lt-testimonials__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 2.5rem;
}

.lt-testimonials__btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lt-white);
	transition: all var(--lt-transition);
}

.lt-testimonials__btn:hover {
	background: var(--lt-gold);
	border-color: var(--lt-gold);
	color: var(--lt-black);
}

.lt-testimonials__dots {
	display: flex;
	gap: 0.5rem;
}

.lt-testimonials__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--lt-text-dim);
	border: none;
	cursor: pointer;
	transition: all var(--lt-transition);
}

.lt-testimonials__dot.is-active {
	background: var(--lt-gold);
	transform: scale(1.3);
}

@media (max-width: 1199px) {
	.lt-testimonial-card {
		flex: 0 0 calc(50% - 0.75rem);
	}
}

@media (max-width: 900px) {
	/* Stack badge above carousel on tablet */
	.lt-testimonials__layout--with-badge {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.lt-testimonials__badge-col {
		position: static;
	}
	.lt-gr-badge {
		flex-direction: row;
		align-items: center;
		text-align: left;
		gap: 1rem;
		padding: 1rem 1.25rem;
		flex-wrap: wrap;
	}
	.lt-gr-badge__photo {
		width: 48px;
		height: 48px;
		margin-bottom: 0;
		flex-shrink: 0;
	}
	.lt-gr-badge__name,
	.lt-gr-badge__stars,
	.lt-gr-badge__count {
		width: auto;
	}
	.lt-gr-badge__glogo {
		margin-top: 0;
		margin-left: auto;
	}
}

/* ── Process ───────────────────────────────────────────── */
.lt-process {
	padding: 7rem 0;
	background: var(--lt-dark);
}

.lt-process__steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	position: relative;
}

.lt-process__step {
	padding: 2.5rem 2rem 2.5rem 0;
}

.lt-process__number {
	display: none;
}

.lt-process__step-title {
	font-size: 1.3rem;
	margin-bottom: 0.75rem;
	color: var(--lt-white);
}

.lt-process__step-desc {
	font-size: 0.9rem;
	color: var(--lt-text-muted);
	line-height: 1.7;
}

.lt-process__connector {
	width: 2.5rem;
	height: 3px;
	background: var(--lt-gold);
	border-radius: 2px;
	margin-bottom: 1.25rem;
}

.lt-process__cta {
	text-align: center;
	margin-top: 4rem;
}

/* ── Brands ────────────────────────────────────────────── */
.lt-brands {
	padding: 3rem 0;
	background: rgba(201,168,76,0.04);
	border-top: 1px solid var(--lt-border);
	border-bottom: 1px solid var(--lt-border);
}

.lt-brands__label {
	text-align: center;
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--lt-text-dim);
	margin-bottom: 2rem;
}

.lt-brands__track {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2rem 3rem;
}

.lt-brands__item {
	font-family: var(--lt-font-heading);
	font-size: 1.2rem;
	font-weight: 600;
	color: rgba(255,255,255,0.25);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: color var(--lt-transition);
	cursor: default;
}

.lt-brands__item:hover {
	color: var(--lt-gold);
}

/* ── Footer ────────────────────────────────────────────── */
.lt-footer-cta {
	background: linear-gradient(135deg, var(--lt-gold-dark) 0%, var(--lt-gold) 100%);
	padding: 4rem 0;
}

.lt-footer-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.lt-footer-cta__text h3 {
	font-size: 1.8rem;
	color: var(--lt-black);
	margin-bottom: 0.5rem;
}

.lt-footer-cta__text p {
	color: rgba(0,0,0,0.7);
	font-size: 1rem;
	margin: 0;
}

.lt-footer-cta__actions {
	display: flex;
	gap: 1rem;
	flex-shrink: 0;
}

.lt-footer-cta .lt-btn--gold {
	background: var(--lt-black);
	border-color: var(--lt-black);
	color: var(--lt-white);
}

.lt-footer-cta .lt-btn--gold:hover {
	background: var(--lt-dark);
	border-color: var(--lt-dark);
}

.lt-footer-cta .lt-btn--outline {
	border-color: rgba(0,0,0,0.4);
	color: var(--lt-black);
	font-weight: 700;
}

.lt-footer-cta .lt-btn--outline:hover {
	border-color: var(--lt-black);
	color: var(--lt-black);
	background: rgba(0,0,0,0.1);
}

.lt-footer__main {
	background: var(--lt-dark);
	padding: 5rem 0 4rem;
}

.lt-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1.5fr;
	gap: 4rem;
}

.lt-footer__logo img {
	height: 56px;
	width: auto;
	margin-bottom: 1.25rem;
}

.lt-footer__logo .lt-logo-text {
	display: block;
	margin-bottom: 1.25rem;
}

.lt-footer__tagline {
	font-size: 0.9rem;
	color: var(--lt-text-muted);
	line-height: 1.7;
	margin-bottom: 1.5rem;
}

.lt-footer__col-title {
	font-family: var(--lt-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--lt-gold);
	margin-bottom: 1.5rem;
}

.lt-footer__nav {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.lt-footer__nav a {
	font-size: 0.9rem;
	color: var(--lt-text-muted);
	transition: color var(--lt-transition);
}

.lt-footer__nav a:hover {
	color: var(--lt-gold);
}

.lt-footer__address {
	font-style: normal;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.lt-footer__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--lt-text-muted);
}

.lt-footer__contact-item svg {
	flex-shrink: 0;
	margin-top: 2px;
	fill: var(--lt-gold);
}

.lt-footer__contact-item a {
	color: var(--lt-text-muted);
}

.lt-footer__contact-item a:hover {
	color: var(--lt-gold);
}

.lt-footer__bar {
	background: var(--lt-black);
	border-top: 1px solid var(--lt-border);
	padding: 1.5rem 0;
}

.lt-footer__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.lt-footer__copyright,
.lt-footer__legal {
	font-size: 0.8rem;
	color: var(--lt-text-dim);
	margin: 0;
}

.lt-footer__legal {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.lt-footer__legal a {
	color: var(--lt-text-dim);
}

.lt-footer__legal a:hover {
	color: var(--lt-gold);
}

/* ── Social Links ──────────────────────────────────────── */
.lt-social-links {
	display: flex;
	gap: 0.75rem;
}

.lt-social-link {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lt-text-muted);
	font-size: 0.85rem;
	transition: all var(--lt-transition);
}

.lt-social-link:hover {
	background: var(--lt-gold);
	border-color: var(--lt-gold);
	color: var(--lt-black);
	transform: translateY(-2px);
}

/* ── Page Hero ─────────────────────────────────────────── */
.lt-page-hero {
	padding: 5rem 0 4rem;
	background: var(--lt-dark);
	border-bottom: 1px solid var(--lt-border);
	position: relative;
	overflow: hidden;
}

.lt-page-hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: radial-gradient(ellipse at top right, rgba(201,168,76,0.08) 0%, transparent 70%);
	pointer-events: none;
}

.lt-page-hero__breadcrumb {
	font-size: 0.8rem;
	color: var(--lt-text-dim);
	margin-bottom: 1rem;
}

.lt-page-hero__breadcrumb a {
	color: var(--lt-text-dim);
}

.lt-page-hero__breadcrumb a:hover {
	color: var(--lt-gold);
}

.lt-page-hero__breadcrumb span {
	margin: 0 0.5rem;
}

.lt-page-hero h1 {
	font-size: clamp(2rem, 5vw, 3.5rem);
}

.lt-page-hero p {
	color: var(--lt-text-muted);
	font-size: 1.1rem;
	max-width: 600px;
	margin-top: 0.75rem;
}

/* ── Content Page ──────────────────────────────────────── */
.lt-page-content {
	padding: 5rem 0;
}

.lt-page-content__inner {
	max-width: 800px;
}

.lt-page-content__inner h2 {
	font-size: 1.9rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.lt-page-content__inner h3 {
	font-size: 1.4rem;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.lt-page-content__inner p,
.lt-page-content__inner li {
	color: var(--lt-text-muted);
}

.lt-page-content__inner ul {
	list-style: disc;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

/* ── Gallery Page ──────────────────────────────────────── */
.lt-gallery-page {
	padding: 5rem 0 7rem;
}

.lt-gallery-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 3rem;
}

.lt-gallery-filter__btn {
	padding: 0.5rem 1.25rem;
	border-radius: 50px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	color: var(--lt-text-muted);
	cursor: pointer;
	transition: all var(--lt-transition);
}

.lt-gallery-filter__btn:hover,
.lt-gallery-filter__btn.is-active {
	background: var(--lt-gold);
	border-color: var(--lt-gold);
	color: var(--lt-black);
}

.lt-gallery-full-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
}

.lt-gallery-full-grid .lt-gallery-item {
	aspect-ratio: 4/3;
}

/* ── Contact Page ──────────────────────────────────────── */
.lt-contact-page {
	padding: 5rem 0 7rem;
}

.lt-contact-page__grid {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 5rem;
	align-items: start;
}

.lt-contact-info__item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 2rem;
}

.lt-contact-info__icon {
	width: 48px;
	height: 48px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: var(--lt-radius-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lt-contact-info__icon svg {
	fill: var(--lt-gold);
	width: 20px;
	height: 20px;
}

.lt-contact-info__text h4 {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--lt-white);
	margin-bottom: 0.35rem;
	font-family: var(--lt-font-body);
}

.lt-contact-info__text p,
.lt-contact-info__text a {
	font-size: 0.9rem;
	color: var(--lt-text-muted);
	line-height: 1.5;
}

.lt-contact-info__text a:hover {
	color: var(--lt-gold);
}

/* Contact Form */
.lt-contact-form {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2.5rem;
}

.lt-contact-form__title {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

.lt-contact-form__subtitle {
	color: var(--lt-text-muted);
	font-size: 0.9rem;
	margin-bottom: 2rem;
}

.lt-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.lt-form-group {
	margin-bottom: 1.25rem;
}

.lt-form-label {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--lt-text-muted);
	margin-bottom: 0.5rem;
}

.lt-form-input,
.lt-form-select,
.lt-form-textarea {
	width: 100%;
	padding: 0.85rem 1rem;
	background: var(--lt-dark);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius);
	color: var(--lt-white);
	font-family: var(--lt-font-body);
	font-size: 0.9rem;
	transition: border-color var(--lt-transition);
	appearance: none;
}

.lt-form-input:focus,
.lt-form-select:focus,
.lt-form-textarea:focus {
	outline: none;
	border-color: var(--lt-gold);
}

.lt-form-input::placeholder,
.lt-form-textarea::placeholder {
	color: var(--lt-text-dim);
}

.lt-form-select option {
	background: var(--lt-dark);
}

.lt-form-textarea {
	min-height: 140px;
	resize: vertical;
}

.lt-form-submit {
	width: 100%;
	padding: 1rem;
	background: var(--lt-gold);
	color: var(--lt-black);
	border: none;
	border-radius: var(--lt-radius);
	font-family: var(--lt-font-body);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all var(--lt-transition);
}

.lt-form-submit:hover {
	background: var(--lt-gold-light);
	transform: translateY(-1px);
	box-shadow: var(--lt-shadow-gold);
}

/* Map */
.lt-contact-map {
	margin-top: 5rem;
}

.lt-contact-map iframe {
	width: 100%;
	height: 400px;
	border: none;
	border-radius: var(--lt-radius-lg);
	filter: grayscale(1) invert(0.9) contrast(0.85);
}

/* ── Single Service ────────────────────────────────────── */
.lt-single-service {
	padding: 5rem 0 7rem;
}

.lt-single-service__grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 4rem;
	align-items: start;
}

.lt-single-service__featured {
	border-radius: var(--lt-radius-lg);
	overflow: hidden;
	margin-bottom: 2.5rem;
}

.lt-single-service__featured img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.lt-single-service__content h2,
.lt-single-service__content h3 {
	margin-top: 2rem;
	margin-bottom: 0.75rem;
}

.lt-single-service__content p {
	color: var(--lt-text-muted);
	line-height: 1.8;
}

.lt-single-service__content ul {
	list-style: none;
	margin: 1rem 0;
}

.lt-single-service__content ul li {
	padding-left: 1.5rem;
	position: relative;
	color: var(--lt-text-muted);
	margin-bottom: 0.5rem;
}

.lt-single-service__content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	background: var(--lt-gold);
	border-radius: 50%;
}

/* Sidebar */
.lt-service-sidebar {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.lt-service-sidebar__card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 1.75rem;
}

.lt-service-sidebar__title {
	font-size: 1.1rem;
	margin-bottom: 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--lt-border);
}

.lt-service-sidebar__detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.6rem 0;
	border-bottom: 1px solid var(--lt-border);
	font-size: 0.875rem;
}

.lt-service-sidebar__detail:last-of-type {
	border-bottom: none;
}

.lt-service-sidebar__detail dt {
	color: var(--lt-text-muted);
}

.lt-service-sidebar__detail dd {
	color: var(--lt-white);
	font-weight: 600;
}

.lt-service-sidebar__cta {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.lt-service-sidebar__cta .lt-btn {
	justify-content: center;
}

/* ── Animations ────────────────────────────────────────── */
[data-animate] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-animate="fade-right"] {
	transform: translateX(-32px);
}

[data-animate="fade-left"] {
	transform: translateX(32px);
}

[data-animate].is-visible {
	opacity: 1;
	transform: none;
}

/* ── Responsive ────────────────────────────────────────── */

/* Large screens */
@media (max-width: 900px) {
	.lt-services__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.25rem;
	}

	.lt-gallery-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, 220px);
	}

	.lt-gallery-grid .lt-gallery-item:nth-child(1) {
		grid-column: 1 / 3;
	}

	.lt-gallery-grid .lt-gallery-item:nth-child(5) {
		grid-column: 2 / 4;
	}

	.lt-footer__grid {
		grid-template-columns: 1.5fr 1fr 1.5fr;
		gap: 3rem;
	}

	.lt-process__steps {
		grid-template-columns: repeat(2, 1fr);
	}

	/* .lt-process__connector is now a static gold bar — keep visible on mobile */
}

/* ── Mobile nav elements (hidden on desktop) ────────────── */
/* Mobile-only elements: hidden on desktop */
.lt-nav__mobile-head,
.lt-nav__mobile-foot,
.lt-nav__close { display: none; }

/* Backdrop behind drawer */
#lt-nav-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.32s ease;
}
#lt-nav-backdrop.is-active {
	display: block;
	opacity: 1;
}

/* ══════════════════════════════════════════════════════════
   Mobile navigation — right-edge glass drawer
   ══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
	.lt-topbar      { display: none; }
	.lt-header__cta { display: none; }
	.lt-hamburger   { display: flex; }

	/* ── Drawer: flush right, near-full height ───────────── */
	.lt-nav {
		position: fixed;
		top: 0;
		right: 0;                               /* flush la marginea dreapta */
		bottom: 0;
		left: auto;
		width: min(320px, calc(100vw - 3rem));  /* lățime drawer, nu full */
		height: 100%;

		display: flex;
		flex-direction: column;
		padding: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;

		/* Glass */
		background: rgba(12, 12, 14, 0.78);
		backdrop-filter: blur(52px) saturate(160%);
		-webkit-backdrop-filter: blur(52px) saturate(160%);

		/* Rounded stânga, flush dreapta */
		border-radius: 20px 0 0 20px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-right: none;                     /* fără border pe margine dreapta */
		box-shadow:
			inset 1px 0 0 rgba(255, 255, 255, 0.06),   /* shine stânga */
			-8px 0 48px rgba(0, 0, 0, 0.6);

		/* Slide din dreapta */
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		transition:
			transform   0.38s cubic-bezier(0.4, 0, 0.2, 1),
			opacity     0.38s ease,
			visibility  0.38s ease;
		z-index: 1001;
	}

	/* Glass refraction — margine stânga */
	.lt-nav::before {
		content: '';
		position: absolute;
		top: 0; left: 0; bottom: 0;
		width: 1px;
		background: linear-gradient(
			to bottom,
			transparent 0%,
			rgba(255, 255, 255, 0.12) 20%,
			rgba(255, 255, 255, 0.06) 60%,
			transparent 100%
		);
		border-radius: 20px 0 0 20px;
		pointer-events: none;
		z-index: 0;
	}

	/* Gold ambient glow (jos) */
	.lt-nav::after {
		content: '';
		position: absolute;
		bottom: 0; left: 0; right: 0;
		height: 160px;
		background: linear-gradient(to top, rgba(201, 168, 76, 0.05), transparent);
		pointer-events: none;
		z-index: 0;
	}

	.lt-nav.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}

	/* ── Header: logo mic centrat + close absolut ────────── */
	.lt-nav__mobile-head {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.25rem 3rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		flex-shrink: 0;
		position: relative;
		z-index: 1;
	}

	.lt-nav__mobile-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
	}

	.lt-nav__mobile-logo img {
		height: 26px;
		width: auto;
		opacity: 0.85;
	}

	.lt-nav__mobile-logo .lt-logo-text {
		font-size: 0.9rem;
		letter-spacing: 0.1em;
		color: rgba(255, 255, 255, 0.8);
	}

	.lt-nav__mobile-logo .lt-logo-text::before { display: none; }

	/* Buton close — cerc glass, absolut stânga */
	.lt-nav__close {
		display: flex;
		position: absolute;
		left: 1rem;
		top: 50%;
		transform: translateY(-50%);
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		color: rgba(255, 255, 255, 0.45);
		cursor: pointer;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		transition:
			background   0.22s ease,
			border-color 0.22s ease,
			color        0.22s ease,
			transform    0.28s ease;
	}

	.lt-nav__close:hover {
		background: rgba(201, 168, 76, 0.14);
		border-color: rgba(201, 168, 76, 0.35);
		color: var(--lt-gold);
		transform: translateY(-50%) rotate(90deg);
	}

	/* ── Nav links — mari și evidente ───────────────────── */
	.lt-nav__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		flex: 1;
		padding: 1rem 1rem 1rem;
		position: relative;
		z-index: 1;
	}

	.lt-nav__item {
		border-bottom: none;
		position: relative;
	}

	/* Separator cu linie gradient + puncte luminoase la capete */
	.lt-nav__item::after {
		content: '';
		display: block;
		height: 1px;
		margin: 0 0.6rem;
		background:
			/* punct stânga */
			radial-gradient(circle at 0% 50%,   rgba(201, 168, 76, 0.55) 0px, transparent 5px),
			/* punct dreapta */
			radial-gradient(circle at 100% 50%, rgba(201, 168, 76, 0.55) 0px, transparent 5px),
			/* linia gradientă */
			linear-gradient(
				90deg,
				transparent       0%,
				rgba(255,255,255,0.04) 8%,
				rgba(201,168,76,0.18)  35%,
				rgba(201,168,76,0.28)  50%,
				rgba(201,168,76,0.18)  65%,
				rgba(255,255,255,0.04) 92%,
				transparent       100%
			);
		transition: opacity 0.25s ease;
		opacity: 0.8;
	}

	/* Ultimul item fără separator */
	.lt-nav__item:last-child::after { display: none; }

	/* La hover pe item, linia devine mai luminoasă */
	.lt-nav__item:hover::after { opacity: 1; }

	/* Pill mare, text evident */
	.lt-nav__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		padding: 1rem 1.1rem;
		margin: 0.2rem 0;
		font-family: var(--lt-font-heading);
		font-size: 1.35rem;
		font-weight: 600;
		letter-spacing: 0.01em;
		text-transform: none;
		border-radius: 14px;
		color: rgba(255, 255, 255, 0.55);
		background: transparent;
		border: 1px solid transparent;
		transition:
			color        0.22s ease,
			background   0.22s ease,
			border-color 0.22s ease,
			padding-left 0.22s ease;
	}

	.lt-nav__link:hover {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 255, 255, 0.06);
		border-color: rgba(255, 255, 255, 0.08);
		padding-left: 1.4rem;
	}

	.lt-nav__item.current-menu-item > .lt-nav__link {
		color: var(--lt-gold-light);
		background: rgba(201, 168, 76, 0.09);
		border-color: rgba(201, 168, 76, 0.18);
		padding-left: 1.4rem;
	}


	.lt-nav__link::before { display: none; }
	.lt-nav__link-line    { display: none; }

	.lt-nav__chevron {
		margin-left: auto;
		flex-shrink: 0;
		opacity: 0.3;
		width: 16px;
		height: 16px;
	}

	/* Stagger slide-in din dreapta */
	.lt-nav.is-open .lt-nav__item {
		animation: lt-drawer-item-in 0.4s cubic-bezier(0.4, 0, 0.2, 1) both;
	}
	.lt-nav.is-open .lt-nav__item:nth-child(1) { animation-delay: 0.08s; }
	.lt-nav.is-open .lt-nav__item:nth-child(2) { animation-delay: 0.13s; }
	.lt-nav.is-open .lt-nav__item:nth-child(3) { animation-delay: 0.18s; }
	.lt-nav.is-open .lt-nav__item:nth-child(4) { animation-delay: 0.23s; }
	.lt-nav.is-open .lt-nav__item:nth-child(5) { animation-delay: 0.28s; }
	.lt-nav.is-open .lt-nav__item:nth-child(6) { animation-delay: 0.33s; }

	@keyframes lt-drawer-item-in {
		from { opacity: 0; transform: translateX(20px); }
		to   { opacity: 1; transform: translateX(0); }
	}

	/* ── Dropdown inline ─────────────────────────────────── */
	.lt-nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		background: rgba(255, 255, 255, 0.03);
		border-radius: 12px;
		margin: 0 0.25rem 0.4rem;
		padding: 0.25rem 0.5rem;
		backdrop-filter: none;
	}

	.lt-nav__dropdown::before { display: none; }
	.lt-nav__dropdown .lt-nav__item { border-bottom: none; }

	.lt-nav__dropdown .lt-nav__link {
		font-family: var(--lt-font-body);
		font-size: 0.85rem;
		color: rgba(255, 255, 255, 0.38);
		padding: 0.6rem 1rem;
		margin: 0.08rem 0;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		border-radius: 10px;
	}

	.lt-nav__dropdown .lt-nav__link:hover {
		color: rgba(255, 255, 255, 0.72);
		background: rgba(255, 255, 255, 0.05);
		padding-left: 1.25rem;
	}

	.lt-nav__dropdown .lt-nav__link::before { display: none; }

	/* ── Footer ──────────────────────────────────────────── */
	.lt-nav__mobile-foot {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
		border-top: 1px solid rgba(201, 168, 76, 0.22);
		flex-shrink: 0;
		position: relative;
		z-index: 1;
	}

	.lt-nav__mobile-phone {
		display: flex;
		align-items: center;
		gap: 0.8rem;
		text-decoration: none;
		color: var(--lt-white);
		padding: 0.8rem 1rem;
		background: rgba(255, 255, 255, 0.04);
		border: 1px solid rgba(255, 255, 255, 0.07);
		border-radius: 14px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
		transition: background 0.2s ease, border-color 0.2s ease;
	}

	.lt-nav__mobile-phone:hover {
		background: rgba(201, 168, 76, 0.07);
		border-color: rgba(201, 168, 76, 0.2);
	}

	.lt-nav__mobile-phone-icon {
		width: 34px;
		height: 34px;
		background: rgba(201, 168, 76, 0.1);
		border: 1px solid rgba(201, 168, 76, 0.2);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.lt-nav__mobile-phone-icon svg { fill: var(--lt-gold); }

	.lt-nav__mobile-phone-label {
		display: block;
		font-size: 0.6rem;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.35);
		margin-bottom: 0.12rem;
	}

	.lt-nav__mobile-phone strong {
		font-size: 0.92rem;
		font-weight: 700;
		color: rgba(255, 255, 255, 0.88);
	}

	.lt-nav__mobile-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 1.25rem 1.5rem;
		font-size: 0.78rem;
		font-weight: 700;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		border-radius: 0;
		background: linear-gradient(135deg, rgba(201, 168, 76, 0.22) 0%, rgba(201, 168, 76, 0.14) 100%) !important;
		border: none !important;
		border-top: 1px solid rgba(201, 168, 76, 0.15) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 -4px 20px rgba(201, 168, 76, 0.08) !important;
		color: var(--lt-gold-light) !important;
		transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
	}

	.lt-nav__mobile-cta:hover {
		background: linear-gradient(135deg, rgba(201, 168, 76, 0.35) 0%, rgba(201, 168, 76, 0.25) 100%) !important;
		color: #fff !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 -6px 28px rgba(201, 168, 76, 0.18) !important;
	}

	.lt-about {
		grid-template-columns: 1fr;
	}

	.lt-about__image-wrap {
		min-height: 280px;
	}

	.lt-about__image-main {
		border-radius: 0;
	}

	.lt-about__content-col {
		padding: 3rem 1.5rem;
	}

	.lt-about__content {
		padding: 0;
		max-width: 100%;
	}

	.lt-about__badge-wrap {
		bottom: 1rem;
		right: 1rem;
	}

	.lt-stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.lt-stats__item {
		border-right: none;
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}

	.lt-stats__item:nth-child(odd) {
		border-right: 1px solid rgba(0,0,0,0.15);
	}

	.lt-services__grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.lt-service-card__image-wrap {
		height: 200px;
	}

	.lt-testimonial-card {
		flex: 0 0 100%;
	}

	.lt-footer-cta__inner {
		flex-direction: column;
		text-align: center;
	}

	.lt-footer__grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.lt-contact-page__grid {
		grid-template-columns: 1fr;
	}

	.lt-single-service__grid {
		grid-template-columns: 1fr;
	}

	.lt-service-sidebar {
		position: static;
	}

	.lt-gallery-full-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.lt-gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
	}

	.lt-gallery-grid .lt-gallery-item:nth-child(1),
	.lt-gallery-grid .lt-gallery-item:nth-child(5) {
		grid-column: auto;
	}
}

/* Mobile */
@media (max-width: 600px) {
	.lt-container {
		padding: 0 1.25rem;
	}

	.lt-hero {
		min-height: 85vh;
		background-attachment: scroll;
	}

	.lt-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.lt-hero__actions .lt-btn {
		width: 100%;
		justify-content: center;
	}

	.lt-process__steps {
		grid-template-columns: 1fr;
	}

	.lt-gallery-full-grid {
		grid-template-columns: 1fr;
	}

	.lt-gallery-grid {
		grid-template-columns: 1fr;
	}

	.lt-stats__grid {
		grid-template-columns: 1fr 1fr;
	}

	.lt-footer-cta__actions {
		flex-direction: column;
		width: 100%;
	}

	.lt-footer-cta__actions .lt-btn {
		justify-content: center;
	}

	.lt-footer__bar-inner {
		flex-direction: column;
		text-align: center;
	}

	.lt-form-row {
		grid-template-columns: 1fr;
	}

	.lt-contact-form {
		padding: 1.5rem;
	}

	.lt-brands__track {
		gap: 1.5rem 2rem;
	}
}

/* Print */
@media print {
	.lt-header,
	.lt-footer,
	.lt-hero__scroll-indicator,
	.lt-topbar {
		display: none;
	}

	body {
		background: white;
		color: black;
	}
}

/* ==========================================================
   Service Landing Page
   ========================================================== */

/* ── Hero ──────────────────────────────────────────────── */
.lt-svc-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--lt-black);
}

.lt-svc-hero__bg {
	position: absolute;
	inset: 0;
	background-image: var(--svc-hero-bg);
	background-size: cover;
	background-position: center;
	transform: scale(1.08);
	transition: transform 8s ease;
	z-index: 0;
}

.lt-svc-hero--has-image .lt-svc-hero__bg {
	animation: lt-hero-zoom 12s ease forwards;
}

@keyframes lt-hero-zoom {
	from { transform: scale(1.12); }
	to   { transform: scale(1.0);  }
}

.lt-svc-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		rgba(0,0,0,0.92) 0%,
		rgba(0,0,0,0.65) 55%,
		rgba(0,0,0,0.5)  100%
	);
	z-index: 1;
}

/* Automotive speed lines */
.lt-svc-hero__lines {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.lt-svc-hero__line {
	position: absolute;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201,168,76,0.4), transparent);
	animation: lt-speed-line 3s ease-in-out infinite;
}

.lt-svc-hero__line--1 {
	top: 28%;
	left: -100%;
	width: 70%;
	animation-delay: 0s;
}

.lt-svc-hero__line--2 {
	top: 55%;
	left: -100%;
	width: 50%;
	animation-delay: 1.2s;
}

.lt-svc-hero__line--3 {
	top: 72%;
	left: -100%;
	width: 35%;
	animation-delay: 2s;
}

@keyframes lt-speed-line {
	0%   { transform: translateX(0);    opacity: 0;   }
	20%  { opacity: 1; }
	80%  { opacity: 1; }
	100% { transform: translateX(260vw); opacity: 0; }
}

/* Background watermark text */
.lt-svc-hero__watermark {
	position: absolute;
	bottom: -0.15em;
	right: -0.05em;
	font-family: var(--lt-font-heading);
	font-size: clamp(6rem, 18vw, 22rem);
	font-weight: 800;
	color: transparent;
	-webkit-text-stroke: 1px rgba(201,168,76,0.07);
	white-space: nowrap;
	line-height: 1;
	letter-spacing: -0.04em;
	pointer-events: none;
	z-index: 1;
	user-select: none;
	transition: -webkit-text-stroke 0.5s ease, opacity 0.5s ease;
}

.lt-svc-hero:hover .lt-svc-hero__watermark {
	-webkit-text-stroke: 1px rgba(201,168,76,0.28);
}

/* ── Simple variant (service-landing.php): centred watermark, no title ── */
.lt-svc-hero--simple .lt-svc-hero__overlay {
	background: radial-gradient(ellipse 110% 90% at 50% 50%,
		rgba(0,0,0,0.45) 0%,
		rgba(0,0,0,0.88) 100%);
}

.lt-svc-hero--simple .lt-svc-hero__watermark {
	bottom: -0.15em;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	text-align: center;
	-webkit-text-stroke: 1px rgba(201,168,76,0.13);
}

.lt-svc-hero--simple:hover .lt-svc-hero__watermark {
	-webkit-text-stroke: 1px rgba(201,168,76,0.38);
}

/* No hover / transition on mobile */
@media (max-width: 900px) {
	.lt-svc-hero--simple .lt-svc-hero__watermark,
	.lt-svc-hero--simple:hover .lt-svc-hero__watermark {
		-webkit-text-stroke: 1px rgba(201,168,76,0.18);
		transition: none;
	}
}

.lt-svc-hero--simple .lt-svc-hero__content {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	width: 100%;
}

.lt-svc-hero--simple .lt-svc-hero__tag {
	margin-bottom: 2rem;
}

.lt-svc-hero--simple .lt-svc-hero__subtitle {
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	max-width: 620px;
	text-align: center;
	margin-bottom: 2.5rem;
}

.lt-svc-hero--simple .lt-svc-hero__actions {
	justify-content: center;
	margin-bottom: 3rem;
}

.lt-svc-hero--simple .lt-svc-hero__badges {
	justify-content: center;
	flex-wrap: wrap;
}

/* Hero content */
.lt-svc-hero__content {
	position: relative;
	z-index: 2;
	padding-top: 8rem;
	padding-bottom: 6rem;
}

.lt-svc-hero__breadcrumb {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--lt-text-muted);
	margin-bottom: 2rem;
}

.lt-svc-hero__breadcrumb a {
	color: var(--lt-text-muted);
	text-decoration: none;
	transition: color var(--lt-transition);
}

.lt-svc-hero__breadcrumb a:hover {
	color: var(--lt-gold-light);
}

.lt-svc-hero__breadcrumb svg {
	fill: var(--lt-text-dim);
	flex-shrink: 0;
}

.lt-svc-hero__tag {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lt-gold);
	background: rgba(201,168,76,0.08);
	border: 1px solid rgba(201,168,76,0.25);
	border-radius: 50px;
	padding: 0.45rem 1rem;
	margin-bottom: 1.5rem;
}

.lt-svc-hero__tag svg {
	fill: var(--lt-gold);
}

.lt-svc-hero__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(3rem, 7vw, 6.5rem);
	font-weight: 800;
	line-height: 1.0;
	letter-spacing: -0.03em;
	color: var(--lt-white);
	margin-bottom: 1.5rem;
	max-width: 820px;
	background: linear-gradient(135deg, #fff 50%, var(--lt-gold-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.lt-svc-hero__subtitle {
	font-size: 1.15rem;
	color: rgba(255,255,255,0.7);
	max-width: 580px;
	line-height: 1.75;
	margin-bottom: 2.5rem;
}

.lt-svc-hero__actions {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.lt-svc-hero__phone {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	color: rgba(255,255,255,0.75);
	text-decoration: none;
	font-size: 0.95rem;
	font-weight: 500;
	transition: color var(--lt-transition);
}

.lt-svc-hero__phone:hover {
	color: var(--lt-gold-light);
}

.lt-svc-hero__phone-icon {
	width: 36px;
	height: 36px;
	background: rgba(201,168,76,0.12);
	border: 1px solid rgba(201,168,76,0.25);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lt-svc-hero__phone-icon svg {
	fill: var(--lt-gold);
}

/* Trust badges */
.lt-svc-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.lt-svc-hero__badge {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: rgba(255,255,255,0.5);
}

.lt-svc-hero__badge svg {
	fill: var(--lt-gold);
	opacity: 0.75;
	flex-shrink: 0;
}

/* Scroll indicator */
.lt-svc-hero__scroll {
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
}

.lt-svc-hero__scroll-mouse {
	width: 22px;
	height: 36px;
	border: 2px solid rgba(201,168,76,0.4);
	border-radius: 11px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 5px;
}

.lt-svc-hero__scroll-wheel {
	width: 3px;
	height: 8px;
	background: var(--lt-gold);
	border-radius: 2px;
	animation: lt-scroll-wheel 1.8s ease-in-out infinite;
}

@keyframes lt-scroll-wheel {
	0%   { transform: translateY(0);   opacity: 1; }
	100% { transform: translateY(12px); opacity: 0; }
}

/* Landing page content wrapper */
.lt-svc-content {
	overflow: hidden;
}

/* ==========================================================
   Shortcode Styles
   ========================================================== */

/* ── Speed stripe ─────────────────────────────────────── */
.lt-sc-stripe {
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, var(--lt-gold) 40%, var(--lt-gold-light) 60%, transparent 100%);
	opacity: 0.35;
}

/* ── Shared header ─────────────────────────────────────── */
.lt-sc-section-header { text-align: center; margin-bottom: 3.5rem; }

.lt-sc-section-title {
	font-family: var(--lt-font-heading);
	font-size: clamp(2.2rem, 4.5vw, 3.5rem);
	font-weight: 700;
	color: var(--lt-white);
	line-height: 1.1;
	letter-spacing: -0.025em;
	margin-bottom: 0.85rem;
}

.lt-sc-section-subtitle {
	font-size: 1.05rem;
	color: var(--lt-text-muted);
	max-width: 600px;
	margin: 0 auto 1.5rem;
	line-height: 1.7;
}

.lt-sc-divider {
	width: 48px;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold), var(--lt-gold-light));
	margin: 0 auto;
	border-radius: 2px;
	position: relative;
}

.lt-sc-divider::before,
.lt-sc-divider::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: var(--lt-gold);
	border-radius: 50%;
}

.lt-sc-divider::before { left: -8px; }
.lt-sc-divider::after  { right: -8px; }

/* ── [lt_benefits] ─────────────────────────────────────── */
.lt-sc-benefits {
	padding: 6rem 0;
	background: var(--lt-dark);
	position: relative;
}

.lt-sc-benefits__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.lt-sc-benefit-card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2.25rem 2rem;
	position: relative;
	overflow: hidden;
	transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.lt-sc-benefit-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(201,168,76,0.04) 0%, transparent 60%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.lt-sc-benefit-card:hover {
	transform: translateY(-6px);
	border-color: rgba(201,168,76,0.4);
	box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(201,168,76,0.1);
}

.lt-sc-benefit-card:hover::before { opacity: 1; }

.lt-sc-benefit-card__icon-wrap {
	width: 58px;
	height: 58px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.lt-sc-benefit-card__icon-glow {
	position: absolute;
	inset: 0;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.22);
	border-radius: var(--lt-radius-lg);
	transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.lt-sc-benefit-card:hover .lt-sc-benefit-card__icon-glow {
	background: rgba(201,168,76,0.18);
	border-color: var(--lt-gold);
	box-shadow: 0 0 20px rgba(201,168,76,0.2);
}

.lt-sc-benefit-card__icon-wrap svg { fill: var(--lt-gold); position: relative; z-index: 1; }

.lt-sc-benefit-card__title {
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--lt-white);
	margin-bottom: 0.6rem;
	letter-spacing: -0.01em;
}

.lt-sc-benefit-card__desc {
	font-size: 0.875rem;
	color: var(--lt-text-muted);
	line-height: 1.75;
}

.lt-sc-benefit-card__bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold), var(--lt-gold-light));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
}

.lt-sc-benefit-card:hover .lt-sc-benefit-card__bar { transform: scaleX(1); }

/* ── [lt_process] ──────────────────────────────────────── */
.lt-sc-process {
	padding: 6rem 0;
	background: var(--lt-black);
	position: relative;
}

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

.lt-sc-process__step {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--lt-border);
}

.lt-sc-process__step:last-child { border-bottom: none; }

.lt-sc-process__num-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	width: 2.8rem;
}

.lt-sc-process__num {
	font-family: var(--lt-font-heading);
	font-size: 3.75rem;
	font-weight: 700;
	line-height: 1;
	color: rgba(201,168,76,0.18);
	letter-spacing: -0.03em;
	transition: color 0.4s ease;
	user-select: none;
}

.lt-sc-process__step.is-visible .lt-sc-process__num {
	color: rgba(201,168,76,0.35);
}

.lt-sc-process__connector { display: none; }

.lt-sc-process__content { padding-top: 0; }

.lt-sc-process__title {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--lt-white);
	margin-bottom: 0.3rem;
	letter-spacing: -0.01em;
}

.lt-sc-process__desc { font-size: 0.82rem; color: var(--lt-text-muted); line-height: 1.65; }

/* ── [lt_cta] ──────────────────────────────────────────── */
.lt-sc-cta {
	padding: 6rem 0;
	background: #0c0c0c;
	border-top: 1px solid rgba(201,168,76,0.12);
	border-bottom: 1px solid rgba(201,168,76,0.12);
	position: relative;
	overflow: hidden;
}

.lt-sc-cta__glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(201,168,76,0.07) 0%, transparent 65%);
	pointer-events: none;
}

.lt-sc-cta__lines { position: absolute; inset: 0; pointer-events: none; }

.lt-sc-cta__line {
	position: absolute;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201,168,76,0.1), transparent);
}

.lt-sc-cta__line--1 { top: 30%; }
.lt-sc-cta__line--2 { top: 70%; }

.lt-sc-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
}

.lt-sc-cta__text { flex: 1; }

.lt-sc-cta__eyebrow {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lt-gold);
	display: block;
	margin-bottom: 1.25rem;
}

.lt-sc-cta__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 700;
	color: var(--lt-white);
	line-height: 1.15;
	letter-spacing: -0.025em;
	margin-bottom: 1rem;
}

.lt-sc-cta__subtitle { font-size: 1rem; color: var(--lt-text-muted); line-height: 1.7; max-width: 500px; }

.lt-sc-cta__actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
	flex-shrink: 0;
}

.lt-sc-cta__btn { display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
.lt-sc-cta__btn svg { fill: currentColor; transition: transform var(--lt-transition); }
.lt-sc-cta__btn:hover svg { transform: translateX(4px); }

.lt-sc-cta__phone {
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--lt-white);
	text-decoration: none;
	padding: 1rem 1.25rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	transition: border-color var(--lt-transition), background var(--lt-transition);
}

.lt-sc-cta__phone:hover { border-color: rgba(201,168,76,0.3); background: rgba(201,168,76,0.05); }

.lt-sc-cta__phone-icon {
	width: 42px;
	height: 42px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lt-sc-cta__phone-icon svg { fill: var(--lt-gold); }

.lt-sc-cta__phone-label {
	display: block;
	font-size: 0.7rem;
	color: var(--lt-text-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 0.15rem;
}

.lt-sc-cta__phone strong { display: block; font-size: 1.05rem; font-weight: 700; color: var(--lt-white); }

/* ── [lt_faq] ──────────────────────────────────────────── */
.lt-sc-faq { padding: 6rem 0; background: var(--lt-dark); position: relative; }

.lt-sc-faq__list { max-width: 860px; margin: 0 auto; }

.lt-sc-faq__item { border-bottom: 1px solid var(--lt-border); }
.lt-sc-faq__item:first-child { border-top: 1px solid var(--lt-border); }

.lt-sc-faq__question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.5rem 0;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	font-family: var(--lt-font-body);
	font-size: 1rem;
	font-weight: 600;
	color: var(--lt-white);
	transition: color var(--lt-transition);
}

.lt-sc-faq__question:hover,
.lt-sc-faq__question[aria-expanded="true"] { color: var(--lt-gold-light); }

.lt-sc-faq__icon-wrap {
	width: 32px;
	height: 32px;
	background: rgba(201,168,76,0.08);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background var(--lt-transition), border-color var(--lt-transition);
}

.lt-sc-faq__question[aria-expanded="true"] .lt-sc-faq__icon-wrap {
	background: rgba(201,168,76,0.18);
	border-color: var(--lt-gold);
}

.lt-sc-faq__icon { fill: var(--lt-gold); transition: transform var(--lt-transition); }
.lt-sc-faq__question[aria-expanded="true"] .lt-sc-faq__icon { transform: rotate(180deg); }
.lt-sc-faq__answer[hidden] { display: none; }

.lt-sc-faq__answer-inner {
	padding-bottom: 1.5rem;
	border-left: 2px solid rgba(201,168,76,0.25);
	padding-left: 1.25rem;
}

.lt-sc-faq__answer-inner p { font-size: 0.9rem; color: var(--lt-text-muted); line-height: 1.8; }

/* ── [lt_image_block] ──────────────────────────────────── */
.lt-sc-image { margin: 0; display: block; }
.lt-sc-image--full .lt-sc-image__wrap  { aspect-ratio: 21/8; border-radius: 0; }
.lt-sc-image--wide .lt-sc-image__wrap  { aspect-ratio: 16/6; }
.lt-sc-image--square .lt-sc-image__wrap { aspect-ratio: 1/1; max-width: 700px; margin: 0 auto; }

.lt-sc-image__wrap {
	position: relative;
	overflow: hidden;
	border-radius: var(--lt-radius-lg);
	aspect-ratio: 16/6;
}

.lt-sc-image__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	will-change: transform;
}

.lt-sc-image__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.5) 100%);
	pointer-events: none;
	z-index: 1;
}

.lt-sc-image__shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.04) 50%, transparent 60%);
	transform: translateX(-100%);
	transition: transform 0.8s ease;
	z-index: 2;
	pointer-events: none;
}

.lt-sc-image:hover .lt-sc-image__shine { transform: translateX(100%); }

.lt-sc-image__label {
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	z-index: 3;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lt-gold);
	background: rgba(0,0,0,0.7);
	border: 1px solid rgba(201,168,76,0.3);
	border-radius: 4px;
	padding: 0.35rem 0.8rem;
	backdrop-filter: blur(8px);
}

.lt-sc-image__caption { font-size: 0.8rem; color: var(--lt-text-dim); text-align: center; margin-top: 0.85rem; font-style: italic; }

/* ── [lt_film_options] ─────────────────────────────────── */
.lt-sc-films { padding: 6rem 0; background: var(--lt-black); position: relative; }

.lt-sc-films__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }

.lt-sc-film-card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem;
	position: relative;
	overflow: hidden;
	transition: border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}

.lt-sc-film-card:hover { border-color: rgba(201,168,76,0.35); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.45); }

.lt-sc-film-card__num { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.14em; color: var(--lt-gold); display: block; margin-bottom: 0.85rem; }
.lt-sc-film-card__name { font-size: 1.1rem; font-weight: 700; color: var(--lt-white); margin-bottom: 0.55rem; }
.lt-sc-film-card__desc { font-size: 0.875rem; color: var(--lt-text-muted); line-height: 1.7; }

.lt-sc-film-card__shine {
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(105deg, transparent, rgba(201,168,76,0.06), transparent);
	transition: left 0.6s ease;
	pointer-events: none;
}

.lt-sc-film-card:hover .lt-sc-film-card__shine { left: 150%; }

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 1024px) {
	.lt-svc-hero__title { font-size: clamp(2.5rem, 7vw, 4.5rem); }
	.lt-sc-cta__inner { flex-direction: column; gap: 3rem; text-align: center; }
	.lt-sc-cta__subtitle { margin: 0 auto; }
	.lt-sc-cta__actions { justify-content: center; width: 100%; }
}

/* ── Two-column layout wrapper shortcode [lt_cols] ─────────────── */
.lt-two-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	align-items: stretch;
}
.lt-two-cols > section {
	margin: 0;
}

/* Process + FAQ side by side — compact padding, unified block */
.lt-two-cols .lt-sc-process,
.lt-two-cols .lt-sc-faq {
	padding: 3.5rem 0;
}
.lt-two-cols .lt-sc-process .lt-sc-stripe,
.lt-two-cols .lt-sc-faq .lt-sc-stripe {
	display: none;
}
.lt-two-cols .lt-sc-process .lt-container,
.lt-two-cols .lt-sc-faq .lt-container {
	padding-left: 2rem;
	padding-right: 2rem;
}
.lt-two-cols .lt-sc-process {
	border-right: 1px solid rgba(255,255,255,.06);
}

@media (max-width: 900px) {
	.lt-two-cols {
		grid-template-columns: 1fr;
	}
	.lt-two-cols .lt-sc-process {
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.06);
	}
	.lt-two-cols .lt-sc-process,
	.lt-two-cols .lt-sc-faq {
		padding: 2.5rem 0;
	}
}

@media (max-width: 900px) {
	.lt-sc-benefits__grid { grid-template-columns: repeat(2, 1fr); }
	.lt-sc-films__grid { grid-template-columns: 1fr; }
	.lt-svc-hero__watermark { display: none; }
	/* Simple variant: keep watermark visible and screen-filling on tablet */
	.lt-svc-hero--simple .lt-svc-hero__watermark {
		display: block;
		font-size: clamp(2rem, 18vw, 15rem); /* fallback — JS overrides this */
	}
}

@media (max-width: 640px) {
	.lt-svc-hero__content { padding-top: 6rem; padding-bottom: 4rem; }

	/* Titlu mai mare și mai impunător pe mobil */
	.lt-svc-hero__title {
		font-size: clamp(2.8rem, 13vw, 4rem);
		line-height: 1.05;
		letter-spacing: -0.02em;
		margin-bottom: 1.25rem;
	}

	.lt-svc-hero__subtitle {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	/* Telefon — mai vizibil pe mobil */
	.lt-svc-hero__phone {
		font-size: 1rem;
		font-weight: 600;
	}

	.lt-svc-hero__phone-icon {
		width: 40px;
		height: 40px;
	}

	.lt-sc-benefits__grid { grid-template-columns: 1fr; }
	.lt-sc-image--full .lt-sc-image__wrap,
	.lt-sc-image--wide .lt-sc-image__wrap { aspect-ratio: 4/3; }
	.lt-svc-hero__actions { flex-direction: column; align-items: flex-start; }

	/* Simple variant: centre everything + screen-filling watermark on mobile */
	.lt-svc-hero--simple .lt-svc-hero__watermark {
		display: block;
		font-size: clamp(2rem, 18vw, 15rem); /* fallback — JS overrides this */
	}
	.lt-svc-hero--simple .lt-svc-hero__content {
		text-align: center;
		align-items: center;
	}
	.lt-svc-hero--simple .lt-svc-hero__subtitle { text-align: center; }
	.lt-svc-hero--simple .lt-svc-hero__actions  { align-items: center; }
	.lt-svc-hero--simple .lt-svc-hero__badges   { justify-content: center; }
}

/* ── Hero cursor spotlight ─────────────────────────────── */
.lt-svc-hero__cursor-spot {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 600px;
	border-radius: 50%;
	background: radial-gradient(
		circle,
		rgba(201, 168, 76, 0.08) 0%,
		transparent 65%
	);
	transform: translate(calc(var(--cx, -9999px) - 300px), calc(var(--cy, -9999px) - 300px));
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 3;
}

/* ── Film cards – cursor-tracked radial highlight ──────── */
.lt-sc-film-card {
	--mx: 50%;
	--my: 50%;
}

.lt-sc-film-card::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(
		circle at var(--mx) var(--my),
		rgba(201, 168, 76, 0.1) 0%,
		transparent 55%
	);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 0;
}

.lt-sc-film-card:hover::after { opacity: 1; }

/* Ensure film card text stays above the pseudo-element */
.lt-sc-film-card__num,
.lt-sc-film-card__name,
.lt-sc-film-card__desc { position: relative; z-index: 1; }

/* ── Benefit cards – 3D perspective container ──────────── */
.lt-sc-benefits__grid {
	perspective: 1200px;
}

.lt-sc-benefit-card {
	transform-style: preserve-3d;
	will-change: transform;
}

/* ── Image parallax – prevent overflow clipping ────────── */
.lt-sc-image__wrap {
	transform: translateZ(0); /* create stacking context */
}

.lt-parallax-img {
	transform-origin: center center;
	will-change: transform;
}


/* ==========================================================
   Hero Split Layout + iOS 26 Glass Form
   [hero.php redesign]
   ========================================================== */

/* ── Split grid ───────────────────────────────────────────── */

.lt-hero--split .lt-hero__split-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 440px;
	gap: 60px;
	align-items: center;
	min-height: 92vh;
	padding: 6rem 0 5rem;
}

/* Decorative grain + speed lines – behind content */
.lt-hero__grain {
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
	pointer-events: none;
	opacity: 0.4;
}

.lt-hero__lines {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.lt-hero__line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: linear-gradient(to bottom, transparent, rgba(201,168,76,0.12) 40%, rgba(201,168,76,0.08) 60%, transparent);
}

.lt-hero__line--1 { left: 28%; }
.lt-hero__line--2 { left: 55%; opacity: 0.6; }
.lt-hero__line--3 { left: 80%; opacity: 0.35; }

.lt-hero__left {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.lt-hero__right {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ── Eyebrow pill ─────────────────────────────────────────── */

.lt-hero__eyebrow-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 14px;
	border: 1px solid rgba(201,168,76,0.35);
	border-radius: 100px;
	background: rgba(201,168,76,0.08);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lt-gold);
	margin-bottom: 1.4rem;
	width: fit-content;
}

.lt-hero__eyebrow-pill svg { flex-shrink: 0; }

/* ── Title split variant ──────────────────────────────────── */

.lt-hero__title--split {
	font-size: clamp(2.4rem, 4.5vw, 4rem);
	line-height: 1.08;
	margin-bottom: 1.2rem;
}

/* ── Trust row ────────────────────────────────────────────── */

.lt-hero__trust-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 1.4rem 0 1.8rem;
}

.lt-hero__trust-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--lt-text-muted);
	letter-spacing: 0.04em;
}

.lt-hero__trust-item svg { color: var(--lt-gold); flex-shrink: 0; }

.lt-hero__trust-dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--lt-border);
}

/* ── CTA actions ──────────────────────────────────────────── */

.lt-hero__actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 0.4rem;
}

/* ── Glass action buttons (View Our Work / Call us now) ───── */

/* Shared glass base */
.lt-hero__glass-btn,
.lt-hero__glass-call {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	border-radius: 50px;
	background: rgba(255,255,255,0.07);
	backdrop-filter: blur(20px) saturate(160%);
	-webkit-backdrop-filter: blur(20px) saturate(160%);
	border: 1px solid rgba(255,255,255,0.14);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.18),
		0 4px 18px rgba(0,0,0,0.35);
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease, border-color 0.25s ease;
}

/* Animated refraction streak (reuses same pattern as card) */
.lt-hero__glass-btn__refract {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		115deg,
		rgba(255,255,255,0) 25%,
		rgba(255,255,255,0.14) 45%,
		rgba(255,255,255,0.22) 50%,
		rgba(255,255,255,0.14) 55%,
		rgba(255,255,255,0) 72%
	);
	transform: translateX(-130%);
	pointer-events: none;
	z-index: 0;
}

.lt-hero__glass-btn:hover .lt-hero__glass-btn__refract,
.lt-hero__glass-call:hover .lt-hero__glass-btn__refract {
	animation: lt-glass-btn-shine 0.55s ease forwards;
}

@keyframes lt-glass-btn-shine {
	from { transform: translateX(-130%); }
	to   { transform: translateX(130%); }
}

.lt-hero__glass-btn:hover,
.lt-hero__glass-call:hover {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.22);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.25),
		0 8px 28px rgba(0,0,0,0.45);
	transform: translateY(-2px);
}

.lt-hero__glass-btn:active,
.lt-hero__glass-call:active { transform: translateY(0); }

/* View Our Work – slightly gold-tinted on hover */
.lt-hero__glass-btn {
	padding: 13px 22px;
	font-size: 0.88rem;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.lt-hero__glass-btn > * { position: relative; z-index: 1; }
.lt-hero__glass-btn svg { flex-shrink: 0; color: var(--lt-gold); }

.lt-hero__glass-btn:hover {
	border-color: rgba(201,168,76,0.35);
}

/* Call us now – pill with icon + text */
.lt-hero__glass-call {
	padding: 10px 18px 10px 12px;
}

.lt-hero__glass-call > * { position: relative; z-index: 1; }

.lt-hero__glass-call__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(201,168,76,0.18);
	border: 1px solid rgba(201,168,76,0.28);
	flex-shrink: 0;
	color: var(--lt-gold);
	transition: background 0.25s ease;
}

.lt-hero__glass-call:hover .lt-hero__glass-call__icon {
	background: rgba(201,168,76,0.28);
}

.lt-hero__glass-call__text small {
	display: block;
	font-size: 0.63rem;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.55);
	line-height: 1.2;
}

.lt-hero__glass-call__text strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.2;
	color: var(--lt-gold);
	text-shadow: 0 0 18px rgba(201,168,76,0.45);
}

/* ── iOS 26 Liquid Glass card ─────────────────────────────── */

.lt-glass-card {
	position: relative;
	width: 100%;
	border-radius: 24px;
	background: rgba(18, 18, 22, 0.55);
	backdrop-filter: blur(52px) saturate(180%);
	-webkit-backdrop-filter: blur(52px) saturate(180%);
	border: 1px solid rgba(255,255,255,0.10);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.04) inset,
		inset 0 1px 0 rgba(255,255,255,0.14),
		0 32px 80px rgba(0,0,0,0.55),
		0 4px 16px rgba(0,0,0,0.30);
	padding: 2.2rem 2rem 2rem;
	overflow: hidden;
}

/* Animated diagonal refraction streak */
.lt-glass-card__refract {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		128deg,
		rgba(255,255,255,0) 20%,
		rgba(255,255,255,0.055) 38%,
		rgba(255,255,255,0.12) 48%,
		rgba(255,255,255,0.055) 58%,
		rgba(255,255,255,0) 76%
	);
	transform: translateX(-120%);
	animation: lt-glass-refract 4.5s cubic-bezier(.45,.05,.55,.95) infinite;
	pointer-events: none;
	z-index: 0;
}

@keyframes lt-glass-refract {
	0%   { transform: translateX(-120%); }
	45%  { transform: translateX(120%); }
	100% { transform: translateX(120%); }
}

/* Top-edge specular highlight */
.lt-glass-card__edge {
	position: absolute;
	top: 0;
	left: 14%;
	right: 14%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,0.45) 30%,
		rgba(255,255,255,0.65) 50%,
		rgba(255,255,255,0.45) 70%,
		transparent
	);
	pointer-events: none;
	z-index: 1;
}

.lt-glass-card > * { position: relative; z-index: 2; }

/* ── Glass card head ─────────────────────────────────────── */

.lt-glass-card__head {
	text-align: center;
	margin-bottom: 1.4rem;
}

.lt-glass-card__title {
	font-family: var(--lt-font-heading);
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--lt-text);
	margin-bottom: 4px;
}

.lt-glass-card__sub {
	font-size: 0.75rem;
	color: var(--lt-gold);
	letter-spacing: 0.07em;
	text-transform: uppercase;
	font-weight: 600;
}

/* ── Service tabs ─────────────────────────────────────────── */

.lt-glass-tabs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	margin-bottom: 1.4rem;
	background: rgba(0,0,0,0.25);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 14px;
	padding: 5px;
}

.lt-glass-tab {
	padding: 8px 4px;
	background: transparent;
	border: none;
	border-radius: 10px;
	font-size: 0.67rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: var(--lt-text-muted);
	cursor: pointer;
	transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
	text-align: center;
	white-space: normal;
	line-height: 1.25;
	word-break: break-word;
	min-width: 0;
}

.lt-glass-tab:hover {
	color: var(--lt-text);
	background: rgba(255,255,255,0.06);
}

.lt-glass-tab.is-active {
	background: rgba(201,168,76,0.18);
	color: var(--lt-gold);
	box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 2px 8px rgba(0,0,0,0.25);
}

/* ── Glass form fields ────────────────────────────────────── */

.lt-glass-form { display: flex; flex-direction: column; gap: 12px; }

.lt-glass-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.lt-glass-field { display: flex; flex-direction: column; gap: 5px; }

.lt-glass-label {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--lt-text-muted);
}

.lt-glass-input {
	width: 100%;
	padding: 11px 14px;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 10px;
	color: var(--lt-text);
	font-size: 0.875rem;
	font-family: var(--lt-font-body);
	outline: none;
	transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
	box-sizing: border-box;
}

.lt-glass-input::placeholder { color: rgba(255,255,255,0.25); }

.lt-glass-input:focus {
	border-color: rgba(201,168,76,0.55);
	background: rgba(255,255,255,0.08);
	box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}

.lt-glass-input--textarea {
	resize: none;
	line-height: 1.5;
}

/* ── Glass submit button ──────────────────────────────────── */

.lt-glass-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 13px 20px;
	margin-top: 4px;
	background: linear-gradient(135deg, #c9a84c 0%, #e8c96a 50%, #c9a84c 100%);
	background-size: 200% 100%;
	border: none;
	border-radius: 12px;
	color: #0a0a0a;
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition: background-position 0.45s ease, transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 18px rgba(201,168,76,0.35);
}

.lt-glass-submit:hover {
	background-position: 100% 0;
	transform: translateY(-1px);
	box-shadow: 0 8px 28px rgba(201,168,76,0.5);
}

.lt-glass-submit:active { transform: translateY(0); }

.lt-glass-form__note {
	text-align: center;
	font-size: 0.68rem;
	color: var(--lt-text-muted);
	letter-spacing: 0.03em;
	margin-top: 2px;
}

.lt-glass-form__feedback {
	text-align: center;
	font-size: 0.8rem;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px 14px;
	margin-top: 4px;
}

.lt-glass-form__feedback--ok {
	background: rgba(76, 175, 80, 0.15);
	border: 1px solid rgba(76, 175, 80, 0.3);
	color: #81c784;
}

.lt-glass-form__feedback--error {
	background: rgba(229, 57, 53, 0.12);
	border: 1px solid rgba(229, 57, 53, 0.3);
	color: #ef9a9a;
}

/* ── Responsive: hero split ───────────────────────────────── */

@media (max-width: 1024px) {
	.lt-hero--split .lt-hero__split-grid {
		grid-template-columns: 1fr;
		gap: 40px;
		min-height: auto;
		padding: 5rem 0 4rem;
	}
	.lt-hero__left {
		align-items: center;
		text-align: center;
	}
	.lt-hero__eyebrow-pill { margin-left: auto; margin-right: auto; }
	.lt-hero__trust-row    { justify-content: center; }
	.lt-hero__actions      { justify-content: center; }
	.lt-hero__right        { justify-content: center; }
	.lt-glass-card         { max-width: 520px; margin: 0 auto; }
}

@media (max-width: 640px) {
	.lt-hero--split .lt-hero__split-grid {
		padding: 4rem 0 3rem;
		gap: 2rem;
	}
	.lt-hero__title--split {
		font-size: clamp(1.9rem, 7.5vw, 2.6rem);
	}
	.lt-hero__subtitle {
		font-size: 0.92rem;
	}
	.lt-hero__trust-row {
		gap: 8px;
	}
	.lt-hero__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		width: 100%;
	}
	.lt-hero__glass-btn,
	.lt-hero__glass-call {
		width: 100%;
		justify-content: center;
	}
	.lt-hero__glass-call {
		flex-direction: row;
	}
	.lt-glass-card         { width: 100%; padding: 1.6rem 1.25rem 1.4rem; }
	.lt-glass-tabs         { grid-template-columns: repeat(2, 1fr); }
	.lt-glass-tab          { font-size: 0.7rem; }
	.lt-glass-row          { grid-template-columns: 1fr; }
}

/* ==========================================================
   Gallery Glow – [lt_gallery_glow]
   ========================================================== */

.lt-sc-gallery-glow {
	padding: 5rem 0;
	background: var(--lt-dark);
}

.lt-sc-gallery-glow__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.lt-sc-gallery-glow__grid--placeholder {
	opacity: 0.4;
}

.lt-sc-gallery-glow__item {
	position: relative;
	border-radius: var(--lt-radius);
	overflow: hidden;
	background: var(--lt-card);
	aspect-ratio: 4/3;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.lt-sc-gallery-glow__item:hover {
	transform: translateY(-4px) scale(1.01);
	box-shadow:
		0 0 0 1px rgba(201,168,76,0.25),
		0 8px 32px rgba(201,168,76,0.22),
		0 20px 60px rgba(0,0,0,0.55);
}

.lt-sc-gallery-glow__item--empty {
	pointer-events: none;
}

.lt-sc-gallery-glow__link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.lt-sc-gallery-glow__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.lt-sc-gallery-glow__item:hover .lt-sc-gallery-glow__img {
	transform: scale(1.04);
}

.lt-sc-gallery-glow__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(201,168,76,0.06) 0%, rgba(255,255,255,0.02) 100%);
}

/* Overlay on hover */
.lt-sc-gallery-glow__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	color: var(--lt-gold);
}

.lt-sc-gallery-glow__link:hover .lt-sc-gallery-glow__overlay { opacity: 1; }

/* Caption bar */
.lt-sc-gallery-glow__caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 28px 12px 10px;
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
	display: flex;
	flex-direction: column;
	gap: 2px;
	transform: translateY(8px);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.lt-sc-gallery-glow__link:hover .lt-sc-gallery-glow__caption {
	transform: translateY(0);
	opacity: 1;
}

.lt-sc-gallery-glow__caption strong {
	font-size: 0.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}

.lt-sc-gallery-glow__caption span {
	font-size: 0.68rem;
	color: var(--lt-gold);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.lt-sc-gallery-glow__notice {
	text-align: center;
	color: var(--lt-text-muted);
	font-size: 0.85rem;
	margin-top: 2rem;
}

@media (max-width: 960px) {
	.lt-sc-gallery-glow__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
	.lt-sc-gallery-glow__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

@media (max-width: 380px) {
	.lt-sc-gallery-glow__grid { grid-template-columns: 1fr; }
}

/* ==========================================================
   Wrap Uses – [lt_wrap_uses]
   ========================================================== */

.lt-sc-wrap-uses {
	padding: 5rem 0;
	background: var(--lt-bg);
}

.lt-sc-wrap-uses__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.lt-sc-wrap-uses__card {
	position: relative;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem 1.75rem 1.75rem;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.lt-sc-wrap-uses__card:hover {
	transform: translateY(-5px);
	border-color: rgba(201,168,76,0.3);
	box-shadow: 0 12px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(201,168,76,0.1);
}

/* Gold accent bar at bottom */
.lt-sc-wrap-uses__bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--lt-gold), transparent);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.lt-sc-wrap-uses__card:hover .lt-sc-wrap-uses__bar { opacity: 1; }

/* Badge */
.lt-sc-wrap-uses__badge {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 3px 9px;
	background: rgba(201,168,76,0.15);
	border: 1px solid rgba(201,168,76,0.3);
	border-radius: 100px;
	font-size: 0.63rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--lt-gold);
}

/* Icon circle */
.lt-sc-wrap-uses__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: rgba(201,168,76,0.10);
	color: var(--lt-gold);
	margin-bottom: 1.1rem;
	transition: background 0.3s ease, transform 0.3s ease;
}

.lt-sc-wrap-uses__card:hover .lt-sc-wrap-uses__icon {
	background: rgba(201,168,76,0.18);
	transform: scale(1.06);
}

.lt-sc-wrap-uses__title {
	font-family: var(--lt-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--lt-text);
	margin-bottom: 0.6rem;
	line-height: 1.2;
}

.lt-sc-wrap-uses__desc {
	font-size: 0.84rem;
	line-height: 1.65;
	color: var(--lt-text-muted);
}

@media (max-width: 900px) {
	.lt-sc-wrap-uses__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
	.lt-sc-wrap-uses__grid { grid-template-columns: 1fr; }
	.lt-sc-wrap-uses__card { padding: 1.5rem 1.25rem; }
}


/* ══════════════════════════════════════════════════════════════
   GALLERY STRIP ENHANCEMENTS
   Photo count badge + "View Gallery" hint label
   ══════════════════════════════════════════════════════════════ */

/* Gold chip showing the number of photos – top-right of each card */
.lt-strip__count {
	position: absolute;
	top: 10px;
	right: 10px;
	transform: skewX(12deg); /* counter-skew so chip appears upright */
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--lt-gold);
	color: var(--lt-black);
	font-family: var(--lt-font-body);
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 3px 7px;
	border-radius: 2px;
	pointer-events: none;
	z-index: 3;
	box-shadow: 0 2px 8px rgba(0,0,0,0.55);
	white-space: nowrap;
}

/* "View Gallery" sub-label inside the hover overlay */
.lt-strip__label-hint {
	display: block;
	font-family: var(--lt-font-body);
	font-size: 0.52rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--lt-gold);
	margin-top: 6px;
}

/* ══════════════════════════════════════════════════════════════
   GALLERY MODAL
   Full-screen overlay with thumbnail grid + built-in viewer
   ══════════════════════════════════════════════════════════════ */

#lt-gallery-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9998;
	background: rgba(5,5,5,0.97);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#lt-gallery-modal.is-open {
	display: block;
}

.lt-gallery-modal__backdrop {
	position: fixed;
	inset: 0;
	z-index: 0;
}

.lt-gallery-modal__stage {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* ── Grid view ──────────────────────────────────────────────── */
.lt-gallery-modal__grid-view {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 2rem 5rem;
	width: 100%;
	flex: 1;
}

.lt-gallery-modal__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	padding: 2.25rem 0 2rem;
	border-bottom: 1px solid rgba(201,168,76,0.18);
	margin-bottom: 2.5rem;
}

.lt-gallery-modal__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.lt-gallery-modal__eyebrow {
	font-family: var(--lt-font-body);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--lt-gold);
}

.lt-gallery-modal__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.7rem, 3.5vw, 2.8rem);
	font-weight: 600;
	color: #fff;
	line-height: 1.1;
	margin: 0;
}

.lt-gallery-modal__subtitle {
	font-size: 0.85rem;
	color: var(--lt-text-muted);
	letter-spacing: 0.07em;
	text-transform: uppercase;
	margin: 0;
}

.lt-gallery-modal__count-label {
	font-size: 0.75rem;
	color: var(--lt-text-dim);
	margin: 0.15rem 0 0;
}

.lt-gallery-modal__close {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background var(--lt-transition), border-color var(--lt-transition);
	margin-top: 0.25rem;
}

.lt-gallery-modal__close:hover,
.lt-gallery-modal__close:focus-visible {
	background: rgba(201,168,76,0.18);
	border-color: var(--lt-gold);
	outline: none;
}

/* Thumbnail grid */
.lt-gallery-modal__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 12px;
	align-items: start;
}

.lt-gallery-modal__item {
	position: relative;
	overflow: hidden;
	border-radius: var(--lt-radius);
	border: 1px solid rgba(255,255,255,0.06);
	background: var(--lt-card);
	cursor: zoom-in;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.lt-gallery-modal__item:hover {
	transform: translateY(-5px) scale(1.01);
	border-color: rgba(201,168,76,0.4);
	box-shadow: 0 14px 40px rgba(0,0,0,0.55), 0 0 0 1px rgba(201,168,76,0.1);
}

.lt-gallery-modal__item:focus-visible {
	outline: 2px solid var(--lt-gold);
	outline-offset: 2px;
}

.lt-gallery-modal__thumb {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.lt-gallery-modal__item:hover .lt-gallery-modal__thumb {
	transform: scale(1.07);
}

.lt-gallery-modal__item-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
	pointer-events: none;
}

.lt-gallery-modal__item:hover .lt-gallery-modal__item-overlay {
	background: rgba(0,0,0,0.32);
}

.lt-gallery-modal__zoom-icon {
	opacity: 0;
	transform: scale(0.5);
	color: #fff;
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.7));
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.lt-gallery-modal__item:hover .lt-gallery-modal__zoom-icon {
	opacity: 1;
	transform: scale(1);
}

/* ── Built-in fullscreen viewer ────────────────────────────── */
.lt-gallery-modal__viewer {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0,0,0,0.97);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1rem;
}

.lt-gallery-modal__viewer.is-open {
	display: flex;
}

.lt-gallery-modal__viewer-img {
	max-width: calc(100vw - 140px);
	max-height: 88vh;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: var(--lt-radius);
	user-select: none;
	box-shadow: var(--lt-shadow-lg);
}

@media (max-width: 600px) {
	.lt-gallery-modal__viewer-img {
		max-width: 100vw;
		max-height: 80vh;
		border-radius: 0;
	}
	.lt-gallery-modal__viewer-prev { left: 0.5rem; }
	.lt-gallery-modal__viewer-next { right: 0.5rem; }
}

.lt-gallery-modal__viewer-caption {
	color: rgba(255,255,255,0.55);
	font-size: 0.875rem;
	text-align: center;
	max-width: 600px;
	min-height: 1.2em;
}

.lt-gallery-modal__viewer-counter {
	position: absolute;
	top: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: rgba(255,255,255,0.35);
	white-space: nowrap;
}

.lt-gallery-modal__viewer-close {
	position: fixed;
	top: 1.25rem;
	right: 1.5rem;
	width: 44px;
	height: 44px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	color: #fff;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background var(--lt-transition), border-color var(--lt-transition);
	z-index: 1;
}

.lt-gallery-modal__viewer-close:hover {
	background: rgba(201,168,76,0.25);
	border-color: var(--lt-gold);
}

.lt-gallery-modal__viewer-prev,
.lt-gallery-modal__viewer-next {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 50%;
	color: #fff;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background var(--lt-transition), border-color var(--lt-transition);
	z-index: 1;
}

.lt-gallery-modal__viewer-prev { left: 1.5rem; }
.lt-gallery-modal__viewer-next { right: 1.5rem; }

.lt-gallery-modal__viewer-prev:hover,
.lt-gallery-modal__viewer-next:hover {
	background: rgba(201,168,76,0.25);
	border-color: var(--lt-gold);
}

/* Dot navigation */
.lt-gallery-modal__viewer-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	max-width: 400px;
}

.lt-gallery-modal__viewer-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255,255,255,0.22);
	border: none;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	transition: background var(--lt-transition), transform var(--lt-transition);
}

.lt-gallery-modal__viewer-dot.is-active {
	background: var(--lt-gold);
	transform: scale(1.5);
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 900px) {
	.lt-gallery-modal__grid {
		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	}

	.lt-gallery-modal__viewer-prev { left: 0.75rem; }
	.lt-gallery-modal__viewer-next { right: 0.75rem; }
}

@media (max-width: 600px) {
	.lt-gallery-modal__grid-view { padding: 0 1rem 4rem; }
	.lt-gallery-modal__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
	.lt-gallery-modal__header { flex-wrap: wrap; padding: 1.5rem 0 1.5rem; }
	.lt-gallery-modal__viewer-img { max-height: 65vh; }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK SECTION – v2
   Video-text left  |  4 skewed gallery cards right
   ══════════════════════════════════════════════════════════════ */

/* Override any old .lt-our-work rules */
.lt-our-work { all: unset; display: block; }

/* ── Outer section ──────────────────────────────────────────── */
.lt-ow-section {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
        #050505;
    overflow: hidden;
    position: relative;
}

/* ── LEFT: video-text column (35%) ─────────────────────────── */
.lt-ow-left {
    width: 35%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lt-ow-text {
    position: relative;
    line-height: 0.88;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 4px;
    /* glow halo behind letters */
}

.lt-ow-text::after {
    content: "";
    position: absolute;
    inset: -20px;
    background: rgba(255,255,255,0.07);
    filter: blur(55px);
    z-index: -3;
    pointer-events: none;
}

/* Video plays behind and through the letter shapes */
.lt-ow-text__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: screen;
    z-index: -2;
    pointer-events: none;
}

/* Each letter line */
.lt-ow-text__line {
    display: block;
    font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif;
    font-size: clamp(72px, 9vw, 130px);
    font-weight: 900;
    letter-spacing: 0.06em;

    /* Video visible through letter shapes */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

    /* Fallback: white fill if no video background */
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Text outline so letters are always visible */
    -webkit-text-stroke: 1px rgba(255,255,255,0.35);

    position: relative;
    user-select: none;
}

/* ── RIGHT: gallery cards column (65%) ─────────────────────── */
.lt-ow-right {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.lt-ow-cards {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 16px;
    flex-wrap: nowrap;
}

/* ── Single skewed card ─────────────────────────────────────── */
.lt-ow-card {
    position: relative;
    width: 230px;
    height: 340px;
    flex-shrink: 0;
    overflow: hidden;
    transform: skewX(-12deg);
    border: 2px solid rgba(255,255,255,0.08);
    background: #111;
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    cursor: pointer;
}

/* Hover: card lifts up – skew angle stays exactly -12deg (unchanged) */
.lt-ow-card:hover {
    transform: skewX(-12deg) translateY(-10px);
    border-color: rgba(255,255,255,0.25);
    box-shadow: 0 18px 45px rgba(0,0,0,0.65);
}

/* Card link fills the entire card */
.lt-ow-card__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Image counter-skewed so it fills the parallelogram without distortion */
.lt-ow-card__img {
    width: 120%;
    height: 100%;
    object-fit: cover;
    transform: skewX(12deg) scale(1.08);
    margin-left: -22px;
    transition: transform 0.5s ease;
    pointer-events: none;
    display: block;
}

/* Hover: image zooms in exactly as in the HTML example */
.lt-ow-card:hover .lt-ow-card__img {
    transform: skewX(12deg) scale(1.16);
}

.lt-ow-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a1a1a 0%, #222 100%);
}

/* Overlay: hidden by default, fades in on hover */
.lt-ow-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 55%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 18px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
    pointer-events: none;
}

.lt-ow-card:hover .lt-ow-card__overlay {
    opacity: 1;
}

/* Counter-skew overlay contents so text appears upright */
.lt-ow-card__title,
.lt-ow-card__service,
.lt-ow-card__hint {
    transform: skewX(12deg);
    display: block;
}

.lt-ow-card__title {
    color: #fff;
    font-family: var(--lt-font-heading);
    font-size: clamp(16px, 1.4vw, 22px);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 3px;
}

.lt-ow-card__service {
    color: var(--lt-gold-light);
    font-family: var(--lt-font-body);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.lt-ow-card__hint {
    color: var(--lt-gold);
    font-family: var(--lt-font-body);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 4px;
}

/* Photo-count chip – counter-skewed, top-right */
.lt-ow-card__count {
    position: absolute;
    top: 12px;
    right: 12px;
    transform: skewX(12deg);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--lt-gold);
    color: var(--lt-black);
    font-family: var(--lt-font-body);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 3px 7px;
    border-radius: 2px;
    z-index: 3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    pointer-events: none;
    white-space: nowrap;
}

/* ── Footer bar (outside the section, full-width) ───────────── */
.lt-ow-footer {
    background: #050505;
    padding: 2.5rem 0 3rem;
    border-top: 1px solid rgba(201,168,76,0.12);
}

.lt-ow-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.lt-ow-footer__text {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.lt-ow-footer__heading {
    font-family: var(--lt-font-heading);
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1400px) {
    .lt-ow-text__line { font-size: clamp(60px, 7.5vw, 110px); }
    .lt-ow-card { width: 200px; height: 295px; }
}

@media (max-width: 1100px) {
    .lt-ow-section {
        flex-direction: column;
        align-items: center;
        padding: 50px 30px;
        min-height: unset;
    }

    .lt-ow-left {
        width: 100%;
        justify-content: center;
    }

    .lt-ow-text { text-align: center; }

    .lt-ow-text__line { font-size: clamp(56px, 12vw, 96px); }

    .lt-ow-right { width: 100%; }

    .lt-ow-cards {
        justify-content: center;
        flex-wrap: wrap;
    }

    .lt-ow-footer__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .lt-ow-section { padding: 40px 20px; gap: 30px; }

    .lt-ow-text__line { font-size: clamp(46px, 13vw, 72px); }

    .lt-ow-card { width: 145px; height: 240px; }

    .lt-ow-cards { gap: 10px; }
}

@media (max-width: 480px) {
    .lt-ow-text__line { font-size: clamp(38px, 15vw, 58px); }

    .lt-ow-card { width: 130px; height: 210px; }
}


/* ── FIX: cardurile de galerie raman MEREU inclinate ──────────
   Regulile globale [data-animate] resetau transform si stergeau
   skewX(-12deg). Aceste reguli au prioritate (sunt mai tarzii
   in fisier) si forteaza skew-ul permanent.
   ─────────────────────────────────────────────────────────── */
.lt-ow-card,
.lt-ow-card[data-animate],
.lt-ow-card.is-visible {
    transform: skewX(-12deg) !important;
}

.lt-ow-card:hover,
.lt-ow-card.is-visible:hover {
    transform: skewX(-12deg) translateY(-10px) !important;
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v3  (header at top + video-through-text overhaul)
   All rules use !important where needed to override the v2 block
   written earlier in this file.
   ══════════════════════════════════════════════════════════════ */

/* ── Block wrapper ──────────────────────────────────────────── */
.lt-ow-block {
    background: #050505;
    position: relative;
    overflow: hidden;
}

/* ── Header bar (sits at top of block) ─────────────────────── */
.lt-ow-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 60px 2.5rem;
    border-bottom: 1px solid rgba(201,168,76,0.12);
    gap: 2rem;
}

.lt-ow-header__left {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.lt-ow-header__eyebrow {
    display: block;
    font-family: var(--lt-font-body, 'Inter'), sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--lt-gold, #c9a84c);
}

.lt-ow-header__heading {
    font-family: var(--lt-font-heading, 'Cormorant Garamond'), serif;
    font-size: clamp(1.5rem, 2.4vw, 2.4rem);
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.lt-ow-header__btn {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── VIDEO-THROUGH-TEXT  (mix-blend-mode: multiply technique) ──
   How it works:
     1.  .lt-ow-text  has a near-black background (#050505) + overflow:hidden
     2.  <video>       sits at z-index 0 – fills the container
     3.  <span> text   is pure WHITE + mix-blend-mode:multiply + z-index 1
   Compositing:
     white(1,1,1) × dark-video-pixel  ≈ dark   → background colour (hides video)
     white(1,1,1) × bright-video-pixel ≈ bright → video shows through letter shape
   Result: the video is visible ONLY inside the letter silhouettes.
   Works in Chrome / Firefox / Safari / Edge without any prefix tricks.
   ─────────────────────────────────────────────────────────────── */

.lt-ow-text {
    position: relative !important;
    background: #050505 !important;
    overflow: hidden !important;
    display: inline-block !important;
    line-height: 0.85 !important;
    /* kill old glow halo – it fought the blend mode */
    filter: none !important;
}

/* Hide the old white-glow pseudo-element */
.lt-ow-text::after {
    display: none !important;
}

/* Video layer – directly behind the text */
.lt-ow-text__video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

/* Text layer – white + multiply = video visible through letters */
.lt-ow-text__line {
    display: block !important;
    font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif !important;
    font-size: clamp(110px, 14vw, 200px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    line-height: 0.88 !important;
    /* White is the neutral element for multiply – shows video through */
    color: #fff !important;
    /* Clear leftover background-clip / text-stroke from v2 */
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-stroke: 0 !important;
    background-image: none !important;
    /* The key property */
    mix-blend-mode: multiply !important;
    position: relative !important;
    z-index: 1 !important;
    user-select: none !important;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1400px) {
    .lt-ow-text__line { font-size: clamp(88px, 11vw, 150px) !important; }
}

@media (max-width: 1100px) {
    .lt-ow-header {
        padding: 2rem 30px 2rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .lt-ow-text__line { font-size: clamp(72px, 12vw, 110px) !important; }
}

@media (max-width: 768px) {
    .lt-ow-header {
        padding: 1.5rem 20px 1.5rem;
        gap: 1rem;
    }
    .lt-ow-header__heading {
        font-size: clamp(1.25rem, 4vw, 1.8rem);
    }
    .lt-ow-text__line { font-size: clamp(58px, 13vw, 88px) !important; }
}

@media (max-width: 480px) {
    .lt-ow-text__line { font-size: clamp(44px, 15vw, 66px) !important; }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v4  VIDEO-THROUGH-TEXT  (correct technique)
   Copied exactly from the working .lt-ltvid implementation:
     • Container  : black bg + overflow:hidden + isolation:isolate
     • Text spans : solid WHITE at z-index 1  (behind the video)
     • Video      : z-index 2 + mix-blend-mode:multiply  (on top)
   Compositing:
     video × black(0,0,0) = 0 → black  → video HIDDEN outside letters
     video × white(1,1,1) = video      → video SHOWS through letter shapes
   ══════════════════════════════════════════════════════════════ */

/* Container – dark canvas, clips overflow, isolates the blend */
.lt-ow-text {
    position: relative !important;
    background: #000 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    display: inline-block !important;
    line-height: 0.85 !important;
    filter: none !important;
}

/* Hide leftover glow halo pseudo-element from v2 */
.lt-ow-text::after {
    display: none !important;
}

/* ── Text layer: solid white, BEHIND the video ─────────────── */
.lt-ow-text__line {
    display: block !important;
    font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif !important;
    font-size: clamp(110px, 14vw, 200px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    line-height: 0.88 !important;
    color: #fff !important;
    white-space: nowrap !important;
    /* Clear any leftover blending / clip from v2 */
    mix-blend-mode: normal !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-stroke: 0 !important;
    background-image: none !important;
    position: relative !important;
    z-index: 1 !important;
    user-select: none !important;
}

/* ── Video layer: ON TOP of text, multiply blend ───────────── */
/*    video × white-letter = video  → shows through            */
/*    video × black-bg     = black  → hides video outside      */
.lt-ow-text__video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    mix-blend-mode: multiply !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

/* ── Responsive font sizes ──────────────────────────────────── */
@media (max-width: 1400px) {
    .lt-ow-text__line { font-size: clamp(88px, 11vw, 150px) !important; }
}

@media (max-width: 1100px) {
    .lt-ow-text__line { font-size: clamp(72px, 12vw, 110px) !important; }
}

@media (max-width: 768px) {
    .lt-ow-text__line { font-size: clamp(58px, 13vw, 88px) !important; }
}

@media (max-width: 480px) {
    .lt-ow-text__line { font-size: clamp(44px, 15vw, 66px) !important; }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v5  FINAL
   Clase noi: .lt-ow-vid / .lt-ow-vid__* nu se suprapun cu
   regulile vechi .lt-ow-text__* deci nu mai e nevoie de
   !important in masa.
   ══════════════════════════════════════════════════════════════ */

/* ── Block wrapper ──────────────────────────────────────────── */
.lt-ow-block {
    background: #000;
    position: relative;
}

/* ── Header bar ─────────────────────────────────────────────── */
.lt-ow-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 60px 2.5rem;
    border-bottom: 1px solid rgba(201,168,76,0.12);
    gap: 2rem;
}

.lt-ow-header__left {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.lt-ow-header__eyebrow {
    display: block;
    font-family: var(--lt-font-body, 'Inter'), sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--lt-gold, #c9a84c);
}

.lt-ow-header__heading {
    font-family: var(--lt-font-heading, 'Cormorant Garamond'), serif;
    font-size: clamp(1.5rem, 2.4vw, 2.4rem);
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.lt-ow-header__btn {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════
   VIDEO-THROUGH-TEXT  (.lt-ow-vid)
   Structura IDENTICA cu .lt-ltvid (componenta functionala):
     Container : background:#000  overflow:hidden  isolation:isolate
     Litere    : position:relative  z-index:1  color:#fff  (sub video)
     Video     : position:absolute  z-index:2  mix-blend-mode:multiply
   Cum functioneaza multiply:
     video × alb(1,1,1)   = video  → video vizibil PRIN litere
     video × negru(0,0,0) = negru  → video ASCUNS in rest
   ══════════════════════════════════════════════════════════════ */

.lt-ow-vid {
    position: relative;
    width: 100%;
    /* Inaltimea e data de litere; min-height pentru siguranta */
    min-height: clamp(260px, 32vw, 480px);
    background: #000;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    align-items: center;
}

/* Litere – z-index:1, alb solid, sub video */
.lt-ow-vid__letters {
    position: relative;
    z-index: 1;
    user-select: none;
    line-height: 0.88;
    padding: 16px 0;
}

.lt-ow-vid__luxury {
    display: block;
    font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif;
    font-size: clamp(88px, 11.5vw, 180px);
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 0.88;
    color: #fff;
    white-space: nowrap;
}

.lt-ow-vid__tinting {
    display: block;
    font-family: var(--lt-brand-font, 'Bebas Neue'), Impact, sans-serif;
    font-size: clamp(34px, 4.4vw, 70px);
    font-weight: 700;
    letter-spacing: 0.44em;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}

/* Video – z-index:2, pe deasupra literelor, multiply blend */
.lt-ow-vid__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: multiply;
    z-index: 2;
    pointer-events: none;
}

/* Fallback gradient auriu cand nu e setat niciun video */
.lt-ow-vid__fallback {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        #a07828 0%,
        #c9a84c 40%,
        #e2c97e 70%,
        #c9a84c 100%
    );
    background-size: 200% 200%;
    mix-blend-mode: multiply;
    z-index: 2;
    animation: lt-ow-gold-shift 6s ease infinite alternate;
}

@keyframes lt-ow-gold-shift {
    0%   { background-position: 0% 0%; }
    100% { background-position: 100% 100%; }
}

/* ── Mobile-only cards (5-6): ascunse pe desktop ────────────── */
.lt-ow-card--mobile-only {
    display: none;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1400px) {
    .lt-ow-vid__luxury  { font-size: clamp(72px, 9.5vw, 140px); }
    .lt-ow-vid__tinting { font-size: clamp(28px, 3.6vw, 56px); }
}

@media (max-width: 1100px) {
    .lt-ow-header {
        padding: 2rem 30px 2rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
    }

    .lt-ow-vid {
        min-height: clamp(200px, 28vw, 340px);
        justify-content: center;
    }

    .lt-ow-vid__luxury  { font-size: clamp(64px, 11vw, 110px); }
    .lt-ow-vid__tinting { font-size: clamp(24px, 4.2vw, 44px); }
}

/* Mobil: layout vertical, 6 carduri in grila 2 coloane */
@media (max-width: 768px) {
    .lt-ow-header {
        padding: 1.5rem 20px;
        gap: 1rem;
    }

    .lt-ow-header__heading {
        font-size: clamp(1.2rem, 4vw, 1.7rem);
    }

    /* Sectiunea principala devine verticala */
    .lt-ow-section {
        flex-direction: column !important;
        padding: 0 !important;
        gap: 0 !important;
        min-height: unset !important;
    }

    .lt-ow-left {
        width: 100% !important;
    }

    .lt-ow-vid {
        width: 100%;
        min-height: 220px;
        justify-content: center;
    }

    .lt-ow-vid__luxury  { font-size: clamp(58px, 15vw, 96px); }
    .lt-ow-vid__tinting { font-size: clamp(22px, 5.5vw, 38px); }

    .lt-ow-right {
        width: 100% !important;
        padding: 20px;
    }

    /* 6 carduri: grila 2 x 3 pe mobil */
    .lt-ow-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        flex-wrap: unset !important;
        justify-content: unset !important;
    }

    /* Cardurile nu mai au skew pe mobil – nu se potriveste in grila */
    .lt-ow-card,
    .lt-ow-card[data-animate],
    .lt-ow-card.is-visible {
        transform: none !important;
        width: 100% !important;
        height: 180px !important;
        flex-shrink: unset !important;
    }

    .lt-ow-card:hover,
    .lt-ow-card.is-visible:hover {
        transform: translateY(-4px) !important;
    }

    .lt-ow-card__img {
        width: 100% !important;
        transform: none !important;
        margin-left: 0 !important;
    }

    .lt-ow-card:hover .lt-ow-card__img {
        transform: scale(1.06) !important;
    }

    /* Afiseaza cardurile 5 si 6 pe mobil */
    .lt-ow-card--mobile-only {
        display: block !important;
    }

    /* Counter-skew pe text nu mai e necesar fara skew pe card */
    .lt-ow-card__title,
    .lt-ow-card__service,
    .lt-ow-card__hint {
        transform: none !important;
    }

    .lt-ow-card__count {
        transform: none !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-vid__luxury  { font-size: clamp(46px, 16vw, 78px); }
    .lt-ow-vid__tinting { font-size: clamp(18px, 6vw, 30px); }

    .lt-ow-card,
    .lt-ow-card[data-animate],
    .lt-ow-card.is-visible {
        height: 150px !important;
    }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v6  FINAL CORRECTIONS
   1. .lt-ow-vid inclinat (skewX -12deg) + litere centrate si
      contra-inclinate (skewX +12deg) – la fel ca lt-ltvid
   2. Mobil: carduri INCLINATE (ca desktop), 6 bucati, 2 randuri
   ══════════════════════════════════════════════════════════════ */

/* ── 1. LUXURY TINTING box – inclinat + centrat ────────────── */
.lt-ow-vid {
    transform: skewX(-12deg);
    transform-origin: center center;
    /* Latimea sa nu depaseasca coloana stanga */
    width: clamp(240px, 90%, 420px);
    align-self: center;
}

/* Litere contra-inclinate ca sa apara drepte + centrate */
.lt-ow-vid__letters {
    transform: skewX(12deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Video si fallback umplu tot containerul inclinat */
.lt-ow-vid__video,
.lt-ow-vid__fallback {
    /* deja position:absolute inset:0 – ramane neschimbat */
}

/* ── 2. MOBIL: carduri inclinate, 6 bucati, 2 randuri ──────── */
@media (max-width: 768px) {

    /* Sectiunea revine la flex coloana cu padding */
    .lt-ow-section {
        flex-direction: column !important;
        align-items: center !important;
        padding: 30px 16px 40px !important;
        gap: 32px !important;
        min-height: unset !important;
        background: #050505 !important;
    }

    .lt-ow-left {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Box-ul LUXURY TINTING ramine inclinat si pe mobil */
    .lt-ow-vid {
        width: clamp(220px, 80vw, 360px) !important;
        min-height: clamp(180px, 44vw, 280px) !important;
        align-self: center !important;
        transform: skewX(-12deg) !important;
    }

    .lt-ow-vid__luxury  { font-size: clamp(52px, 14vw, 88px) !important; }
    .lt-ow-vid__tinting { font-size: clamp(20px, 5.2vw, 34px) !important; }

    .lt-ow-right {
        width: 100% !important;
    }

    /* 6 carduri inclinate, 2 randuri de cate 3 */
    .lt-ow-cards {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        /* Reset grid din v5 */
        grid-template-columns: unset !important;
    }

    /* Carduri inclinate pe mobil – mai mici decat desktop */
    .lt-ow-card,
    .lt-ow-card[data-animate],
    .lt-ow-card.is-visible {
        transform: skewX(-12deg) !important;
        width: 100px !important;
        height: 170px !important;
        flex-shrink: 0 !important;
    }

    .lt-ow-card:hover,
    .lt-ow-card.is-visible:hover {
        transform: skewX(-12deg) translateY(-6px) !important;
    }

    /* Imaginea contra-inclinata sa umple cardul */
    .lt-ow-card__img {
        width: 120% !important;
        height: 100% !important;
        transform: skewX(12deg) scale(1.08) !important;
        margin-left: -14px !important;
    }

    .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.14) !important;
    }

    /* Text si badge contra-inclinate */
    .lt-ow-card__title,
    .lt-ow-card__service,
    .lt-ow-card__hint {
        transform: skewX(12deg) !important;
    }

    .lt-ow-card__count {
        transform: skewX(12deg) !important;
        font-size: 0.5rem !important;
        padding: 2px 5px !important;
    }

    /* Afiseaza cardurile 5 si 6 */
    .lt-ow-card--mobile-only {
        display: block !important;
    }

    /* Header */
    .lt-ow-header {
        padding: 1.5rem 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }

    .lt-ow-header__heading {
        font-size: clamp(1.2rem, 4vw, 1.7rem) !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-vid__luxury  { font-size: clamp(42px, 15vw, 68px) !important; }
    .lt-ow-vid__tinting { font-size: clamp(16px, 5.5vw, 26px) !important; }

    .lt-ow-card,
    .lt-ow-card[data-animate],
    .lt-ow-card.is-visible {
        width: 86px !important;
        height: 150px !important;
    }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v7  LUXURY TINTING aproape cat ecranul pe mobil
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* Scoatem padding-ul din sectiune ca sa nu taie box-ul */
    .lt-ow-section {
        padding: 30px 0 40px !important;
    }

    .lt-ow-left {
        padding: 0 !important;
        overflow: hidden;
    }

    /* Box-ul LUXURY TINTING umple aproape tot ecranul.
       Skew-ul taie colturile, asa ca latimea elementului
       trebuie sa fie > 100vw ca sa nu ramana spatiu gol. */
    .lt-ow-vid {
        width: 105vw !important;
        margin-left: -2.5vw !important;
        min-height: clamp(200px, 48vw, 320px) !important;
        transform: skewX(-12deg) !important;
    }

    /* Font mai mare ca sa umple box-ul lat */
    .lt-ow-vid__luxury {
        font-size: clamp(76px, 21vw, 130px) !important;
    }

    .lt-ow-vid__tinting {
        font-size: clamp(29px, 8vw, 50px) !important;
    }

    /* Cardurile pastreaza padding lateral */
    .lt-ow-right {
        padding: 0 16px !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-vid {
        width: 108vw !important;
        margin-left: -4vw !important;
        min-height: clamp(170px, 50vw, 260px) !important;
    }

    .lt-ow-vid__luxury  { font-size: clamp(68px, 22vw, 108px) !important; }
    .lt-ow-vid__tinting { font-size: clamp(26px, 8.5vw, 42px) !important; }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v8  FIXES:
   1. LUXURY TINTING si mai mare pe mobil (umple ecranul)
   2. Desktop: gap 3px intre box text si carduri
   3. Mobil: poze nu se mai taie in carduri
   ══════════════════════════════════════════════════════════════ */

/* ── DESKTOP: gap 3px intre lt-ow-vid si carduri ───────────── */
.lt-ow-section {
    gap: 3px !important;
}

/* Box-ul de text impins spre dreapta (spre carduri) */
.lt-ow-left {
    justify-content: flex-end !important;
}

/* ── MOBIL ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

    /* Box-ul umple toata latimea ecranului.
       Skew-ul (-12deg) trage colturile, de aceea facem elementul
       mai lat decat ecranul cu overflow hidden pe parinte. */
    .lt-ow-vid {
        width: 115vw !important;
        margin-left: -7.5vw !important;
        min-height: clamp(190px, 52vw, 300px) !important;
        transform: skewX(-12deg) !important;
    }

    /* Font-size bazat pe vw, fara clamp max, ca sa umple cutia */
    .lt-ow-vid__luxury {
        font-size: 28vw !important;
        letter-spacing: 0.05em !important;
    }

    .lt-ow-vid__tinting {
        font-size: 10.5vw !important;
        letter-spacing: 0.38em !important;
    }

    /* ── Poze nu se mai taie: imagine mai lata + margine corecta ─ */
    .lt-ow-card__img {
        width: 140% !important;
        height: 110% !important;
        object-fit: cover !important;
        transform: skewX(12deg) scale(1.0) !important;
        margin-left: -20% !important;
        margin-top: -5% !important;
    }

    .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.06) !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-vid {
        width: 118vw !important;
        margin-left: -9vw !important;
        min-height: clamp(165px, 54vw, 240px) !important;
    }

    .lt-ow-vid__luxury  { font-size: 29vw !important; }
    .lt-ow-vid__tinting { font-size: 11vw !important; }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – FINAL OVERRIDE  (specificitate mai mare cu .lt-ow-block)
   Rezolva: 1) gap 3px desktop  2) centrare mobil  3) poze complete
   ══════════════════════════════════════════════════════════════ */

/* ── DESKTOP: gap 3px intre box text si carduri ─────────────── */
.lt-ow-block .lt-ow-section {
    gap: 3px !important;
}

.lt-ow-block .lt-ow-left {
    justify-content: flex-end !important;
    overflow: visible !important;
}

/* ── MOBIL ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

    /* Sectiune verticala, fara padding lateral pt box text */
    .lt-ow-block .lt-ow-section {
        flex-direction: column !important;
        align-items: center !important;
        padding: 20px 0 36px !important;
        gap: 24px !important;
        min-height: unset !important;
    }

    .lt-ow-block .lt-ow-left {
        width: 100% !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    /* Box LUXURY TINTING: mai lat decat ecranul ca skewul sa nu lase margini albe */
    .lt-ow-block .lt-ow-vid {
        width: 120vw !important;
        margin-left: -10vw !important;
        min-height: clamp(200px, 52vw, 300px) !important;
        transform: skewX(-12deg) !important;
        align-self: center !important;
    }

    /* Litere centrate, contra-inclinate */
    .lt-ow-block .lt-ow-vid__letters {
        transform: skewX(12deg) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 12px 0 !important;
    }

    /* Font scalabil dupa latime ecran – umple tot box-ul */
    .lt-ow-block .lt-ow-vid__luxury {
        font-size: 26vw !important;
        letter-spacing: 0.04em !important;
        line-height: 0.88 !important;
    }

    .lt-ow-block .lt-ow-vid__tinting {
        font-size: 9.8vw !important;
        letter-spacing: 0.36em !important;
        line-height: 1.1 !important;
    }

    /* Coloana dreapta cu padding */
    .lt-ow-block .lt-ow-right {
        width: 100% !important;
        padding: 0 14px !important;
        min-width: 0 !important;
    }

    /* 6 carduri INCLINATE, 3 pe rand, 2 randuri */
    .lt-ow-block .lt-ow-cards {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        grid-template-columns: none !important;
    }

    /* Latime card: exact 3 per rand indiferent de ecran */
    .lt-ow-block .lt-ow-card,
    .lt-ow-block .lt-ow-card[data-animate],
    .lt-ow-block .lt-ow-card.is-visible {
        width: calc(33.33vw - 22px) !important;
        height: 175px !important;
        flex-shrink: 0 !important;
        transform: skewX(-12deg) !important;
        overflow: hidden !important;
    }

    .lt-ow-block .lt-ow-card:hover,
    .lt-ow-block .lt-ow-card.is-visible:hover {
        transform: skewX(-12deg) translateY(-5px) !important;
    }

    /* Imagine: suficient de lata sa umple toata zona vizibila a cardului inclinat.
       Skew -12 pe card + skew +12 pe imagine = imagine dreapta din perspectiva user.
       width > 100% + deplasare orizontala compensata de inclinare (H x tan12 ~ 37px).
       margin-left negativ centreaza imaginea in parallelogram. */
    .lt-ow-block .lt-ow-card .lt-ow-card__img {
        position: absolute !important;
        inset: 0 !important;
        width: 150% !important;
        height: 110% !important;
        object-fit: cover !important;
        transform: skewX(12deg) !important;
        margin-left: -25% !important;
        margin-top: -5% !important;
        transition: transform 0.4s ease !important;
    }

    .lt-ow-block .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.06) !important;
    }

    /* Text si badge contra-inclinate */
    .lt-ow-block .lt-ow-card__title,
    .lt-ow-block .lt-ow-card__service,
    .lt-ow-block .lt-ow-card__hint {
        transform: skewX(12deg) !important;
    }

    .lt-ow-block .lt-ow-card__count {
        transform: skewX(12deg) !important;
        font-size: 0.48rem !important;
        padding: 2px 4px !important;
    }

    /* Afiseaza cardurile 5 si 6 */
    .lt-ow-block .lt-ow-card--mobile-only {
        display: block !important;
    }

    /* Header mobil */
    .lt-ow-block .lt-ow-header {
        padding: 1.25rem 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }

    .lt-ow-block .lt-ow-header__heading {
        font-size: clamp(1.15rem, 3.8vw, 1.6rem) !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-block .lt-ow-vid__luxury  { font-size: 27vw !important; }
    .lt-ow-block .lt-ow-vid__tinting { font-size: 10.2vw !important; }

    .lt-ow-block .lt-ow-card,
    .lt-ow-block .lt-ow-card[data-animate],
    .lt-ow-block .lt-ow-card.is-visible {
        width: calc(33.33vw - 18px) !important;
        height: 155px !important;
    }
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – CORECTIE FINALA
   ══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   DESKTOP
   Problema gap: .lt-ow-cards had justify-content:flex-end
   care impingea cardurile spre dreapta, creand gol imens.
   Fix: cards la stanga + section gap 3px + vid la dreapta col.
   ───────────────────────────────────────────────────────────── */
@media (min-width: 769px) {

    .lt-ow-block .lt-ow-section {
        gap: 3px !important;
        justify-content: flex-start !important;
        padding: 60px !important;
    }

    /* Coloana stanga: vid impins spre dreapta (spre carduri) */
    .lt-ow-block .lt-ow-left {
        width: 30% !important;
        flex-shrink: 0 !important;
        justify-content: flex-end !important;
        overflow: hidden !important;
    }

    /* Carduri impinse spre stanga (spre textul inclinat) */
    .lt-ow-block .lt-ow-cards {
        justify-content: flex-start !important;
    }

    /* ── Dunga neagra pe imagini: fix geometric ──────────────
       La skewX(-12deg) pe card + skewX(12deg) pe imagine,
       marginea stanga a imaginii la baza cardului se deplaseaza
       cu height x tan(12deg) = 340 x 0.213 = ~72px spre dreapta.
       margin-left: -22px (original) nu compenseaza suficient.
       Fix: margin-left: -80px + width: 148% acopera tot cardul.
    ─────────────────────────────────────────────────────────── */
    .lt-ow-block .lt-ow-card .lt-ow-card__img {
        position: static !important;
        inset: unset !important;
        width: 148% !important;
        height: 100% !important;
        object-fit: cover !important;
        transform: skewX(12deg) scale(1.06) !important;
        margin-left: -80px !important;
        margin-top: 0 !important;
        transition: transform 0.5s ease !important;
    }

    .lt-ow-block .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.14) !important;
    }
}

/* ─────────────────────────────────────────────────────────────
   MOBIL – centrare LUXURY TINTING + poze complete
   ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

    .lt-ow-block .lt-ow-section {
        flex-direction: column !important;
        align-items: center !important;
        padding: 24px 0 36px !important;
        gap: 24px !important;
        min-height: unset !important;
    }

    .lt-ow-block .lt-ow-left {
        width: 100% !important;
        justify-content: center !important;
        overflow: hidden !important;
        display: flex !important;
    }

    /* Box inclinat cat ecranul: 120vw cu offset centrat */
    .lt-ow-block .lt-ow-vid {
        width: 120vw !important;
        margin-left: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) skewX(-12deg) !important;
        position: relative !important;
        min-height: clamp(195px, 50vw, 295px) !important;
        flex-shrink: 0 !important;
    }

    /* Litere: contra-inclinate si centrate */
    .lt-ow-block .lt-ow-vid__letters {
        transform: skewX(12deg) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .lt-ow-block .lt-ow-vid__luxury {
        font-size: 26vw !important;
        letter-spacing: 0.04em !important;
        line-height: 0.9 !important;
    }

    .lt-ow-block .lt-ow-vid__tinting {
        font-size: 9.8vw !important;
        letter-spacing: 0.34em !important;
        line-height: 1.1 !important;
    }

    /* Coloana dreapta */
    .lt-ow-block .lt-ow-right {
        width: 100% !important;
        padding: 0 12px !important;
        min-width: 0 !important;
    }

    /* 6 carduri inclinate, 3 per rand */
    .lt-ow-block .lt-ow-cards {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        grid-template-columns: none !important;
    }

    .lt-ow-block .lt-ow-card,
    .lt-ow-block .lt-ow-card[data-animate],
    .lt-ow-block .lt-ow-card.is-visible {
        width: calc(33.33vw - 18px) !important;
        height: 170px !important;
        flex-shrink: 0 !important;
        transform: skewX(-12deg) !important;
        overflow: hidden !important;
    }

    .lt-ow-block .lt-ow-card:hover,
    .lt-ow-block .lt-ow-card.is-visible:hover {
        transform: skewX(-12deg) translateY(-5px) !important;
    }

    /* Imaginea: acoperire completa a parallelogramului.
       La mobile card h=170px: shift = 170 x tan12 = 36px.
       margin-left: -40px compenseaza + width: 148% acopera ambele margini. */
    .lt-ow-block .lt-ow-card .lt-ow-card__img {
        position: static !important;
        inset: unset !important;
        width: 148% !important;
        height: 105% !important;
        object-fit: cover !important;
        transform: skewX(12deg) scale(1.0) !important;
        margin-left: -40px !important;
        margin-top: -2.5% !important;
        display: block !important;
        transition: transform 0.4s ease !important;
    }

    .lt-ow-block .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.06) !important;
    }

    .lt-ow-block .lt-ow-card__title,
    .lt-ow-block .lt-ow-card__service,
    .lt-ow-block .lt-ow-card__hint {
        transform: skewX(12deg) !important;
    }

    .lt-ow-block .lt-ow-card__count {
        transform: skewX(12deg) !important;
        font-size: 0.48rem !important;
        padding: 2px 4px !important;
    }

    .lt-ow-block .lt-ow-card--mobile-only {
        display: block !important;
    }

    .lt-ow-block .lt-ow-header {
        padding: 1.25rem 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }

    .lt-ow-block .lt-ow-header__heading {
        font-size: clamp(1.1rem, 3.8vw, 1.6rem) !important;
    }
}

@media (max-width: 480px) {
    .lt-ow-block .lt-ow-vid__luxury  { font-size: 27vw !important; }
    .lt-ow-block .lt-ow-vid__tinting { font-size: 10.2vw !important; }

    .lt-ow-block .lt-ow-card,
    .lt-ow-block .lt-ow-card[data-animate],
    .lt-ow-block .lt-ow-card.is-visible {
        width: calc(33.33vw - 15px) !important;
        height: 150px !important;
    }

    .lt-ow-block .lt-ow-card .lt-ow-card__img {
        margin-left: -36px !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   LUXURY TINTING – FIX COMPLET v4
   ══════════════════════════════════════════════════════════════
   1. LUXURY TINTING centrat in box, fundalul se uneste cu sectiunea
      Our Work (acelasi #050505 – blend mode functional la <2% video).
   2. Chenar auriu COMPLET: linie sus + jos pe toata latimea sectiunii,
      cuprinde atat vidul cat si cardurile galeriei.
   3. Imagini carduri: fix robust cu position:absolute + offset garantat.
   ══════════════════════════════════════════════════════════════ */

/* ══ CHENAR AURIU COMPLET – linie sus+jos pe toata sectiunea ═══
   .lt-ow-section are deja position:relative + overflow:hidden.
   ::before = linia de sus,  ::after = linia de jos.
   z-index:20 le plaseaza deasupra tuturor elementelor din sectiune
   (vid z-index:2, carduri z-index:1 din .lt-ow-right).              */
.lt-ow-block .lt-ow-section::before,
.lt-ow-block .lt-ow-section::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    z-index: 20 !important;
    pointer-events: none !important;
}

.lt-ow-block .lt-ow-section::before {
    top: 0 !important;
    background: linear-gradient(
        90deg,
        rgba(201, 168, 76, 0.25) 0%,
        rgba(255, 215, 100, 0.95) 15%,
        rgba(255, 215, 100, 0.95) 85%,
        rgba(201, 168, 76, 0.25) 100%
    ) !important;
}

.lt-ow-block .lt-ow-section::after {
    bottom: 0 !important;
    background: linear-gradient(
        90deg,
        rgba(201, 168, 76, 0.20) 0%,
        rgba(201, 168, 76, 0.80) 15%,
        rgba(201, 168, 76, 0.80) 85%,
        rgba(201, 168, 76, 0.20) 100%
    ) !important;
}

/* ══ DESKTOP (min-width: 769px) ════════════════════════════════ */
@media (min-width: 769px) {

    /* Sectiunea: gap 0, vidul se uneste vizual cu cardurile */
    .lt-ow-block .lt-ow-section {
        gap: 0 !important;
        padding: 60px !important;
        justify-content: flex-start !important;
    }

    /* Coloana stanga: 30% (reduced from 35% to give more room to wider cards) */
    .lt-ow-block .lt-ow-left {
        width: 30% !important;
        flex-shrink: 0 !important;
        justify-content: flex-end !important;
        overflow: visible !important;
    }

    /* Coloana dreapta deasupra vidului extins */
    .lt-ow-block .lt-ow-right {
        position: relative !important;
        z-index: 1 !important;
    }

    /* ── LUXURY TINTING vid ────────────────────────────────────────
       background: #050505 = IDENTIC cu sectiunea → vid "dispare" ca
         element separat, se uneste vizual cu Our Work.
         Blend mode lucreaza: video × (5/255) ≈ 2% brightness = negru
         in afara literelor; video × 255/255 = video prin litere. ✓
       width: 100% = umple coloana stanga. Extensia diagonala spre linia gold
         e asigurata de .lt-ow-left::before (setat in blocul v9 de mai jos).
       transform: skewX(-12deg) este suprascris de v9 cu none → text drept.
       justify-content: center = LUXURY TINTING centrat in box.
       border/box-shadow: none → fundalul se uneste cu sectiunea.     */
    .lt-ow-block .lt-ow-vid {
        width: 100% !important;
        margin-left: 0 !important;
        transform: skewX(-12deg) !important;
        background: #050505 !important;
        border: none !important;
        box-shadow: none !important;
        justify-content: center !important;
    }

    /* Ascunde liniile aurii de pe vid (chenarul e acum pe sectiune) */
    .lt-ow-block .lt-ow-vid::before,
    .lt-ow-block .lt-ow-vid::after {
        display: none !important;
    }

    /* Litere contra-inclinate (+12deg anuleaza -12deg al vidului) + centrate */
    .lt-ow-block .lt-ow-vid__letters {
        transform: skewX(12deg) !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    /* Font: dimensionat pentru coloana 35% + 80px extension vid
       La 1440px: 35%×1320+80 = 542px. LUXURY la 10.5vw=151px → 471px ≤ 542px ✓
       La 1280px: 35%×1160+80 = 486px. LUXURY la 134px → 418px ≤ 486px ✓  */
    .lt-ow-block .lt-ow-vid__luxury  { font-size: clamp(78px, 10.5vw, 165px) !important; }
    .lt-ow-block .lt-ow-vid__tinting { font-size: clamp(28px,  4.0vw,  62px) !important; }

    /* ── Fix imagini taiate: position absolute cu offset GARANTAT ───
       Card w=190px, h=340px. transform-origin: left top.
       Proba geometrica pt skewX(12deg) fara scale:
         left=-100px: colt stanga-jos: -100+340×tan12°=-100+72=-28 ≤ 0 ✓
         top-right: -100+(190+200)=290 ≥ 190 ✓
       Marje GENEROASE (100px/200px) elimina orice risc de dunga neagra. */
    .lt-ow-block .lt-ow-card .lt-ow-card__img {
        position: absolute !important;
        top: 0 !important;
        left: -100px !important;
        right: auto !important;
        bottom: auto !important;
        width: calc(100% + 200px) !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover !important;
        transform: skewX(12deg) !important;
        transform-origin: left top !important;
        margin: 0 !important;
    }

    .lt-ow-block .lt-ow-card:hover .lt-ow-card__img {
        transform: skewX(12deg) scale(1.06) !important;
    }
}

/* ══ MOBILE ════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Vid: fundal identic cu sectiunea, fara border propriu */
    .lt-ow-block .lt-ow-vid {
        background: #050505 !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Ascunde pseudo-elementele vid pe mobile */
    .lt-ow-block .lt-ow-vid::before,
    .lt-ow-block .lt-ow-vid::after {
        display: none !important;
    }
}

/* ══ transform-origin global (acopera si cazurile mobile) ══════ */
.lt-ow-block .lt-ow-card .lt-ow-card__img {
    transform-origin: left top !important;
}


/* ══════════════════════════════════════════════════════════════
   OUR WORK – v9  CORECTII UTILIZATOR
   1. Background pe o parte (dreapta) ca carturile de la galerie:
      clip-path creeaza marginea dreapta inclinata ca un card
      (acelasi unghi 12deg, fara sa inclina continutul)
   2. Textul LUXURY TINTING drept – transform:none pe container,
      fara counter-skew pe litere
   3. Bara separator 5px distanta pana in carduri (gap desktop)
   4. Linia gold exact pe muchia diagonala (nu dreapta)
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {

    .lt-ow-block .lt-ow-section { gap: 0 !important; }

    /* Vid: transform none = text LUXURY TINTING DREPT. Width 100% = umple coloana.
       Extensia diagonala a bg-ului negru vine din .lt-ow-right::after (mai jos). */
    .lt-ow-block .lt-ow-vid {
        transform: none !important;
        clip-path: none !important;
        width: 100% !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* Text drept – vid nu mai are skew, nu e nevoie de counter-skew.
       padding-left: 20px muta textul 20px la dreapta impreuna cu linia. */
    .lt-ow-block .lt-ow-vid__letters {
        transform: none !important;
        align-items: center !important;
        text-align: center !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }

    /* Specificitate ID ca sa bata Customizer cu acelasi !important */
    #gallery .lt-ow-left,
    #gallery.lt-ow-block .lt-ow-left {
        border-right: none !important;
    }

    .lt-ow-block .lt-ow-left {
        overflow: visible !important;
        position: relative !important;
    }

    /* Background negru diagonal: ::after pe coloana STANGA, se extinde 79px
       in coloana dreapta (pana la linia gold).
       right:-79px  + width:calc(100%+79px) = dreapta elementului e la 79px dupa
       marginea dreapta a coloanei stanga = exact pozitia liniei gold la y=0.
       transform-origin:top right = originea transformarii e la acel colt fix.
       skewX(-12deg) cu aceasta origine → muchia dreapta merge la stanga cu
       tan(12°)*y la fiecare pixel, identic cu linia gold → perfect aliniat.
       z-index:0 = sub vid (z-index:1) si sub .lt-ow-right (z-index:1).
       Avantaj vs ::after pe right: inaltimea e 100% din left col, nu se taie. */
    .lt-ow-block .lt-ow-left::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        right: -79px !important;
        width: calc(100% + 79px) !important;
        height: 100% !important;
        background: #050505 !important;
        transform: skewX(-12deg) !important;
        transform-origin: top right !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* ::after pe right dezactivat — bg-ul diagonal e acum pe left::after */
    .lt-ow-block .lt-ow-right::after {
        content: none !important;
    }

    /* overflow:visible – cardurile skewed nu sunt taiate la marginea stanga */
    .lt-ow-block .lt-ow-right {
        overflow: visible !important;
        position: relative !important;
    }

    .lt-ow-block .lt-ow-cards { padding-left: 75px !important; }

    /* Linia gold diagonala – mutata la 79px (59px + 20px la dreapta).
       skewX(-12deg) cu transform-origin:top left => acelasi unghi ca ::before al
       coloanei stanga → muchia neagra si linia gold se suprapun exact. */
    .lt-ow-block .lt-ow-right::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 79px !important;
        width: 2px !important;
        height: 100% !important;
        background: linear-gradient(
            to bottom,
            rgba(201, 168, 76, 0.20) 0%,
            rgba(255, 215, 100, 0.92) 12%,
            rgba(255, 215, 100, 0.92) 88%,
            rgba(201, 168, 76, 0.20) 100%
        ) !important;
        transform: skewX(-12deg) !important;
        transform-origin: top left !important;
        z-index: 5 !important;
        pointer-events: none !important;
    }
}

/* ── v9 MOBIL: LUXURY TINTING centrat, fara scroll orizontal ─── */
@media (max-width: 768px) {

    /* Previne orice scroll orizontal cauzat de blocuri anterioare */
    .lt-ow-block {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* Vid edge-to-edge: 100vw centrat cu left+translateX iese din padding container */
    .lt-ow-block .lt-ow-section .lt-ow-left .lt-ow-vid,
    .lt-ow-block .lt-ow-vid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        clip-path: none !important;
        min-height: clamp(200px, 50vw, 360px) !important;
        justify-content: center !important;
    }

    /* Litere centrate, fara skew */
    .lt-ow-block .lt-ow-vid__letters {
        transform: none !important;
        align-items: center !important;
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .lt-ow-block .lt-ow-vid__luxury,
    .lt-ow-block .lt-ow-vid .lt-ow-vid__luxury {
        font-size: 38vw !important;
        letter-spacing: -0.02em !important;
    }

    .lt-ow-block .lt-ow-vid__tinting,
    .lt-ow-block .lt-ow-vid .lt-ow-vid__tinting {
        font-size: 12vw !important;
        letter-spacing: 0.28em !important;
    }

    /* Fara linie gold si fara overflow pe coloane */
    .lt-ow-block .lt-ow-left::after,
    .lt-ow-block .lt-ow-right::before {
        display: none !important;
    }

    .lt-ow-block .lt-ow-left,
    .lt-ow-block .lt-ow-right {
        overflow: hidden !important;
    }
}

/* ==========================================================
   Video Hero (single-lt_service)
   ========================================================== */

.lt-svc-hero__video-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.lt-svc-hero__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Bump the overlay opacity slightly for video to ensure text legibility */
.lt-svc-hero--has-video .lt-svc-hero__overlay {
	background: linear-gradient(
		105deg,
		rgba(0,0,0,0.88) 0%,
		rgba(0,0,0,0.6)  55%,
		rgba(0,0,0,0.45) 100%
	);
}

/* ==========================================================
   Single Service — Full Width (no sidebar)
   ========================================================== */

.lt-single-service--full {
	padding: 1.5rem 0 4rem;
}

/* Boxed: content flows in a centered 900px column */
.lt-single-service--full .lt-single-service__content {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2rem;
}

/* Full-width: shortcodes own their containment via .lt-container */
.lt-layout-fullwidth .lt-single-service--full .lt-single-service__content {
	max-width: 100%;
	padding: 0;
}

.lt-single-service__gallery {
	margin-top: 4rem;
}

.lt-single-service__gallery .lt-gallery-full-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

@media (max-width: 900px) {
	.lt-single-service__gallery .lt-gallery-full-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 500px) {
	.lt-single-service__gallery .lt-gallery-full-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ==========================================================
   PPF Intro Section
   ========================================================== */

.lt-ppf-intro {
	padding: 2.5rem 0;
}

.lt-ppf-intro__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
	align-items: start;
}

.lt-ppf-intro__text p {
	color: var(--lt-text-muted);
	line-height: 1.85;
	margin-bottom: 1.25rem;
}

.lt-ppf-intro__text p strong {
	color: var(--lt-gold);
}

.lt-ppf-intro__trust-bar {
	border-top: 1px solid rgba(201,168,76,0.2);
	border-bottom: 1px solid rgba(201,168,76,0.2);
	background: rgba(201,168,76,0.04);
	margin-top: 2rem;
	padding: 1.1rem 1.5rem;
	width: 100%;
}

.lt-ppf-intro__trust-inner {
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 1280px;
	margin: 0 auto;
	gap: 0;
}

.lt-ppf-intro__cred {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	flex: 1;
	justify-content: center;
	font-size: 0.83rem;
	color: var(--lt-text-muted);
	line-height: 1.35;
	padding: 0 1.5rem;
}

.lt-ppf-intro__cred + .lt-ppf-intro__cred {
	border-left: 1px solid rgba(201,168,76,0.2);
}

.lt-ppf-intro__cred svg {
	flex-shrink: 0;
	color: var(--lt-gold);
}

.lt-ppf-intro__cred strong {
	color: var(--lt-white);
	font-weight: 600;
}

.lt-ppf-intro__cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
}

.lt-ppf-intro__card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 1.5rem;
	transition: border-color var(--lt-transition), transform var(--lt-transition);
}

.lt-ppf-intro__card:hover {
	border-color: rgba(201,168,76,0.3);
	transform: translateY(-3px);
}

.lt-ppf-intro__card-icon {
	width: 52px;
	height: 52px;
	background: rgba(201,168,76,0.1);
	border-radius: var(--lt-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lt-gold);
	margin-bottom: 1rem;
}

.lt-ppf-intro__card h3 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: var(--lt-white);
}

.lt-ppf-intro__card p {
	font-size: 0.85rem;
	color: var(--lt-text-muted);
	line-height: 1.7;
}

@media (max-width: 1024px) {
	.lt-ppf-intro__grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.lt-ppf-intro {
		padding: 2rem 0;
	}
}

@media (max-width: 600px) {
	.lt-ppf-intro {
		padding: 1.5rem 0;
	}

	.lt-ppf-intro__cards {
		grid-template-columns: 1fr;
	}

	.lt-ppf-intro__trust-bar {
		padding: 1rem 1.25rem;
		margin-top: 2.5rem;
	}

	.lt-ppf-intro__trust-inner {
		flex-wrap: wrap;
		gap: 0.7rem 0;
	}

	.lt-ppf-intro__cred {
		flex: 0 0 50%;
		justify-content: flex-start;
		padding: 0.35rem 0.75rem;
		font-size: 0.8rem;
	}

	.lt-ppf-intro__cred:nth-child(odd) {
		border-left: none;
		padding-left: 0;
	}

	.lt-ppf-intro__cred:nth-child(even) {
		border-left: 1px solid rgba(201,168,76,0.2);
	}
}

/* ==========================================================
   Scroll anchor helper
   ========================================================== */

.lt-scroll-anchor {
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	scroll-margin-top: 100px;
}

/* ==========================================================
   PPF Packages CTA — teaser strip above the selector
   ========================================================== */

.lt-ppf-pkg-cta {
	padding: 4rem 0 3.5rem;
	background: linear-gradient(180deg, #0b0b0b 0%, #121212 100%);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.lt-ppf-pkg-cta::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(201,168,76,0.08) 0%, transparent 70%);
	pointer-events: none;
}

.lt-ppf-pkg-cta__inner {
	position: relative;
}

.lt-ppf-pkg-cta__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.8rem, 3.5vw, 2.8rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	background: linear-gradient(135deg, #fff 50%, var(--lt-gold-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin: 0.6rem 0 0.9rem;
}

.lt-ppf-pkg-cta__sub {
	color: var(--lt-text-muted);
	max-width: 580px;
	margin: 0 auto 2.2rem;
	line-height: 1.7;
	font-size: 0.95rem;
}

.lt-ppf-pkg-cta__chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 2.2rem;
}

.lt-ppf-pkg-cta__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 1rem;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 100px;
	font-size: 0.82rem;
	color: rgba(255,255,255,0.75);
	letter-spacing: 0.02em;
	transition: background 0.2s, border-color 0.2s;
}

.lt-ppf-pkg-cta__chip--popular {
	background: rgba(201,168,76,0.1);
	border-color: rgba(201,168,76,0.45);
	color: var(--lt-gold-light);
}

.lt-ppf-pkg-cta__chip-price {
	font-weight: 600;
	color: #fff;
}

.lt-ppf-pkg-cta__chip--popular .lt-ppf-pkg-cta__chip-price {
	color: var(--lt-gold-light);
}

.lt-ppf-pkg-cta__btn {
	margin-top: 0.5rem;
}

@media (max-width: 600px) {
	.lt-ppf-pkg-cta__chips {
		gap: 0.5rem;
	}
	.lt-ppf-pkg-cta__chip {
		font-size: 0.78rem;
		padding: 0.4rem 0.85rem;
	}
}

/* ==========================================================
   PPF Selector — Type Chooser + Packages
   ========================================================== */

.lt-ppf-selector {
	padding: 2.5rem 0 5rem;
}

/* Type chooser row */
.lt-ppf-selector__chooser {
	margin-bottom: 3rem;
}

.lt-ppf-selector__types {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.lt-ppf-selector__type {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1rem;
	background: var(--lt-card);
	border: 2px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 1.5rem 1.75rem;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.3s ease, background 0.3s ease, transform 0.2s ease;
	overflow: hidden;
}

.lt-ppf-selector__type::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(var(--type-color-rgb, 201,168,76), 0.06) 0%, transparent 60%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.lt-ppf-selector__type:hover,
.lt-ppf-selector__type.is-active {
	border-color: var(--type-color, var(--lt-gold));
	transform: translateY(-2px);
}

.lt-ppf-selector__type:hover::before,
.lt-ppf-selector__type.is-active::before {
	opacity: 1;
}

.lt-ppf-selector__type.is-active {
	background: var(--lt-card-hover);
}

.lt-ppf-selector__type-icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(201,168,76,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--type-color, var(--lt-gold));
	transition: background 0.3s ease;
}

.lt-ppf-selector__type.is-active .lt-ppf-selector__type-icon {
	background: rgba(201,168,76,0.18);
}

.lt-ppf-selector__type-text {
	flex: 1;
	min-width: 0;
}

.lt-ppf-selector__type-name {
	display: block;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--lt-white);
	margin-bottom: 0.2rem;
}

.lt-ppf-selector__type-sub {
	font-size: 0.8rem;
	color: var(--lt-text-muted);
	letter-spacing: 0.03em;
}

.lt-ppf-selector__type-badge {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.2rem 0.55rem;
	background: var(--type-color, var(--lt-gold));
	color: var(--lt-black);
	border-radius: 50px;
}

.lt-ppf-selector__type-arrow {
	flex-shrink: 0;
	color: var(--lt-text-dim);
	transition: transform 0.3s ease, color 0.3s ease;
}

.lt-ppf-selector__type.is-active .lt-ppf-selector__type-arrow {
	color: var(--type-color, var(--lt-gold));
	transform: rotate(90deg);
}

/* Panel */
.lt-ppf-selector__panel {
	display: none;
	animation: lt-panel-in 0.4s ease forwards;
}

.lt-ppf-selector__panel.is-active {
	display: block;
}

@keyframes lt-panel-in {
	from { opacity: 0; transform: translateY(20px); }
	to   { opacity: 1; transform: translateY(0);    }
}

/* Panel intro banner */
.lt-ppf-selector__panel-intro {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	background: linear-gradient(135deg, rgba(201,168,76,0.06) 0%, var(--lt-card) 100%);
	border: 1px solid rgba(201,168,76,0.15);
	border-left: 4px solid var(--type-color, var(--lt-gold));
	border-radius: var(--lt-radius-lg);
	padding: 2rem 2.5rem;
	margin-bottom: 2.5rem;
}

.lt-ppf-selector__panel-intro-icon {
	flex-shrink: 0;
	color: var(--type-color, var(--lt-gold));
	opacity: 0.9;
}

.lt-ppf-selector__panel-title {
	font-family: var(--lt-font-heading);
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--lt-white);
	margin-bottom: 0.6rem;
	line-height: 1.2;
}

.lt-ppf-selector__panel-title em {
	font-style: italic;
	color: var(--lt-text-muted);
	font-size: 0.9em;
}

.lt-ppf-selector__panel-desc {
	color: var(--lt-text-muted);
	font-size: 0.95rem;
	line-height: 1.7;
}

/* Package cards grid */
.lt-ppf-selector__packages {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.lt-ppf-selector__packages--3 {
	grid-template-columns: repeat(3, 1fr);
}

.lt-ppf-selector__packages--4 {
	grid-template-columns: repeat(4, 1fr);
}

/* Package card */
.lt-ppf-pkg {
	position: relative;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	transition: border-color var(--lt-transition), transform var(--lt-transition), box-shadow var(--lt-transition);
}

.lt-ppf-pkg:hover {
	border-color: rgba(201,168,76,0.35);
	transform: translateY(-4px);
	box-shadow: var(--lt-shadow-gold);
}

.lt-ppf-pkg--popular {
	border-color: var(--lt-gold);
	background: linear-gradient(160deg, rgba(201,168,76,0.06) 0%, var(--lt-card) 100%);
}

.lt-ppf-pkg__popular-badge {
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.3rem 0.9rem;
	background: var(--lt-gold);
	color: var(--lt-black);
	border-radius: 0 0 8px 8px;
}

.lt-ppf-pkg__header {
	padding-top: 0.75rem;
}

.lt-ppf-pkg__name {
	font-family: var(--lt-font-heading);
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--lt-white);
	margin-bottom: 0.5rem;
}

.lt-ppf-pkg__price {
	font-size: 1.6rem;
	font-weight: 800;
	color: var(--lt-gold);
	line-height: 1;
	margin-bottom: 0.5rem;
}

.lt-ppf-pkg__duration {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8rem;
	color: var(--lt-text-muted);
}

.lt-ppf-pkg__duration svg {
	color: var(--lt-gold);
	opacity: 0.7;
}

/* Coverage zones */
.lt-ppf-pkg__zones {
	background: rgba(255,255,255,0.03);
	border-radius: var(--lt-radius);
	padding: 1rem;
}

.lt-ppf-pkg__zones-label,
.lt-ppf-pkg__includes-label {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--lt-gold);
	margin-bottom: 0.65rem;
}

.lt-ppf-pkg__zones-label svg {
	color: var(--lt-gold);
}

.lt-ppf-pkg__zones-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.lt-ppf-pkg__zones-list li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.82rem;
	color: var(--lt-text-muted);
	line-height: 1.4;
}

.lt-ppf-pkg__zones-list li::before {
	content: '';
	flex-shrink: 0;
	width: 5px;
	height: 5px;
	background: var(--lt-gold);
	border-radius: 50%;
}

/* Inclusions list */
.lt-ppf-pkg__includes {
	flex: 1;
}

.lt-ppf-pkg__includes-list,
.lt-ppf-pkg .lt-ppf-pkg__includes-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	list-style: none !important;
	padding-left: 0 !important;
	margin: 0;
}

.lt-ppf-pkg__includes-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: var(--lt-text-muted);
	line-height: 1.4;
	padding-left: 0;
}

.lt-ppf-pkg__includes-list li::before {
	display: none;
}

.lt-ppf-pkg__includes-list li svg {
	flex-shrink: 0;
	color: var(--lt-gold);
	margin-top: 0.15em;
}

/* CTA */
.lt-ppf-pkg__cta {
	margin-top: auto;
}

.lt-ppf-pkg__cta .lt-btn {
	width: 100%;
	justify-content: center;
}

/* Responsive */
@media (max-width: 900px) {
	.lt-ppf-selector__types {
		grid-template-columns: 1fr;
	}

	.lt-ppf-selector__type-arrow {
		margin-left: auto;
	}

	.lt-ppf-selector__type.is-active .lt-ppf-selector__type-arrow {
		transform: rotate(90deg);
	}
}

@media (max-width: 1200px) {
	.lt-ppf-selector__packages,
	.lt-ppf-selector__packages--4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.lt-ppf-selector__packages--3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) {
	.lt-ppf-selector__packages--3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.lt-ppf-selector {
		padding: 1.5rem 0 3rem;
	}

	.lt-ppf-selector__panel-intro {
		flex-direction: column;
		gap: 1rem;
		padding: 1.5rem;
		margin-bottom: 1.75rem;
	}

	.lt-ppf-selector__panel-title {
		font-size: 1.3rem;
	}

	.lt-ppf-selector__panel-intro-icon {
		display: none;
	}

	.lt-ppf-selector__packages,
	.lt-ppf-selector__packages--3,
	.lt-ppf-selector__packages--4 {
		grid-template-columns: 1fr;
	}

	.lt-ppf-pkg {
		padding: 1.5rem;
		gap: 1.25rem;
	}

	.lt-ppf-pkg__name {
		font-size: 1.15rem;
	}

	.lt-ppf-pkg__price {
		font-size: 1.4rem;
	}
}

@media (max-width: 480px) {
	.lt-ppf-selector {
		padding: 1rem 0 2.5rem;
	}

	.lt-ppf-selector__type {
		padding: 1rem 1.25rem;
		gap: 0.75rem;
	}

	.lt-ppf-selector__type-name {
		font-size: 1rem;
	}

	.lt-ppf-selector__type-sub {
		font-size: 0.75rem;
	}

	.lt-ppf-selector__chooser {
		margin-bottom: 2rem;
	}

	.lt-ppf-selector__panel-intro {
		padding: 1.25rem;
	}

	.lt-ppf-selector__panel-desc {
		font-size: 0.85rem;
	}

	.lt-ppf-pkg {
		padding: 1.25rem;
		gap: 1rem;
	}

	.lt-ppf-pkg__name {
		font-size: 1.05rem;
	}

	.lt-ppf-pkg__price {
		font-size: 1.3rem;
	}

	.lt-ppf-pkg__zones {
		padding: 0.75rem;
	}

	.lt-ppf-pkg__popular-badge {
		font-size: 0.6rem;
		padding: 0.25rem 0.7rem;
	}
}

/* ── PPF Package Picker (contact form) ─────────────────────────────── */

.lt-ppf-quote-wrap {
	display: none;
	background: rgba(201,168,76,.05);
	border: 1px solid rgba(201,168,76,.2);
	border-radius: 8px;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	animation: lt-panel-in .3s ease forwards;
}
.lt-ppf-quote-wrap.is-visible { display: block; }

.lt-ppf-quote-header {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .25rem;
	color: var(--lt-gold, #c9a84c);
}

.lt-form-hint {
	font-size: .8125rem;
	color: rgba(255,255,255,.45);
	margin: .25rem 0 1rem;
	line-height: 1.5;
}

.lt-ppf-quote-types {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 1rem;
}

.lt-ppf-quote-type {
	padding: .45rem 1.1rem;
	border: 1.5px solid rgba(201,168,76,.3);
	border-radius: 100px;
	background: transparent;
	color: rgba(255,255,255,.75);
	font-size: .875rem;
	font-weight: 600;
	cursor: pointer;
	transition: border-color .2s, background .2s, color .2s;
	letter-spacing: .02em;
}
.lt-ppf-quote-type:hover {
	border-color: var(--lt-gold, #c9a84c);
	color: var(--lt-gold, #c9a84c);
}
.lt-ppf-quote-type.is-active {
	background: var(--lt-gold, #c9a84c);
	border-color: var(--lt-gold, #c9a84c);
	color: #0a0a0a;
}

.lt-ppf-quote-select { margin-top: .25rem; }

@media (max-width: 480px) {
	.lt-ppf-quote-types { gap: .4rem; }
	.lt-ppf-quote-type { font-size: .8125rem; padding: .4rem .85rem; }
}

/* ═══════════════════════════════════════════════════════════════
   ADVANCED SCROLL ANIMATIONS  (scroll-animations.js companion)
   ═══════════════════════════════════════════════════════════════ */

/* ── Scroll progress bar ─────────────────────────────────────── */
#lt-scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold-dark, #a07830), var(--lt-gold, #c9a84c), var(--lt-gold-light, #e8c97e));
	transform: scaleX(0);
	transform-origin: left center;
	z-index: 9999;
	pointer-events: none;
	transition: transform 0.1s linear;
}

/* ── clip-up: Webflow-style polygon wipe-up reveal ───────────── */
[data-animate="clip-up"] {
	opacity: 1;
	transform: translateY(36px);
	clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
	transition:
		transform  1s cubic-bezier(0.16, 1, 0.3, 1),
		clip-path  1s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="clip-up"].is-visible {
	opacity: 1;
	transform: translateY(0);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* ── scale-in: scale up from slightly smaller ────────────────── */
[data-animate="scale-in"] {
	opacity: 0;
	transform: scale(0.92) translateY(20px);
	transition:
		opacity   0.8s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="scale-in"].is-visible {
	opacity: 1;
	transform: scale(1) translateY(0);
}

/* ── zoom-out: scale down from slightly larger ───────────────── */
[data-animate="zoom-out"] {
	opacity: 0;
	transform: scale(1.08);
	transition:
		opacity   1s cubic-bezier(0.16, 1, 0.3, 1),
		transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="zoom-out"].is-visible {
	opacity: 1;
	transform: scale(1);
}

/* ── line-grow: scaleX from 0 to 1 (gold dividers) ──────────── */
[data-animate="line-grow"] {
	opacity: 1;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="line-grow"].is-visible {
	opacity: 1;
	transform: scaleX(1);
}

/* ── blur-in: blur + fade + slight rise ─────────────────────── */
[data-animate="blur-in"] {
	opacity: 0;
	filter: blur(12px);
	transform: translateY(22px);
	transition:
		opacity   0.9s ease,
		filter    0.9s ease,
		transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="blur-in"].is-visible {
	opacity: 1;
	filter: blur(0px);
	transform: translateY(0);
}

/* ── Gallery cards: add opacity to existing transition ───────── */
.lt-ow-card[data-animate] {
	opacity: 0;
	transition: opacity 0.7s ease, transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.lt-ow-card[data-animate].is-visible {
	opacity: 1;
}

/* ── Image reveal sweep ──────────────────────────────────────── */
.lt-img-reveal {
	position: relative;
	overflow: hidden;
	display: block;
}
.lt-img-reveal__sweep {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--lt-gold-dark, #a07830), var(--lt-gold, #c9a84c));
	transform: translateX(-100%);
	z-index: 2;
	pointer-events: none;
	transition: transform 0.7s cubic-bezier(0.76, 0, 0.24, 1);
}
.lt-img-reveal.is-revealed .lt-img-reveal__sweep {
	transform: translateX(101%);
}
.lt-img-reveal img,
.lt-img-reveal video {
	transform: scale(1.06);
	transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.lt-img-reveal.is-revealed img,
.lt-img-reveal.is-revealed video {
	transform: scale(1);
}

/* ── Split text animation ─────────────────────────────────────── */
.lt-split-text {
	overflow: hidden;
	display: block;
}
.lt-sw {
	display: inline-block;
	transform: translateY(110%);
	opacity: 0;
	transition:
		transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
		opacity   0.6s ease;
}
.lt-split-text.is-split-in .lt-sw {
	transform: translateY(0);
	opacity: 1;
}

/* ── Section entrance fade for heavy sections ─────────────────── */
.lt-services,
.lt-about,
.lt-process,
.lt-testimonials,
.lt-ow-block,
.lt-brands {
	transition: opacity 0.5s ease;
}

/* ── Brands: stagger items ────────────────────────────────────── */
.lt-brands__item[data-animate] {
	opacity: 0;
	transform: translateY(14px) scale(0.95);
	transition:
		opacity   0.6s ease,
		transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.lt-brands__item[data-animate].is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* ── Process connector line-grow ─────────────────────────────── */
.lt-process__connector[data-animate="line-grow"] {
	display: block;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold, #c9a84c), transparent);
	margin-bottom: 1rem;
}

/* ── Enhanced section title animations ───────────────────────── */
.lt-section-title .lt-eyebrow[data-animate],
.lt-section-title .lt-section-eyebrow[data-animate] {
	transition-duration: 0.7s;
}
.lt-section-title h2[data-animate],
.lt-section-title .lt-section-heading[data-animate] {
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── reduce-motion: respect user preference ──────────────────── */
@media (prefers-reduced-motion: reduce) {
	[data-animate],
	[data-animate="clip-up"],
	[data-animate="scale-in"],
	[data-animate="zoom-out"],
	[data-animate="line-grow"],
	[data-animate="blur-in"],
	.lt-sw,
	.lt-img-reveal__sweep,
	#lt-scroll-progress {
		transition-duration: 0.01ms !important;
		animation-duration:  0.01ms !important;
	}
	[data-animate="clip-up"] {
		clip-path: none !important;
	}
	.lt-sw { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   De-Chrome Page Styles
   ═══════════════════════════════════════════════════════════════ */

/* ── lt-dc-intro ─────────────────────────────────────────────── */
.lt-dc-intro {
	padding: 6rem 0;
	background: var(--lt-dark, #0d0d0d);
}
.lt-dc-intro__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: start;
}
@media (max-width: 900px) {
	.lt-dc-intro__grid { grid-template-columns: 1fr; gap: 2.5rem; }
}

/* Text column */
.lt-dc-intro__heading {
	font-size: clamp(1.6rem, 3.5vw, 2.5rem);
	font-weight: 700;
	color: var(--lt-white, #fff);
	margin: 0.5rem 0 0.75rem;
	line-height: 1.2;
}
.lt-dc-intro__p {
	color: rgba(255,255,255,.72);
	line-height: 1.75;
	margin-bottom: 1rem;
	font-size: 0.975rem;
}

/* Stats row */
.lt-dc-intro__stats {
	display: flex;
	gap: 1.5rem;
	margin-top: 2rem;
	flex-wrap: wrap;
}
.lt-dc-intro__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(201,168,76,.08);
	border: 1px solid rgba(201,168,76,.22);
	border-radius: 10px;
	padding: 1rem 1.4rem;
	min-width: 5rem;
	text-align: center;
}
.lt-dc-intro__stat-num {
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--lt-gold, #c9a84c);
	line-height: 1;
}
.lt-dc-intro__stat-lbl {
	font-size: 0.7rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.55);
	margin-top: .35rem;
}

/* Benefit cards column */
.lt-dc-intro__cards {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.lt-dc-intro__card {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(201,168,76,.14);
	border-radius: 14px;
	padding: 1.4rem 1.6rem;
	transition: border-color .3s, background .3s;
}
.lt-dc-intro__card:hover {
	background: rgba(201,168,76,.07);
	border-color: rgba(201,168,76,.35);
}
.lt-dc-intro__card-icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(201,168,76,.12);
	border: 1px solid rgba(201,168,76,.25);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lt-gold, #c9a84c);
}
.lt-dc-intro__card-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--lt-white, #fff);
	margin: 0 0 .4rem;
}
.lt-dc-intro__card-text {
	font-size: 0.875rem;
	color: rgba(255,255,255,.65);
	line-height: 1.65;
	margin: 0;
}

/* ── lt-dc-trims ─────────────────────────────────────────────── */
.lt-dc-trims {
	padding: 5.5rem 0;
	background: #111;
}
.lt-dc-trims__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-top: 2rem;
}
@media (max-width: 1024px) {
	.lt-dc-trims__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
	.lt-dc-trims__grid { grid-template-columns: repeat(2, 1fr); }
}

.lt-dc-trims__item {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(201,168,76,.12);
	border-radius: 10px;
	padding: 1rem 1.1rem;
	transition: background .3s, border-color .3s, transform .3s;
	cursor: default;
}
.lt-dc-trims__item:hover {
	background: rgba(201,168,76,.08);
	border-color: rgba(201,168,76,.3);
	transform: translateY(-2px);
}
.lt-dc-trims__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: rgba(201,168,76,.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lt-gold, #c9a84c);
}
.lt-dc-trims__body {
	flex: 1;
	min-width: 0;
}
.lt-dc-trims__label {
	display: block;
	font-size: 0.83rem;
	font-weight: 600;
	color: var(--lt-white, #fff);
	line-height: 1.3;
}
.lt-dc-trims__bar {
	display: block;
	height: 2px;
	background: linear-gradient(90deg, var(--lt-gold, #c9a84c), transparent);
	border-radius: 2px;
	margin-top: 0.45rem;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .4s cubic-bezier(0.16,1,0.3,1);
}
.lt-dc-trims__item:hover .lt-dc-trims__bar {
	transform: scaleX(1);
}

/* =========================================================
   About Us Page  (template-about.php)
   ========================================================= */

/* ── Hero modifier ──────────────────────────────────────── */
.lt-abt-hero .lt-svc-hero__title {
	font-size: clamp(2.8rem, 7vw, 6rem);
}
.lt-abt-hero__scroll-btn svg {
	transition: transform 0.3s ease;
}
.lt-abt-hero__scroll-btn:hover svg {
	transform: translateY(3px);
}

/* ── Story section ──────────────────────────────────────── */
.lt-abt-story {
	padding: 6rem 0;
	position: relative;
	overflow: hidden;
}
.lt-abt-story__glow {
	position: absolute;
	top: 20%;
	right: -10%;
	width: 50%;
	height: 60%;
	background: radial-gradient(ellipse, rgba(201,168,76,0.05) 0%, transparent 70%);
	pointer-events: none;
}
.lt-abt-story__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
	align-items: center;
}
.lt-abt-story__visual {
	position: relative;
}
.lt-abt-story__img-wrap {
	position: relative;
	border-radius: var(--lt-radius-lg);
	overflow: hidden;
}
.lt-abt-story__img {
	width: 100%;
	height: 480px;
	object-fit: cover;
	display: block;
	transition: transform 0.7s ease;
}
.lt-abt-story__img-wrap:hover .lt-abt-story__img {
	transform: scale(1.04);
}
.lt-abt-story__img-placeholder {
	width: 100%;
	height: 480px;
	background: var(--lt-card);
	border-radius: var(--lt-radius-lg);
	border: 1px solid var(--lt-border);
	display: flex;
	align-items: center;
	justify-content: center;
}
.lt-abt-story__img-placeholder svg {
	width: 100%;
	height: 100%;
}
.lt-abt-story__badge {
	position: absolute;
	bottom: -1.5rem;
	right: -1.5rem;
	width: 110px;
	height: 110px;
	background: var(--lt-gold);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 8px 32px rgba(201,168,76,0.4);
	z-index: 2;
}
.lt-abt-story__badge-num {
	font-family: var(--lt-font-heading);
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--lt-black);
	line-height: 1;
}
.lt-abt-story__badge-num sup {
	font-size: 1rem;
	vertical-align: super;
}
.lt-abt-story__badge-txt {
	font-size: 0.6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--lt-black);
	line-height: 1.3;
	padding: 0 0.4rem;
}
.lt-abt-story__award {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	margin-top: 2.5rem;
	padding: 0.75rem 1.5rem;
	background: rgba(201,168,76,0.07);
	border: 1px solid rgba(201,168,76,0.18);
	border-radius: 50px;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lt-gold-light);
}
.lt-abt-story__award svg {
	fill: var(--lt-gold);
	flex-shrink: 0;
}
.lt-abt-story__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.8rem, 3.5vw, 2.6rem);
	font-weight: 600;
	line-height: 1.2;
	color: var(--lt-white);
	margin: 0.75rem 0 1.5rem;
}
.lt-abt-story__text {
	color: var(--lt-text-muted);
	font-size: 1rem;
	line-height: 1.8;
	margin-bottom: 1rem;
}
.lt-abt-story__features {
	list-style: none;
	margin: 1.75rem 0 2rem;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}
.lt-abt-story__feature {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.9rem;
	color: rgba(255,255,255,0.8);
	line-height: 1.5;
}
.lt-abt-story__check {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: rgba(201,168,76,0.12);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.1rem;
}
.lt-abt-story__check svg {
	fill: var(--lt-gold);
}
.lt-abt-story__actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}

/* ── Stats section ──────────────────────────────────────── */
.lt-abt-stats {
	padding: 5rem 0;
	background: var(--lt-dark);
	position: relative;
	overflow: hidden;
}
.lt-abt-stats__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.08) 0%, transparent 65%);
	pointer-events: none;
}
.lt-abt-stats__line-top,
.lt-abt-stats__line-bottom {
	position: absolute;
	left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201,168,76,0.25), transparent);
}
.lt-abt-stats__line-top    { top: 0; }
.lt-abt-stats__line-bottom { bottom: 0; }
.lt-abt-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	position: relative;
	z-index: 1;
}
.lt-abt-stats__item {
	text-align: center;
	padding: 2.5rem 1.5rem;
	position: relative;
}
.lt-abt-stats__item + .lt-abt-stats__item::before {
	content: '';
	position: absolute;
	left: 0; top: 20%; bottom: 20%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(201,168,76,0.2), transparent);
}
.lt-abt-stats__icon {
	width: 48px;
	height: 48px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.25rem;
}
.lt-abt-stats__icon svg {
	fill: var(--lt-gold);
}
.lt-abt-stats__num {
	display: block;
	font-family: var(--lt-font-heading);
	font-size: clamp(2.8rem, 5vw, 4rem);
	font-weight: 700;
	color: var(--lt-gold);
	line-height: 1;
	margin-bottom: 0.6rem;
	letter-spacing: -0.02em;
}
.lt-abt-stats__label {
	display: block;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.45);
}

/* ── Services section ───────────────────────────────────── */
.lt-abt-services {
	padding: 6rem 0;
	background: var(--lt-black);
}
.lt-abt-services__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-top: 3rem;
}

/* Card overrides — footer = full-width title bar */
.lt-abt-services .lt-service-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.lt-abt-services .lt-service-card__body {
	flex: 1;
	padding: 1.25rem 1.5rem 1rem;
}
.lt-abt-services .lt-service-card__footer {
	padding: 0;
	margin-top: 0;
	border-top: 1px solid rgba(201, 168, 76, 0.2);
}
.lt-abt-services .lt-service-card__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.9rem 1.5rem;
	border-radius: 0;
	border: none;
	background: rgba(8, 8, 8, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--lt-gold);
	gap: 0.5rem;
}
.lt-abt-services .lt-service-card__link:hover {
	background: var(--lt-gold);
	border: none;
	color: #0a0a0a;
	transform: none;
}
.lt-abt-services .lt-service-card__link:hover svg {
	fill: #0a0a0a;
	transform: translateX(3px);
}

.lt-abt-svc-card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.lt-abt-svc-card:hover {
	border-color: rgba(201,168,76,0.35);
	transform: translateY(-6px);
	box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(201,168,76,0.15);
}
.lt-abt-svc-card__img-wrap {
	position: relative;
	height: 180px;
	overflow: hidden;
}
.lt-abt-svc-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.lt-abt-svc-card:hover .lt-abt-svc-card__img {
	transform: scale(1.08);
}
.lt-abt-svc-card__img-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.7));
}
.lt-abt-svc-card__img-placeholder {
	height: 180px;
	background: linear-gradient(135deg, #111 0%, #1a1a1a 100%);
	position: relative;
}
.lt-abt-svc-card__img-placeholder::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 60% 40%, rgba(201,168,76,0.08) 0%, transparent 60%);
}
.lt-abt-svc-card__body {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.lt-abt-svc-card__icon {
	width: 40px;
	height: 40px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}
.lt-abt-svc-card__icon svg {
	fill: var(--lt-gold);
}
.lt-abt-svc-card__title {
	font-family: var(--lt-font-heading);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--lt-white);
	margin-bottom: 0.5rem;
}
.lt-abt-svc-card__desc {
	font-size: 0.85rem;
	color: var(--lt-text-muted);
	line-height: 1.7;
	flex: 1;
	margin-bottom: 1rem;
}
.lt-abt-svc-card__price {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--lt-gold);
	background: rgba(201,168,76,0.08);
	border: 1px solid rgba(201,168,76,0.18);
	border-radius: 4px;
	padding: 0.25rem 0.6rem;
	margin-bottom: 1rem;
}
.lt-abt-svc-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--lt-gold);
	transition: gap 0.2s ease;
}
.lt-abt-svc-card__link:hover {
	color: var(--lt-gold-light);
	gap: 0.6rem;
}

/* ── Values section ─────────────────────────────────────── */
.lt-abt-values {
	padding: 6rem 0;
	background: var(--lt-dark);
	position: relative;
	overflow: hidden;
}
.lt-abt-values__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 100%, rgba(201,168,76,0.06) 0%, transparent 60%);
	pointer-events: none;
}
.lt-abt-values__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-top: 3rem;
}
.lt-abt-value-card {
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem;
	transition: border-color 0.3s ease, transform 0.3s ease;
	position: relative;
	overflow: hidden;
}
.lt-abt-value-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--lt-gold), transparent);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.lt-abt-value-card:hover {
	border-color: rgba(201,168,76,0.3);
	transform: translateY(-4px);
}
.lt-abt-value-card:hover::before {
	opacity: 1;
}
.lt-abt-value-card__icon {
	width: 52px;
	height: 52px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.2);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
	transition: background 0.3s ease;
}
.lt-abt-value-card:hover .lt-abt-value-card__icon {
	background: rgba(201,168,76,0.18);
}
.lt-abt-value-card__icon svg {
	fill: var(--lt-gold);
}
.lt-abt-value-card__title {
	font-family: var(--lt-font-heading);
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--lt-white);
	margin-bottom: 0.6rem;
}
.lt-abt-value-card__text {
	font-size: 0.875rem;
	color: var(--lt-text-muted);
	line-height: 1.75;
}

/* ── Location section ───────────────────────────────────── */
.lt-abt-location {
	padding: 6rem 0;
	background: var(--lt-black);
}
.lt-abt-location__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: start;
}
.lt-abt-location__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(1.8rem, 3vw, 2.4rem);
	font-weight: 600;
	color: var(--lt-white);
	margin: 0.75rem 0 1.5rem;
}
.lt-abt-location__list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 2.5rem;
}
.lt-abt-location__item {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}
.lt-abt-location__item-icon {
	width: 40px;
	height: 40px;
	background: rgba(201,168,76,0.08);
	border: 1px solid rgba(201,168,76,0.18);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 0.1rem;
}
.lt-abt-location__item-icon svg {
	fill: var(--lt-gold);
}
.lt-abt-location__item div {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}
.lt-abt-location__item strong {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,0.4);
}
.lt-abt-location__item span {
	font-size: 0.925rem;
	color: rgba(255,255,255,0.8);
	line-height: 1.6;
}
.lt-abt-location__item a {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	transition: color 0.2s;
}
.lt-abt-location__item a:hover {
	color: var(--lt-gold-light);
}
.lt-abt-location__actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.lt-abt-location__map-wrap {
	position: sticky;
	top: 120px;
}
.lt-abt-location__map {
	height: 480px;
	border-radius: var(--lt-radius-lg);
	overflow: hidden;
	border: 1px solid rgba(201,168,76,0.18);
	box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(201,168,76,0.08);
}
.lt-abt-location__map iframe {
	display: block;
	filter: grayscale(20%) contrast(1.05);
}

/* ── Contact highlight section ──────────────────────────── */
.lt-abt-contact {
	padding: 6rem 0 5rem;
	background: var(--lt-dark);
	position: relative;
	overflow: hidden;
	text-align: center;
}
.lt-abt-contact__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.12) 0%, transparent 55%);
	pointer-events: none;
}
.lt-abt-contact__lines { pointer-events: none; }
.lt-abt-contact__line {
	position: absolute;
	top: 0; bottom: 0;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(201,168,76,0.1), transparent);
}
.lt-abt-contact__line--1 { left: 20%; }
.lt-abt-contact__line--2 { right: 20%; }
.lt-abt-contact__inner {
	position: relative;
	z-index: 1;
}
.lt-abt-contact__header {
	margin-bottom: 3.5rem;
}
.lt-abt-contact__title {
	font-family: var(--lt-font-heading);
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 600;
	color: var(--lt-white);
	margin: 0.5rem 0 0.75rem;
}
.lt-abt-contact__subtitle {
	color: var(--lt-text-muted);
	font-size: 1rem;
	max-width: 540px;
	margin: 0 auto;
}
.lt-abt-contact__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.lt-abt-contact__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	padding: 2.25rem 1.5rem;
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(201,168,76,0.14);
	border-radius: var(--lt-radius-lg);
	text-decoration: none;
	transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.lt-abt-contact__card:hover {
	background: rgba(201,168,76,0.07);
	border-color: rgba(201,168,76,0.35);
	transform: translateY(-5px);
	box-shadow: 0 16px 48px rgba(201,168,76,0.1);
}
.lt-abt-contact__card-icon {
	width: 56px;
	height: 56px;
	background: rgba(201,168,76,0.1);
	border: 1px solid rgba(201,168,76,0.22);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.4rem;
	transition: background 0.3s ease;
}
.lt-abt-contact__card:hover .lt-abt-contact__card-icon {
	background: rgba(201,168,76,0.2);
}
.lt-abt-contact__card-icon svg {
	fill: var(--lt-gold);
}
.lt-abt-contact__card-label {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.35);
}
.lt-abt-contact__card-value {
	font-family: var(--lt-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--lt-white);
	word-break: break-all;
	transition: color 0.2s;
}
.lt-abt-contact__card:hover .lt-abt-contact__card-value {
	color: var(--lt-gold-light);
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1100px) {
	.lt-abt-services__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.lt-abt-values__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 900px) {
	.lt-abt-story__grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	.lt-abt-story__badge {
		right: 1rem;
		bottom: -1rem;
	}
	.lt-abt-stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.lt-abt-stats__item + .lt-abt-stats__item::before {
		display: none;
	}
	.lt-abt-stats__item:nth-child(2n+1)::after {
		content: '';
		position: absolute;
		bottom: 0; left: 15%; right: 15%;
		height: 1px;
		background: rgba(201,168,76,0.12);
	}
	.lt-abt-location__grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	.lt-abt-location__map-wrap {
		position: static;
	}
	.lt-abt-location__map {
		height: 320px;
	}
	.lt-abt-contact__cards {
		grid-template-columns: 1fr;
		max-width: 420px;
	}
}

@media (max-width: 640px) {
	.lt-abt-services__grid {
		grid-template-columns: 1fr;
	}
	.lt-abt-values__grid {
		grid-template-columns: 1fr;
	}
	.lt-abt-story__actions {
		flex-direction: column;
	}
	.lt-abt-location__actions {
		flex-direction: column;
	}
	.lt-abt-contact__line--1,
	.lt-abt-contact__line--2 { display: none; }
}

/* ==========================================================
   PPF Packages — Homepage Teaser  [lt_ppf_packages_home]
   ========================================================== */

.lt-ppf-home-pkgs {
	position: relative;
	padding: 5rem 0;
}

.lt-ppf-home-pkgs__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-top: 2.5rem;
}

.lt-ppf-home-pkgs__card {
	position: relative;
	background: var(--lt-card);
	border: 1px solid var(--lt-border);
	border-radius: var(--lt-radius-lg);
	padding: 2rem 1.75rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.lt-ppf-home-pkgs__card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(201,168,76,0.04) 0%, transparent 60%);
	pointer-events: none;
}

.lt-ppf-home-pkgs__card:hover {
	transform: translateY(-5px);
	border-color: rgba(201,168,76,0.35);
	box-shadow: 0 18px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(201,168,76,0.12);
}

.lt-ppf-home-pkgs__card--popular {
	border-color: rgba(201,168,76,0.45);
	background: linear-gradient(180deg, rgba(201,168,76,0.07) 0%, var(--lt-card) 45%);
}

.lt-ppf-home-pkgs__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	align-self: flex-start;
	padding: 0.3rem 0.75rem;
	margin-bottom: 1rem;
	background: var(--lt-gold);
	color: #14110a;
	border-radius: 100px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lt-ppf-home-pkgs__name {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--lt-white);
	margin: 0 0 0.5rem;
	letter-spacing: 0.02em;
}

.lt-ppf-home-pkgs__price {
	font-family: var(--lt-font-heading, inherit);
	font-size: 1.65rem;
	font-weight: 700;
	color: var(--lt-gold);
	margin-bottom: 0.85rem;
	line-height: 1.1;
}

.lt-ppf-home-pkgs__desc {
	font-size: 0.9rem;
	line-height: 1.65;
	color: rgba(255,255,255,0.65);
	margin: 0 0 1.25rem;
	flex-grow: 1;
}

.lt-ppf-home-pkgs__bar {
	height: 2px;
	width: 40px;
	background: linear-gradient(90deg, var(--lt-gold), transparent);
	transition: width 0.4s ease;
}

.lt-ppf-home-pkgs__card:hover .lt-ppf-home-pkgs__bar {
	width: 100%;
}

.lt-ppf-home-pkgs__action {
	display: flex;
	justify-content: center;
	margin-top: 2.75rem;
}

@media (max-width: 1024px) {
	.lt-ppf-home-pkgs__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.lt-ppf-home-pkgs {
		padding: 3.5rem 0;
	}
	.lt-ppf-home-pkgs__grid {
		grid-template-columns: 1fr;
		gap: 1.1rem;
		margin-top: 2rem;
	}
	.lt-ppf-home-pkgs__card {
		padding: 1.5rem 1.35rem;
	}
}