/*
Theme Name: Czas na Szkolenie
Theme URI: https://na-szkolenie.pl/
Author: Czas na Szkolenie
Description: Autorski motyw strony głównej odtworzony z projektu PSD.
Version: 1.0.42
Text Domain: czas-na-szkolenie
*/

:root {
	--navy: #121b35;
	--navy-soft: #1f2f53;
	--gold: #d9975f;
	--blue: #0294db;
	--light: #f5f5f5;
	--muted: #eef0f2;
	--white: #ffffff;
	--content-width: 1910px;
}

@font-face {
	font-family: "Calibri PSD";
	src: local("Calibri"), local("Calibri Regular");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Calibri PSD";
	src: local("Calibri Bold"), local("Calibri-Bold");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Calibri PSD Light";
	src: local("Calibri Light"), local("Calibri-Light");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

html {
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	overflow-x: hidden;
	background: var(--white);
	color: var(--navy);
	font-family: Calibri, Carlito, Arial, sans-serif;
	font-size: clamp(16px, 1.22vw, 27px);
	line-height: 1.3;
}

body,
header,
main,
footer,
section,
article,
nav,
div {
	position: relative;
}

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

a {
	color: inherit;
	text-decoration: none;
}

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

h1,
h2,
h3,
p {
	margin-top: 0;
}

.wide-container {
	width: min(87%, var(--content-width));
	margin-inline: auto;
}

.screen-reader-text {
	position: relative !important;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.site-header {
	z-index: 5;
	background: var(--white);
}

.header-inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: none;
	min-height: clamp(70px, 4.318vw, 95px);
	padding: 0 clamp(24px, 2.455vw, 54px) 0 clamp(28px, 2.636vw, 58px);
}

.brand {
	align-self: start;
	flex: 0 0 clamp(72px, 7.045vw, 155px);
	width: clamp(72px, 7.045vw, 155px);
	height: clamp(72px, 7.045vw, 155px);
	margin-bottom: calc(clamp(70px, 4.318vw, 95px) - clamp(72px, 7.045vw, 155px));
}

.brand img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.header-contact {
	display: flex;
	align-items: center;
	flex: 0 0 clamp(340px, 23.818vw, 524px);
	gap: clamp(26px, 3.591vw, 79px);
	margin-left: clamp(35px, 4.727vw, 104px);
	font-size: clamp(16px, 1.091vw, 24px);
	white-space: nowrap;
	transform: translateY(5px);
}

.header-contact a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.header-contact a:first-child img {
	width: 21px;
	height: 26px;
}

.header-contact a:last-child img {
	width: 31px;
	height: 23px;
}

.header-contact a:hover,
.primary-menu a:hover,
.primary-menu a:focus-visible {
	color: var(--gold);
}

.primary-navigation {
	flex: 1 1 auto;
	margin-left: clamp(40px, 7.5vw, 165px);
	transform: translateY(3px);
}

.primary-menu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: clamp(24px, 3.318vw, 73px);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: clamp(16px, 1.227vw, 27px);
	font-weight: 400;
	white-space: nowrap;
}

.primary-menu li:nth-child(2),
.primary-menu li:last-child {
	font-weight: 700;
}

.menu-toggle {
	display: none;
	width: 44px;
	padding: 8px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.menu-toggle > span:not(.screen-reader-text) {
	display: block;
	height: 2px;
	margin-block: 5px;
	background: var(--navy);
}

.hero {
	min-height: clamp(600px, 35.682vw, 785px);
	background-color: var(--navy);
	background-image: url("assets/images/hero-background.png");
	background-position: center;
	background-size: 100% 100%;
	color: var(--white);
}

.hero-inner {
	display: block;
	width: 100%;
	max-width: none;
	min-height: inherit;
}

.hero-copy {
	width: clamp(600px, 32.409vw, 713px);
	max-width: none;
	margin-left: clamp(80px, 8.273vw, 182px);
	padding-top: clamp(100px, 6.364vw, 140px);
}

.hero h1 {
	margin-left: 4px;
	margin-bottom: 21px;
	font-size: clamp(32px, 2.182vw, 48px);
	line-height: 1;
}

.hero-kicker {
	margin-left: 2px;
	margin-bottom: 52px;
	color: var(--gold);
	font-size: clamp(24px, 1.636vw, 36px);
	line-height: 1;
}

.hero-description {
	width: 100%;
	max-width: none;
	margin-bottom: 0;
	font-size: clamp(18px, 1.364vw, 30px);
	line-height: 1.14;
}

.hero-description--desktop {
	display: block;
}

.hero-description--mobile {
	display: none;
}

.hero-line {
	display: block;
	height: 1.14em;
	overflow: hidden;
	text-align: justify;
	white-space: nowrap;
}

.hero-line:not(:last-child)::after {
	display: inline-block;
	width: 100%;
	height: 0;
	content: "";
}

.hero-lines {
	display: none;
}

.specializations {
	container-type: inline-size;
	width: min(91.8%, 2020px);
	margin-right: 0;
	margin-left: max(3.5156%, calc((100% - 2200px) / 2 + 77px));
	padding-top: clamp(24px, 1.5455vw, 34px);
	padding-bottom: clamp(40px, 2.8182vw, 62px);
}

.section-eyebrow {
	margin-bottom: clamp(18px, 1.1818vw, 26px);
	margin-left: min(0.0909vw, 2px);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: clamp(20px, 1.594cqw, 30px);
	font-weight: 700;
	line-height: 1.3;
}

.specialization-grid {
	display: grid;
	grid-template-columns: 410fr 86fr 410fr 92fr 410fr;
}

.specialization-card {
	container-type: inline-size;
	display: grid;
	aspect-ratio: 550 / 188;
	min-width: 0;
	overflow: visible;
}

.specialization-card--company {
	grid-column: 1;
}

.specialization-card--away {
	grid-column: 3;
}

.specialization-card--public {
	grid-column: 5;
}

.specialization-surface,
.specialization-hand {
	grid-area: 1 / 1;
}

.specialization-surface {
	display: grid;
	grid-template-columns: 26.18% 64.18% 9.64%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--navy);
	color: var(--white);
}

.specialization-card--company .specialization-surface {
	background: var(--gold);
}

.specialization-icon {
	z-index: 2;
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	justify-self: start;
	width: 69.7%;
	aspect-ratio: 1;
	margin-top: 11.7%;
	margin-left: 13.9%;
	background: currentColor;
	-webkit-mask: var(--card-icon) center / contain no-repeat;
	mask: var(--card-icon) center / contain no-repeat;
	color: var(--gold);
}

.specialization-card--company .specialization-icon {
	color: var(--white);
}

.specialization-card--away .specialization-icon {
	width: 65.3%;
	margin-top: 21.5%;
	margin-left: 18.8%;
}

.specialization-card--public .specialization-icon {
	width: 69.4%;
	margin-top: 25.7%;
	margin-left: 16.7%;
}

.specialization-text {
	z-index: 2;
	grid-column: 2 / 4;
	grid-row: 1;
	align-self: start;
	width: 92%;
	margin-top: clamp(16px, 0.9091vw, 20px);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
}

.specialization-text strong,
.specialization-text small {
	display: block;
}

.specialization-text strong {
	font-size: clamp(22px, 6.5455cqw, 36px);
	font-weight: 700;
	line-height: 1;
}

.specialization-text small {
	margin-top: clamp(13px, 1.1364vw, 25px);
	font-size: clamp(14px, 4.3636cqw, 24px);
	font-weight: 400;
	line-height: 1.25;
}

.specialization-text small > span {
	display: block;
	white-space: nowrap;
}

.specialization-card--public .specialization-text strong {
	line-height: 0.8333;
}

.specialization-card--public .specialization-text small {
	margin-top: clamp(6px, 0.4091vw, 9px);
}

.specialization-arrow {
	z-index: 2;
	grid-column: 3;
	grid-row: 1;
	align-self: end;
	justify-self: start;
	width: 73.6%;
	aspect-ratio: 39 / 29;
	margin-bottom: 37.7%;
	background: var(--gold);
	-webkit-mask: url("assets/images/specialization-arrow.png") center / contain no-repeat;
	mask: url("assets/images/specialization-arrow.png") center / contain no-repeat;
}

.specialization-card--company .specialization-arrow {
	background: var(--navy);
}

.specialization-corner,
.specialization-bottom {
	z-index: 1;
	grid-area: 1 / 1 / 2 / -1;
	align-self: end;
}

.specialization-corner {
	justify-self: start;
	width: 13.1%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--gold);
	transform: translate(-50%, 50%);
}

.specialization-card--company .specialization-corner {
	background: var(--navy);
}

.specialization-bottom {
	justify-self: stretch;
	height: max(2px, 0.0909vw);
	background: var(--gold);
}

.specialization-card--company .specialization-bottom {
	background: var(--navy);
}

.specialization-card--public .specialization-bottom {
	background: var(--blue);
}

.specialization-hand {
	z-index: 1;
	align-self: start;
	justify-self: end;
	width: 13.2728%;
	max-width: none;
	transform: translate(53.4247%, 3.7975%);
}

.experts-section {
	padding-bottom: clamp(105px, 5.7vw, 126px);
}

.experts-panel {
	container-type: inline-size;
	display: grid;
	width: min(92.2727%, 2030px);
	margin-left: -1px;
}

.experts-visual,
.experts-copy {
	grid-area: 1 / 1;
}

.experts-visual {
	width: 100%;
	aspect-ratio: 2030 / 642;
	background: url("assets/images/experts-visual.png") left top / 100% 100% no-repeat;
}

.experts-copy {
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-content: start;
	width: 51.5764%;
	margin-left: 46.16%;
	padding-top: clamp(15px, 1.2808cqw, 26px);
	color: var(--navy);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
}

.experts-copy h2,
.experts-copy > p:not(.experts-motto),
.experts-copy ul,
.title-rule {
	grid-column: 1 / -1;
}

.experts-copy h2,
.experts-copy > p:not(.experts-motto),
.experts-copy ul {
	width: 86.4374%;
}

.experts-copy h2 {
	margin-bottom: 0;
	font-size: clamp(26px, 2.4631cqw, 50px);
	font-weight: 700;
	line-height: 1.2;
}

.title-rule {
	width: 86.0554%;
	height: clamp(2px, 0.197cqw, 4px);
	margin-bottom: clamp(20px, 1.9212cqw, 39px);
	background: var(--gold);
}

.experts-copy > p,
.experts-copy li {
	font-size: clamp(16px, 1.4778cqw, 30px);
}

.experts-copy > p:not(.experts-motto) {
	margin-bottom: clamp(24px, 2.1182cqw, 43px);
	line-height: 1.2;
}

.experts-intro > span {
	display: block;
	white-space: nowrap;
}

.experts-copy ul {
	margin: 0 0 clamp(30px, 2.5616cqw, 52px);
	padding-left: clamp(50px, 4.0887cqw, 83px);
	color: var(--navy);
	line-height: 1.2;
}

.experts-copy li::marker {
	color: var(--blue);
}

.experts-copy > .experts-motto {
	align-self: end;
	margin-bottom: 0;
	font-size: clamp(20px, 1.7734cqw, 36px);
	line-height: 1.2;
}

.experts-logo {
	align-self: end;
	width: clamp(120px, 10.197cqw, 207px);
	margin: 0;
}

.knowledge-section {
	width: min(66.5%, 1463px);
	min-height: clamp(150px, 8.7273vw, 192px);
	margin-right: 0;
	margin-left: max(15%, calc((100% - 2200px) / 2 + 330px));
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
	text-align: center;
}

.knowledge-section h2 {
	margin-bottom: clamp(14px, 0.9545vw, 21px);
	color: var(--gold);
	font-size: clamp(40px, 2.7273vw, 60px);
	font-weight: 700;
	line-height: 1;
}

.knowledge-section p {
	margin-bottom: 0;
	font-size: clamp(24px, 1.6364vw, 36px);
	font-weight: 400;
	line-height: 1.2;
}

.knowledge-section p > span,
.knowledge-section p > strong {
	display: block;
	white-space: nowrap;
}

.pillars-section {
	padding-top: clamp(75px, 4.6818vw, 103px);
	padding-bottom: 0;
}

.pillars-heading {
	display: grid;
	width: 100%;
	height: clamp(50px, 3vw, 66px);
	overflow: hidden;
	margin-bottom: clamp(45px, 2.7727vw, 61px);
}

.pillars-line,
.pillars-heading-content {
	grid-area: 1 / 1;
}

.pillars-line {
	align-self: start;
	width: 100%;
	height: max(2px, 0.0909vw);
	margin-top: clamp(37px, 2.2273vw, 49px);
	background: var(--gold);
}

.pillars-heading-content {
	display: flex;
	align-items: flex-start;
	margin-left: max(11.1364%, calc((100% - 2200px) / 2 + 245px));
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
}

.pillars-number,
.pillar-number {
	display: grid;
	place-items: center;
	color: var(--navy);
	font-weight: 700;
}

.pillars-number {
	flex: 0 0 clamp(58px, 3.3636vw, 74px);
	height: clamp(50px, 2.9091vw, 64px);
	background: linear-gradient(
		to right,
		transparent 0 30%,
		var(--white) 30% 88%,
		transparent 88% 100%
	);
	font-size: clamp(45.5px, 2.7273vw, 60px);
	line-height: 1;
}

.pillars-number-arc,
.pillars-number > span:last-child,
.pillar-number-arc,
.pillar-number > span:last-child {
	grid-area: 1 / 1;
}

.pillar-number-arc {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: clamp(4px, 0.2273vw, 5px) solid var(--gold);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	transform: rotate(-7deg);
}

.pillars-number-arc {
	width: 100%;
	height: 100%;
	background: url("assets/images/pillars-heading-arc.png") center / 100% 100% no-repeat;
}

.pillars-number > span:last-child {
	clip-path: inset(0 0 7px 0);
	transform: translate(
		clamp(7px, 0.5vw, 11px),
		clamp(7.5px, 0.4545vw, 10px)
	);
}

.pillars-heading-content > strong {
	margin-top: clamp(25px, 1.3636vw, 30px);
	margin-left: clamp(2px, 0.1364vw, 3px);
	padding: 0 clamp(4px, 0.3636vw, 8px) 0 clamp(8px, 0.5909vw, 13px);
	background: var(--white);
	font-size: clamp(24px, 1.6364vw, 36px);
	font-weight: 700;
	line-height: 1;
}

.pillars-content {
	display: grid;
	width: 100%;
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
}

.pillars-photo,
.pillars-list {
	grid-area: 1 / 1;
}

.pillars-photo {
	width: min(40.2273%, 885px);
	aspect-ratio: 885 / 740;
	overflow: hidden;
}

.pillars-photo img {
	width: 100%;
}

.pillars-list {
	display: grid;
	align-content: start;
	gap: clamp(44px, 2.7273vw, 60px);
	width: 100%;
	padding-top: clamp(32px, 1.8636vw, 41px);
}

.pillar {
	display: grid;
	grid-template-columns: clamp(62px, 3.6818vw, 81px) clamp(14px, 0.8636vw, 19px) 1fr;
	align-items: start;
	width: min(45.4091%, 999px);
	min-height: clamp(88px, 5.1364vw, 113px);
	margin-left: max(39.6364%, calc((100% - 2200px) / 2 + 872px));
	column-gap: clamp(10px, 0.6364vw, 14px);
}

.pillar:nth-child(2) {
	margin-left: max(44.0909%, calc((100% - 2200px) / 2 + 970px));
}

.pillar:nth-child(3) {
	grid-template-columns: clamp(62px, 3.6818vw, 81px) clamp(15px, 0.9091vw, 20px) 1fr;
	width: min(43.0909%, 948px);
	margin-left: max(48.5909%, calc((100% - 2200px) / 2 + 1069px));
}

.pillar-number {
	width: clamp(62px, 3.6818vw, 81px);
	height: clamp(64px, 3.8182vw, 84px);
	color: var(--gold);
	font-size: clamp(42px, 2.7273vw, 60px);
	line-height: 1;
	transform: translateY(clamp(2px, 0.0909vw, 2px));
}

.pillar:nth-child(2) .pillar-number {
	transform: translateY(clamp(3px, 0.1818vw, 4px));
}

.pillar-accent {
	width: 100%;
	height: 100%;
	min-height: clamp(88px, 5.1364vw, 113px);
	background: var(--gold);
}

.pillar:nth-child(2) .pillar-accent {
	transform: translateY(clamp(2px, 0.0909vw, 2px));
}

.pillar h3 {
	margin-bottom: clamp(4px, 0.2273vw, 5px);
	font-size: clamp(24px, 1.6364vw, 36px);
	font-weight: 400;
	line-height: 1;
}

.pillar h3 strong {
	color: var(--gold);
	font-weight: 700;
}

.pillar p {
	margin-bottom: 0;
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: clamp(19px, 1.3636vw, 30px);
	font-weight: 300;
	line-height: 1.2;
}

.pillar p > span {
	display: block;
	white-space: nowrap;
}

.about-section {
	display: grid;
	container-type: inline-size;
	width: min(100%, 2200px);
	aspect-ratio: 2200 / 760;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	background-color: var(--white);
	background-image: url("assets/images/process-lines.png");
	background-repeat: no-repeat;
	background-position: left 77.3182cqw top 24cqw;
	background-size: 41.9091cqw auto;
}

.about-copy,
.about-visual {
	grid-area: 1 / 1;
}

.about-copy {
	width: 46.8636cqw;
	margin-top: 1.8cqw;
	margin-left: 6.2273cqw;
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-synthesis: none;
	font-weight: 300;
}

.about-title-row {
	display: grid;
	grid-template-columns: 9.4091cqw 1fr;
	align-items: start;
	gap: 2.5cqw;
	margin-bottom: 2cqw;
}

.about-title-row img {
	width: 9.4091cqw;
}

.about-title-row h2 {
	margin: 0;
	margin-top: 0.7273cqw;
	padding: 0 0 0.4545cqw;
	border-bottom: 0.1364cqw solid var(--navy-soft);
	color: var(--navy-soft);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.1818cqw;
	font-weight: 700;
	line-height: 1;
}

.about-copy > p {
	margin: 0;
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-weight: 300;
}

.about-copy > p:first-of-type {
	width: 31.5455cqw;
	margin-left: 0.5cqw;
	font-size: 1.6364cqw;
	line-height: 1.2;
}

.about-label {
	margin-top: 3.0909cqw !important;
	margin-bottom: 0.2273cqw !important;
	margin-left: 0.6364cqw !important;
	font-size: 1.3636cqw !important;
	line-height: 1.2;
}

.about-copy ul {
	width: 40cqw;
	margin: 0 0 1.0455cqw 0.7273cqw;
	padding: 0;
	color: var(--gold);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.3636cqw;
	font-weight: 700;
	line-height: 1.2;
	list-style: none;
}

.about-copy li {
	display: grid;
	grid-template-columns: 1.2273cqw 1fr;
}

.about-copy li::before {
	content: "•";
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-weight: 300;
}

.about-copy > p:last-of-type {
	width: 38cqw;
	margin-left: 0.6364cqw;
	font-size: 1.6364cqw;
	line-height: 1.2;
}

.about-visual {
	display: grid;
	width: 100%;
	height: 100%;
}

.about-visual > img {
	grid-area: 1 / 1;
	width: 33.2727cqw;
	margin-top: 0.75cqw;
	margin-left: 59.3636cqw;
}

.about-statement {
	grid-area: 1 / 1;
	width: 37cqw;
	margin-top: 15.5cqw;
	margin-left: 57.1364cqw;
	font-synthesis: none;
}

.about-statement img {
	width: 3.7727cqw;
	margin-bottom: 0.4545cqw;
}

.about-statement p {
	margin: 0 0 1.2727cqw;
	color: var(--navy-soft);
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.1818cqw;
	font-weight: 300;
	line-height: 1;
}

.about-statement p strong {
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-weight: 700;
}

.about-statement > strong {
	display: block;
	color: var(--gold);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.6364cqw;
	font-weight: 700;
	line-height: 1;
}

.process-section {
	display: grid;
	container-type: inline-size;
	width: min(100%, 2200px);
	height: min(24.7273vw, 544px);
	min-height: 0;
	margin-inline: auto;
	padding: 0;
	overflow: visible;
	background: #f7f7f7;
}

.process-intro,
.process-steps,
.process-lines {
	grid-area: 1 / 1;
}

.process-intro {
	z-index: 2;
	display: grid;
	grid-template-columns: 11.8636cqw 59cqw;
	align-items: start;
	column-gap: 4.7273cqw;
	width: auto;
	margin: 1.9091cqw 0 0 4.0909cqw;
}

.process-intro h2 {
	margin: 0;
	color: var(--gold);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.7273cqw;
	font-weight: 700;
	line-height: 0.8;
}

.process-intro p {
	width: 59cqw;
	margin: 0;
	color: var(--navy-soft);
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.6364cqw;
	font-weight: 300;
	line-height: 1.3333;
}

.process-steps {
	z-index: 2;
	display: grid;
	grid-template-columns: 22.9091cqw 23cqw 23cqw 23.4545cqw;
	width: 92.3636cqw;
	height: 11.2273cqw;
	margin: 12.2273cqw 0 0 3.5cqw;
}

.process-arrows {
	z-index: 4;
	grid-area: 1 / 1;
	width: 4.6364cqw;
	max-width: none;
	margin: 0.1364cqw 0 0 5.3636cqw;
}

.process-step {
	grid-row: 1;
	display: grid;
	grid-template: 1fr / 1fr;
	align-self: start;
	width: 23.4545cqw;
	height: 11.2273cqw;
	min-width: 0;
	min-height: 0;
	background: none;
}

.process-step:nth-of-type(1) {
	grid-column: 1;
}

.process-step:nth-of-type(2) {
	grid-column: 2;
	width: 23.5455cqw;
}

.process-step:nth-of-type(3) {
	grid-column: 3;
	width: 23.5cqw;
}

.process-step:nth-of-type(4) {
	grid-column: 4;
}

.process-step::before,
.process-step > span,
.process-step > div {
	grid-area: 1 / 1;
}

.process-step::before {
	content: "";
	width: 22.4545cqw;
	height: 9.7727cqw;
	margin: 1.4545cqw 0 0 1.0909cqw;
	background: var(--white);
}

.process-step:nth-of-type(1)::before,
.process-step:nth-of-type(4)::before {
	width: 22.3636cqw;
}

.process-step > span {
	z-index: 2;
	display: grid;
	place-items: center;
	width: 4.8182cqw;
	height: 4.8182cqw;
	margin: 0;
	border-radius: 50%;
	background: #eac5a7;
	color: var(--white);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.7273cqw;
	font-weight: 700;
	line-height: 1;
}

.process-step:nth-of-type(1) > span,
.process-step:nth-of-type(4) > span {
	width: 4.7727cqw;
}

.process-step:nth-of-type(2) > span {
	width: 4.8636cqw;
}

.process-step > div {
	z-index: 2;
	display: grid;
	grid-template: 1fr / 1fr;
	padding: 0;
}

.process-step h3,
.process-step p {
	grid-area: 1 / 1;
}

.process-step h3 {
	width: max-content;
	margin: 3.0455cqw 0 0 5.2727cqw;
	color: var(--navy);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.3636cqw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.process-step p {
	width: 17.0455cqw;
	margin: 5.7727cqw 0 0 3.5909cqw;
	color: var(--navy);
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.0909cqw;
	font-weight: 300;
	line-height: 1.2;
	text-align: justify;
	text-align-last: left;
	hyphens: auto;
}

.process-lines {
	z-index: 1;
	display: block;
	width: 41.9091cqw;
	max-width: none;
	margin: -9.4091cqw 0 0 77.3182cqw;
	pointer-events: none;
}

.certificates-section {
	display: grid;
	container-type: inline-size;
	grid-template: 1fr / 1fr;
	width: min(100%, 2200px);
	aspect-ratio: 2200 / 856;
	min-height: 0;
	margin-inline: auto;
	padding: 0;
	gap: 0;
}

.certificate {
	grid-area: 1 / 1;
	display: grid;
	grid-template: 1fr / 1fr;
	font-synthesis: none;
}

.certificate > * {
	grid-area: 1 / 1;
	align-self: start;
	justify-self: start;
}

.certificate--wide h2 {
	width: 54.0909cqw;
	margin: 9.1818cqw 0 0 6.4545cqw;
	color: var(--navy);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.1818cqw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.msues-logo {
	width: 20.4545cqw;
	max-width: none;
	margin: 15.9545cqw 0 0 4.8636cqw;
}

.certificate-copy {
	width: 35.6818cqw;
	margin: 13.4091cqw 0 0 25.0455cqw;
}

.certificate-copy p {
	margin: 0 0 1.6364cqw;
	color: var(--navy);
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.3636cqw;
	font-weight: 300;
	line-height: 1.2;
}

.certificate-copy p:last-child {
	margin-bottom: 0;
}

.certificate-copy p span {
	display: block;
	white-space: nowrap;
}

.small-button {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	min-width: clamp(180px, 11.55vw, 254px);
	padding: clamp(10px, 0.7vw, 15px) clamp(16px, 1.2vw, 26px);
	background: var(--gold);
	color: var(--white);
	font-size: clamp(14px, 1.09vw, 24px);
	font-weight: 700;
}

.small-button span {
	font-size: 1.25em;
}

.certificates-section .small-button {
	display: grid;
	grid-template-columns: 1fr 1.7727cqw;
	align-items: center;
	width: 11.5455cqw;
	height: 2.3636cqw;
	min-width: 0;
	margin: 29.2727cqw 0 0 49.7273cqw;
	padding: 0 0.7273cqw 0 1.1818cqw;
	background: var(--gold);
	color: var(--white);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.0909cqw;
	font-weight: 700;
	line-height: 1;
}

.certificates-section .small-button span {
	font-size: 1em;
}

.certificates-section .small-button img {
	width: 1.7727cqw;
	max-width: none;
}

.kfs-logo {
	width: 24.8182cqw;
	max-width: none;
	margin: 7.1818cqw 0 0 64.9091cqw;
}

.kfs-title-row {
	display: grid;
	grid-template-columns: 15.5909cqw 4.9091cqw;
	column-gap: 0;
	width: 20.5cqw;
	margin: 17.6364cqw 0 0 66.7727cqw;
}

.kfs-title-row h2 {
	margin: 0.4545cqw 0 0;
	color: var(--navy);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.6364cqw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.kfs-hand {
	width: 4.9091cqw;
	max-width: none;
}

.kfs-copy {
	width: 23.5cqw;
	margin: 22.9091cqw 0 0 66.8636cqw;
	color: var(--navy);
	font-family: "Calibri PSD Light", "Calibri Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.3636cqw;
	font-weight: 300;
	line-height: 1.2;
}

.kfs-copy span {
	display: block;
	white-space: nowrap;
}

.certificate--kfs .small-button {
	margin-left: 80.6818cqw;
}

.closing-cta.wide-container {
	container-type: inline-size;
	display: grid;
	grid-template: 1fr / 1fr;
	width: min(100%, 2200px);
	aspect-ratio: 2200 / 406;
	min-height: 0;
	padding: 0;
}

.closing-cta p,
.closing-cta h2 {
	grid-area: 1 / 1;
}

.closing-cta p {
	width: 45.23cqw;
	margin: 0 0 0 13.41cqw;
	font-family: "Calibri PSD Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.182cqw;
	font-weight: 300;
	line-height: 1.04;
}

.closing-cta h2 {
	width: 50cqw;
	margin: 6.545cqw 0 0 41.636cqw;
	font-family: "Calibri PSD Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.727cqw;
	font-weight: 300;
	line-height: 0.96;
}

.closing-cta h2 strong {
	color: var(--gold);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-weight: 700;
}

.ai-section {
	container-type: inline-size;
	display: grid;
	width: min(100%, 2200px);
	aspect-ratio: 2200 / 527;
	min-height: 0;
	margin-inline: auto;
	overflow: hidden;
	background: linear-gradient(90deg, #202b49 0%, #0b111d 48%, #000000 100%);
	color: var(--white);
}

.ai-inner.wide-container {
	display: grid;
	grid-template: 1fr / 1fr;
	width: 100%;
	height: 100%;
	margin: 0;
}

.ai-graphic,
.ai-copy,
.ai-brand {
	grid-area: 1 / 1;
}

.ai-graphic {
	width: 41.773cqw;
	max-width: none;
	margin: 1.864cqw 0 0 -0.818cqw;
	mix-blend-mode: lighten;
}

.ai-copy {
	display: grid;
	grid-template: 1fr / 1fr;
	width: 100%;
	height: 100%;
}

.ai-copy > * {
	grid-area: 1 / 1;
}

.ai-copy h2 {
	width: max-content;
	margin: 2.227cqw 0 0 31.273cqw;
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.727cqw;
	font-weight: 700;
	line-height: 0.9;
}

.ai-kicker {
	width: max-content;
	margin: 5.273cqw 0 0 31.182cqw;
	color: var(--gold);
	font-family: "Calibri PSD Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.636cqw;
	font-weight: 300;
	line-height: 1;
}

.ai-copy > .ai-description {
	display: block;
	width: 40.455cqw;
	margin: 9.273cqw 0 0 31.318cqw;
	font-family: "Calibri PSD Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.364cqw;
	font-weight: 300;
	line-height: 1.08;
}

.ai-description span {
	display: block;
	white-space: nowrap;
}

.ai-brand {
	display: grid;
	grid-template: 1fr / 1fr;
	width: 100%;
	height: 100%;
}

.ai-brand > img {
	grid-area: 1 / 1;
	width: 12.909cqw;
	max-width: none;
	margin: 9.091cqw 0 0 80cqw;
	filter: none;
}

.ai-brand .small-button {
	grid-area: 1 / 1;
	display: grid;
	grid-template-columns: 1fr 1.773cqw;
	align-items: center;
	width: 11.5cqw;
	height: 2.364cqw;
	min-width: 0;
	margin: 18.591cqw 0 0 78.545cqw;
	padding: 0 0.682cqw 0 1.182cqw;
	background: var(--blue);
	font-size: 1.091cqw;
	font-weight: 700;
	line-height: 1;
}

.ai-brand .small-button span {
	font-size: inherit;
}

.ai-brand .small-button img {
	width: 1.773cqw;
}

.small-button--blue {
	background: var(--blue);
}

.articles-section {
	container-type: inline-size;
	display: grid;
	grid-template: 1fr / 1fr;
	width: min(100%, 1650px);
	aspect-ratio: 2200 / 787;
	margin-inline: auto;
	padding: 0;
}

.articles-heading {
	grid-area: 1 / 1;
	display: grid;
	grid-template-columns: 15.5cqw 67.318cqw 11.955cqw;
	align-items: center;
	column-gap: 0.818cqw;
	width: 96.727cqw;
	height: 2.318cqw;
	margin: 6.455cqw 0 0 1.636cqw;
}

.articles-heading h2 {
	margin: 0;
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 2.182cqw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.articles-heading-rule {
	height: 1px;
	background: var(--gold);
}

.articles-heading a {
	display: grid;
	grid-template-columns: 9.864cqw 1.773cqw;
	align-items: center;
	column-gap: 0.364cqw;
	width: 11.955cqw;
	margin-left: 0.227cqw;
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.636cqw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.articles-heading a img {
	width: 1.773cqw;
}

.articles-grid {
	grid-area: 1 / 1;
	display: grid;
	grid-template-columns: repeat(5, 17.727cqw);
	column-gap: 2.182cqw;
	width: 97.455cqw;
	height: 19.182cqw;
	margin: 9.727cqw 0 0 1.364cqw;
}

.article-card {
	display: grid;
	grid-template: 1fr / 1fr;
	width: 17.727cqw;
	height: 19.182cqw;
	min-width: 0;
	border: 0;
	background: #f5f5f5;
}

.article-card > * {
	grid-area: 1 / 1;
}

.article-card-image {
	width: 17.591cqw;
	height: 6.864cqw;
	overflow: hidden;
}

.article-card-image img {
	width: 17.364cqw;
	height: 9.773cqw;
	max-width: none;
	margin: -0.318cqw 0 0 0.227cqw;
	object-fit: cover;
}

.article-card h3 {
	width: 16.591cqw;
	min-height: 0;
	margin: 7.636cqw 0 0 0.364cqw;
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.091cqw;
	font-weight: 700;
	line-height: 1.04;
}

.article-card p {
	width: 15.818cqw;
	margin: 12.409cqw 0 0 0.364cqw;
	font-family: "Calibri PSD Light", Calibri, Carlito, Arial, sans-serif;
	font-size: 0.955cqw;
	font-weight: 300;
	line-height: 1.08;
}

.article-card > a {
	display: grid;
	grid-template-columns: 1fr 1.773cqw;
	align-items: center;
	width: 11.545cqw;
	height: 2.364cqw;
	margin: 16.682cqw 0 0 6.091cqw;
	padding: 0 0.682cqw 0 1.227cqw;
	background: var(--navy);
	color: var(--white);
	font-family: "Calibri PSD", Calibri, Carlito, Arial, sans-serif;
	font-size: 1.091cqw;
	font-weight: 700;
	line-height: 1;
}

.article-card > a img {
	width: 1.773cqw;
}

.site-footer {
	min-height: clamp(330px, 21vw, 462px);
	background: var(--navy);
	color: var(--white);
}

.footer-inner {
	padding-top: clamp(110px, 9.4vw, 207px);
}

.footer-inner strong {
	font-size: clamp(38px, 2.73vw, 60px);
}

.design-tail {
	height: clamp(290px, 42.68vw, 939px);
	background: var(--white);
}

.default-content {
	min-height: 60vh;
	padding-block: 100px;
}

@media (min-width: 1651px) {
	.articles-section {
		transform: translateX(-36px);
	}
}

@media (max-width: 1300px) {
	.header-inner {
		column-gap: 24px;
	}

	.header-contact {
		gap: 18px;
	}

	.primary-menu {
		gap: 15px;
	}

}

@media (max-width: 1050px) {
	body {
		font-size: 18px;
	}

	.header-inner {
		display: grid;
		grid-template-columns: auto 1fr auto;
		width: min(90%, var(--content-width));
		margin-inline: auto;
		padding: 8px 0;
	}

	.brand {
		flex: none;
		width: 72px;
		height: 72px;
		margin-bottom: 0;
	}

	.header-contact {
		flex: none;
		justify-self: center;
		margin-left: 0;
		transform: none;
	}

	.header-contact a {
		font-size: 14px;
	}

	.menu-toggle {
		display: block;
	}

	.primary-navigation {
		display: none;
		grid-column: 1 / -1;
		justify-self: stretch;
		margin-left: 0;
		padding-block: 15px;
		transform: none;
	}

	.primary-navigation.is-open {
		display: block;
	}

	.primary-menu {
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px 26px;
		font-size: 16px;
		white-space: normal;
	}

	.specialization-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.specialization-card {
		grid-column: auto;
		max-width: 650px;
		margin-inline: auto;
	}

	.specializations {
		width: min(85%, 650px);
		margin-inline: auto;
		padding-block: 60px 80px;
	}

	.section-eyebrow {
		margin-left: 0;
		margin-bottom: 36px;
		font-size: 24px;
	}

	.pillars-content,
	.about-section,
	.certificates-section {
		grid-template-columns: 1fr;
	}

	.experts-panel {
		display: block;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.experts-copy {
		width: 86%;
		margin: 55px auto 0;
		padding-top: 0;
	}

	.experts-copy h2,
	.experts-copy > p:not(.experts-motto),
	.experts-copy ul,
	.title-rule {
		width: 100%;
	}

	.experts-intro > span {
		white-space: normal;
	}

	.knowledge-section p > span,
	.knowledge-section p > strong {
		white-space: normal;
	}

	.experts-copy h2 {
		font-size: 38px;
	}

	.experts-copy > p,
	.experts-copy li {
		font-size: 21px;
	}

	.pillars-photo {
		width: 100%;
	}

	.pillars-content {
		display: block;
	}

	.pillars-list {
		width: 90%;
		margin: 55px auto 0;
		padding-top: 0;
	}

	.pillar p > span {
		white-space: normal;
	}

	.pillar,
	.pillar:nth-child(2),
	.pillar:nth-child(3) {
		width: 100%;
		margin-left: 0;
	}

	.about-section,
	.certificates-section {
		gap: 70px;
	}

	.about-section {
		display: grid;
		width: min(90%, var(--content-width));
		aspect-ratio: auto;
		margin-top: 0;
		padding-block: 70px;
		overflow: visible;
		background-image: none;
	}

	.about-copy,
	.about-visual {
		grid-area: auto;
		width: 100%;
		height: auto;
		margin: 0;
	}

	.about-visual {
		grid-row: 1;
		display: block;
	}

	.about-visual > img {
		width: 100%;
		margin: 0;
	}

	.about-statement {
		width: 100%;
		margin: 40px 0 0;
	}

	.about-statement img {
		width: 60px;
		margin-bottom: 16px;
	}

	.about-statement p {
		margin-bottom: 24px;
		font-size: 30px;
	}

	.about-statement > strong {
		font-size: 22px;
	}

	.about-title-row {
		grid-template-columns: clamp(105px, 20vw, 180px) 1fr;
		gap: 20px;
		margin-bottom: 35px;
	}

	.about-title-row img {
		width: 100%;
	}

	.about-title-row h2 {
		margin-top: 10px;
		padding: 0 0 8px 3px;
		border-bottom-width: 2px;
		font-size: 32px;
	}

	.about-copy > p:first-of-type,
	.about-copy > p:last-of-type {
		width: 100%;
		margin-left: 0;
		font-size: 20px;
		line-height: 1.3;
	}

	.about-label {
		margin-top: 40px !important;
		margin-bottom: 8px !important;
		margin-left: 0 !important;
		font-size: 18px !important;
	}

	.about-copy ul {
		width: 100%;
		margin: 0 0 30px;
		font-size: 17px;
		line-height: 1.3;
	}

	.about-copy li {
		grid-template-columns: 20px 1fr;
	}

	.process-section {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		padding: 64px 5% 72px;
		overflow: visible;
	}

	.process-lines,
	.process-arrows {
		display: none;
	}

	.process-intro {
		display: grid;
		grid-template-columns: 1fr;
		gap: 28px;
		width: 100%;
		margin: 0;
	}

	.process-intro h2 {
		font-size: 46px;
		line-height: 1;
	}

	.process-intro h2 br {
		display: none;
	}

	.process-intro p {
		width: 100%;
		font-size: 22px;
		line-height: 1.35;
	}

	.process-steps {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
		width: 100%;
		height: auto;
		margin: 54px 0 0;
	}

	.process-step,
	.process-step:nth-of-type(1),
	.process-step:nth-of-type(2),
	.process-step:nth-of-type(3),
	.process-step:nth-of-type(4) {
		grid-column: auto;
		grid-row: auto;
		display: grid;
		grid-template-columns: 72px 1fr;
		width: 100%;
		height: auto;
		min-height: 225px;
		padding: 28px 24px 28px 0;
		background: var(--white);
	}

	.process-step::before {
		display: none;
	}

	.process-step > span,
	.process-step:nth-of-type(1) > span,
	.process-step:nth-of-type(2) > span,
	.process-step:nth-of-type(4) > span {
		grid-area: auto;
		width: 72px;
		height: 72px;
		margin-left: -18px;
		font-size: 40px;
	}

	.process-step > div {
		grid-area: auto;
		display: block;
		padding-left: 10px;
	}

	.process-step h3,
	.process-step p {
		grid-area: auto;
		width: 100%;
		margin: 0;
		white-space: normal;
	}

	.process-step h3 {
		font-size: 25px;
		line-height: 1.1;
	}

	.process-step p {
		margin-top: 22px;
		font-size: 18px;
		line-height: 1.3;
		text-align: left;
	}

	.certificates-section {
		display: grid;
		grid-template: none;
		grid-template-columns: 1fr;
		width: min(90%, var(--content-width));
		aspect-ratio: auto;
		gap: 70px;
		padding-block: 70px;
	}

	.certificate {
		grid-area: auto;
		display: block;
		width: 100%;
		min-width: 0;
	}

	.certificate > * {
		grid-area: auto;
	}

	.certificate--wide h2 {
		width: 100%;
		margin: 0 0 45px;
		font-size: 36px;
		line-height: 1.1;
		white-space: normal;
	}

	.msues-logo {
		width: min(100%, 450px);
		margin: 0 auto 45px;
	}

	.certificate-copy {
		width: 100%;
		margin: 0;
	}

	.certificate-copy p,
	.kfs-copy {
		font-size: 20px;
		line-height: 1.3;
	}

	.certificate-copy p {
		margin-bottom: 24px;
	}

	.certificate-copy p span,
	.kfs-copy span {
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.certificates-section .small-button,
	.certificate--kfs .small-button {
		grid-template-columns: 1fr 34px;
		width: 230px;
		height: 50px;
		margin: 35px 0 0;
		padding: 0 14px 0 22px;
		font-size: 18px;
	}

	.certificates-section .small-button img {
		width: 34px;
	}

	.kfs-logo {
		width: min(100%, 546px);
		margin: 0 0 42px;
	}

	.kfs-title-row {
		grid-template-columns: 1fr 88px;
		column-gap: 20px;
		width: min(100%, 520px);
		margin: 0 0 34px;
	}

	.kfs-title-row h2 {
		margin-top: 8px;
		min-width: 0;
		font-size: 30px;
		white-space: normal;
	}

	.kfs-hand {
		width: 88px;
	}

	.kfs-copy {
		width: 100%;
		margin: 0;
	}

	.articles-section {
		display: block;
		width: 90%;
		aspect-ratio: auto;
		padding-block: 72px 90px;
	}

	.articles-heading {
		display: grid;
		grid-template-columns: auto 1fr auto;
		column-gap: 28px;
		width: 100%;
		height: auto;
		margin: 0 0 42px;
	}

	.articles-heading h2 {
		font-size: 38px;
	}

	.articles-heading a {
		grid-template-columns: 1fr 32px;
		column-gap: 8px;
		width: auto;
		margin-left: 0;
		font-size: 26px;
	}

	.articles-heading a img {
		width: 32px;
	}

	.articles-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
		width: 100%;
		height: auto;
		margin: 0;
	}

	.article-card {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		min-height: 500px;
	}

	.article-card-image {
		width: 100%;
		height: auto;
		aspect-ratio: 387 / 151;
		margin: 0;
		overflow: hidden;
	}

	.article-card-image img {
		width: 100%;
		height: 142.4%;
		margin: -4.6% 0 0;
		object-fit: cover;
	}

	.article-card h3 {
		width: auto;
		min-height: 3.2em;
		margin: 20px 18px 0;
		font-size: 24px;
		line-height: 1.08;
	}

	.article-card p {
		width: auto;
		margin: 28px 18px 26px;
		font-size: 20px;
		line-height: 1.18;
	}

	.article-card > a {
		display: grid;
		grid-template-columns: 1fr 34px;
		width: 230px;
		height: 50px;
		margin: auto 0 0 auto;
		padding: 0 14px 0 24px;
		font-size: 21px;
	}

	.article-card > a img {
		width: 34px;
	}
}

@media (max-width: 680px) {
	.wide-container {
		width: min(90%, var(--content-width));
	}

	.header-inner {
		grid-template-columns: auto 1fr auto;
	}

	.header-contact {
		display: none;
	}

	.hero {
		min-height: 660px;
		background-image:
			linear-gradient(90deg, rgba(18, 27, 53, 0.96), rgba(18, 27, 53, 0.58)),
			url("assets/images/hero.jpg");
		background-position: center;
		background-size: cover;
	}

	.hero-inner {
		grid-template-columns: 1fr;
	}

	.hero-copy {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-block: 95px 30px;
	}

	.hero h1 {
		font-size: 32px;
		line-height: 1.05;
	}

	.hero-kicker {
		margin-bottom: 24px;
		font-size: 24px;
		line-height: 1.15;
	}

	.hero-description {
		font-size: 17px;
		line-height: 1.25;
		text-align: left;
	}

	.hero-description--desktop {
		display: none;
	}

	.hero-description--mobile {
		display: block;
	}

	.hero-lines {
		width: 80%;
		margin-bottom: 35px;
	}

	.knowledge-section br,
	.closing-cta br {
		display: none;
	}

	.knowledge-section {
		width: 90%;
		margin-inline: auto;
		text-align: center;
	}

	.knowledge-section h2 {
		margin-bottom: 24px;
		color: var(--gold);
		font-size: 36px;
		line-height: 1.05;
	}

	.knowledge-section p {
		margin-bottom: 0;
		font-size: 20px;
		line-height: 1.25;
	}

	.pillars-heading {
		width: 100%;
		height: 65px;
		margin-bottom: 50px;
	}

	.pillars-heading-content {
		margin-left: 5%;
	}

	.pillars-heading-content > strong {
		font-size: 20px;
	}

	.pillars-photo img {
		height: auto;
	}

	.pillar {
		grid-template-columns: 45px 7px 1fr;
	}

	.pillar-number {
		width: 45px;
		height: 48px;
		font-size: 30px;
	}

	.about-title-row {
		grid-template-columns: 105px 1fr;
	}

	.about-statement {
		width: 100%;
	}

	.process-steps,
	.articles-grid {
		grid-template-columns: 1fr;
	}

	.process-step {
		min-height: 0;
	}

	.certificate-body {
		grid-template-columns: 1fr;
	}

	.certificate-body > img {
		max-width: 300px;
	}

	.closing-cta.wide-container {
		display: block;
		width: 90%;
		aspect-ratio: auto;
		padding-block: 64px 72px;
	}

	.closing-cta p {
		width: 100%;
		margin: 0;
		font-size: 28px;
		line-height: 1.15;
	}

	.closing-cta h2 {
		width: 100%;
		margin: 48px 0 0;
		font-size: 34px;
		line-height: 1.06;
	}

	.ai-section {
		display: block;
		width: 100%;
		aspect-ratio: auto;
	}

	.ai-inner.wide-container {
		display: flex;
		flex-direction: column;
		width: 90%;
		height: auto;
		margin-inline: auto;
		padding-block: 46px 54px;
	}

	.ai-graphic {
		order: 1;
		width: 112%;
		margin: 0 0 28px -10%;
	}

	.ai-copy {
		order: 2;
		display: block;
		width: 100%;
		height: auto;
	}

	.ai-copy h2,
	.ai-kicker,
	.ai-copy > .ai-description {
		width: 100%;
		margin: 0;
	}

	.ai-copy h2 {
		font-size: 40px;
		line-height: 1;
	}

	.ai-kicker {
		margin-top: 12px;
		font-size: 24px;
		line-height: 1.1;
	}

	.ai-copy > .ai-description {
		margin-top: 30px;
		font-size: 18px;
		line-height: 1.25;
	}

	.ai-description span {
		white-space: normal;
	}

	.ai-brand {
		order: 3;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: auto;
		margin-top: 36px;
	}

	.ai-brand > img {
		width: 180px;
		margin: 0;
	}

	.ai-brand .small-button {
		display: grid;
		grid-template-columns: 1fr 28px;
		width: 190px;
		height: 46px;
		margin: 26px 0 0;
		padding: 0 12px 0 18px;
		font-size: 17px;
	}

	.ai-brand .small-button img {
		width: 28px;
	}

	.articles-heading {
		grid-template-columns: 1fr auto;
	}

	.articles-heading-rule {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.article-card h3 {
		min-height: 0;
	}

	.design-tail {
		height: 300px;
	}
}

/* Final mobile layout: 320–680 px. */
@media (max-width: 680px) {
	html {
		scroll-padding-top: 78px;
	}

	body {
		min-width: 0;
		font-size: 17px;
		line-height: 1.3;
	}

	#main-content,
	section {
		width: 100%;
		max-width: 100vw;
	}

	.header-inner {
		grid-template-columns: 64px minmax(0, 1fr) 48px;
		width: 100%;
		min-height: 78px;
		padding: 7px 18px;
	}

	.brand {
		width: 64px;
		height: 64px;
	}

	.menu-toggle {
		justify-self: end;
		width: 48px;
		height: 48px;
		padding: 10px 8px;
	}

	.menu-toggle > span:not(.screen-reader-text) {
		height: 3px;
		margin-block: 5px;
	}

	.primary-navigation {
		grid-column: 1 / -1;
		width: 100%;
		padding: 8px 0 4px;
		border-top: 1px solid #e7e7e7;
	}

	.primary-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
		font-size: 17px;
		text-align: center;
	}

	.primary-menu li,
	.primary-menu a {
		display: block;
		width: 100%;
	}

	.primary-menu a {
		padding: 11px 6px;
	}

	.hero {
		min-height: 610px;
		background-position: 56% center;
	}

	.hero-inner.wide-container,
	.process-intro.wide-container,
	.process-steps.wide-container {
		width: 100%;
	}

	.hero-copy {
		width: calc(100% - 40px);
		margin-inline: auto;
		padding: 66px 0 50px;
	}

	.hero h1 {
		margin: 0 0 20px;
		font-size: clamp(30px, 8.7vw, 36px);
		line-height: 1.06;
	}

	.hero-kicker {
		margin: 0 0 28px;
		font-size: clamp(21px, 6.15vw, 25px);
		line-height: 1.14;
	}

	.hero-description {
		font-size: clamp(16px, 4.35vw, 18px);
		line-height: 1.36;
	}

	.specializations {
		width: 85%;
		margin-inline: auto;
		padding: 54px 0 64px;
	}

	.section-eyebrow {
		margin: 0 0 30px;
		font-size: 22px;
	}

	.specialization-grid {
		gap: 18px;
	}

	.specialization-card {
		width: 100%;
		max-width: none;
	}

	.specialization-text {
		margin-top: 15px;
	}

	.specialization-text strong {
		font-size: clamp(20px, 6.4cqw, 25px);
	}

	.specialization-text small {
		margin-top: 10px;
		font-size: clamp(13px, 4.15cqw, 16px);
		line-height: 1.18;
	}

	.specialization-text small > span {
		white-space: normal;
	}

	.experts-section {
		padding-bottom: 60px;
	}

	.experts-panel {
		width: 100%;
	}

	.experts-visual {
		width: 100%;
		aspect-ratio: 1.28;
		background-position: left top;
		background-size: auto 100%;
	}

	.experts-copy {
		display: block;
		width: calc(100% - 40px);
		margin: 42px auto 0;
	}

	.experts-copy h2,
	.experts-copy > p:not(.experts-motto),
	.experts-copy ul,
	.title-rule {
		width: 100%;
	}

	.experts-copy h2 {
		font-size: clamp(30px, 8.2vw, 35px);
		line-height: 1.08;
	}

	.title-rule {
		height: 2px;
		margin: 10px 0 24px;
	}

	.experts-copy > p,
	.experts-copy li {
		font-size: 18px;
	}

	.experts-copy > p:not(.experts-motto) {
		margin-bottom: 24px;
		line-height: 1.35;
	}

	.experts-copy ul {
		margin: 0 0 30px;
		padding-left: 27px;
		line-height: 1.35;
	}

	.experts-copy > .experts-motto {
		font-size: 22px;
		line-height: 1.25;
	}

	.experts-logo {
		width: 142px;
		margin: 30px 0 0 auto;
	}

	.knowledge-section {
		width: calc(100% - 40px);
		min-height: 0;
		margin-inline: auto;
		padding: 48px 0 26px;
	}

	.knowledge-section h2 {
		margin-bottom: 22px;
		font-size: clamp(31px, 8.5vw, 36px);
		line-height: 1.08;
	}

	.knowledge-section p {
		font-size: 19px;
		line-height: 1.32;
	}

	.pillars-section {
		padding: 50px 0 66px;
	}

	.pillars-heading {
		height: 68px;
		margin-bottom: 30px;
	}

	.pillars-line {
		margin-top: 40px;
	}

	.pillars-heading-content {
		margin-left: 16px;
	}

	.pillars-number {
		flex-basis: 56px;
		height: 58px;
		font-size: 43px;
	}

	.pillars-heading-content > strong {
		margin-top: 28px;
		margin-left: 0;
		padding-inline: 5px;
		font-size: clamp(15px, 4.35vw, 18px);
		line-height: 1.05;
		white-space: nowrap;
	}

	.pillars-photo {
		width: 100%;
		aspect-ratio: 885 / 514;
		overflow: hidden;
	}

	.pillars-photo img {
		width: 100%;
		height: auto;
	}

	.pillars-list {
		gap: 34px;
		width: calc(100% - 40px);
		margin: 38px auto 0;
	}

	.pillar,
	.pillar:nth-child(2),
	.pillar:nth-child(3) {
		grid-template-columns: 50px 7px minmax(0, 1fr);
		column-gap: 10px;
		width: 100%;
		min-height: 0;
		margin-left: 0;
	}

	.pillar-number {
		width: 50px;
		height: 53px;
		font-size: 34px;
	}

	.pillar-accent {
		min-height: 100%;
	}

	.pillar h3 {
		margin-bottom: 9px;
		font-size: clamp(21px, 5.65vw, 24px);
		line-height: 1.08;
	}

	.pillar p {
		font-size: 17px;
		line-height: 1.3;
	}

	.about-section {
		width: calc(100% - 40px);
		gap: 46px;
		padding: 58px 0 64px;
	}

	.about-copy {
		order: 1;
	}

	.about-visual {
		order: 2;
		grid-row: auto;
	}

	.about-title-row {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 16px;
		margin-bottom: 30px;
	}

	.about-title-row h2 {
		margin-top: 7px;
		padding-bottom: 7px;
		border-bottom-width: 1px;
		font-size: 30px;
	}

	.about-copy > p:first-of-type,
	.about-copy > p:last-of-type {
		font-size: 18px;
		line-height: 1.35;
	}

	.about-label {
		margin-top: 32px !important;
		font-size: 17px !important;
	}

	.about-copy ul {
		margin-bottom: 27px;
		font-size: 16.5px;
		line-height: 1.32;
	}

	.about-copy li {
		grid-template-columns: 18px minmax(0, 1fr);
	}

	.about-visual > img {
		width: 100%;
	}

	.about-statement {
		margin-top: 34px;
	}

	.about-statement img {
		width: 54px;
		margin-bottom: 14px;
	}

	.about-statement p {
		margin-bottom: 20px;
		font-size: 27px;
		line-height: 1.08;
	}

	.about-statement > strong {
		font-size: 20px;
		line-height: 1.15;
	}

	.process-section {
		padding: 56px 20px 64px;
	}

	.process-intro {
		gap: 22px;
	}

	.process-intro h2 {
		font-size: 38px;
	}

	.process-intro p {
		font-size: 19px;
		line-height: 1.35;
	}

	.process-steps {
		gap: 18px;
		margin-top: 40px;
	}

	.process-step,
	.process-step:nth-of-type(1),
	.process-step:nth-of-type(2),
	.process-step:nth-of-type(3),
	.process-step:nth-of-type(4) {
		grid-template-columns: 64px minmax(0, 1fr);
		min-height: 0;
		padding: 22px 18px 22px 0;
	}

	.process-step > span,
	.process-step:nth-of-type(1) > span,
	.process-step:nth-of-type(2) > span,
	.process-step:nth-of-type(4) > span {
		width: 64px;
		height: 64px;
		margin-left: -10px;
		font-size: 35px;
	}

	.process-step > div {
		padding-left: 7px;
	}

	.process-step h3 {
		font-size: 22px;
		line-height: 1.12;
	}

	.process-step p {
		margin-top: 14px;
		font-size: 17px;
		line-height: 1.32;
	}

	.certificates-section {
		width: calc(100% - 40px);
		gap: 68px;
		padding: 58px 0 66px;
	}

	.certificate--wide h2 {
		margin-bottom: 34px;
		font-size: clamp(27px, 7.7vw, 32px);
		line-height: 1.1;
	}

	.msues-logo {
		width: min(75%, 270px);
		margin: 0 auto 34px;
	}

	.certificate-copy p,
	.kfs-copy {
		font-size: 18px;
		line-height: 1.34;
	}

	.certificate-copy p {
		margin-bottom: 22px;
	}

	.certificates-section .small-button,
	.certificate--kfs .small-button {
		grid-template-columns: 1fr 30px;
		width: 200px;
		height: 46px;
		margin: 30px auto 0;
		padding: 0 12px 0 19px;
		font-size: 17px;
	}

	.certificates-section .small-button img {
		width: 30px;
	}

	.kfs-logo {
		width: min(84%, 300px);
		margin: 0 auto 34px;
	}

	.kfs-title-row {
		grid-template-columns: minmax(0, 1fr) 64px;
		column-gap: 12px;
		width: 100%;
		margin-bottom: 28px;
	}

	.kfs-title-row h2 {
		margin-top: 5px;
		font-size: 25px;
		line-height: 1.05;
	}

	.kfs-hand {
		width: 64px;
	}

	.closing-cta.wide-container {
		width: calc(100% - 40px);
		padding: 58px 0 64px;
	}

	.closing-cta p {
		font-size: 24px;
		line-height: 1.22;
	}

	.closing-cta h2 {
		margin-top: 38px;
		font-size: 30px;
		line-height: 1.08;
	}

	.ai-inner.wide-container {
		width: calc(100% - 40px);
		padding: 48px 0 56px;
	}

	.ai-graphic {
		width: 116%;
		margin: 0 0 30px -8%;
	}

	.ai-copy h2 {
		font-size: 35px;
	}

	.ai-kicker {
		margin-top: 11px;
		font-size: 22px;
		line-height: 1.14;
	}

	.ai-copy > .ai-description {
		margin-top: 27px;
		font-size: 17px;
		line-height: 1.32;
	}

	.ai-brand {
		margin-top: 32px;
	}

	.ai-brand > img {
		width: 152px;
	}

	.ai-brand .small-button {
		grid-template-columns: 1fr 27px;
		width: 182px;
		height: 44px;
		margin-top: 22px;
		font-size: 16px;
	}

	.ai-brand .small-button img {
		width: 27px;
	}

	.articles-section {
		width: calc(100% - 32px);
		padding: 56px 0 68px;
		transform: none;
	}

	.articles-heading {
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 12px;
		row-gap: 14px;
		margin-bottom: 30px;
	}

	.articles-heading h2 {
		font-size: clamp(28px, 8vw, 32px);
	}

	.articles-heading a {
		grid-template-columns: 1fr 25px;
		column-gap: 6px;
		font-size: 18px;
	}

	.articles-heading a img {
		width: 25px;
	}

	.articles-grid {
		gap: 22px;
	}

	.article-card {
		min-height: 430px;
	}

	.article-card h3 {
		margin: 17px 16px 0;
		font-size: 22px;
		line-height: 1.12;
	}

	.article-card p {
		margin: 20px 16px 24px;
		font-size: 17px;
		line-height: 1.28;
	}

	.article-card > a {
		grid-template-columns: 1fr 30px;
		width: 200px;
		height: 46px;
		padding: 0 12px 0 20px;
		font-size: 18px;
	}

	.article-card > a img {
		width: 30px;
	}

	.site-footer {
		min-height: 240px;
	}

	.footer-inner {
		padding-top: 84px;
	}

	.footer-inner strong {
		font-size: 40px;
	}

	.design-tail {
		height: 0;
	}
}

@media (max-width: 420px) {
	.header-inner {
		grid-template-columns: 58px minmax(0, 1fr) 44px;
		padding-inline: 14px;
	}

	.brand {
		width: 58px;
		height: 58px;
	}

	.hero-copy,
	.experts-copy,
	.knowledge-section,
	.pillars-list,
	.about-section,
	.certificates-section,
	.closing-cta.wide-container,
	.ai-inner.wide-container {
		width: calc(100% - 30px);
	}

	.specializations {
		width: 84%;
	}

	.pillars-heading-content {
		margin-left: 10px;
	}

	.pillars-heading-content > strong {
		font-size: 15px;
	}

	.process-section {
		padding-inline: 15px;
	}

	.articles-section {
		width: calc(100% - 24px);
	}

	.articles-heading {
		grid-template-columns: 1fr;
	}

	.articles-heading-rule {
		grid-column: 1;
		grid-row: 2;
	}

	.articles-heading a {
		grid-column: 1;
		grid-row: 3;
		justify-self: end;
	}
}