.elementor-71 .elementor-element.elementor-element-eaa3f9c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-71 .elementor-element.elementor-element-19cabef > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-71 .elementor-element.elementor-element-849c817 > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-71 .elementor-element.elementor-element-90782f8 > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-71 .elementor-element.elementor-element-a7c210d > .elementor-widget-container{margin:0100px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-19cabef *//* ==========================================================
   STORILINE — ABOUT HERO
========================================================== */

.storiline-about-hero {
	--purple: #704c6d;
	--grey: #4d4d4d;
	--green: #5b8482;
	--black: #252223;
	--white: #ffffff;
	--soft: #e2dfde;

	position: relative;

	width: 100%;

	padding: 85px 0 90px;

	background: var(--white);
	color: var(--grey);

	overflow: hidden;
}


/* ==========================================================
   INNER
========================================================== */

.storiline-about-hero__inner {
	display: grid;

	grid-template-columns:
		minmax(0, 1.08fr)
		minmax(300px, 0.72fr);

	gap: clamp(80px, 10vw, 155px);

	align-items: center;

	width: min(92%, 1400px);

	margin: 0 auto;
}


/* ==========================================================
   CONTENT
========================================================== */

.storiline-about-hero__content {
	max-width: 760px;
}


/* ==========================================================
   EYEBROW
========================================================== */

.storiline-about-hero__eyebrow {
	margin: 0 0 30px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 20px;
	font-weight: 600;

	line-height: 1.2;

	color: var(--purple);
}


/* ==========================================================
   TITLE
========================================================== */

.storiline-about-hero__title {
	max-width: 760px;

	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: clamp(50px, 5vw, 72px);
	font-weight: 600;

	line-height: 1.02;

	letter-spacing: -0.05em;

	color: var(--black);
}


/* PURPLE SECOND PHRASE */

.storiline-about-hero__title span {
	display: block;

	color: var(--purple);
}


/* ==========================================================
   INTRO
========================================================== */

.storiline-about-hero__intro {
	max-width: 700px;

	margin: 30px 0 0;

	font-family:
		"Source Serif Pro",
		"Source Serif 4",
		Georgia,
		serif;

	font-size: 21px;
	font-weight: 400;

	line-height: 1.5;

	color: var(--grey);
}


/* ==========================================================
   VISUAL
========================================================== */

.storiline-about-hero__visual {
	position: relative;

	width: 100%;

	max-width: 470px;

	justify-self: end;
}


/* ==========================================================
   IMAGE
========================================================== */

.storiline-about-hero__image {
	position: relative;

	width: 100%;

	aspect-ratio: 4 / 5;

	overflow: hidden;

	background: var(--soft);
}


.storiline-about-hero__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	object-position: center;
}


/* ==========================================================
   PLACEHOLDER
========================================================== */

.storiline-about-hero__placeholder {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background: var(--soft);
}


.storiline-about-hero__placeholder span {
	font-family:
		"Poppins",
		sans-serif;

	font-size: 11px;
	font-weight: 500;

	line-height: 1.2;

	letter-spacing: 0.06em;

	text-transform: uppercase;

	color: rgba(77, 77, 77, 0.42);
}


/* ==========================================================
   WAYPOINT
========================================================== */

.storiline-about-hero__waypoint {
	position: absolute;

	right: -12px;
	bottom: 14px;

	width: 28px;
	height: 28px;

	border-radius: 50%;

	background: var(--purple);

	z-index: 2;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

	.storiline-about-hero {
		padding: 45px 0 75px;
	}


	.storiline-about-hero__inner {
		grid-template-columns:
			minmax(0, 1.05fr)
			minmax(260px, 0.75fr);

		gap: 60px;

		width: 92%;
	}


	.storiline-about-hero__eyebrow {
		margin-bottom: 24px;

		font-size: 18px;
	}


	.storiline-about-hero__title {
		font-size: clamp(45px, 6vw, 60px);
	}


	.storiline-about-hero__intro {
		margin-top: 26px;

		font-size: 20px;
	}


	.storiline-about-hero__visual {
		max-width: 380px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.storiline-about-hero {
		padding: 30px 0 60px;
	}


	.storiline-about-hero__inner {
		display: flex;

		flex-direction: column;

		gap: 42px;

		width: 90%;
	}


	/* ======================================================
	   CONTENT
	====================================================== */

	.storiline-about-hero__content {
		max-width: none;

		width: 100%;
	}


	.storiline-about-hero__eyebrow {
		margin-bottom: 20px;

		font-size: 17px;
	}


	.storiline-about-hero__title {
		max-width: none;

		font-size: 44px;

		line-height: 1.04;
	}


	.storiline-about-hero__intro {
		max-width: none;

		margin-top: 24px;

		font-size: 19px;

		line-height: 1.5;
	}


	/* ======================================================
	   VISUAL
	====================================================== */

	.storiline-about-hero__visual {
		width: min(86%, 420px);

		max-width: none;

		margin-left: auto;

		justify-self: auto;
	}


	.storiline-about-hero__waypoint {
		right: -10px;

		width: 24px;
		height: 24px;
	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

	.storiline-about-hero__title {
		font-size: 40px;
	}


	.storiline-about-hero__intro {
		font-size: 18px;
	}


	.storiline-about-hero__visual {
		width: 88%;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-849c817 *//* ==========================================================
   STORILINE — ABOUT / HOW WE GOT HERE
========================================================== */

.storiline-about-origin {
	--purple: #704c6d;
	--grey: #4d4d4d;
	--green: #5b8482;
	--black: #252223;
	--white: #ffffff;
	--soft: #f5f4f3;
	--line: #d7d4d3;

	position: relative;

	width: 100%;

	padding: 70px 0 75px;

	background: var(--soft);
	color: var(--grey);
}


/* ==========================================================
   INNER
========================================================== */

.storiline-about-origin__inner {
	width: min(92%, 1400px);

	margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.storiline-about-origin__header {
	max-width: 1180px;
}


/* ==========================================================
   EYEBROW
========================================================== */

.storiline-about-origin__eyebrow {
	margin: 0 0 24px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 18px;
	font-weight: 600;

	line-height: 1.2;

	color: var(--purple);
}


/* ==========================================================
   LARGE STATEMENT
========================================================== */

.storiline-about-origin__statement {
	max-width: 1120px;

	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: clamp(42px, 4.1vw, 62px);
	font-weight: 400;

	line-height: 1.1;

	letter-spacing: -0.045em;

	color: var(--black);
}


/* ==========================================================
   ALL STATEMENT SPANS
========================================================== */

.storiline-about-origin__statement span {
	display: inline;
}


/* ==========================================================
   OPENING PHRASE
========================================================== */

.storiline-about-origin__statement-serif {
	font-family: inherit;

	font-size: inherit;
	font-weight: 400;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;
}


/* ==========================================================
   FIRST EMPHASIS
========================================================== */

.storiline-about-origin__statement-bold {
	font-family: inherit;

	font-size: inherit;
	font-weight: 600;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;
}


/* ==========================================================
   SECOND EMPHASIS
========================================================== */

.storiline-about-origin__statement-accent {
	font-family: inherit;

	font-size: inherit;
	font-weight: 600;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;
}


/* Put the final sentence on its own line */

.storiline-about-origin__statement-accent::before {
	content: "";

	display: block;

	height: 0;
}


/* ==========================================================
   STORY
========================================================== */

.storiline-about-origin__story {
	display: grid;

	grid-template-columns:
		minmax(220px, 0.55fr)
		minmax(0, 1.45fr);

	gap: clamp(70px, 9vw, 145px);

	align-items: start;

	margin-top: 48px;

	padding-top: 34px;

	border-top: 1px solid var(--line);
}


/* ==========================================================
   ASIDE
========================================================== */

.storiline-about-origin__aside {
	max-width: 330px;
}


.storiline-about-origin__aside h3 {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 20px;
	font-weight: 600;

	line-height: 1.28;

	letter-spacing: -0.025em;

	color: var(--black);
}


/* ==========================================================
   COPY
========================================================== */

.storiline-about-origin__copy {
	max-width: 790px;
}


.storiline-about-origin__copy p {
	margin: 0;

	font-family:
		"Source Serif Pro",
		"Source Serif 4",
		Georgia,
		serif;

	font-size: 19px;
	font-weight: 400;

	line-height: 1.52;

	color: var(--grey);
}


.storiline-about-origin__copy p + p {
	margin-top: 17px;
}


/* ==========================================================
   CLOSING
========================================================== */

.storiline-about-origin__copy
.storiline-about-origin__closing {
	margin-top: 32px;

	padding-top: 25px;

	border-top: 1px solid var(--line);

	font-size: 21px;

	line-height: 1.45;
}


.storiline-about-origin__closing strong {
	font-weight: 600;

	color: var(--purple);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

	.storiline-about-origin {
		padding: 55px 0 60px;
	}


	.storiline-about-origin__inner {
		width: 92%;
	}


	/* Eyebrow */

	.storiline-about-origin__eyebrow {
		margin-bottom: 20px;

		font-size: 17px;
	}


	/* Statement */

	.storiline-about-origin__statement {
		max-width: 900px;

		font-size: clamp(38px, 5vw, 50px);
	}


	/* Story */

	.storiline-about-origin__story {
		grid-template-columns:
			minmax(180px, 0.55fr)
			minmax(0, 1.45fr);

		gap: 55px;

		margin-top: 40px;

		padding-top: 28px;
	}


	.storiline-about-origin__aside h3 {
		font-size: 18px;
	}


	.storiline-about-origin__copy p {
		font-size: 18px;
	}


	.storiline-about-origin__copy
	.storiline-about-origin__closing {
		margin-top: 27px;

		padding-top: 21px;

		font-size: 19px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.storiline-about-origin {
		padding: 45px 0 50px;
	}


	.storiline-about-origin__inner {
		width: 90%;
	}


	/* ======================================================
	   EYEBROW
	====================================================== */

	.storiline-about-origin__eyebrow {
		margin-bottom: 18px;

		font-size: 16px;
	}


	/* ======================================================
	   STATEMENT
	====================================================== */

	.storiline-about-origin__statement {
		max-width: none;

		font-size: 34px;

		line-height: 1.1;

		letter-spacing: -0.04em;
	}


	/* ======================================================
	   STORY
	====================================================== */

	.storiline-about-origin__story {
		display: block;

		margin-top: 34px;

		padding-top: 24px;
	}


	.storiline-about-origin__aside {
		max-width: 320px;

		margin-bottom: 23px;
	}


	.storiline-about-origin__aside h3 {
		font-size: 19px;
	}


	.storiline-about-origin__copy {
		max-width: none;
	}


	.storiline-about-origin__copy p {
		font-size: 17px;

		line-height: 1.5;
	}


	.storiline-about-origin__copy p + p {
		margin-top: 15px;
	}


	/* ======================================================
	   CLOSING
	====================================================== */

	.storiline-about-origin__copy
	.storiline-about-origin__closing {
		margin-top: 24px;

		padding-top: 20px;

		font-size: 18px;
	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

	.storiline-about-origin__statement {
		font-size: 31px;
	}


	.storiline-about-origin__copy p {
		font-size: 16px;
	}


	.storiline-about-origin__copy
	.storiline-about-origin__closing {
		font-size: 17px;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90782f8 *//* ==========================================================
   STORILINE — ABOUT / PERSON BEHIND THE WORK
========================================================== */

.storiline-about-person {
	--purple: #704c6d;
	--grey: #4d4d4d;
	--green: #5b8482;
	--black: #252223;
	--white: #ffffff;
	--soft: #f5f4f3;
	--line: #d7d4d3;

	position: relative;

	width: 100%;

	padding: 75px 0 80px;

	background: var(--white);
	color: var(--grey);
}


/* ==========================================================
   INNER
========================================================== */

.storiline-about-person__inner {
	display: grid;

	grid-template-columns:
		minmax(280px, 0.68fr)
		minmax(0, 1.32fr);

	gap: clamp(70px, 9vw, 135px);

	align-items: start;

	width: min(92%, 1400px);

	margin: 0 auto;
}


/* ==========================================================
   LEFT / VISUAL
========================================================== */

.storiline-about-person__visual {
	width: 100%;

	max-width: 390px;

	padding-top: 56px;
}


.storiline-about-person__image {
	width: 100%;

	aspect-ratio: 4 / 5;

	overflow: hidden;

	background: var(--soft);
}


.storiline-about-person__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	object-position: center;
}


/* ==========================================================
   PLACEHOLDER
========================================================== */

.storiline-about-person__placeholder {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
}


.storiline-about-person__placeholder span {
	font-family:
		"Poppins",
		sans-serif;

	font-size: 11px;
	font-weight: 500;

	line-height: 1.2;

	letter-spacing: 0.07em;

	text-transform: uppercase;

	color: rgba(77, 77, 77, 0.45);
}


/* ==========================================================
   RIGHT / CONTENT
========================================================== */

.storiline-about-person__content {
	min-width: 0;

	max-width: 860px;
}


/* ==========================================================
   EYEBROW
========================================================== */

.storiline-about-person__eyebrow {
	margin: 0 0 22px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 18px;
	font-weight: 600;

	line-height: 1.25;

	color: var(--purple);
}


/* ==========================================================
   HEADLINE
========================================================== */

.storiline-about-person__statement {
	max-width: 850px;

	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: clamp(43px, 4.2vw, 62px);
	font-weight: 600;

	line-height: 1.04;

	letter-spacing: -0.05em;
}


.storiline-about-person__statement span {
	display: block;
}


.storiline-about-person__statement-dark {
	color: var(--black);
}


.storiline-about-person__statement-purple {
	margin-top: 5px;

	color: var(--purple);
}


/* ==========================================================
   IDENTITY
========================================================== */

.storiline-about-person__identity {
	display: flex;

	align-items: baseline;

	flex-wrap: wrap;

	gap: 10px 22px;

	margin-top: 48px;

	padding-bottom: 18px;

	border-bottom: 1px solid var(--line);
}


.storiline-about-person__name {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 32px;
	font-weight: 600;

	line-height: 1.1;

	letter-spacing: -0.035em;

	color: var(--black);
}


.storiline-about-person__role {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 13px;
	font-weight: 500;

	line-height: 1.2;

	letter-spacing: 0.07em;

	text-transform: uppercase;

	color: var(--purple);
}


/* ==========================================================
   LEAD
========================================================== */

.storiline-about-person__lead {
	max-width: 760px;

	margin: 30px 0 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: clamp(25px, 2.25vw, 32px);
	font-weight: 600;

	line-height: 1.18;

	letter-spacing: -0.035em;

	color: var(--black);
}


/* ==========================================================
   COPY
========================================================== */

.storiline-about-person__copy {
	max-width: 760px;

	margin-top: 25px;
}


.storiline-about-person__copy p {
	margin: 0;

	font-family:
		"Source Serif Pro",
		"Source Serif 4",
		Georgia,
		serif;

	font-size: 18px;
	font-weight: 400;

	line-height: 1.5;

	color: var(--grey);
}


.storiline-about-person__copy p + p {
	margin-top: 15px;
}


/* ==========================================================
   EXPERIENCE
========================================================== */

.storiline-about-person__experience {
	display: flex;

	flex-wrap: wrap;

	gap: 11px 28px;

	margin-top: 30px;

	padding-top: 19px;

	border-top: 1px solid var(--line);
}


.storiline-about-person__experience span {
	display: inline-flex;

	align-items: baseline;

	gap: 7px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 11px;
	font-weight: 400;

	line-height: 1.4;

	color: var(--grey);
}


.storiline-about-person__experience strong {
	font-size: 15px;
	font-weight: 600;

	color: var(--purple);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

	.storiline-about-person {
		padding: 55px 0 65px;
	}


	.storiline-about-person__inner {
		grid-template-columns:
			minmax(230px, 0.62fr)
			minmax(0, 1.38fr);

		gap: 55px;

		width: 92%;
	}


	/* Visual */

	.storiline-about-person__visual {
		max-width: 320px;

		padding-top: 46px;
	}


	/* Eyebrow */

	.storiline-about-person__eyebrow {
		margin-bottom: 18px;

		font-size: 16px;
	}


	/* Statement */

	.storiline-about-person__statement {
		font-size: clamp(38px, 5vw, 52px);
	}


	/* Identity */

	.storiline-about-person__identity {
		margin-top: 38px;

		padding-bottom: 15px;
	}


	.storiline-about-person__name {
		font-size: 28px;
	}


	.storiline-about-person__role {
		font-size: 11px;
	}


	/* Lead */

	.storiline-about-person__lead {
		margin-top: 25px;

		font-size: clamp(23px, 2.8vw, 29px);
	}


	/* Copy */

	.storiline-about-person__copy {
		margin-top: 21px;
	}


	.storiline-about-person__copy p {
		font-size: 17px;
	}


	/* Experience */

	.storiline-about-person__experience {
		gap: 9px 20px;

		margin-top: 25px;

		padding-top: 16px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.storiline-about-person {
		padding: 45px 0 55px;
	}


	.storiline-about-person__inner {
		display: flex;

		flex-direction: column;

		gap: 34px;

		width: 90%;
	}


	/* ======================================================
	   CONTENT FIRST
	====================================================== */

	.storiline-about-person__content {
		order: 1;

		max-width: none;
	}


	/* ======================================================
	   IMAGE SECOND
	====================================================== */

	.storiline-about-person__visual {
		order: 2;

		width: min(72%, 340px);

		max-width: none;

		padding-top: 0;
	}


	/* ======================================================
	   EYEBROW
	====================================================== */

	.storiline-about-person__eyebrow {
		margin-bottom: 16px;

		font-size: 16px;
	}


	/* ======================================================
	   HEADLINE
	====================================================== */

	.storiline-about-person__statement {
		max-width: none;

		font-size: 38px;

		line-height: 1.05;
	}


	.storiline-about-person__statement-purple {
		margin-top: 4px;
	}


	/* ======================================================
	   IDENTITY
	====================================================== */

	.storiline-about-person__identity {
		gap: 8px 15px;

		margin-top: 32px;

		padding-bottom: 14px;
	}


	.storiline-about-person__name {
		font-size: 27px;
	}


	.storiline-about-person__role {
		font-size: 10px;
	}


	/* ======================================================
	   LEAD
	====================================================== */

	.storiline-about-person__lead {
		max-width: none;

		margin-top: 23px;

		font-size: 25px;
	}


	/* ======================================================
	   COPY
	====================================================== */

	.storiline-about-person__copy {
		max-width: none;

		margin-top: 20px;
	}


	.storiline-about-person__copy p {
		font-size: 17px;
	}


	/* ======================================================
	   EXPERIENCE
	====================================================== */

	.storiline-about-person__experience {
		display: block;

		margin-top: 24px;

		padding-top: 16px;
	}


	.storiline-about-person__experience span {
		display: flex;

		margin-bottom: 8px;
	}


	.storiline-about-person__experience span:last-child {
		margin-bottom: 0;
	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

	.storiline-about-person__statement {
		font-size: 34px;
	}


	.storiline-about-person__lead {
		font-size: 23px;
	}


	.storiline-about-person__copy p {
		font-size: 16px;
	}


	.storiline-about-person__visual {
		width: 78%;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7c210d *//* ==========================================================
   STORILINE — ABOUT / PRINCIPLES
========================================================== */

.storiline-about-principles {
	--purple: #704c6d;
	--grey: #4d4d4d;
	--green: #5b8482;
	--black: #252223;
	--white: #ffffff;
	--soft: #f5f4f3;
	--line: #d7d4d3;

	position: relative;

	width: 100%;

	padding: 70px 0 80px;

	background: var(--soft);
	color: var(--grey);
}


/* ==========================================================
   INNER
========================================================== */

.storiline-about-principles__inner {
	width: min(92%, 1400px);

	margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.storiline-about-principles__header {
	display: grid;

	grid-template-columns:
		minmax(180px, 0.45fr)
		minmax(0, 1.55fr);

	gap: clamp(55px, 8vw, 115px);

	align-items: start;

	margin-bottom: 42px;
}


/* ==========================================================
   EYEBROW
========================================================== */

.storiline-about-principles__eyebrow {
	margin: 5px 0 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 18px;
	font-weight: 600;

	line-height: 1.3;

	color: var(--purple);
}


/* ==========================================================
   HEADER MAIN
========================================================== */

.storiline-about-principles__header-main {
	max-width: 820px;
}


/* ==========================================================
   HEADING
========================================================== */

.storiline-about-principles__heading {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: clamp(39px, 3.6vw, 54px);
	font-weight: 600;

	line-height: 1.06;

	letter-spacing: -0.045em;

	color: var(--black);
}


/* ==========================================================
   INTRO
========================================================== */

.storiline-about-principles__intro {
	max-width: 680px;

	margin: 15px 0 0;

	font-family:
		"Source Serif Pro",
		"Source Serif 4",
		Georgia,
		serif;

	font-size: 18px;
	font-weight: 400;

	line-height: 1.48;

	color: var(--grey);
}


/* ==========================================================
   GRID
========================================================== */

.storiline-about-principles__grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	border-top: 1px solid var(--line);
	border-left: 1px solid var(--line);

	background: rgba(255, 255, 255, 0.2);
}


/* ==========================================================
   PRINCIPLE
========================================================== */

.storiline-about-principle {
	display: grid;

	grid-template-columns:
		34px
		minmax(0, 1fr);

	column-gap: 18px;

	align-content: start;

	min-height: 190px;

	padding: 27px 30px;

	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}


/* ==========================================================
   NUMBER
========================================================== */

.storiline-about-principle__number {
	padding-top: 3px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 11px;
	font-weight: 500;

	line-height: 1.2;

	letter-spacing: 0.06em;

	color: var(--green);
}


/* ==========================================================
   TITLE
========================================================== */

.storiline-about-principle__title {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 21px;
	font-weight: 600;

	line-height: 1.2;

	letter-spacing: -0.025em;

	color: var(--black);
}


/* ==========================================================
   TEXT
========================================================== */

.storiline-about-principle__text {
	grid-column: 2;

	max-width: 500px;

	margin: 10px 0 0;

	font-family:
		"Source Serif Pro",
		"Source Serif 4",
		Georgia,
		serif;

	font-size: 16px;
	font-weight: 400;

	line-height: 1.48;

	color: var(--grey);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

	.storiline-about-principles {
		padding: 55px 0 65px;
	}


	.storiline-about-principles__inner {
		width: 92%;
	}


	.storiline-about-principles__header {
		grid-template-columns:
			150px
			minmax(0, 1fr);

		gap: 50px;

		margin-bottom: 35px;
	}


	.storiline-about-principles__eyebrow {
		font-size: 16px;
	}


	.storiline-about-principles__heading {
		font-size: clamp(35px, 4.5vw, 46px);
	}


	.storiline-about-principles__intro {
		font-size: 17px;
	}


	.storiline-about-principle {
		min-height: 180px;

		padding: 24px 25px;
	}


	.storiline-about-principle__title {
		font-size: 19px;
	}


	.storiline-about-principle__text {
		font-size: 15px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.storiline-about-principles {
		padding: 45px 0 55px;
	}


	.storiline-about-principles__inner {
		width: 90%;
	}


	/* Header */

	.storiline-about-principles__header {
		display: block;

		margin-bottom: 30px;
	}


	.storiline-about-principles__eyebrow {
		margin: 0 0 16px;

		font-size: 16px;
	}


	.storiline-about-principles__heading {
		font-size: 36px;
	}


	.storiline-about-principles__intro {
		max-width: none;

		margin-top: 13px;

		font-size: 17px;
	}


	/* Grid */

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


	/* Principle */

	.storiline-about-principle {
		min-height: 0;

		padding: 23px 22px;
	}


	.storiline-about-principle__title {
		font-size: 20px;
	}


	.storiline-about-principle__text {
		font-size: 16px;
	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

	.storiline-about-principles__heading {
		font-size: 33px;
	}


	.storiline-about-principle {
		grid-template-columns:
			29px
			minmax(0, 1fr);

		column-gap: 13px;

		padding: 21px 18px;
	}


	.storiline-about-principle__text {
		font-size: 15px;
	}

}/* End custom CSS */