/**
 * HUUNDOOR corporate interface layer.
 * Restrains accent usage, adds corporate content components and keeps motion measured.
 */

.concept-d {
	--page: #101512;
	--surface: #171e1a;
	--surface-2: #202923;
	--muted: #adb8b2;
	--accent: #d9ff43;
	--accent-ink: #0a100c;
	--corporate-bg: #101612;
	--corporate-surface: #18211c;
	--corporate-surface-soft: #202b25;
	--corporate-line: rgba(225, 235, 230, .14);
	--corporate-text: #f3f6f4;
	--corporate-muted: #aab6b0;
}

/* Accent discipline: fluorescent green is reserved for controls and small signals. */
.concept-d .motion-copy h1 em,
.concept-d .home-statement__content h2 em,
.concept-d .corporate-page-hero h1 em {
	color: var(--corporate-text);
}

.concept-d .motion-kicker,
.concept-d .motion-overline,
.concept-d .page-hero__eyebrow,
.concept-d .corporate-section-heading > span {
	color: var(--accent);
}

.concept-d .motion-copy .motion-lead {
	max-width: 700px;
	color: #d2d9d5;
}

.concept-d .motion-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.concept-d .motion-secondary {
	min-height: 56px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	border: 1px solid rgba(255, 255, 255, .34);
	background: rgba(8, 13, 11, .38);
	color: #fff;
	font: 700 12px 'Space Grotesk', sans-serif;
	backdrop-filter: blur(12px);
	transition: border-color .2s ease, background .2s ease;
}

.concept-d .motion-secondary:hover,
.concept-d .motion-secondary:focus-visible {
	border-color: var(--accent);
	background: rgba(14, 21, 18, .72);
}

.concept-d .lumen-orbit,
.concept-d .lumen-beam,
.concept-d .lumen-sensor {
	animation-duration: 9s;
}

/* Corporate proof strip */
.corporate-trust-strip {
	border-block: 1px solid var(--corporate-line);
	background: #111713;
}

.corporate-trust-strip__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 0;
}

.corporate-trust-strip__grid > div {
	min-height: 108px;
	padding: 24px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 18px;
	border-right: 1px solid var(--corporate-line);
}

.corporate-trust-strip__grid > div:first-child {
	border-left: 1px solid var(--corporate-line);
}

.corporate-trust-strip__grid span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .15em;
}

.corporate-trust-strip__grid strong {
	color: var(--corporate-text);
	font: 600 15px/1.25 'Space Grotesk', sans-serif;
}

/* The brand wall remains informational; it no longer uses a wide neon surface. */
.concept-d .brand-wall {
	border-block: 1px solid var(--corporate-line);
	background: var(--corporate-surface);
	color: var(--corporate-text);
}

.concept-d .brand-wall__label,
.concept-d .brand-wall__note,
.concept-d .brand-wall__logos > a {
	border-color: var(--corporate-line);
	color: var(--corporate-text);
}

.concept-d .brand-wall__label span,
.concept-d .brand-wall__note {
	color: var(--corporate-muted);
}

.concept-d .brand-wall__label strong::before {
	display: inline-block;
	width: 18px;
	height: 2px;
	margin-right: 8px;
	vertical-align: middle;
	background: var(--accent);
	content: '';
}

.concept-d .home-trust {
	background: #111814;
}

.concept-d .home-trust__grid strong {
	color: var(--corporate-text);
}

/* Homepage reference proof wall */
.home-references {
	padding: 84px 0;
	border-top: 1px solid var(--corporate-line);
	background:
		linear-gradient(90deg, transparent calc(100% - 1px), rgba(255, 255, 255, .025) 1px) 0 0 / 96px 100%,
		#0c120f;
}

.home-references__head {
	margin-bottom: 40px;
}

.home-references__head h2 {
	font-size: clamp(38px, 4.2vw, 62px);
}

.home-references__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: minmax(300px, auto);
	gap: 14px;
}

.home-reference-card {
	grid-column: span 4;
	min-width: 0;
	border: 1px solid var(--corporate-line);
	background: var(--corporate-surface);
	overflow: hidden;
}

.home-reference-card--feature {
	grid-column: span 4;
	grid-row: auto;
}

.home-reference-card:nth-child(n + 4) {
	grid-column: span 4;
}

.home-reference-card__link {
	height: 100%;
	display: grid;
	grid-template-rows: 132px auto;
	color: var(--corporate-text);
	text-decoration: none;
}

.home-reference-card__media {
	min-height: 132px;
	margin: 0;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background:
		linear-gradient(135deg, rgba(217, 255, 67, .08), transparent 52%),
		#edf0ec;
	overflow: hidden;
}

.home-reference-card__media::after {
	position: absolute;
	inset: 16px;
	border: 1px solid rgba(7, 16, 11, .09);
	pointer-events: none;
	content: '';
}

.home-reference-card__media img {
	width: auto;
	max-width: min(82%, 520px);
	height: auto;
	max-height: 104px;
	object-fit: contain;
	filter: saturate(.92) contrast(.98);
	transition: transform .45s ease, filter .45s ease;
}

.home-reference-card--feature .home-reference-card__media {
	min-height: 132px;
}

.home-reference-card--feature .home-reference-card__media img {
	width: min(72%, 360px);
	max-height: 104px;
}

.home-reference-card__content {
	min-width: 0;
	padding: 22px;
	border-top: 1px solid var(--corporate-line);
	background: #131a16;
}

.home-reference-card--feature .home-reference-card__content {
	padding: 22px;
}

.home-reference-card__meta,
.home-reference-card__scope {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.home-reference-card__meta span,
.home-reference-card__meta em {
	color: var(--accent);
	font: 700 9px/1.3 'Space Grotesk', sans-serif;
	font-style: normal;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.home-reference-card__meta em {
	color: #75827b;
}

.home-reference-card h3 {
	display: -webkit-box;
	max-width: 720px;
	margin: 15px 0 10px;
	overflow: hidden;
	color: var(--corporate-text);
	font: 500 clamp(21px, 1.75vw, 28px)/1 'Space Grotesk', sans-serif;
	letter-spacing: -.045em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.home-reference-card:not(.home-reference-card--feature) h3 {
	font-size: clamp(21px, 1.75vw, 28px);
}

.home-reference-card__content > p {
	display: -webkit-box;
	margin: 0 0 16px;
	overflow: hidden;
	color: var(--corporate-muted);
	font-size: 12px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-reference-card__scope {
	padding-top: 14px;
	border-top: 1px solid var(--corporate-line);
	color: #c8d0cc;
	font-size: 11px;
}

.home-reference-card__scope i {
	color: var(--accent);
	font: 400 22px/1 'Space Grotesk', sans-serif;
	font-style: normal;
	transition: transform .25s ease;
}

.home-reference-card__link:hover .home-reference-card__media img,
.home-reference-card__link:focus-visible .home-reference-card__media img {
	filter: saturate(1) contrast(1);
	transform: scale(1.025);
}

.home-reference-card__link:hover .home-reference-card__scope i,
.home-reference-card__link:focus-visible .home-reference-card__scope i {
	transform: translateX(5px);
}

.home-reference-card__link:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: -3px;
}

.home-references__proof {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(230px, .9fr);
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.home-references__proof > div,
.home-references__proof > a {
	min-height: 100px;
	padding: 19px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.home-references__proof span {
	color: #75827b;
	font: 700 8px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.home-references__proof strong {
	color: var(--corporate-text);
	font: 600 17px/1.2 'Space Grotesk', sans-serif;
}

.home-references__proof > a {
	background: var(--accent);
	text-decoration: none;
}

.home-references__proof > a span,
.home-references__proof > a strong {
	color: var(--accent-ink);
}

.home-references__proof > a i {
	margin-left: 10px;
	font-style: normal;
}

/* Homepage corporate sections */
.corporate-process,
.corporate-hub {
	padding: 108px 0;
	border-top: 1px solid var(--corporate-line);
	background: var(--corporate-bg);
}

.corporate-hub {
	background: var(--corporate-surface);
}

.corporate-section-heading {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 50px;
	align-items: start;
}

.corporate-section-heading > span {
	padding-top: 9px;
	font: 700 10px 'Space Grotesk', sans-serif;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.corporate-section-heading h2 {
	max-width: 900px;
	margin: 0;
	color: var(--corporate-text);
	font: 500 clamp(42px, 5.4vw, 78px)/.96 'Space Grotesk', sans-serif;
	letter-spacing: -.055em;
}

.corporate-section-heading p {
	max-width: 690px;
	margin: 24px 0 0;
	color: var(--corporate-muted);
	font-size: 17px;
}

.corporate-process__steps {
	margin: 64px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
	list-style: none;
}

.corporate-process__steps li {
	min-height: 260px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
	background: rgba(255, 255, 255, .012);
}

.corporate-process__steps span,
.corporate-hub__grid span,
.corporate-card-grid article > span,
.sector-solution-card__head > span,
.document-card > span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
}

.corporate-process__steps strong {
	margin-top: auto;
	color: var(--corporate-text);
	font: 600 21px/1.12 'Space Grotesk', sans-serif;
}

.corporate-process__steps p {
	margin: 16px 0 0;
	color: var(--corporate-muted);
	font-size: 14px;
}

.corporate-hub__grid {
	margin-top: 64px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.corporate-hub__grid > a {
	min-height: 300px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
	color: var(--corporate-text);
	transition: background .2s ease;
}

.corporate-hub__grid > a:hover,
.corporate-hub__grid > a:focus-visible {
	background: var(--corporate-surface-soft);
}

.corporate-hub__grid strong {
	margin-top: 78px;
	font: 600 31px/1 'Space Grotesk', sans-serif;
	letter-spacing: -.04em;
}

.corporate-hub__grid p {
	max-width: 360px;
	margin: 18px 0 0;
	color: var(--corporate-muted);
}

.corporate-hub__grid i {
	margin-top: auto;
	color: var(--accent);
	font-size: 22px;
	font-style: normal;
}

.corporate-actions {
	margin-top: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.corporate-actions a {
	min-height: 56px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	border: 1px solid var(--corporate-line);
	color: var(--corporate-text);
	font: 700 12px 'Space Grotesk', sans-serif;
}

.corporate-actions .corporate-actions__primary {
	border-color: var(--accent);
	background: var(--accent);
	color: var(--accent-ink);
}

/* Corporate pages */
.corporate-page {
	background: var(--corporate-bg);
}

.corporate-breadcrumb {
	padding-top: 94px;
	border-bottom: 1px solid var(--corporate-line);
	background: #0b100e;
}

.corporate-breadcrumb .motion-wrap {
	min-height: 54px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #748079;
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.corporate-breadcrumb a {
	color: #aeb8b3;
}

.corporate-page-hero {
	min-height: 550px;
	padding: 125px 0 70px;
}

.corporate-page-hero::before {
	background: linear-gradient(90deg, rgba(7, 12, 10, .96), rgba(7, 12, 10, .38)), url('../images/hero-architectural-noir.webp') center/cover;
}

.corporate-page-hero--sectors::before {
	background: linear-gradient(90deg, rgba(7, 12, 10, .96), rgba(7, 12, 10, .4)), url('../images/hero-medical-entrance.webp') center/cover;
}

.corporate-page-hero--documents::before {
	background: linear-gradient(90deg, rgba(7, 12, 10, .97), rgba(7, 12, 10, .44)), url('../images/hero-precision-blue.webp') center/cover;
}

.corporate-page-hero h1 {
	max-width: 1080px;
	font-size: clamp(54px, 7vw, 104px);
}

.corporate-page--about .corporate-page-hero {
	min-height: 500px;
	padding: 112px 0 62px;
}

.corporate-page--about .corporate-page-hero h1 {
	max-width: 930px;
	font-size: clamp(52px, 6.2vw, 88px);
}

.corporate-page--about .corporate-page-hero p {
	max-width: 790px;
}

.corporate-tabs {
	background: #101713;
}

.corporate-content {
	background: var(--corporate-bg);
}

.corporate-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.corporate-facts > div {
	min-height: 155px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.corporate-facts span,
.corporate-intro-grid > span,
.corporate-service-profile span,
.document-notice > span,
.sector-decision > div > span,
.document-request-guide > div > span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.corporate-facts strong {
	color: var(--corporate-text);
	font: 600 18px/1.25 'Space Grotesk', sans-serif;
}

.corporate-intro-grid {
	margin-top: 100px;
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 50px;
}

.corporate-intro-grid > span {
	padding-top: 11px;
}

.corporate-intro-grid h2 {
	max-width: 900px;
	margin: 0;
	color: var(--corporate-text);
	font: 500 clamp(45px, 5.8vw, 82px)/.94 'Space Grotesk', sans-serif;
	letter-spacing: -.06em;
}

.corporate-intro-grid p {
	max-width: 780px;
	margin: 26px 0 0;
	color: var(--corporate-muted);
	font-size: 17px;
}

.corporate-subsection {
	margin-top: 110px;
}

.corporate-card-grid {
	margin-top: 58px;
	display: grid;
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

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

.corporate-card-grid article {
	min-height: 270px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.corporate-card-grid h3 {
	margin: auto 0 0;
	color: var(--corporate-text);
	font: 600 24px/1.08 'Space Grotesk', sans-serif;
	letter-spacing: -.035em;
}

.corporate-card-grid p {
	margin: 16px 0 0;
	color: var(--corporate-muted);
}

.corporate-principles {
	margin-top: 58px;
	border-top: 1px solid var(--corporate-line);
}

.corporate-principles article {
	padding: 30px 0;
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 40px;
	border-bottom: 1px solid var(--corporate-line);
}

.corporate-principles article > span {
	color: var(--accent);
	font: 700 10px 'Space Grotesk', sans-serif;
}

.corporate-principles h3 {
	margin: 0;
	color: var(--corporate-text);
	font: 600 27px/1.05 'Space Grotesk', sans-serif;
}

.corporate-principles p {
	max-width: 720px;
	margin: 12px 0 0;
	color: var(--corporate-muted);
}

.corporate-service-profile {
	margin-top: 110px;
	padding: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	border: 1px solid var(--corporate-line);
	background: var(--corporate-surface);
}

.corporate-service-profile h2 {
	max-width: 650px;
	margin: 22px 0 0;
	color: var(--corporate-text);
	font: 500 clamp(35px, 4vw, 56px)/.98 'Space Grotesk', sans-serif;
	letter-spacing: -.05em;
}

.corporate-service-profile p {
	margin: 0;
	color: var(--corporate-muted);
	font-size: 16px;
}

.corporate-service-profile a {
	min-height: 52px;
	margin-top: 30px;
	padding: 0 18px;
	display: inline-flex;
	align-items: center;
	background: var(--accent);
	color: var(--accent-ink);
	font: 700 12px 'Space Grotesk', sans-serif;
}

.corporate-accountability .corporate-process__steps {
	margin-top: 54px;
}

.corporate-departments {
	margin-top: 16px;
	border: 1px solid var(--corporate-line);
	background: #101713;
}

.corporate-departments__head {
	padding: 42px;
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 50px;
	border-bottom: 1px solid var(--corporate-line);
}

.corporate-departments__head > span,
.corporate-departments__grid a > span {
	color: var(--accent);
	font: 700 9px/1.35 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.corporate-departments__head h2 {
	max-width: 900px;
	margin: 0;
	color: var(--corporate-text);
	font: 500 clamp(34px, 4vw, 55px)/.98 'Space Grotesk', sans-serif;
	letter-spacing: -.05em;
}

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

.corporate-departments__grid > a {
	min-height: 250px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	color: var(--corporate-text);
}

.corporate-departments__grid > a:last-child {
	border-right: 0;
}

.corporate-departments__grid strong {
	margin: auto 0 12px;
	font: 600 clamp(23px, 2.4vw, 34px)/1 'Space Grotesk', sans-serif;
	letter-spacing: -.045em;
}

.corporate-departments__grid p {
	margin: 0 0 18px;
	color: var(--corporate-muted);
	font-size: 13px;
}

.corporate-departments__grid i {
	color: var(--accent);
	font: 700 11px 'Space Grotesk', sans-serif;
	font-style: normal;
}

.corporate-departments__electronic > span,
.corporate-departments__electronic i {
	color: #9bd9ff;
}

.corporate-departments__grid > a:hover,
.corporate-departments__grid > a:focus-visible {
	background: rgba(255, 255, 255, .025);
}

/* Sector solutions */
.sector-solutions {
	margin-top: 90px;
	border-top: 1px solid var(--corporate-line);
}

.sector-solution-card {
	padding: 46px 0;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
	gap: 70px;
	border-bottom: 1px solid var(--corporate-line);
}

.sector-solution-card h2 {
	max-width: 700px;
	margin: 48px 0 0;
	color: var(--corporate-text);
	font: 500 clamp(36px, 4.3vw, 61px)/.96 'Space Grotesk', sans-serif;
	letter-spacing: -.055em;
}

.sector-solution-card__head p {
	max-width: 680px;
	margin: 22px 0 0;
	color: var(--corporate-muted);
}

.sector-solution-card__body > span {
	color: #76837c;
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.sector-solution-card ul {
	margin: 22px 0 30px;
	padding: 0;
	border-top: 1px solid var(--corporate-line);
	list-style: none;
}

.sector-solution-card li {
	padding: 13px 0;
	border-bottom: 1px solid var(--corporate-line);
	color: #cbd3cf;
	font-size: 14px;
}

.sector-solution-card__body a,
.document-card > a {
	color: var(--accent);
	font: 700 11px 'Space Grotesk', sans-serif;
}

.sector-decision,
.document-request-guide {
	margin-top: 100px;
	padding: 50px;
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: 70px;
	border: 1px solid var(--corporate-line);
	background: var(--corporate-surface);
}

.sector-decision h2,
.document-request-guide h2 {
	margin: 24px 0 0;
	color: var(--corporate-text);
	font: 500 clamp(35px, 4vw, 55px)/.98 'Space Grotesk', sans-serif;
	letter-spacing: -.05em;
}

.sector-decision ol,
.document-request-guide ol {
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--corporate-line);
	list-style: none;
}

.sector-decision li,
.document-request-guide li {
	padding: 17px 0;
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 18px;
	border-bottom: 1px solid var(--corporate-line);
	color: #dbe1de;
}

.sector-decision li span,
.document-request-guide li span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
}

/* Technical document centre */
.document-notice {
	padding: 34px;
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 50px;
	border: 1px solid var(--corporate-line);
	border-left: 3px solid var(--accent);
	background: var(--corporate-surface);
}

.document-notice strong {
	color: var(--corporate-text);
	font: 600 22px/1.2 'Space Grotesk', sans-serif;
}

.document-notice p {
	max-width: 830px;
	margin: 12px 0 0;
	color: var(--corporate-muted);
}

.document-grid {
	margin-top: 90px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.document-card {
	min-height: 350px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.document-card h2 {
	margin: 65px 0 0;
	color: var(--corporate-text);
	font: 600 31px/1.02 'Space Grotesk', sans-serif;
	letter-spacing: -.04em;
}

.document-card p {
	max-width: 510px;
	margin: 16px 0 0;
	color: var(--corporate-muted);
}

.document-card > div {
	margin-top: auto;
	padding-top: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid var(--corporate-line);
}

.document-card small {
	color: #929e98;
	font-size: 9px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.document-card > div strong {
	color: #d3dad6;
	font-size: 12px;
}

.document-card > a {
	margin-top: 20px;
}

/* Controlled CTA treatment; avoids broad neon panels. */
.concept-d .page-cta.corporate-cta,
.concept-d .page-cta {
	border: 1px solid var(--corporate-line);
	border-top: 2px solid var(--accent);
	background: var(--corporate-surface);
	color: var(--corporate-text);
}

.corporate-cta > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.concept-d .page-cta.corporate-cta a,
.concept-d .page-cta a {
	border-color: var(--accent);
	background: var(--accent);
	color: var(--accent-ink);
}

.concept-d .page-cta.corporate-cta a + a {
	border-color: var(--corporate-line);
	background: transparent;
	color: var(--corporate-text);
}

/* Corporate footer */
.concept-d .corporate-footer {
	padding: 78px 0 26px;
	border-top: 1px solid var(--corporate-line);
	background: #080d0b;
}

.concept-d .corporate-footer .corporate-footer__inner {
	display: block;
}

.concept-d .corporate-footer .corporate-footer__inner > div {
	grid-column: auto;
	padding: 0;
	display: grid;
	border-top: 0;
	color: inherit;
	font-size: inherit;
	letter-spacing: normal;
	text-transform: none;
}

.concept-d .corporate-footer p {
	text-align: left;
}

.corporate-footer__lead {
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 70px;
	align-items: start;
}

.corporate-footer__lead > div > span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.corporate-footer__lead h2 {
	max-width: 850px;
	margin: 22px 0 0;
	color: var(--corporate-text);
	font: 500 clamp(39px, 5vw, 70px)/.96 'Space Grotesk', sans-serif;
	letter-spacing: -.055em;
}

.concept-d .corporate-footer__lead p {
	max-width: 710px;
	margin: 22px 0 0;
	color: var(--corporate-muted);
	font-size: 16px;
}

.concept-d .corporate-footer .corporate-footer__columns {
	margin-top: 65px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.corporate-footer__columns section {
	min-height: 330px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.corporate-footer__columns section > span {
	margin-bottom: 34px;
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.corporate-footer__columns strong {
	color: var(--corporate-text);
	font: 600 15px/1.3 'Space Grotesk', sans-serif;
}

.concept-d .corporate-footer__columns p {
	margin: 12px 0 24px;
	color: var(--corporate-muted);
	font-size: 13px;
}

.corporate-footer__columns a {
	margin-top: 11px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: #d8dfdb;
	font-size: 12px;
}

.corporate-footer__columns a small,
.corporate-footer__columns p small {
	display: block;
	color: #77837d;
	font: 700 8px 'Space Grotesk', sans-serif;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.corporate-footer__columns .corporate-footer__cta {
	width: 100%;
	min-height: 48px;
	margin-top: auto;
	padding: 0 14px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background: var(--accent);
	color: var(--accent-ink);
	font-weight: 800;
}

.corporate-footer__columns .corporate-footer__cta--secondary {
	margin-top: 8px;
	border: 1px solid var(--corporate-line);
	background: transparent;
	color: var(--corporate-text);
}

.concept-d .corporate-footer .corporate-footer__legal {
	min-height: 64px;
	padding-top: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	color: #6f7b75;
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.corporate-footer__legal nav {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.corporate-footer__legal a,
.corporate-footer__legal button {
	color: #89958f;
}

.corporate-footer__legal button.huun-cookie-manage {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
}

.concept-d a:focus-visible,
.concept-d button:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 4px;
}

.service-levels {
	margin-top: 108px;
	padding-top: 82px;
	border-top: 1px solid var(--corporate-line);
}

.service-levels__grid {
	margin-top: 54px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--corporate-line);
	border-left: 1px solid var(--corporate-line);
}

.service-levels__grid article {
	min-height: 390px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
	background: rgba(255, 255, 255, .012);
}

.service-levels__grid article > span {
	color: var(--accent);
	font: 700 9px 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
}

.service-levels__grid h3 {
	margin: 54px 0 0;
	color: var(--corporate-text);
	font: 600 28px/1 'Space Grotesk', sans-serif;
	letter-spacing: -.035em;
}

.service-levels__grid p,
.service-levels__grid li {
	color: var(--corporate-muted);
}

.service-levels__grid ul {
	margin: auto 0 0;
	padding: 24px 0 0;
	border-top: 1px solid var(--corporate-line);
	list-style: none;
}

.service-levels__grid li {
	padding: 8px 0;
	font-size: 13px;
}

.service-levels__grid li::before {
	margin-right: 9px;
	color: var(--accent);
	content: '—';
}

@media (max-width: 1120px) {
	.corporate-trust-strip__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.corporate-trust-strip__grid > div {
		border-bottom: 1px solid var(--corporate-line);
	}

	.corporate-process__steps,
	.corporate-facts,
	.concept-d .corporate-footer .corporate-footer__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.home-reference-card,
	.home-reference-card--feature,
	.home-reference-card:nth-child(n + 4) {
		grid-column: span 6;
		grid-row: auto;
	}

	.home-reference-card--feature {
		grid-column: span 6;
	}

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

	.corporate-footer__columns section {
		min-height: 290px;
	}
}

@media (max-width: 760px) {
	.concept-d .motion-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.concept-d .motion-secondary,
	.concept-d .motion-primary {
		width: 100%;
	}

	.corporate-trust-strip__grid {
		overflow-x: auto;
		grid-template-columns: repeat(5, 205px);
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.corporate-trust-strip__grid::-webkit-scrollbar {
		display: none;
	}

	.corporate-trust-strip__grid > div {
		min-height: 94px;
		padding: 19px;
		scroll-snap-align: start;
	}

	.corporate-process,
	.corporate-hub,
	.home-references {
		padding: 62px 0;
	}

	.home-references__head {
		margin-bottom: 30px;
	}

	.home-references__grid {
		overflow-x: auto;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: min(78vw, 330px);
		grid-template-columns: none;
		grid-template-rows: 1fr;
		gap: 12px;
		padding: 0 0 14px;
		scroll-snap-type: x proximity;
		scrollbar-color: var(--accent) transparent;
		scrollbar-width: thin;
	}

	.home-reference-card,
	.home-reference-card--feature,
	.home-reference-card:nth-child(n + 4) {
		grid-column: auto;
		grid-row: auto;
		min-height: 380px;
		scroll-snap-align: start;
	}

	.home-reference-card__link {
		grid-template-rows: 170px 1fr;
	}

	.home-reference-card--feature .home-reference-card__media,
	.home-reference-card__media {
		min-height: 170px;
		padding: 24px;
	}

	.home-reference-card--feature .home-reference-card__content,
	.home-reference-card__content {
		padding: 22px;
	}

	.home-reference-card h3,
	.home-reference-card:not(.home-reference-card--feature) h3 {
		font-size: 24px;
	}

	.home-references__proof {
		grid-template-columns: 1fr 1fr;
	}

	.home-references__proof > div,
	.home-references__proof > a {
		min-height: 118px;
		padding: 19px;
	}

	.corporate-section-heading,
	.corporate-intro-grid,
	.document-notice,
	.corporate-service-profile,
	.corporate-departments__head,
	.sector-solution-card,
	.sector-decision,
	.document-request-guide,
	.corporate-footer__lead {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.corporate-section-heading h2,
	.corporate-intro-grid h2 {
		font-size: 45px;
	}

	.corporate-process__steps,
	.corporate-hub__grid,
	.corporate-facts,
	.corporate-card-grid--three,
	.document-grid,
	.service-levels__grid,
	.concept-d .corporate-footer .corporate-footer__columns {
		grid-template-columns: 1fr;
	}

	.corporate-process__steps li,
	.corporate-hub__grid > a,
	.corporate-card-grid article,
	.document-card {
		min-height: 235px;
	}

	.corporate-hub__grid strong,
	.document-card h2 {
		margin-top: 48px;
	}

	.corporate-breadcrumb {
		padding-top: 78px;
	}

	.corporate-page-hero {
		min-height: 500px;
		padding: 105px 0 55px;
	}

	.corporate-page-hero h1 {
		font-size: 54px;
	}

	.corporate-intro-grid,
	.corporate-subsection,
	.corporate-service-profile,
	.sector-solutions,
	.sector-decision,
	.document-grid,
	.document-request-guide {
		margin-top: 74px;
	}

	.corporate-principles article {
		grid-template-columns: 55px minmax(0, 1fr);
		gap: 18px;
	}

	.corporate-service-profile,
	.corporate-departments__head,
	.sector-decision,
	.document-request-guide {
		padding: 30px 24px;
	}

	.corporate-departments__grid {
		grid-template-columns: 1fr;
	}

	.corporate-departments__grid > a {
		min-height: 220px;
		border-right: 0;
		border-bottom: 1px solid var(--corporate-line);
	}

	.corporate-departments__grid > a:last-child {
		border-bottom: 0;
	}

	.sector-solution-card {
		padding: 38px 0;
	}

	.sector-solution-card h2 {
		margin-top: 34px;
		font-size: 42px;
	}

	.document-notice {
		padding: 26px 22px;
	}

	.corporate-cta > div {
		width: 100%;
		justify-content: flex-start;
	}

	.concept-d .corporate-footer {
		padding-top: 58px;
	}

	.corporate-footer__lead h2 {
		font-size: 44px;
	}

	.corporate-footer__columns section {
		min-height: auto;
		padding: 26px 22px;
	}

	.concept-d .corporate-footer .corporate-footer__legal {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 430px) {
	.corporate-section-heading h2,
	.corporate-intro-grid h2,
	.corporate-footer__lead h2 {
		font-size: 38px;
	}

	.corporate-page-hero h1 {
		font-size: 47px;
	}

	.corporate-page-hero p,
	.corporate-intro-grid p {
		font-size: 15px;
	}

	.corporate-process__steps li,
	.corporate-hub__grid > a,
	.corporate-card-grid article,
	.document-card {
		padding: 24px 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.concept-d .lumen-orbit,
	.concept-d .lumen-beam,
	.concept-d .lumen-sensor,
	.concept-d .motion-hero *,
	.concept-d .corporate-page *,
	.home-references * {
		animation: none !important;
		transition-duration: .01ms !important;
	}
}

/* v1.24.2 — clearer department-first header and address-aware contact surfaces */
.concept-d .motion-header {
	padding: 34px 42px 0;
}

.motion-topbar {
	position: absolute;
	top: 0;
	right: 42px;
	left: 42px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #c7cfcb;
	font: 600 9px/1 'Space Grotesk', sans-serif;
	letter-spacing: .04em;
}

.motion-topbar a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: inherit;
	white-space: nowrap;
}

.motion-topbar__location a strong,
.motion-topbar__location a i {
	font-style: normal;
}

.motion-topbar__location a strong {
	color: #eef2ef;
	font-size: 10px;
}

.motion-topbar__location a i {
	color: #7d8983;
	font-size: 8px;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.motion-topbar a:hover,
.motion-topbar a:focus-visible {
	color: var(--accent);
}

.motion-topbar__location {
	min-width: 0;
	overflow: hidden;
}

.motion-topbar__location a {
	max-width: min(46vw, 610px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.motion-topbar__location span,
.motion-topbar__contact span {
	color: var(--accent);
}

.motion-topbar__contact {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 0;
}

.motion-topbar__phone {
	min-height: 34px;
	padding: 0 18px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-left: 1px solid rgba(255, 255, 255, .1);
}

.motion-topbar__phone span {
	font-size: 8px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.motion-topbar__phone strong {
	color: #eef2ef;
	font-size: 10px;
	letter-spacing: .015em;
}

.motion-topbar__phone--electronic span {
	color: #9bd9ff;
}

.motion-nav__meta {
	display: none;
}

.corporate-footer address,
.contact-card-v2 address {
	margin: 0;
	font-style: normal;
}

.contact-card-v2--address strong {
	font-size: clamp(18px, 2.1vw, 27px);
	line-height: 1.18;
}

.contact-location {
	margin-top: 16px;
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
	border: 1px solid var(--corporate-line);
	background: var(--corporate-surface);
}

.contact-location__content {
	min-width: 0;
	padding: clamp(30px, 4.4vw, 62px);
	display: flex;
	flex-direction: column;
}

.contact-location__content > span {
	color: var(--accent);
	font: 700 9px/1 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.contact-location__content h2 {
	margin: 24px 0 20px;
	color: var(--corporate-text);
	font: 500 clamp(35px, 4.4vw, 58px)/.96 'Space Grotesk', sans-serif;
	letter-spacing: -.055em;
}

.contact-location__content address {
	max-width: 520px;
	margin: 0;
	color: #f0f3f1;
	font: 600 19px/1.45 'Space Grotesk', sans-serif;
	font-style: normal;
}

.contact-location__content > p {
	max-width: 600px;
	margin: 22px 0 0;
	color: var(--corporate-muted);
	font-size: 14px;
}

.contact-location__actions {
	margin-top: auto;
	padding-top: 34px;
	display: grid;
	gap: 8px;
}

.contact-location__actions a {
	min-height: 48px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--corporate-line);
	color: #e4e9e6;
	font: 700 11px/1.35 'Space Grotesk', sans-serif;
}

.contact-location__actions .contact-location__primary {
	border-color: var(--accent);
	background: var(--accent);
	color: var(--accent-ink);
}

.contact-location__map {
	min-height: 540px;
	position: relative;
	overflow: hidden;
	border-left: 1px solid var(--corporate-line);
	background: #dfe4e0;
}

.contact-location__map::after {
	position: absolute;
	inset: 0;
	border: 12px solid rgba(7, 16, 11, .08);
	pointer-events: none;
	content: '';
}

.contact-location__map-consent {
	height: 100%;
	padding: clamp(34px, 5vw, 72px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(7, 16, 11, .06), rgba(7, 16, 11, .92)),
		repeating-linear-gradient(0deg, rgba(7, 16, 11, .07) 0 1px, transparent 1px 34px),
		repeating-linear-gradient(90deg, rgba(7, 16, 11, .07) 0 1px, transparent 1px 34px),
		#dfe4e0;
}

.contact-location__map-consent > span {
	color: #597067;
	font: 700 9px/1 'Space Grotesk', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.contact-location__map-consent > strong {
	max-width: 600px;
	margin-top: 16px;
	color: #0b1511;
	font: 500 clamp(32px, 4vw, 54px)/.98 'Space Grotesk', sans-serif;
	letter-spacing: -.05em;
}

.contact-location__map-consent > p {
	max-width: 520px;
	margin: 16px 0 0;
	color: #4f5e57;
	font-size: 12px;
}

.contact-location__map-consent button {
	min-height: 52px;
	margin-top: 24px;
	padding: 0 18px;
	border: 0;
	background: #0b1511;
	color: #eef2ef;
	cursor: pointer;
	font: 700 11px 'Space Grotesk', sans-serif;
}

.contact-location__map-consent button:hover,
.contact-location__map-consent button:focus-visible {
	background: var(--accent);
	color: var(--accent-ink);
}

.contact-location__map.is-loaded .contact-location__map-consent {
	display: none;
}

.contact-location__map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	border: 0;
	filter: saturate(.72) contrast(1.04);
}

.accessory-list--single {
	max-width: 980px;
	margin-inline: auto;
	display: block;
	border: 0;
}

.accessory-list--single .accessory-card--purchasable {
	min-height: 0;
	padding: 30px;
	display: grid;
	grid-template-columns: minmax(290px, .92fr) minmax(0, 1.08fr);
	grid-auto-flow: row;
	column-gap: 34px;
	border: 1px solid var(--corporate-line);
}

.accessory-list--single .accessory-icon {
	width: 100%;
	height: 100%;
	min-height: 520px;
	margin: 0;
	grid-column: 1;
	grid-row: 1 / span 8;
	align-self: stretch;
	border: 1px solid var(--corporate-line);
	aspect-ratio: auto;
}

.accessory-list--single .accessory-card > span,
.accessory-list--single .accessory-card > h3,
.accessory-list--single .accessory-card > p,
.accessory-list--single .accessory-card__specs,
.accessory-list--single .accessory-card__price,
.accessory-list--single .accessory-card__actions,
.accessory-list--single .accessory-card__compatibility,
.accessory-list--single .accessory-card__demo {
	grid-column: 2;
}

.accessory-list--single .accessory-card > h3 {
	margin-top: 22px;
}

@media (max-width: 760px) {
	.corporate-page--about .corporate-page-hero {
		min-height: 470px;
		padding: 98px 0 50px;
	}

	.corporate-page--about .corporate-page-hero h1 {
		font-size: 50px;
	}

	.accessory-list--single .accessory-card--purchasable {
		padding: 20px;
		display: flex;
	}

	.accessory-list--single .accessory-icon {
		width: calc(100% + 40px);
		height: auto;
		min-height: 0;
		margin: -20px -20px 22px;
		aspect-ratio: 1 / 1;
	}
}

@media (max-width: 1280px) {
	.motion-topbar__location a i {
		display: none;
	}

	.motion-topbar__phone {
		padding-inline: 12px;
	}
}

@media (max-width: 1120px) {
	.motion-topbar__phone span {
		display: none;
	}
}

@media (max-width: 980px) {
	.concept-d .motion-header {
		padding: 0 20px;
	}

	.motion-topbar {
		display: none;
	}

	.motion-nav__meta {
		width: 100%;
		margin-top: 24px;
		display: grid;
		border-top: 1px solid rgba(255, 255, 255, .16);
	}

	.motion-nav__meta a {
		min-height: 68px;
		padding: 12px 10px;
		display: grid;
		align-content: center;
		gap: 7px;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	.motion-nav__meta span {
		color: var(--accent);
		font: 700 8px/1 'Space Grotesk', sans-serif;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.motion-nav__meta strong {
		color: #f4f6f4;
		font: 600 13px/1.35 'Space Grotesk', sans-serif;
	}

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

	.contact-location__map {
		min-height: 420px;
		border-top: 1px solid var(--corporate-line);
		border-left: 0;
	}
}

@media (max-width: 640px) {
	.concept-d .motion-header {
		padding: 0 14px;
	}

	.concept-d .local-page-hero h1 {
		max-width: 100%;
		font-size: clamp(41px, 12vw, 54px);
		line-height: .9;
		letter-spacing: -.065em;
	}

	.contact-card-v2--address strong {
		font-size: 19px;
	}

	.contact-location__content {
		padding: 28px 20px;
	}

	.contact-location__content h2 {
		font-size: 38px;
	}

	.contact-location__actions a {
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
	}

	.contact-location__map {
		min-height: 330px;
	}
}

@media (max-width: 430px) {
	.corporate-page--about .corporate-page-hero h1 {
		font-size: 43px;
	}
}

/* v1.25 — service-led headings, readable proof labels and larger touch targets */
.concept-d .motion-hero .motion-copy {
	max-width: min(1120px, calc(100vw - 80px));
}

.concept-d .motion-hero .motion-copy h1 {
	font-size: clamp(54px, 5.4vw, 88px);
	line-height: .9;
	letter-spacing: -.065em;
}

.motion-slogan {
	max-width: 720px;
	margin: 18px 0 0;
	color: #f2f5f3;
	font: 600 clamp(18px, 1.55vw, 23px)/1.25 'Space Grotesk', sans-serif;
	letter-spacing: -.025em;
}

.motion-slogan + .motion-lead {
	margin-top: 16px;
}

.home-trust__grid span,
.home-reference-card__meta em,
.reference-card__content > span {
	color: #84928b;
	font-size: 10px;
	line-height: 1.4;
}

.home-reference-card__meta span {
	font-size: 10px;
	line-height: 1.4;
}

.home-trust__grid a,
.corporate-footer__columns a:not(.corporate-footer__cta),
.corporate-footer__legal a,
.corporate-footer__legal button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding-block: 8px;
}

.motion-topbar__location a {
	min-height: 34px;
}

.product-related-links {
	margin-top: 72px;
	padding: 24px 0;
	display: grid;
	grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
	gap: 28px;
	border-top: 1px solid var(--corporate-line);
	border-bottom: 1px solid var(--corporate-line);
}

.product-related-links > span {
	color: #84928b;
	font: 700 10px/1.4 'Space Grotesk', sans-serif;
	letter-spacing: .12em;
}

.product-related-links > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.product-related-links a {
	min-height: 44px;
	padding: 10px 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--corporate-line);
	color: #e5ebe7;
	font: 650 12px/1.35 'Space Grotesk', sans-serif;
}

.product-related-links a:hover,
.product-related-links a:focus-visible {
	border-color: var(--accent);
	color: var(--accent);
}

@media (max-width: 760px) {
	.product-related-links {
		grid-template-columns: 1fr;
	}

	.product-related-links > div,
	.product-related-links a {
		width: 100%;
	}

	.concept-d .motion-hero .motion-copy {
		top: 43%;
		right: 24px;
		left: 24px;
		max-width: none;
	}

	.concept-d .motion-hero .motion-copy h1 {
		font-size: clamp(38px, 10.5vw, 50px);
		line-height: .94;
		letter-spacing: -.055em;
	}

	.motion-slogan {
		margin-top: 15px;
		font-size: 17px;
	}

	.motion-slogan + .motion-lead {
		margin-top: 13px;
	}

	.concept-d .page-hero h1 {
		font-size: clamp(38px, 10.5vw, 50px);
		line-height: .92;
		letter-spacing: -.06em;
	}
}
