:root {
				--bg: #fffdf9;
				--bg-cream: #fbf7f2;
				--bg-blush: #f4e8e8;
				--bg-soft: #f2eee8;
				--card: rgba(255, 255, 255, 0.84);
				--card-strong: rgba(255, 255, 255, 0.94);
				--gold: #c8a977;
				--gold-soft: rgba(200, 169, 119, 0.2);
				--gray: #b8b0aa;
				--ink: #4b4744;
				--muted: #827971;
				--line: rgba(75, 71, 68, 0.12);
				--shadow-soft: 0 24px 70px rgba(86, 72, 64, 0.08);
				--shadow-card: 0 18px 45px rgba(94, 80, 72, 0.1);
				--shadow-hover: 0 28px 54px rgba(83, 68, 60, 0.14);
				--shadow-lift: 0 26px 58px rgba(88, 72, 63, 0.12);
				--header-h: 78px;
				--radius-lg: 34px;
				--radius-md: 24px;
				--radius-sm: 18px;
				--container: min(1280px, calc(100% - clamp(24px, 7vw, 120px)));
				--header-container: min(1540px, calc(100% - clamp(18px, 4vw, 72px)));
				--ease: 380ms cubic-bezier(.22, .61, .36, 1);
			}

			* {
				box-sizing: border-box;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				margin: 0;
				font-family: 'Inter', sans-serif;
				color: var(--ink);
				background:
					radial-gradient(circle at 12% 8%, rgba(244, 232, 232, 0.86), transparent 28%),
					radial-gradient(circle at 88% 14%, rgba(200, 169, 119, 0.14), transparent 18%),
					linear-gradient(180deg, #fffefc 0%, #fbf7f2 38%, #ffffff 100%);
				text-rendering: optimizeLegibility;
				-webkit-font-smoothing: antialiased;
				overflow-x: hidden;
			}

			body::before,
			body::after {
				content: "";
				display: none;
				position: fixed;
				inset: auto auto 8% -10%;
				width: 280px;
				height: 280px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(244, 232, 232, 0.68), rgba(244, 232, 232, 0));
				pointer-events: none;
				z-index: -2;
			}

			body::after {
				inset: 18% -6% auto auto;
				width: 220px;
				height: 220px;
				background: radial-gradient(circle, rgba(200, 169, 119, 0.16), rgba(200, 169, 119, 0));
			}

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

			a {
				color: inherit;
			}

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

			.site-container {
				width: var(--container);
				margin: 0 auto;
			}

			.header-container {
				width: var(--header-container);
				margin: 0 auto;
			}

			.section-space {
				padding: clamp(84px, 9vw, 152px) 0;
			}

			.section-space,
			.site-footer {
				content-visibility: auto;
				contain-intrinsic-size: 1px 900px;
			}

			.hero {
				content-visibility: visible;
			}

			.section-soft {
				position: relative;
			}

			.section-soft::before {
				content: "";
				position: absolute;
				inset: 36px clamp(12px, 3vw, 24px);
				border-radius: clamp(28px, 4vw, 42px);
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(244, 232, 232, 0.55));
				border: 1px solid rgba(200, 169, 119, 0.12);
				box-shadow: var(--shadow-soft);
				z-index: -1;
			}

			#products.section-soft::before {
				inset: 22px clamp(12px, 3vw, 24px);
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 232, 232, 0.52));
				border-color: rgba(200, 169, 119, 0.18);
			}

			#products .section-head,
			#products .products-layout,
			#products .mt-10 {
				position: relative;
				z-index: 1;
			}

			#products .section-head {
				padding: clamp(26px, 3.2vw, 42px);
				border-radius: clamp(24px, 3vw, 34px);
				background:
					linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.9) 52%, rgba(255, 255, 255, 0.66) 100%),
					url("../image/partner-bg.jpg") center right / cover no-repeat;
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: 0 18px 46px rgba(72, 60, 54, 0.08);
				backdrop-filter: blur(3px);
				overflow: hidden;
			}

			.partner-copy {
				display: grid;
				gap: 12px;
				max-width: 760px;
			}

			.partner-copy p {
				margin: 0;
			}

			.partner-advantages {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 8px 18px;
				margin: 0;
				padding: 0;
				list-style: none;
			}

			.partner-advantages li {
				position: relative;
				padding-left: 18px;
				color: var(--muted);
				font-size: 15px;
				line-height: 1.55;
			}

			.partner-advantages li::before {
				content: "";
				position: absolute;
				left: 0;
				top: 0.72em;
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: var(--gold);
			}

			.eyebrow {
				margin: 0 0 18px;
				font-size: 12px;
				line-height: 1.1;
				letter-spacing: 0.32em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.62);
			}

			main .eyebrow,
			.hero-caption-label,
			.product-label {
				display: none !important;
			}

			h1,
			h2,
			h3,
			h4 {
				margin: 0;
				font-family: 'Cormorant Garamond', serif;
				font-weight: 600;
				letter-spacing: -0.03em;
				color: var(--ink);
			}

			h1 {
				font-size: clamp(48px, 7vw, 82px);
				line-height: 0.96;
			}

			h2 {
				font-size: clamp(38px, 5vw, 60px);
				line-height: 0.98;
			}

			h3 {
				font-size: clamp(28px, 3vw, 36px);
				line-height: 1.02;
			}

			h4 {
				font-size: clamp(22px, 2.4vw, 28px);
				line-height: 1.08;
			}

			p {
				margin: 0;
				font-size: 16px;
				line-height: 1.82;
				color: var(--muted);
			}

			.section-head {
				display: grid;
				gap: 22px;
				align-items: end;
				margin-bottom: clamp(34px, 5vw, 56px);
			}

			.section-head.split {
				grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
			}

			.section-head p {
				max-width: 720px;
			}

			.btn-primary,
			.btn-secondary,
			.btn-ghost {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				min-height: 52px;
				padding: 0 24px;
				border-radius: 999px;
				text-decoration: none;
				border: 1px solid transparent;
				font-size: 14px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				font-weight: 500;
				transition: transform var(--ease), box-shadow var(--ease), background var(--ease), color var(--ease), border-color var(--ease), opacity var(--ease);
				cursor: pointer;
				white-space: nowrap;
			}

			.btn-primary {
				color: #fffaf5;
				background: linear-gradient(135deg, #4b4744, #6f655e);
				box-shadow: 0 16px 35px rgba(75, 71, 68, 0.18);
			}

			.btn-primary:hover,
			.btn-primary:focus-visible {
				transform: translateY(-2px);
				box-shadow: 0 24px 42px rgba(75, 71, 68, 0.22);
				outline: none;
			}

			.btn-secondary {
				color: var(--ink);
				border-color: rgba(75, 71, 68, 0.18);
				background: rgba(255, 255, 255, 0.55);
				backdrop-filter: blur(12px);
			}

			.btn-secondary:hover,
			.btn-secondary:focus-visible,
			.btn-ghost:hover,
			.btn-ghost:focus-visible {
				transform: translateY(-2px);
				border-color: rgba(200, 169, 119, 0.5);
				background: rgba(255, 255, 255, 0.9);
				outline: none;
			}

			.btn-ghost {
				color: var(--ink);
				background: rgba(255, 255, 255, 0.72);
				border-color: rgba(200, 169, 119, 0.3);
				min-height: 46px;
				padding-inline: 18px;
				letter-spacing: 0.14em;
			}

			.link-inline {
				display: inline-flex;
				align-items: center;
				gap: 9px;
				color: var(--ink);
				text-decoration: none;
				font-size: 13px;
				font-weight: 500;
				letter-spacing: 0.2em;
				text-transform: uppercase;
			}

			.link-inline i {
				transition: transform var(--ease);
			}

			.link-inline:hover i,
			.link-inline:focus-visible i {
				transform: translateX(5px);
			}

			.site-header {
				position: fixed;
				inset: 0 0 auto 0;
				z-index: 120;
				height: var(--header-h);
				transition: background var(--ease), border-color var(--ease), box-shadow var(--ease);
				border-bottom: 1px solid transparent;
				background: transparent;
			}

			.site-header::after {
				content: "";
				position: absolute;
				left: 50%;
				top: 10px;
				transform: translateX(-50%);
				width: min(var(--header-container), calc(100% - 16px));
				height: calc(100% - 20px);
				border-radius: 999px;
				background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(251, 247, 242, 0.88));
				border: 1px solid rgba(255, 255, 255, 0.52);
				box-shadow: 0 12px 28px rgba(87, 71, 64, 0.06);
				opacity: 0;
				transition: opacity var(--ease), transform var(--ease), box-shadow var(--ease);
				pointer-events: none;
			}

			.site-header.scrolled {
				background: rgba(251, 247, 242, 0.94);
				border-bottom-color: rgba(75, 71, 68, 0.09);
				box-shadow: 0 12px 34px rgba(72, 60, 54, 0.08);
			}

			.site-header.scrolled::after {
				opacity: 1;
				transform: translateX(-50%) translateY(0);
				box-shadow: var(--shadow-lift);
			}

			.header-inner {
				position: relative;
				z-index: 1;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: clamp(12px, 1.3vw, 22px);
				padding-inline: clamp(6px, 0.8vw, 14px);
			}

			.brand-mark {
				display: inline-flex;
				align-items: center;
				gap: 14px;
				text-decoration: none;
				flex: 0 0 auto;
				max-width: clamp(58px, 8vw, 90px);
				min-width: 0;
				color: var(--ink);
			}

			.brand-logo {
				width: clamp(52px, 5.4vw, 68px);
				height: clamp(52px, 5.4vw, 68px);
				object-fit: contain;
				filter: drop-shadow(0 10px 20px rgba(97, 82, 73, 0.1));
			}

			.brand-emblem {
				width: 42px;
				height: 42px;
				border-radius: 16px;
				display: grid;
				place-items: center;
				font-size: 14px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: var(--ink);
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(244, 232, 232, 0.86));
				border: 1px solid rgba(200, 169, 119, 0.28);
				box-shadow: 0 12px 28px rgba(97, 82, 73, 0.1);
			}

			.brand-copy {
				min-width: 0;
				display: flex;
				flex-direction: column;
				gap: 2px;
			}

			.brand-name {
				font-size: 14px;
				font-weight: 600;
				letter-spacing: 0.04em;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.brand-name-compact {
				display: none;
			}

			.brand-note {
				font-size: 11px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.54);
			}

			.desktop-nav {
				display: flex;
				align-items: center;
				justify-content: center;
				flex: 1 1 auto;
				min-width: 0;
				gap: clamp(30px, 4vw, 72px);
			}

			.nav-link {
				position: relative;
				text-decoration: none;
				font-size: 14px;
				font-weight: 500;
				letter-spacing: 0.01em;
				white-space: nowrap;
				color: rgba(75, 71, 68, 0.78);
				transition: color var(--ease);
			}

			.nav-link::after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -8px;
				height: 1px;
				background: linear-gradient(90deg, transparent, var(--gold), transparent);
				transform: scaleX(0);
				transform-origin: center;
				transition: transform var(--ease);
			}

			.nav-link:hover,
			.nav-link:focus-visible {
				color: var(--ink);
				outline: none;
			}

			.nav-link:hover::after,
			.nav-link:focus-visible::after {
				transform: scaleX(1);
			}

			.header-actions {
				display: flex;
				align-items: center;
				flex: 0 0 auto;
				gap: 12px;
			}

			.header-actions .btn-primary {
				min-height: 46px;
				padding-inline: 20px;
				font-size: 12px;
				letter-spacing: 0.14em;
			}

			.icon-btn {
				width: 44px;
				height: 44px;
				display: grid;
				place-items: center;
				border-radius: 50%;
				border: 1px solid rgba(75, 71, 68, 0.14);
				background: rgba(255, 255, 255, 0.56);
				color: var(--ink);
				transition: transform var(--ease), background var(--ease), border-color var(--ease);
			}

			.icon-btn:hover,
			.icon-btn:focus-visible {
				transform: translateY(-2px);
				background: rgba(255, 255, 255, 0.9);
				border-color: rgba(200, 169, 119, 0.42);
				outline: none;
			}

			.menu-lines,
			.menu-lines::before,
			.menu-lines::after {
				display: block;
				width: 18px;
				height: 2px;
				border-radius: 999px;
				background: currentColor;
			}

			.menu-lines {
				position: relative;
			}

			.menu-lines::before,
			.menu-lines::after {
				content: "";
				position: absolute;
				left: 0;
			}

			.menu-lines::before {
				top: -6px;
			}

			.menu-lines::after {
				top: 6px;
			}

			.close-lines {
				position: relative;
				display: block;
				width: 18px;
				height: 18px;
			}

			.close-lines::before,
			.close-lines::after {
				content: "";
				position: absolute;
				top: 8px;
				left: 0;
				width: 18px;
				height: 2px;
				border-radius: 999px;
				background: currentColor;
			}

			.close-lines::before {
				transform: rotate(45deg);
			}

			.close-lines::after {
				transform: rotate(-45deg);
			}

			.language-trigger {
				width: 44px;
				height: 44px;
				display: grid;
				place-items: center;
				flex: 0 0 auto;
				border-radius: 50%;
				border: 1px solid rgba(75, 71, 68, 0.14);
				background: rgba(255, 255, 255, 0.56);
				color: var(--ink);
				cursor: pointer;
				transition: transform var(--ease), background var(--ease), border-color var(--ease);
			}

			.language-trigger:hover,
			.language-trigger:focus-visible {
				transform: translateY(-2px);
				background: rgba(255, 255, 255, 0.9);
				border-color: rgba(200, 169, 119, 0.42);
				outline: none;
			}

			.language-glyph {
				position: relative;
				display: grid;
				place-items: center;
				width: 24px;
				height: 24px;
				font-size: 10px;
				font-weight: 700;
				letter-spacing: 0;
			}

			.language-glyph::before {
				content: "";
				position: absolute;
				inset: 1px;
				border: 1.6px solid currentColor;
				border-radius: 50%;
				opacity: 0.72;
			}

			.language-glyph span {
				position: relative;
				z-index: 1;
			}

			.language-modal {
				position: fixed;
				inset: 0;
				z-index: 220;
				display: grid;
				place-items: center;
				padding: clamp(16px, 4vw, 34px);
				background: rgba(58, 49, 44, 0.36);
				backdrop-filter: blur(10px);
				opacity: 0;
				pointer-events: none;
				transition: opacity var(--ease);
			}

			.language-modal.open {
				opacity: 1;
				pointer-events: auto;
			}

			.language-dialog {
				width: min(760px, 92vw);
				max-height: min(780px, 88dvh);
				overflow: hidden;
				border-radius: 34px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(251, 247, 242, 0.95));
				border: 1px solid rgba(200, 169, 119, 0.18);
				box-shadow: 0 30px 80px rgba(61, 49, 43, 0.18);
				display: grid;
				grid-template-rows: auto minmax(0, 1fr);
			}

			.language-modal-head {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 18px;
				padding: clamp(24px, 4vw, 34px) clamp(22px, 4vw, 34px) 0;
			}

			.language-modal-head p:not(.eyebrow) {
				margin-top: 10px;
				max-width: 560px;
				font-size: 14px;
				line-height: 1.7;
			}

			.language-grid {
				display: grid;
				grid-template-columns: repeat(4, minmax(0, 1fr));
				gap: 10px;
				overflow-y: auto;
				padding: 24px clamp(22px, 4vw, 34px) 34px;
			}

			.language-option {
				min-height: 44px;
				padding: 0 12px;
				border-radius: 999px;
				border: 1px solid rgba(75, 71, 68, 0.1);
				background: rgba(255, 255, 255, 0.7);
				color: rgba(75, 71, 68, 0.76);
				cursor: pointer;
				font-size: 13px;
				line-height: 1.25;
				text-align: center;
				transition: transform var(--ease), background var(--ease), border-color var(--ease), color var(--ease);
			}

			.language-option:hover,
			.language-option:focus-visible {
				transform: translateY(-2px);
				background: rgba(255, 255, 255, 0.96);
				border-color: rgba(200, 169, 119, 0.38);
				color: var(--ink);
				outline: none;
			}

			.mobile-trigger,
			.mobile-panel,
			.mobile-backdrop {
				display: none;
			}

			.hero {
				position: relative;
				padding-top: calc(var(--header-h) + 28px);
				display: flex;
				align-items: center;
				overflow: clip;
			}

			.hero::before {
				content: "";
				position: absolute;
				inset: 10% auto auto -10%;
				width: 320px;
				height: 320px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(244, 232, 232, 0.8), rgba(244, 232, 232, 0));
				filter: blur(12px);
				pointer-events: none;
			}

			.hero-grid {
				display: grid;
				grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
				gap: clamp(28px, 4vw, 60px);
				align-items: center;
			}

			.hero-copy {
				position: relative;
				z-index: 2;
			}

			.hero-copy-shell {
				position: relative;
				overflow: hidden;
				padding: clamp(28px, 4vw, 40px);
				border-radius: 38px;
				background: linear-gradient(155deg, rgba(255, 255, 255, 0.78), rgba(249, 243, 237, 0.52));
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: 0 24px 60px rgba(93, 77, 68, 0.09);
				backdrop-filter: blur(16px);
			}

			.hero-copy-shell::before,
			.hero-copy-shell::after {
				content: "";
				position: absolute;
				pointer-events: none;
			}

			.hero-copy-shell::before {
				inset: 1px;
				border-radius: inherit;
				border: 1px solid rgba(255, 255, 255, 0.36);
			}

			.hero-copy-shell::after {
				inset: -28% auto auto 46%;
				width: 220px;
				height: 220px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0));
				filter: blur(6px);
			}

			.hero-kicker {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				min-height: 36px;
				padding: 0 16px;
				border-radius: 999px;
				margin-bottom: 18px;
				background: rgba(255, 255, 255, 0.8);
				border: 1px solid rgba(200, 169, 119, 0.2);
				font-size: 11px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.64);
			}

			.hero-copy p {
				max-width: 540px;
			}

			.hero-accent-note {
				margin-top: 16px;
				font-size: 13px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.48);
			}

			.hero-metrics {
				display: flex;
				flex-wrap: wrap;
				gap: 16px;
				margin-top: 34px;
			}

			.hero-metric {
				min-width: 128px;
				padding: 16px 18px;
				border-radius: 22px;
				background: rgba(255, 255, 255, 0.65);
				backdrop-filter: blur(12px);
				border: 1px solid rgba(200, 169, 119, 0.14);
				box-shadow: 0 14px 34px rgba(94, 80, 72, 0.08);
			}

			.hero-metric strong {
				display: block;
				font-family: 'Cormorant Garamond', serif;
				font-size: 34px;
				line-height: 1;
				color: var(--ink);
				margin-bottom: 8px;
			}

			.hero-metric span {
				font-size: 12px;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.54);
			}

			.hero-actions {
				display: flex;
				flex-wrap: wrap;
				gap: 14px;
				margin-top: 34px;
			}

			.hero-stage {
				position: relative;
				min-height: clamp(580px, 72vw, 780px);
				display: grid;
				grid-template-rows: minmax(0, 1fr) auto;
				gap: 18px;
				isolation: isolate;
			}

			.hero-stage::before,
			.hero-stage::after {
				content: "";
				display: none;
				position: absolute;
				border-radius: 50%;
				z-index: -2;
			}

			.hero-stage::before {
				width: 220px;
				height: 220px;
				left: -2%;
				top: 10%;
				background: radial-gradient(circle, rgba(244, 232, 232, 0.95), rgba(244, 232, 232, 0));
			}

			.hero-stage::after {
				width: 260px;
				height: 260px;
				right: 6%;
				bottom: 6%;
				background: radial-gradient(circle, rgba(200, 169, 119, 0.24), rgba(200, 169, 119, 0));
				animation-duration: 12s;
			}

			@keyframes floatGlow {
				from {
					transform: translate3d(0, 0, 0);
				}

				to {
					transform: translate3d(0, -18px, 0);
				}
			}

			.hero-carousel {
				position: relative;
				aspect-ratio: 1 / 1;
				min-height: 0;
				border-radius: 42px;
				overflow: hidden;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(244, 232, 232, 0.58));
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: var(--shadow-soft);
			}

			.hero-carousel::before {
				content: "";
				position: absolute;
				inset: 16px;
				border-radius: 32px;
				border: 1px solid rgba(255, 255, 255, 0.28);
				z-index: 3;
				pointer-events: none;
			}

			.hero-carousel::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent 24%, rgba(75, 71, 68, 0.08) 100%);
				pointer-events: none;
				z-index: 2;
			}

			.hero-slide {
				position: absolute;
				inset: 0;
				opacity: 0;
				transform: scale(1.015);
				transition: opacity 720ms ease, transform 720ms ease;
				pointer-events: none;
			}

			.hero-slide.active {
				opacity: 1;
				transform: scale(1);
				pointer-events: auto;
			}

			.hero-slide-media {
				position: absolute;
				inset: 0;
				transition: transform 600ms ease;
			}

			.hero-slide-media img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transform: none;
			}

			.hero-slide::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(75, 71, 68, 0.34));
			}

			.hero-slide-panel {
				position: absolute;
				inset: 12px;
				border-radius: 34px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
				border: 1px solid rgba(255, 255, 255, 0.18);
				z-index: 1;
			}

			.hero-slide-stack {
				position: absolute;
				inset: 0;
				z-index: 2;
				pointer-events: none;
			}

			.hero-slide-product {
				position: absolute;
				overflow: hidden;
				border-radius: 28px;
				background: linear-gradient(150deg, rgba(255, 255, 255, 0.9), rgba(247, 240, 234, 0.78));
				border: 1px solid rgba(255, 255, 255, 0.68);
				box-shadow: 0 22px 44px rgba(66, 54, 48, 0.18);
				transition: transform 720ms ease, box-shadow 720ms ease;
			}

			.hero-slide-product::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(130deg, rgba(255, 255, 255, 0.42), transparent 46%, rgba(255, 255, 255, 0.18));
				pointer-events: none;
			}

			.hero-slide-product img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.hero-slide.active .hero-slide-product {
				animation: heroFloat 8s ease-in-out infinite alternate;
				box-shadow: 0 28px 52px rgba(66, 54, 48, 0.2);
			}

			.hero-slide.active .slide-one-detail,
			.hero-slide.active .slide-two-detail,
			.hero-slide.active .slide-three-detail {
				animation-duration: 9.2s;
			}

			@keyframes heroFloat {
				from {
					transform: translateY(0px);
				}

				to {
					transform: translateY(-10px);
				}
			}

			.slide-one-main,
			.slide-two-main,
			.slide-three-main {
				width: min(46%, 350px);
				height: 50%;
				right: 10%;
				top: 15%;
			}

			.slide-one-detail,
			.slide-two-detail,
			.slide-three-detail {
				width: min(28%, 210px);
				height: 28%;
				left: 8%;
				bottom: 18%;
			}

			.hero-slide-copy {
				display: none;
			}

			.hero-caption {
				position: relative;
				z-index: 2;
				padding: 20px 24px 22px;
				border-radius: 26px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(244, 232, 232, 0.62));
				border: 1px solid rgba(255, 255, 255, 0.8);
				box-shadow: 0 14px 34px rgba(74, 61, 55, 0.12);
				backdrop-filter: blur(10px);
			}

			.hero-caption-label {
				display: inline-block;
				margin-bottom: 8px;
				font-size: 11px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.5);
			}

			.hero-caption h3 {
				font-size: clamp(24px, 2.8vw, 34px);
			}

			.hero-caption p {
				margin-top: 8px;
				font-size: 14px;
				line-height: 1.72;
				color: var(--muted);
			}

			.hero-nav {
				position: absolute;
				right: clamp(20px, 3vw, 34px);
				bottom: clamp(22px, 3vw, 34px);
				z-index: 4;
				display: flex;
				align-items: center;
				gap: 12px;
			}

			.hero-arrow {
				width: 48px;
				height: 48px;
				display: grid;
				place-items: center;
				border-radius: 50%;
				border: 1px solid rgba(255, 255, 255, 0.42);
				background: rgba(255, 255, 255, 0.16);
				color: rgba(255, 250, 245, 0.92);
				cursor: pointer;
				transition: transform var(--ease), background var(--ease), color var(--ease), border-color var(--ease);
				backdrop-filter: blur(10px);
			}

			.hero-arrow:hover,
			.hero-arrow:focus-visible {
				background: rgba(255, 255, 255, 0.96);
				color: var(--ink);
				border-color: rgba(200, 169, 119, 0.42);
				transform: translateY(-2px);
				outline: none;
			}

			.hero-paging {
				display: flex;
				gap: 12px;
				align-items: center;
			}

			.hero-dot {
				width: 46px;
				height: 46px;
				display: grid;
				place-items: center;
				border-radius: 50%;
				border: 1px solid rgba(255, 255, 255, 0.4);
				background: rgba(255, 255, 255, 0.18);
				color: rgba(255, 250, 245, 0.84);
				font-size: 12px;
				letter-spacing: 0.12em;
				cursor: pointer;
				transition: transform var(--ease), background var(--ease), color var(--ease), border-color var(--ease);
				backdrop-filter: blur(10px);
			}

			.hero-dot.active,
			.hero-dot:hover,
			.hero-dot:focus-visible {
				background: rgba(255, 255, 255, 0.96);
				color: var(--ink);
				border-color: rgba(200, 169, 119, 0.42);
				transform: translateY(-2px);
				outline: none;
			}

			.hero-counter {
				min-width: 68px;
				padding: 0 16px;
				height: 46px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 4px;
				border-radius: 999px;
				border: 1px solid rgba(255, 255, 255, 0.38);
				background: rgba(255, 255, 255, 0.18);
				color: rgba(255, 250, 245, 0.86);
				font-size: 12px;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				backdrop-filter: blur(10px);
			}

			.hero-counter strong {
				font-weight: 600;
				color: #fffaf5;
			}

			.about-grid {
				display: grid;
				grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
				gap: clamp(28px, 4vw, 56px);
				align-items: center;
			}

			.about-copy {
				display: grid;
				gap: 22px;
			}

			.about-pillars {
				display: grid;
				gap: 12px;
				margin-top: 8px;
			}

			.about-pillars li {
				list-style: none;
				display: flex;
				gap: 12px;
				align-items: flex-start;
				padding: 14px 16px;
				border-radius: 20px;
				background: rgba(255, 255, 255, 0.68);
				border: 1px solid rgba(200, 169, 119, 0.12);
				box-shadow: 0 10px 24px rgba(96, 81, 73, 0.06);
				color: var(--ink);
				line-height: 1.55;
			}

			.about-pillars i {
				color: var(--gold);
				margin-top: 6px;
				font-size: 12px;
			}

			.about-stats {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 14px;
				margin-top: 10px;
			}

			.about-stat {
				padding: 18px 18px 16px;
				border-radius: 24px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(244, 232, 232, 0.56));
				border: 1px solid rgba(75, 71, 68, 0.07);
			}

			.about-stat strong {
				display: block;
				font-family: 'Cormorant Garamond', serif;
				font-size: 34px;
				line-height: 1;
				color: var(--ink);
				margin-bottom: 8px;
			}

			.about-stat span {
				display: block;
				font-size: 11px;
				letter-spacing: 0.15em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.54);
			}

			.about-visual {
				position: relative;
				min-height: 620px;
			}

			.about-frame {
				position: absolute;
				inset: 0;
				border-radius: 38px;
				overflow: hidden;
				box-shadow: var(--shadow-soft);
				background: #fff;
			}

			.about-frame img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.products-layout {
				display: grid;
				grid-template-columns: 1fr;
				gap: 26px;
				align-items: start;
			}

			.showcase-card {
				position: relative;
				overflow: hidden;
				border-radius: 30px;
				background: linear-gradient(155deg, rgba(255, 255, 255, 0.94), rgba(244, 232, 232, 0.66));
				border: 1px solid rgba(200, 169, 119, 0.12);
				box-shadow: var(--shadow-card);
				transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
				isolation: isolate;
				backdrop-filter: blur(14px);
			}

			.showcase-card::before {
				content: "";
				position: absolute;
				inset: 1px;
				border-radius: inherit;
				border: 1px solid rgba(255, 255, 255, 0.36);
				pointer-events: none;
				z-index: 0;
			}

			.showcase-card::after {
				content: "";
				position: absolute;
				inset: -30% 55% auto -20%;
				height: 180px;
				background: linear-gradient(120deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
				opacity: 0;
				transform: rotate(8deg) translateX(-20px);
				transition: opacity var(--ease), transform var(--ease);
				pointer-events: none;
			}

			.showcase-card:hover,
			.showcase-card:focus-within {
				transform: translateY(-4px);
				box-shadow: var(--shadow-hover);
				border-color: rgba(200, 169, 119, 0.26);
			}

			.showcase-card:hover::after,
			.showcase-card:focus-within::after {
				opacity: 1;
				transform: rotate(8deg) translateX(18px);
			}

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

			.product-feature {
				min-height: auto;
				display: grid;
				grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
				gap: 28px;
				padding: clamp(28px, 4vw, 40px);
				align-items: center;
			}

			.product-feature-copy {
				display: grid;
				gap: 18px;
				align-self: center;
			}

			.product-feature-copy p {
				max-width: 460px;
			}

			.product-label {
				font-size: 11px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.52);
			}

			.product-feature-media {
				border-radius: 26px;
				overflow: hidden;
				background: rgba(255, 255, 255, 0.74);
			}

			.product-feature-media img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

			.product-cluster {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 24px;
				align-items: stretch;
			}

			.product-tile {
				min-height: 280px;
				padding: 22px;
				display: grid;
				gap: 16px;
				align-content: start;
			}

			.product-tile img {
				width: 100%;
				border-radius: 22px;
				object-fit: cover;
				transition: transform var(--ease);
			}

			.product-tile:hover img,
			.product-tile:focus-within img {
				transform: scale(1.035);
			}

			.tile-wide {
				grid-column: auto;
			}

			.tile-tall {
				grid-row: auto;
				min-height: 280px;
			}

			.tile-soft {
				background: linear-gradient(150deg, rgba(255, 255, 255, 0.95), rgba(244, 232, 232, 0.55));
			}

			.tile-warm {
				background: linear-gradient(155deg, rgba(255, 252, 248, 0.95), rgba(200, 169, 119, 0.12));
			}

			.tile-cool {
				background: linear-gradient(160deg, rgba(255, 255, 255, 0.94), rgba(232, 228, 223, 0.88));
			}

			.product-cluster .product-tile img {
				width: 100%;
				height: auto;
				aspect-ratio: 4 / 3;
				object-fit: cover;
			}

			.tile-dropper {
				min-height: 284px;
			}

			.tile-screw img,
			.tile-plastic img,
			.tile-essential img {
				aspect-ratio: 4 / 3;
			}

			.tile-glass img,
			.tile-cream img {
				height: auto;
				aspect-ratio: 4 / 3;
			}

			.tile-uv {
				min-height: 260px;
				grid-template-columns: 1fr;
				align-items: start;
			}

			.tile-uv img {
				aspect-ratio: 4 / 3;
				height: auto;
			}

			.product-cluster .product-tile:nth-child(7) {
				grid-column: span 3;
				display: grid;
				grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.18fr);
				align-items: center;
				gap: 18px;
			}

			.product-cluster .product-tile:nth-child(7) img {
				min-height: 230px;
				height: 100%;
			}

			.solution-category-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: clamp(22px, 3vw, 34px);
				align-items: stretch;
			}

			.solution-category-head {
				display: grid;
				gap: 14px;
				margin-bottom: clamp(24px, 3vw, 34px);
			}

			.solution-category-head p {
				max-width: 720px;
			}

			.solution-category-card {
				min-width: 0;
				min-height: 390px;
				display: grid;
				grid-template-columns: minmax(280px, 0.56fr) minmax(0, 0.44fr);
				gap: clamp(24px, 3vw, 36px);
				align-items: stretch;
				padding: clamp(18px, 2.2vw, 28px);
			}

			.solution-category-media {
				overflow: hidden;
				border-radius: 24px;
				background: rgba(255, 255, 255, 0.74);
				min-height: 330px;
			}

			.solution-category-media img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform var(--ease);
			}

			.solution-category-card:hover .solution-category-media img,
			.solution-category-card:focus-within .solution-category-media img {
				transform: scale(1.035);
			}

			.solution-category-copy {
				min-width: 0;
				display: grid;
				align-content: center;
				gap: 18px;
			}

			.solution-category-copy h4 {
				font-size: clamp(30px, 3vw, 42px);
				line-height: 1;
			}

			.solution-subcategory-list {
				display: grid;
				grid-template-columns: 1fr;
				gap: 8px;
				margin: 0;
				padding: 0;
				list-style: none;
			}

			.solution-subcategory-list a {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 10px;
				min-height: 30px;
				padding: 4px 0;
				border-radius: 0;
				background: transparent;
				border: 0;
				color: rgba(75, 71, 68, 0.72);
				font-size: 14px;
				line-height: 1.3;
				text-decoration: none;
				transition: transform var(--ease), color var(--ease);
			}

			.solution-subcategory-list a::before {
				content: "\2713";
				flex: 0 0 auto;
				display: grid;
				place-items: center;
				width: 18px;
				height: 18px;
				border-radius: 50%;
				background: rgba(200, 169, 119, 0.16);
				color: var(--gold);
				font-size: 11px;
				line-height: 1;
			}

			.solution-subcategory-list a:hover,
			.solution-subcategory-list a:focus-visible {
				transform: translateX(4px);
				color: var(--ink);
				outline: none;
			}

			.solution-category-action {
				justify-self: start;
				display: inline-flex;
				align-items: center;
				gap: 8px;
				min-height: 44px;
				padding: 0 18px;
				border-radius: 999px;
				background: var(--ink);
				color: #fffaf5;
				font-size: 12px;
				font-weight: 600;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				text-decoration: none;
				box-shadow: 0 14px 28px rgba(75, 71, 68, 0.18);
				transition: transform var(--ease), box-shadow var(--ease), background var(--ease);
			}

			.solution-category-action:hover,
			.solution-category-action:focus-visible {
				transform: translateY(-2px);
				background: #625a54;
				box-shadow: 0 18px 34px rgba(75, 71, 68, 0.22);
				outline: none;
			}

			#products {
				padding-bottom: clamp(44px, 5vw, 78px);
			}

			#news {
				padding-top: clamp(18px, 2vw, 30px);
			}

			.capabilities-section {
				position: relative;
				scroll-margin-top: calc(var(--header-h) + 28px);
				padding: clamp(10px, 2vw, 26px) 0 clamp(16px, 2vw, 28px);
			}

			.capabilities-shell {
				position: relative;
				overflow: hidden;
				padding: clamp(28px, 4vw, 48px);
				border-radius: clamp(30px, 4vw, 44px);
				background:
					linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(244, 232, 232, 0.42)),
					radial-gradient(circle at 88% 6%, rgba(200, 169, 119, 0.16), transparent 28%);
				border: 1px solid rgba(200, 169, 119, 0.16);
				box-shadow: var(--shadow-soft);
			}

			.capabilities-head {
				position: relative;
				z-index: 1;
				display: grid;
				grid-template-columns: 1fr;
				gap: 14px;
				align-items: start;
				margin-bottom: clamp(26px, 3.4vw, 44px);
			}

			.capabilities-head p {
				max-width: 820px;
				font-size: clamp(16px, 1.25vw, 18px);
				line-height: 1.8;
			}

			.capabilities-intro {
				display: grid;
				gap: 14px;
			}

			.capabilities-grid {
				position: relative;
				z-index: 1;
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: clamp(18px, 2vw, 26px);
			}

			.capability-card {
				min-width: 0;
				display: grid;
				grid-template-rows: auto 1fr;
				gap: 16px;
				min-height: 320px;
				padding: clamp(14px, 1.5vw, 18px);
				border-radius: 28px;
				background: rgba(255, 255, 255, 0.72);
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: 0 18px 44px rgba(90, 76, 68, 0.08);
				transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
			}

			.capability-card:hover,
			.capability-card:focus-within {
				transform: translateY(-4px);
				border-color: rgba(200, 169, 119, 0.32);
				box-shadow: var(--shadow-hover);
			}

			.capability-media {
				overflow: hidden;
				aspect-ratio: 4 / 3;
				border-radius: 22px;
				background: rgba(255, 255, 255, 0.82);
			}

			.capability-media img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform var(--ease);
			}

			.capability-card:hover .capability-media img,
			.capability-card:focus-within .capability-media img {
				transform: scale(1.035);
			}

			.capability-copy {
				display: grid;
				align-content: start;
				gap: 8px;
				padding: 0 4px 4px;
			}

			.capability-copy h3 {
				font-size: clamp(24px, 2vw, 32px);
				line-height: 1.05;
			}

			.capability-copy p {
				font-size: 14px;
				line-height: 1.65;
				color: rgba(75, 71, 68, 0.72);
			}

			.capability-copy .capability-lead {
				color: var(--ink);
				font-weight: 600;
			}

			.capabilities-cta {
				position: relative;
				z-index: 1;
				display: flex;
				justify-content: center;
				margin-top: clamp(26px, 3.6vw, 44px);
			}

			.tile-copy {
				display: grid;
				gap: 10px;
			}

			.tile-copy p {
				font-size: 15px;
				line-height: 1.75;
			}

			.process-shell,
			.news-shell,
			.contact-shell {
				position: relative;
				overflow: hidden;
				padding: clamp(28px, 4vw, 40px);
				border-radius: 40px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(244, 232, 232, 0.52));
				border: 1px solid rgba(200, 169, 119, 0.12);
				box-shadow: var(--shadow-soft);
				backdrop-filter: blur(14px);
			}

			.process-shell::after,
			.news-shell::after,
			.contact-shell::after {
				content: "";
				position: absolute;
				inset: auto auto -90px -80px;
				width: 240px;
				height: 240px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(244, 232, 232, 0.82), rgba(244, 232, 232, 0));
				pointer-events: none;
			}

			.solution-image-row {
				position: relative;
				z-index: 1;
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: clamp(14px, 2vw, 24px);
				margin-bottom: clamp(24px, 3.6vw, 40px);
			}

			.solution-image-row figure {
				margin: 0;
				overflow: hidden;
				border-radius: 28px;
				background: rgba(255, 255, 255, 0.76);
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: var(--shadow-card);
			}

			.solution-image-row img {
				width: 100%;
				height: 100%;
				aspect-ratio: 4 / 3;
				object-fit: cover;
				transition: transform 600ms ease;
			}

			.solution-image-row figure:hover img {
				transform: scale(1.035);
			}

			.process-visual {
				justify-self: end;
				max-width: 360px;
				border-radius: 28px;
				overflow: hidden;
				box-shadow: var(--shadow-card);
			}

			.process-visual img {
				width: 100%;
				aspect-ratio: 4 / 3;
				object-fit: cover;
			}

			.process-track {
				position: relative;
				display: grid;
				grid-template-columns: repeat(6, minmax(0, 1fr));
				gap: 18px;
				margin-top: 22px;
			}

			.process-track::before {
				content: "";
				position: absolute;
				left: 5%;
				right: 5%;
				top: 84px;
				height: 1px;
				background: linear-gradient(90deg, rgba(200, 169, 119, 0), rgba(200, 169, 119, 0.58), rgba(200, 169, 119, 0));
			}

			.process-step {
				position: relative;
				padding: 28px 22px 24px;
				border-radius: 28px;
				background: rgba(255, 255, 255, 0.82);
				border: 1px solid rgba(75, 71, 68, 0.08);
				box-shadow: 0 16px 32px rgba(90, 76, 68, 0.08);
				min-height: 268px;
				transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
			}

			.process-step:hover,
			.process-step:focus-within {
				transform: translateY(-4px);
				border-color: rgba(200, 169, 119, 0.28);
				box-shadow: var(--shadow-card);
			}

			.process-step:nth-child(2),
			.process-step:nth-child(4),
			.process-step:nth-child(6) {
				transform: translateY(34px);
			}

			.process-step:hover:nth-child(2),
			.process-step:hover:nth-child(4),
			.process-step:hover:nth-child(6) {
				transform: translateY(30px);
			}

			.process-step::before {
				content: attr(data-step);
				position: absolute;
				top: -18px;
				left: 22px;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				display: grid;
				place-items: center;
				background: linear-gradient(145deg, #f9f2eb, #ead8c2);
				color: var(--ink);
				border: 1px solid rgba(200, 169, 119, 0.28);
				font-size: 12px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				box-shadow: 0 10px 24px rgba(115, 92, 74, 0.12);
			}

			.logo-ribbon {
				position: relative;
				overflow: hidden;
				margin-bottom: 34px;
				mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
			}

			.homepage-tag-ribbon {
				width: min(100%, var(--container));
				margin: clamp(28px, 4vw, 46px) auto 0;
				padding: 18px 0;
				border-radius: 28px;
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(244, 232, 232, 0.34));
				border: 1px solid rgba(200, 169, 119, 0.12);
				box-shadow: 0 18px 40px rgba(90, 76, 68, 0.06);
			}

			.homepage-tag-ribbon .logo-ribbon {
				margin-bottom: 0;
			}

			.logo-track {
				display: flex;
				width: max-content;
				gap: 16px;
				animation: marquee 26s linear infinite;
			}

			@keyframes marquee {
				from {
					transform: translateX(0);
				}

				to {
					transform: translateX(-50%);
				}
			}

			.logo-chip {
				min-width: 154px;
				padding: 14px 18px;
				border-radius: 999px;
				background: rgba(255, 255, 255, 0.78);
				border: 1px solid rgba(75, 71, 68, 0.08);
				box-shadow: 0 10px 24px rgba(93, 78, 71, 0.05);
				text-align: center;
				font-size: 13px;
				letter-spacing: 0.08em;
				color: rgba(75, 71, 68, 0.54);
				filter: grayscale(1);
				transition: filter var(--ease), color var(--ease), transform var(--ease);
			}

			.homepage-tag-ribbon .logo-chip {
				min-width: auto;
				padding: 13px 24px;
				background: rgba(255, 255, 255, 0.86);
				color: rgba(75, 71, 68, 0.68);
				filter: none;
				font-weight: 600;
				letter-spacing: 0.06em;
				white-space: nowrap;
			}

			.logo-chip:hover {
				filter: grayscale(0);
				color: var(--ink);
				transform: translateY(-2px);
			}

			.cases-layout {
				display: grid;
				grid-template-columns: minmax(0, 1.14fr) minmax(320px, 0.86fr);
				gap: 24px;
			}

			.case-primary,
			.case-secondary {
				position: relative;
				overflow: hidden;
				border-radius: 34px;
				min-height: 620px;
				box-shadow: var(--shadow-soft);
				background: #fff;
			}

			.case-secondary-stack {
				display: grid;
				gap: 24px;
			}

			.case-secondary {
				min-height: 298px;
			}

			.case-primary img,
			.case-secondary img {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform 600ms ease;
			}

			.case-primary::after,
			.case-secondary::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(73, 62, 56, 0.08), rgba(56, 46, 42, 0.72));
			}

			.case-primary:hover img,
			.case-secondary:hover img {
				transform: scale(1.04);
			}

			.case-copy {
				position: absolute;
				inset: auto 0 0 0;
				z-index: 1;
				padding: clamp(26px, 3vw, 34px);
				display: grid;
				gap: 12px;
				color: #fffaf5;
			}

			.case-copy p,
			.case-copy .link-inline {
				color: rgba(255, 250, 245, 0.88);
			}

			.case-copy .link-inline {
				font-size: 12px;
			}

			.case-copy .eyebrow {
				color: rgba(255, 250, 245, 0.68);
				margin-bottom: 4px;
			}

			.application-grid {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: clamp(18px, 2.4vw, 26px);
			}

			.application-card {
				position: relative;
				min-height: 340px;
				overflow: hidden;
				border-radius: 30px;
				background: rgba(255, 255, 255, 0.82);
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: var(--shadow-card);
			}

			.application-card img {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform 650ms ease;
			}

			.application-card::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(43, 36, 32, 0.02) 18%, rgba(43, 36, 32, 0.34) 56%, rgba(43, 36, 32, 0.82) 100%);
			}

			.application-card:hover img,
			.application-card:focus-within img {
				transform: scale(1.045);
			}

			.application-copy {
				position: absolute;
				inset: auto 0 0;
				z-index: 1;
				display: grid;
				gap: 10px;
				padding: clamp(22px, 3vw, 30px);
			}

			.application-copy .product-label,
			.application-copy h4,
			.application-copy p {
				color: #fffaf5;
			}

			.application-copy p {
				max-width: 420px;
				color: rgba(255, 250, 245, 0.82);
				font-size: 14px;
				line-height: 1.65;
			}

			.cert-grid {
				display: grid;
				grid-template-columns: repeat(4, minmax(0, 1fr));
				gap: 24px;
			}

			.cert-card {
				position: relative;
				padding: 18px;
				border-radius: 30px;
				border: 1px solid rgba(255, 255, 255, 0.74);
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(244, 232, 232, 0.56));
				box-shadow: var(--shadow-card);
				cursor: pointer;
				transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
				text-align: left;
			}

			.cert-card:hover,
			.cert-card:focus-visible {
				transform: translateY(-4px);
				box-shadow: var(--shadow-hover);
				border-color: rgba(200, 169, 119, 0.3);
				outline: none;
			}

			.cert-thumb {
				border-radius: 22px;
				overflow: hidden;
				background: #fff;
				aspect-ratio: 4 / 5;
				box-shadow: inset 0 0 0 1px rgba(75, 71, 68, 0.05);
			}

			.cert-thumb img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.cert-meta {
				display: grid;
				gap: 10px;
				margin-top: 18px;
			}

			.cert-modal {
				position: fixed;
				inset: 0;
				z-index: 200;
				display: none;
				align-items: center;
				justify-content: center;
				padding: 28px;
				background: rgba(58, 49, 44, 0.72);
				backdrop-filter: blur(14px);
			}

			.cert-modal.open {
				display: flex;
			}

			.cert-modal-card {
				width: min(1080px, 100%);
				border-radius: 32px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(249, 243, 237, 0.92));
				border: 1px solid rgba(255, 255, 255, 0.72);
				box-shadow: 0 28px 64px rgba(44, 36, 33, 0.24);
				overflow: hidden;
			}

			.cert-modal-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 16px;
				padding: 22px 26px;
				border-bottom: 1px solid rgba(75, 71, 68, 0.08);
			}

			.cert-preview {
				height: min(72vh, 840px);
				padding: clamp(18px, 3vw, 30px);
				display: grid;
				place-items: center;
				background: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(244, 232, 232, 0.4));
			}

			.cert-preview img {
				width: 100%;
				height: 100%;
				object-fit: contain;
				filter: drop-shadow(0 16px 28px rgba(75, 71, 68, 0.12));
			}

			.why-grid {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 18px;
			}

			.why-card {
				position: relative;
				overflow: hidden;
				min-height: 220px;
				display: grid;
				align-content: start;
				gap: 16px;
				padding: clamp(22px, 3vw, 30px);
				border-radius: 30px;
				background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(244, 232, 232, 0.55));
				border: 1px solid rgba(200, 169, 119, 0.14);
				box-shadow: var(--shadow-card);
				transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
			}

			.why-card::after {
				content: "";
				position: absolute;
				inset: -36% -18% auto auto;
				width: 170px;
				height: 170px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0));
				pointer-events: none;
			}

			.why-card:hover,
			.why-card:focus-within {
				transform: translateY(-4px);
				box-shadow: var(--shadow-hover);
				border-color: rgba(200, 169, 119, 0.28);
			}

			.why-icon {
				position: relative;
				z-index: 1;
				width: 54px;
				height: 54px;
				display: grid;
				place-items: center;
				border-radius: 50%;
				background: linear-gradient(145deg, #f8f1e9, #eddcc7);
				color: var(--gold);
				font-size: 20px;
				border: 1px solid rgba(200, 169, 119, 0.24);
				box-shadow: 0 12px 26px rgba(109, 89, 73, 0.12);
			}

			.why-icon svg {
				width: 27px;
				height: 27px;
				fill: none;
				stroke: currentColor;
				stroke-width: 1.8;
				stroke-linecap: round;
				stroke-linejoin: round;
			}

			.why-card h3,
			.why-card p {
				position: relative;
				z-index: 1;
			}

			.why-card h3 {
				font-size: clamp(24px, 2.2vw, 30px);
			}

			.why-card .why-lead {
				color: var(--ink);
				font-weight: 600;
				line-height: 1.5;
			}

			.why-card p {
				font-size: 15px;
				line-height: 1.72;
			}

			.news-layout {
				display: grid;
				grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
				gap: 24px;
				align-items: stretch;
			}

			.news-feature,
			.news-mini {
				position: relative;
				min-height: 390px;
				border-radius: 30px;
				overflow: hidden;
				background: rgba(75, 71, 68, 0.08);
				box-shadow: var(--shadow-card);
				border: 1px solid rgba(75, 71, 68, 0.07);
				backdrop-filter: blur(10px);
				isolation: isolate;
			}

			.news-feature img,
			.news-mini img {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform 650ms ease, filter 650ms ease;
			}

			.news-feature:hover img,
			.news-feature:focus-within img,
			.news-mini:hover img,
			.news-mini:focus-within img {
				transform: scale(1.05);
				filter: saturate(1.03);
			}

			.news-feature-copy,
			.news-mini-copy {
				position: absolute;
				inset: 0;
				z-index: 1;
				display: grid;
				gap: 12px;
				align-content: end;
				padding: clamp(22px, 3vw, 30px);
				color: #fffaf5;
				background: linear-gradient(180deg, rgba(42, 36, 32, 0.02) 6%, rgba(42, 36, 32, 0.36) 48%, rgba(42, 36, 32, 0.86) 100%);
				opacity: 0;
				transform: translateY(16px);
				transition: opacity var(--ease), transform var(--ease);
			}

			.news-mini-copy {
				gap: 10px;
				padding: clamp(20px, 2.4vw, 26px);
			}

			.news-mini-copy h4 {
				font-size: clamp(20px, 2vw, 24px);
			}

			.news-mini-copy p {
				font-size: 14px;
				line-height: 1.62;
			}

			.news-feature:hover .news-feature-copy,
			.news-feature:focus-within .news-feature-copy,
			.news-mini:hover .news-mini-copy,
			.news-mini:focus-within .news-mini-copy {
				opacity: 1;
				transform: translateY(0);
			}

			.news-feature-copy h3,
			.news-mini-copy h4,
			.news-feature-copy p,
			.news-mini-copy p,
			.news-feature-copy .link-inline,
			.news-mini-copy .link-inline {
				color: #fffaf5;
			}

			.news-feature-copy p,
			.news-mini-copy p {
				color: rgba(255, 250, 245, 0.84);
			}

			.news-feature-copy .news-meta,
			.news-mini-copy .news-meta {
				color: rgba(255, 250, 245, 0.72);
			}

			.news-mini-list {
				display: grid;
				gap: 22px;
			}

			.news-mini {
				min-height: 220px;
			}

			.news-meta {
				font-size: 11px;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.5);
			}

			.contact-shell::before {
				content: "";
				position: absolute;
				width: 320px;
				height: 320px;
				right: -120px;
				top: -100px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(200, 169, 119, 0.18), rgba(200, 169, 119, 0));
				pointer-events: none;
			}

			.contact-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 24px;
				align-items: stretch;
			}

			.form-card,
			.contact-card {
				position: relative;
				overflow: hidden;
				padding: clamp(24px, 3vw, 32px);
				border-radius: 30px;
				background: rgba(255, 255, 255, 0.86);
				border: 1px solid rgba(75, 71, 68, 0.08);
				box-shadow: var(--shadow-card);
				backdrop-filter: blur(14px);
			}

			.form-card,
			.contact-card {
				height: 100%;
			}

			.contact-card {
				display: grid;
				align-content: stretch;
				gap: 22px;
			}

			.form-card::after,
			.contact-card::after {
				content: "";
				position: absolute;
				inset: -30% auto auto 58%;
				width: 160px;
				height: 160px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0));
				pointer-events: none;
			}

			.field-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 18px;
			}

			.field-group {
				position: relative;
			}

			.field-group input,
			.field-group select,
			.field-group textarea {
				width: 100%;
				min-height: 58px;
				padding: 24px 18px 12px;
				border-radius: 18px;
				border: 1px solid rgba(75, 71, 68, 0.09);
				background: rgba(255, 255, 255, 0.92);
				color: var(--ink);
				outline: none;
				transition: border-color var(--ease), box-shadow var(--ease), background var(--ease);
			}

			.field-group textarea {
				min-height: 160px;
				resize: vertical;
			}

			.field-group input:focus,
			.field-group select:focus,
			.field-group textarea:focus,
			.field-group input:not(:placeholder-shown),
			.field-group textarea:not(:placeholder-shown),
			.field-group select.has-value {
				border-color: rgba(200, 169, 119, 0.42);
				box-shadow: 0 0 0 4px rgba(200, 169, 119, 0.1);
				background: #fff;
			}

			.field-group label {
				position: absolute;
				left: 14px;
				top: 18px;
				padding: 0 8px;
				background: rgba(255, 255, 255, 0.92);
				border-radius: 999px;
				font-size: 13px;
				color: rgba(75, 71, 68, 0.48);
				pointer-events: none;
				transition: top var(--ease), font-size var(--ease), color var(--ease);
			}

			.field-group input:focus+label,
			.field-group textarea:focus+label,
			.field-group select:focus+label,
			.field-group input:not(:placeholder-shown)+label,
			.field-group textarea:not(:placeholder-shown)+label,
			.field-group select.has-value+label {
				top: -9px;
				font-size: 11px;
				color: rgba(75, 71, 68, 0.72);
			}

			.contact-info {
				display: grid;
				gap: 18px;
				margin-top: 18px;
			}

			.contact-item {
				display: grid;
				gap: 6px;
				padding-bottom: 18px;
				border-bottom: 1px solid rgba(75, 71, 68, 0.08);
			}

			.contact-item:last-child {
				padding-bottom: 0;
				border-bottom: 0;
			}

			.contact-label {
				font-size: 11px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.46);
			}

			.contact-value {
				font-size: 15px;
				color: var(--ink);
				line-height: 1.7;
			}

			.contact-figure {
				margin-top: 22px;
				border-radius: 24px;
				overflow: hidden;
				height: 240px;
			}

			.contact-figure img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.contact-promises {
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
				margin-top: 20px;
			}

			.contact-promises span {
				padding: 10px 14px;
				border-radius: 999px;
				background: rgba(255, 255, 255, 0.66);
				border: 1px solid rgba(200, 169, 119, 0.16);
				font-size: 11px;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.6);
			}

			.site-footer {
				padding: 18px 0 32px;
			}

			.footer-shell {
				position: relative;
				overflow: hidden;
				padding: 42px clamp(22px, 4vw, 38px) 0;
				border-top: 1px solid rgba(75, 71, 68, 0.08);
				border-radius: 36px 36px 0 0;
				background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(244, 232, 232, 0.3));
				box-shadow: 0 -12px 28px rgba(88, 72, 63, 0.04);
			}

			.footer-shell::after {
				content: "";
				position: absolute;
				inset: -120px -80px auto auto;
				width: 220px;
				height: 220px;
				border-radius: 50%;
				background: radial-gradient(circle, rgba(200, 169, 119, 0.14), rgba(200, 169, 119, 0));
				pointer-events: none;
			}

			.footer-grid {
				display: grid;
				grid-template-columns: 1.2fr 0.8fr 0.8fr 0.7fr;
				gap: 26px;
				padding-bottom: 30px;
			}

			.footer-title {
				margin-bottom: 16px;
				font-size: 12px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(75, 71, 68, 0.46);
				font-weight: 600;
			}

			.footer-copy,
			.footer-links a,
			.footer-bottom {
				font-size: 14px;
				line-height: 1.9;
				color: rgba(75, 71, 68, 0.72);
				text-decoration: none;
			}

			.footer-links {
				display: grid;
				gap: 6px;
			}

			.footer-links a:hover,
			.footer-links a:focus-visible,
			.footer-social a:hover,
			.footer-social a:focus-visible {
				color: var(--ink);
				outline: none;
			}

			.footer-social {
				display: flex;
				align-items: center;
				gap: 14px;
				font-size: 18px;
			}

			.footer-bottom {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 16px;
				padding-top: 18px;
				border-top: 1px solid rgba(75, 71, 68, 0.08);
			}

			.footer-bottom-links {
				display: flex;
				gap: 20px;
				flex-wrap: wrap;
			}

			.reveal {
				opacity: 0;
				transform: translateY(26px);
				transition: opacity 700ms ease, transform 700ms ease;
			}

			.reveal.show {
				opacity: 1;
				transform: translateY(0);
			}

			@media (max-width: 1439px) {
				:root {
					--container: min(1180px, calc(100% - 72px));
					--header-container: calc(100% - 44px);
				}

				.brand-mark {
					flex-basis: clamp(230px, 23vw, 360px);
					max-width: clamp(230px, 23vw, 360px);
				}

				.brand-note {
					display: none;
				}

				.desktop-nav {
					gap: clamp(26px, 3vw, 42px);
				}

				.nav-link {
					font-size: 13px;
					letter-spacing: 0.006em;
				}

				.nav-link::after {
					left: 10%;
					right: 10%;
				}

				.product-cluster {
					grid-template-columns: repeat(2, minmax(0, 1fr));
				}

				.product-cluster .product-tile:nth-child(7) {
					grid-column: span 2;
					grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.15fr);
				}

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

				.hero-carousel {
					border-radius: 38px;
				}
			}

			@media (max-width: 1319px) and (min-width: 1200px) {
				.brand-mark {
					flex-basis: clamp(190px, 19vw, 270px);
					max-width: clamp(190px, 19vw, 270px);
					gap: 10px;
				}

				.brand-emblem {
					width: 38px;
					height: 38px;
					border-radius: 14px;
					font-size: 12px;
				}

				.brand-name-full {
					display: none;
				}

				.brand-name-compact {
					display: block;
				}

				.desktop-nav {
					gap: 40px;
				}

				.nav-link {
					font-size: 12.5px;
					letter-spacing: 0;
				}

				.header-actions .btn-primary {
					min-height: 42px;
					padding-inline: 15px;
					font-size: 11px;
					letter-spacing: 0.1em;
				}

				.language-grid {
					grid-template-columns: repeat(3, minmax(0, 1fr));
				}
			}

			@media (max-width: 1199px) {
				:root {
					--header-h: 74px;
					--container: calc(100% - 40px);
					--header-container: calc(100% - 32px);
				}

				.desktop-nav,
				.header-actions .btn-primary,
				.header-actions .btn-secondary,
				.header-actions .icon-btn {
					display: none;
				}

				.mobile-backdrop {
					display: block;
				}

				.mobile-trigger {
					display: grid;
					place-items: center;
					width: 44px;
					height: 44px;
					border-radius: 50%;
					border: 1px solid rgba(75, 71, 68, 0.14);
					background: rgba(255, 255, 255, 0.56);
					color: var(--ink);
				}

				.mobile-backdrop {
					position: fixed;
					inset: 0;
					z-index: 125;
					background: rgba(61, 50, 45, 0.34);
					opacity: 0;
					pointer-events: none;
					transition: opacity var(--ease);
				}

				.mobile-backdrop.open {
					opacity: 1;
					pointer-events: auto;
				}

				.mobile-panel {
					display: none;
					position: fixed;
					inset: 0 auto 0 0;
					width: min(420px, 88vw);
					z-index: 130;
					padding: 28px 24px;
					background: linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(251, 247, 242, 0.98));
					border-left: 1px solid rgba(75, 71, 68, 0.08);
					box-shadow: -20px 0 44px rgba(63, 52, 47, 0.12);
				}

				.mobile-panel.open {
					display: block;
				}

				.hero-grid,
				.about-grid,
				.products-layout,
				.cases-layout,
				.contact-grid,
				.section-head.split,
				.news-layout {
					grid-template-columns: 1fr;
				}

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

				.solution-category-card {
					grid-template-columns: 1fr;
					min-height: auto;
				}

				.solution-category-media {
					min-height: 340px;
				}

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

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

				.hero {
					padding-top: calc(var(--header-h) + 18px);
				}

				.hero-copy-shell {
					max-width: 700px;
				}

				.hero-stage {
					min-height: auto;
					gap: 14px;
				}

				.hero-carousel {
					min-height: 0;
				}

				.hero-slide-panel {
					inset: 10px;
					border-radius: 28px;
				}

				.hero-caption {
					padding: 18px 20px 20px;
					border-radius: 24px;
				}

				.hero-nav {
					left: 24px;
					right: 24px;
					bottom: 24px;
					justify-content: flex-end;
				}

				.slide-one-main,
				.slide-two-main,
				.slide-three-main {
					width: 42%;
					height: 46%;
					right: 9%;
					top: 17%;
				}

				.slide-one-detail,
				.slide-two-detail,
				.slide-three-detail {
					width: 26%;
					height: 24%;
					left: 8%;
					bottom: 18%;
				}

				.process-track {
					grid-template-columns: repeat(3, minmax(0, 1fr));
					row-gap: 42px;
				}

				.process-track::before {
					top: 98px;
				}

				.process-step:nth-child(2),
				.process-step:nth-child(4),
				.process-step:nth-child(6) {
					transform: translateY(0);
				}

				.process-step:hover:nth-child(2),
				.process-step:hover:nth-child(4),
				.process-step:hover:nth-child(6) {
					transform: translateY(-4px);
				}

				.cert-grid,
				.footer-grid {
					grid-template-columns: repeat(2, minmax(0, 1fr));
				}
			}

			@media (max-width: 767px) {
				:root {
					--header-h: 68px;
					--container: calc(100% - 24px);
					--header-container: calc(100% - 20px);
				}

				.section-space {
					padding: 72px 0;
				}

				.section-soft::before {
					inset: 18px 0;
				}

				h1 {
					font-size: clamp(42px, 12vw, 60px);
				}

				h2 {
					font-size: clamp(34px, 10vw, 48px);
				}

				p {
					font-size: 15px;
					line-height: 1.75;
				}

				.hero-grid {
					gap: 24px;
				}

				.hero-copy-shell {
					padding: 24px 20px;
					border-radius: 30px;
				}

				.hero-stage {
					min-height: auto;
					gap: 12px;
				}

				.hero-carousel {
					border-radius: 28px;
					min-height: 0;
				}

				.hero-slide-panel {
					inset: 8px;
					border-radius: 22px;
				}

				.hero-caption {
					padding: 14px 16px 16px;
					border-radius: 20px;
				}

				.hero-caption h3 {
					font-size: 24px;
				}

				.hero-nav {
					left: 16px;
					right: 16px;
					bottom: 16px;
					justify-content: center;
					gap: 10px;
				}

				.hero-dot {
					width: 40px;
					height: 40px;
					font-size: 11px;
				}

				.hero-arrow {
					width: 42px;
					height: 42px;
				}

				.hero-counter {
					min-width: 58px;
					height: 40px;
					padding-inline: 12px;
				}

				.hero-slide-product {
					border-radius: 20px;
				}

				.slide-one-main,
				.slide-two-main,
				.slide-three-main {
					width: 48%;
					height: 42%;
					right: 6%;
					top: 14%;
				}

				.slide-one-detail,
				.slide-two-detail,
				.slide-three-detail {
					width: 34%;
					height: 24%;
					left: 6%;
					bottom: 26%;
				}

				.hero-metrics,
				.about-stats,
				.field-grid,
				.cert-grid,
				.footer-grid {
					grid-template-columns: 1fr;
				}

				.partner-advantages {
					grid-template-columns: 1fr;
				}

				.about-visual {
					min-height: 420px;
				}

				.product-feature {
					grid-template-columns: 1fr;
					min-height: auto;
				}

				.product-feature-copy p {
					max-width: none;
				}

				.product-feature-media {
					min-height: 320px;
				}

				.solution-category-grid {
					grid-template-columns: 1fr;
				}

				.solution-subcategory-list {
					grid-template-columns: 1fr;
				}

				.solution-category-media {
					min-height: 300px;
				}

				.solution-category-copy {
					align-content: start;
				}

				.capabilities-section {
					padding-bottom: clamp(58px, 12vw, 82px);
				}

				.capabilities-shell {
					padding: 24px 18px;
					border-radius: 28px;
				}

				.capabilities-grid {
					grid-template-columns: 1fr;
				}

				.capability-card {
					min-height: auto;
					border-radius: 24px;
				}

				.capability-media {
					border-radius: 18px;
				}

				.product-cluster {
					grid-template-columns: 1fr;
				}

				.tile-wide,
				.tile-tall {
					grid-column: auto;
					grid-row: auto;
					min-height: 250px;
				}

				.tile-glass img,
				.tile-cream img {
					height: auto;
					aspect-ratio: 4 / 5;
				}

				.tile-uv {
					grid-template-columns: 1fr;
				}

				.product-cluster .product-tile:nth-child(7) {
					grid-column: auto;
					grid-template-columns: 1fr;
				}

				.process-shell,
				.news-shell,
				.contact-shell {
					padding: 24px 18px;
					border-radius: 28px;
				}

				.solution-image-row {
					grid-template-columns: 1fr;
					gap: 14px;
					margin-bottom: 22px;
				}

				.solution-image-row figure {
					border-radius: 22px;
				}

				.process-track {
					grid-template-columns: 1fr;
					gap: 20px;
				}

				.process-track::before {
					left: 16px;
					right: auto;
					top: 0;
					bottom: 0;
					width: 1px;
					height: auto;
					background: linear-gradient(180deg, rgba(200, 169, 119, 0), rgba(200, 169, 119, 0.58), rgba(200, 169, 119, 0));
				}

				.process-step {
					padding-top: 34px;
					min-height: auto;
				}

				.process-step::before {
					top: 18px;
					left: -4px;
				}

				.logo-track {
					animation-duration: 22s;
				}

				.case-primary,
				.case-secondary {
					grid-template-columns: 1fr;
					min-height: auto;
				}

				.case-secondary-stack,
				.news-mini-list {
					gap: 18px;
				}

				.case-primary {
					min-height: 500px;
				}

				.news-feature,
				.news-mini {
					min-height: 300px;
				}

				.why-grid {
					grid-template-columns: 1fr;
				}

				.why-card {
					min-height: auto;
					border-radius: 24px;
				}

				.application-grid {
					grid-template-columns: 1fr;
					gap: 16px;
				}

				.application-card {
					min-height: 300px;
					border-radius: 24px;
				}

				.news-feature-copy,
				.news-mini-copy {
					opacity: 1;
					transform: none;
				}

				.language-dialog {
					width: min(92vw, 560px);
					border-radius: 28px;
				}

				.language-grid {
					grid-template-columns: repeat(2, minmax(0, 1fr));
					max-height: 58dvh;
					padding-bottom: 26px;
				}

				.language-option {
					min-height: 42px;
					font-size: 12px;
				}

				.footer-bottom {
					flex-direction: column;
					align-items: flex-start;
				}

				.footer-bottom-links {
					gap: 14px;
				}

				.contact-figure {
					height: 200px;
				}
			}

			@media (max-width: 359px) {
				h1 {
					font-size: 38px;
				}

				.btn-primary,
				.btn-secondary,
				.btn-ghost {
					width: 100%;
				}

				.language-grid {
					grid-template-columns: 1fr;
				}
			}

			@media (hover: none) {

				.news-feature-copy,
				.news-mini-copy {
					opacity: 1;
					transform: none;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				html {
					scroll-behavior: auto;
				}

				*,
				*::before,
				*::after {
					animation: none !important;
					transition: none !important;
				}

				.reveal {
					opacity: 1;
					transform: none;
				}
			}