.mag-about-page {
	background: #fdfdf5;
	overflow-x: hidden;
}

.mag-about-page .header .flex_wrapper {
	background: #fdfdf5;
}

.mag-about-page .header .logo-light {
	display: none !important;
}

.mag-about-page .header .logo-dark {
	display: block !important;
}

.mag-about-page .header .nav_box a,
.mag-about-page .header .lang-dropdown__trigger,
.mag-about-page .header .burger {
	color: #000;
}

.mag-about-page .header .nav_box .header_menu .mobile-menu-accordion__toggle::before,
.mag-about-page .header .nav_box .header_menu > li.menu-item-has-children > .mobile-menu-accordion__head::after {
	background-color: #000;
}

.mag-about-page .header .lang-dropdown__trigger {
	border-color: #d2d2d2;
}

.mag-about-page .header .lang-dropdown__menu {
	background: #fdfdf5;
}

.mag-about-page .floating-actions:not(.floating-actions--mobile-contact) {
	display: none !important;
}

.mag-about {
	width: 100%;
	padding-top: 124px;
	overflow: clip;
	background: #fdfdf5;
}

.mag-about__top :where(h1, h2, h3, p, blockquote, dl, dd),
.mag-about > section :where(h1, h2, h3, p, blockquote, dl, dd) {
	margin: 0;
}

.mag-about__top :where(h1, h2),
.mag-about > section :where(h1, h2) {
	font-family: "Playfair Display", serif;
	font-size: 48px;
	font-weight: 500;
	line-height: 56px;
}

.mag-about__top h3,
.mag-about > section h3 {
	font-family: "Playfair Display", serif;
	font-weight: 500;
}

.mag-about-process .mag-step-card h3 {
	font-family: "Wix Madefor Display", sans-serif;
	font-weight: 600;
}

.mag-about-process .mag-step-card h3 {
	margin-top: 30px;
}

.mag-about-process .mag-step-card p {
	margin-top: 10px;
}

.mag-about__top em,
.mag-about > section em {
	color: #c3b397;
	font-family: "Playfair Display", serif;
	font-size: 1em;
	font-style: italic;
	font-weight: 500;
	line-height: inherit;
}

.mag-about__top,
.mag-about > section {
	width: 100%;
	max-width: 1440px;
	margin-right: auto;
	margin-bottom: 164px;
	margin-left: auto;
	padding-right: 24px;
	padding-left: 24px;
}

.mag-about-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 24px;
	margin-bottom: 28px;
	color: #363636;
	font-size: 14px;
	line-height: 20px;
}

.mag-about-breadcrumbs [aria-current="page"] {
	color: #000;
}

.mag-about-breadcrumbs a:hover {
	text-decoration: underline;
}

.mag-about-hero {
	display: grid;
	height: 498px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
}

.mag-about-hero__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 32px;
	border-radius: 32px;
	background: #ceeec7;
	text-align: center;
}

.mag-about-hero h1 {
	max-width: 620px;
}

.mag-about-hero__content > p {
	max-width: 561px;
	font-size: 18px;
	line-height: 24px;
}

.mag-about-button {
	display: inline-flex;
	min-height: 68px;
	align-items: center;
	justify-content: center;
	padding: 20px 32px;
	border-radius: 999px;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	transition: background-color .3s ease, color .3s ease;
}

.mag-about-button--light {
	width: 315px;
	background: #fff;
}

.mag-about-button--light:hover,
.mag-about-button--light:focus-visible {
	background: #363636;
	color: #fff;
}

.mag-about-hero__media {
	min-width: 0;
	overflow: hidden;
	border-radius: 32px;
}

.mag-about-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mag-about-intro {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.mag-about-intro__copy {
	display: grid;
	grid-template-columns: minmax(0, 774px) minmax(0, 556px);
	justify-content: space-between;
	gap: 40px;
	align-items: center;
}

.mag-about-intro__copy h2 {
	color: #2d2d2d;
}

.mag-about-intro__tablet-break,
.mag-about-services__tablet-break {
	display: none;
}

.mag-about-intro__copy > div {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-intro__copy strong {
	font-weight: 600;
}

.mag-about-intro__media {
	display: block;
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: 32px;
}

.mag-about-intro__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	object-position: center bottom;
}

.mag-about-heading {
	display: flex;
	max-width: 960px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	margin: 0 auto;
	text-align: center;
}

.mag-about-heading p {
	max-width: 854px;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-process,
.mag-about-gallery,
.mag-about-services,
.mag-about-selection,
.mag-about-stories {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.mag-about-process {
	gap: 0;
}

.mag-about-gallery {
	gap: 0;
}

.mag-about-gallery .mag-office__photo img {
	object-fit: cover;
	object-position: center;
}

.mag-about-gallery .mag-office__photo--1 img {
	object-position: center bottom;
}

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

.mag-about-service {
	display: flex;
	min-height: 332px;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	border-radius: 24px;
	background: #f5f5ed;
}

.mag-about-service__image {
	display: block;
	width: 110px;
	height: 110px;
	border-radius: 16px;
	object-fit: cover;
}

.mag-about-service h3 {
	margin-top: 54.4px;
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.mag-about-service p {
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-selection > h2,
.mag-about-stories > h2 {
	text-align: center;
}

.mag-about-selection__layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.mag-about-selection__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mag-about-criterion {
	display: flex;
	min-height: 144px;
	align-items: flex-start;
	gap: 24px;
	padding: 24px;
	border: 1px solid #d2d2d2;
	border-radius: 24px;
	align-items: center;
    height: 100%;
}

.mag-about-criterion > span {
	display: flex;
	width: 45px;
	height: 45px;
	flex: 0 0 45px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e6d8c1;
}

.mag-about-criterion > span img {
	width: 24px;
	height: 24px;
}

.mag-about-selection .mag-about-criterion h3 {
	margin-bottom: 16px;
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.mag-about-criterion p {
	font-size: 16px;
	line-height: 24px;
}

.mag-about-commission {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
	padding: 40px;
	border-radius: 24px;
	background: #ceeec7;
}

.mag-about-commission__eyebrow {
	align-self: flex-start;
	padding: 5px 15px;
	border: 0;
	border-radius: 30px;
	background: rgb(0 0 0 / 4%);
	color: #636363;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-selection .mag-about-commission h3 {
	margin-bottom: 24px;
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 48px;
	font-weight: 500;
	line-height: 56px;
}

.mag-about-commission p,
.mag-about-commission li {
	font-size: 16px;
	line-height: 24px;
}

.mag-about-commission ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mag-about-commission li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mag-about-commission li img {
	width: 24px;
	height: 24px;
}

.mag-about-team {
	display: grid;
	min-height: 380px;
	grid-template-columns: minmax(0, 1fr) 250px minmax(0, 1fr);
	gap: 40px;
	padding: 40px !important;
	border-radius: 32px;
	background: #f5f5ed;
}

.mag-about-team__title {
	display: flex;
	min-width: 0;
	grid-column: 1;
	grid-row: 1;
	flex-direction: column;
	justify-content: space-between;
}

.mag-about-team__slides {
	position: relative;
	grid-column: 2 / 4;
	grid-row: 1;
}

.mag-about-team__controls {
	display: flex;
	gap: 8px;
}

.mag-about-team__controls button {
	display: flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	border: 2px solid #363636;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.mag-about-team__controls button:not(:disabled):hover,
.mag-about-team__controls button:not(:disabled):focus-visible {
	border-color: #363636;
	background: #363636;
}

.mag-about-team__controls button:not(:disabled):is(:hover, :focus-visible) img { filter: brightness(0) invert(1); }
.mag-about-team__controls button:disabled { border-color: #949494; cursor: default; }
.mag-about-team__controls button:disabled img { opacity: .55; }
.mag-about-team__controls button:focus-visible { outline: 2px solid #363636; outline-offset: 4px; }
.mag-about-team__slide.is-leaving { position: absolute; inset: 0; pointer-events: none; }

.mag-about-team__controls img {
	width: 24px;
	height: 24px;
}

.mag-about-team__controls button:first-child img { transform: rotate(-90deg); }
.mag-about-team__controls button:last-child img { transform: rotate(90deg); }

.mag-about-team__slides,
.mag-about-team__slide {
	min-width: 0;
	height: 100%;
}

.mag-about-team__slide {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 40px;
}

.mag-about-team__slide[hidden] {
	display: none;
}

.mag-about-team__photo-frame {
	width: 250px;
	height: 300px;
	overflow: hidden;
	border-radius: 24px;
	background: #edf5f6;
}

.mag-about-team__photo {
	display: block;
	position: relative;
	top: var(--team-photo-top, 0);
	left: var(--team-photo-left, 0);
	width: var(--team-photo-width, 100%);
	max-width: none;
	height: var(--team-photo-height, 100%);
	object-fit: cover;
}

.mag-about-team__photo--mykhailo {
	--team-photo-width: 128.41%;
	--team-photo-height: 160.49%;
	--team-photo-left: -14.07%;
	--team-photo-top: -28.07%;
}

.mag-about-team__photo--oleksandra {
	--team-photo-width: 195.88%;
	--team-photo-height: 244.91%;
	--team-photo-left: -53.91%;
	--team-photo-top: -28.65%;
}

.mag-about-team__photo--anna {
	--team-photo-width: 143.73%;
	--team-photo-height: 179.64%;
	--team-photo-left: -19.58%;
	--team-photo-top: -32.98%;
}

.mag-about-team__photo--viktor {
	object-fit: contain;
	object-position: center;
}

.mag-about-team__bio {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: space-between;
}

.mag-about-team__bio > div {
	display: flex;
	height: auto;
	flex-direction: column;
	gap: 20px;
}

.mag-about-team__brand {
	color: rgb(45 45 45 / 60%);
	font-size: 16px;
	line-height: 24px;
}


.mag-about-team__bio h3 {
	margin-bottom: 0;
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.mag-about-team__bio p {
	font-size: 16px;
	line-height: 24px;
}

.mag-about-team__role,
.mag-about-team__markets {
	margin-bottom: 0 !important;
}

.mag-about-team__role,
.mag-about-team__description {
	display: block;
	height: auto;
}

.mag-about-team__role {
	color: #000;
	font-size: 18px !important;
	font-weight: 600;
	line-height: 24px !important;
}

.mag-about-team__markets {
	display: flex;
	height: 24px;
	align-items: center;
	gap: 5px;
}

.mag-about-team__markets--empty {
	display: none;
}

.mag-about-team__markets img {
	width: 20px;
	height: 20px;
}

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

.mag-about-story {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 32px;
	padding: 40px;
	border: 1px solid #d2d2d2;
	border-radius: 32px;
}

.mag-about-story header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.mag-about-story header h3 {
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.mag-about-story header span {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 16px;
	border-radius: 999px;
	background: #e6d8c1;
	font-size: 14px;
	line-height: 20px;
}

.mag-about-story header img {
	width: 20px;
	height: 20px;
}

.mag-about-story dl {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mag-about-story dl > div {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 32px;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-story dt {
	color: #000;
	font-weight: 600;
}

.mag-about-story blockquote {
	display: flex;
	min-height: 136px;
	gap: 24px;
	padding: 24px;
	border-radius: 24px;
	background: #f5f5ed;
}

.mag-about-story blockquote > img {
	--mag-story-quote-width: 60px;

	display: block;
	width: var(--mag-story-quote-width);
	min-width: var(--mag-story-quote-width);
	max-width: var(--mag-story-quote-width);
	height: auto;
	aspect-ratio: 60 / 40.1506;
	flex: 0 0 auto;
	align-self: flex-start;
	object-fit: contain;
}

.mag-about-story blockquote > div {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
}

.mag-about-story blockquote p,
.mag-about-story blockquote cite,
.mag-about-story blockquote button {
	font-size: 14px;
	line-height: 20px;
}

.mag-about-story blockquote cite {
	margin-top: 8px;
	padding-top: 0;
	color: #000;
	font-style: normal;
	font-weight: 400;
}

.mag-about-story blockquote button {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	color: #8bca7d;
	cursor: pointer;
}

.mag-about-story blockquote button span {
	text-decoration: underline;
}

.mag-about-story__review-chevron {
	display: block;
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	transition: transform 0.2s ease;
}

.mag-about-story__review [data-story-review-toggle][aria-expanded="true"] .mag-about-story__review-chevron {
	transform: rotate(180deg);
}

.mag-about-story__review:not(.is-expanded) [data-story-review-text] {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.mag-about-story__review [data-story-review-text] { overflow: hidden; }

.mag-about-ceo {
	display: grid;
	min-height: 360px;
	grid-template-columns: 600px minmax(0, 1fr);
	align-items: center;
	gap: 40px;
}

.mag-about-ceo > img {
	display: block;
	width: 600px;
	height: 360px;
	border-radius: 32px;
	object-fit: cover;
}

.mag-about-ceo > div {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 60px 0;
}

.mag-about-ceo p {
	max-width: 680px;
	font-size: 16px;
	line-height: 24px;
}

.mag-about-form {
	display: flex;
	min-height: 379px;
	flex-direction: column;
	gap: 32px;
	padding: 40px 32px !important;
	border-radius: 24px;
	background: #ceeec7;
}

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

.mag-about-form__intro h2 {
	font-size: 40px;
	line-height: 40px;
}

.mag-about-form__intro p {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.mag-about-form .mag-contact-form {
	min-height: 0;
	margin: 0;
}

.mag-about-form .mag-contact-form > .gform_wrapper,
.mag-about-form .mag-contact-form > .gform-theme {
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.mag-about-form .mag-contact-form .gform_heading {
	display: none;
}

.mag-about-form .mag-contact-form .gform_wrapper form,
.mag-about-form .mag-contact-form .gform-theme form {
	margin-top: 0 !important;
}

.mag-about-form .mag-contact-form .gform_fields {
	row-gap: 16px !important;
}

.mag-about-form .mag-contact-form .gform_footer {
	right: 0;
	bottom: 0;
	width: calc(50% - 4px);
}

.mag-about-form .mag-contact-form__fallback {
	margin-top: 0;
}

@media (max-width: 1199px) {
	.mag-about {
		padding-top: 96px;
	}

	.mag-about__top,
	.mag-about > section {
		margin-bottom: 100px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.mag-about__top :where(h1, h2),
	.mag-about > section :where(h1, h2) {
		font-size: 32px;
		line-height: 40px;
	}

	.mag-about-breadcrumbs {
		margin-bottom: 28px;
	}

	.mag-about-hero {
		height: auto;
		min-height: 400px;
		gap: 16px;
	}

	.mag-about-hero__content {
		gap: 24px;
		padding: 32px;
	}

	.mag-about-hero__content > p {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-button {
		min-height: 56px;
		padding: 16px 24px;
		font-size: 16px;
		line-height: 24px;
	}

	.mag-about-button--light {
		width: 100%;
		max-width: 315px;
	}

	.mag-about-intro__copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.mag-about-intro__media {
		height: 230px;
	}

	.mag-about-intro__image {
		object-fit: cover;
	}

	.mag-about-intro__copy > div,
	.mag-about-heading p {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

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

	.mag-about-selection .mag-about-criterion h3 {
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-commission {
		min-height: 430px;
	}

	.mag-about-selection .mag-about-commission h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.mag-about-team {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.mag-about-team__title {
		display: grid;
		grid-column: 1 / -1;
		grid-row: auto;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 40px;
		align-items: flex-end;
	}

	.mag-about-team__controls {
		justify-self: end;
	}

	.mag-about-team__slides {
		grid-column: 1 / -1;
		grid-row: auto;
	}

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

	.mag-about-team__photo-frame {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}

	.mag-about-team__bio {
		justify-content: center;
	}

	.mag-about-team__brand {
		display: none;
	}

	.mag-about-stories__grid {
		gap: 16px;
	}

	.mag-about-story {
		gap: 24px;
		padding: 24px;
	}

	.mag-about-story dl > div {
		grid-template-columns: 70px minmax(0, 1fr);
		gap: 16px;
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-story blockquote {
		flex-direction: column;
	}

	.mag-about-ceo {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

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

	.mag-about-ceo > div {
		padding: 24px 0;
	}

	.mag-about-form {
		min-height: 0;
		gap: 24px;
		padding: 32px 24px !important;
	}

	.mag-about-form__intro {
		display: flex;
		flex-direction: column;
		gap: 12px;
		text-align: center;
	}

	.mag-about-form__intro h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.mag-about-form__intro p {
		max-width: 680px;
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-form .mag-contact-form,
	.mag-about-form .mag-contact-form > .gform_wrapper,
	.mag-about-form .mag-contact-form > .gform-theme {
		min-height: 0;
	}

	.mag-about-form .mag-contact-form .gform_fields {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: 54px 54px 146px auto !important;
		gap: 10px 8px !important;
	}

	.mag-about-form .mag-contact-form #field_1_1 {
		grid-column: 1;
		grid-row: 1;
	}

	.mag-about-form .mag-contact-form #field_1_3 {
		grid-column: 2;
		grid-row: 1;
	}

	.mag-about-form .mag-contact-form #field_1_4 {
		grid-column: 1;
		grid-row: 2;
	}

	.mag-about-form .mag-contact-form #field_1_13 {
		grid-column: 2;
		grid-row: 2;
	}

	.mag-about-form .mag-contact-form #field_1_15 {
		grid-column: 1 / 3;
		grid-row: 3;
	}

	.mag-about-form .mag-contact-form #field_1_14 {
		grid-column: 1 / 3;
		grid-row: 4;
	}

	.mag-about-form .mag-contact-form input[type="text"],
	.mag-about-form .mag-contact-form input[type="tel"],
	.mag-about-form .mag-contact-form input[type="email"],
	.mag-about-form .mag-contact-form select,
	.mag-about-form .mag-contact-language__trigger {
		height: 54px !important;
		min-height: 54px !important;
	}

	.mag-about-form .mag-contact-form textarea {
		height: 146px !important;
		min-height: 146px !important;
	}

	.mag-about-form .mag-contact-form .gform_footer {
		position: static !important;
		width: 100%;
		height: 66px;
		margin-top: 16px !important;
	}

	.mag-about-form .mag-contact-form .gform_footer input[type="submit"],
	.mag-about-form .mag-contact-form .gform_footer button[type="submit"] {
		height: 66px !important;
	}

	.mag-about-form .mag-contact-form__fallback {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px 8px;
	}

	.mag-about-form .mag-contact-form__fallback textarea,
	.mag-about-form .mag-contact-form__fallback label,
	.mag-about-form .mag-contact-form__fallback button {
		grid-column: 1 / -1;
	}

	.mag-about-form .mag-contact-form__fallback input,
	.mag-about-form .mag-contact-form__fallback select {
		min-height: 54px;
	}

	.mag-about-form .mag-contact-form__fallback textarea {
		height: 146px;
		min-height: 146px;
	}

	.mag-about-form .mag-contact-form__fallback button {
		width: 100%;
		height: 66px;
		margin-top: 6px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.mag-about-intro__copy {
		display: grid;
		grid-template-columns: minmax(0, 1.392fr) minmax(0, 1fr);
		align-items: center;
		gap: 40px;
	}

	.mag-about-intro__media {
		height: 200px;
	}

	.mag-about-intro__image {
		object-fit: fill;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	.mag-about > .mag-about-process {
		margin-bottom: 164px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.mag-about-process .mag-about-heading h2 {
		font-size: 48px;
		line-height: 56px;
	}

	.mag-about-process .mag-about-heading p {
		font-size: 16px;
		line-height: 24px;
	}

	.mag-about-process .mag-steps__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(164px, auto));
		row-gap: 60px;
		margin-top: 80px;
	}

	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(n) {
		min-height: 164px;
		grid-column: span 2;
		width: auto;
		padding: 0 40px;
		border-left: 1px solid #d2d2d2;
		border-right: 0;
	}

	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(4) {
		grid-column: 1 / span 2;
	}

	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(5) {
		grid-column: 3 / span 2;
	}

	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(3),
	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(5) {
		border-right: 1px solid #d2d2d2;
	}

	.mag-about-process .mag-step-card__top {
		height: 60px;
		block-size: 60px;
	}

	.mag-about-process .mag-step-card__top > img {
		width: 60px;
		height: 60px;
	}

	.mag-about-process .mag-step-card h3 {
		font-size: 16px;
		line-height: 24px;
	}

	.mag-about > .mag-about-services {
		margin-bottom: 164px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.mag-about-services .mag-about-heading h2 {
		font-size: 48px;
		line-height: 56px;
	}

	.mag-about-services .mag-about-heading p {
		font-size: 16px;
		line-height: 24px;
	}

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

@media (min-width: 768px) and (max-width: 991px) {
	.mag-about-intro__tablet-break {
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.mag-about-services__tablet-break {
		display: block;
	}

	.mag-about-process .mag-steps__grid > .mag-step-card:nth-child(n) {
		min-height: 0;
	}

	.mag-about-services__grid {
		gap: 8px;
	}

	.mag-about-service {
		min-height: 0;
	}

	.mag-about-service h3 {
		margin-top: 50.2px;
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-service p {
		margin-top: 12px;
		font-size: 14px;
		line-height: 18px;
	}
}

@media (max-width: 767px) {
	.mag-about {
		padding-top: 96px;
	}

	.mag-about__top,
	.mag-about > section {
		margin-bottom: 64px;
	}

	.mag-about-breadcrumbs {
		font-size: 12px;
		line-height: 18px;
	}

	.mag-about-hero {
		height: auto;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.mag-about-hero__content {
		min-height: 348px;
		padding: 32px 24px;
		border-radius: 32px;
	}

	.mag-about-hero h1 {
		max-width: 310px;
	}

	.mag-about-hero__media {
		height: 220px;
		border-radius: 32px;
	}

	.mag-about-hero__media img {
		object-position: center;
	}

	.mag-about-intro {
		gap: 40px;
	}

	.mag-about-intro__copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.mag-about-intro__copy > div {
		gap: 24px;
	}

	.mag-about-intro__media {
		border-radius: 32px;
	}

	.mag-about-heading {
		align-items: flex-start;
		gap: 16px;
		text-align: left;
	}

	.mag-about-gallery .mag-about-heading {
		align-items: center;
		text-align: center;
	}

	.mag-about-process .mag-about-heading {
		gap: 24px;
	}

	.mag-about-services,
	.mag-about-selection,
	.mag-about-stories {
		gap: 40px;
	}

	.mag-about-services__grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.mag-about-service {
		min-height: 254px;
		padding: 24px;
	}

	.mag-about-service__image {
		width: 100px;
		height: 100px;
	}

	.mag-about-service h3 {
		margin-top: 42px;
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-service p {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-selection > h2 {
		text-align: center;
	}

	.mag-about-selection__layout {
		gap: 24px;
	}

	.mag-about-selection__list {
		gap: 8px;
	}

	.mag-about-criterion {
		min-height: 0;
		flex-direction: row;
		gap: 20px;
	}

	.mag-about-selection .mag-about-criterion h3 {
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-criterion p,
	.mag-about-commission p,
	.mag-about-commission li {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-commission {
		min-height: 348px;
		gap: 24px;
		padding: 32px 24px;
	}

	.mag-about-commission__eyebrow {
		font-size: 14px;
		line-height: 20px;
	}

	.mag-about-selection .mag-about-commission h3 {
		margin-bottom: 16px;
		font-size: 32px;
		line-height: 40px;
	}

	.mag-about-commission li img {
		width: 20px;
		height: 20px;
	}

	.mag-about-team {
		display: flex;
		min-height: 670px;
		flex-direction: column;
		gap: 24px;
		padding: 24px !important;
		border-radius: 32px;
	}

	.mag-about-team__title {
		display: contents;
	}

	.mag-about-team__title h2 {
		order: 1;
	}

	.mag-about-team__slides {
		order: 2;
		height: auto;
	}

	.mag-about-team__controls {
		order: 3;
		width: 100%;
		justify-content: center;
		gap: 8px;
	}

	.mag-about-team__controls button {
		width: 48px;
		height: 48px;
	}

	.mag-about-team__slide {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.mag-about-team__photo-frame {
		width: 100%;
		max-width: 100%;
		height: 230px;
		align-self: center;
	}

	.mag-about-team__photo--anton,
	.mag-about-team__photo--mykhailo,
	.mag-about-team__photo--oleksandra,
	.mag-about-team__photo--anna,
	.mag-about-team__photo--viktor {
		--team-photo-width: 100%;
		--team-photo-height: 100%;
		--team-photo-left: 0;
		--team-photo-top: 0;
		object-fit: cover;
	}

	.mag-about-team__photo--viktor { object-fit: contain; }
	.mag-about-team__photo--oleksandra { object-position: center 20%; }
	.mag-about-team__photo--anna { object-position: center 40%; }

	.mag-about-team__bio {
		gap: 16px;
	}

	.mag-about-team__bio > div {
		height: auto;
	}

	.mag-about-team__brand {
		display: none;
	}

	.mag-about-team__bio h3 {
		font-size: 24px;
		line-height: 32px;
	}

	.mag-about-team__bio p {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-team__description {
		height: auto;
	}

	.mag-about-team__markets {
		height: 18px;
	}

	.mag-about-team__role {
		font-size: 16px !important;
		font-weight: 600;
		line-height: 24px !important;
	}

	.mag-about-stories__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.mag-about-story {
		gap: 24px;
		padding: 24px;
		border-radius: 24px;
	}

	.mag-about-story header h3 {
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-story dl {
		gap: 24px;
	}

	.mag-about-story dl > div {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.mag-about-story blockquote {
		min-height: 0;
		gap: 16px;
		padding: 20px;
	}

	.mag-about-story blockquote > img {
		--mag-story-quote-width: 40px;
	}

	.mag-about-story blockquote cite {
		margin-top: 16px;
	}

	.mag-about-ceo {
		display: flex;
		min-height: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}

	.mag-about-ceo > img {
		width: 100%;
		height: 330px;
	}

	.mag-about-ceo > div {
		gap: 20px;
		padding: 0;
	}

	.mag-about-ceo p {
		font-size: 14px;
		line-height: 18px;
	}

}

@media (min-width: 577px) and (max-width: 992px) {
	.mag-about-stories__grid {
		grid-template-columns: 1fr;
	}

	.mag-about-story header h3 {
		font-size: 18px;
		line-height: 24px;
	}

	.mag-about-story dl {
		gap: 20px;
	}

	.mag-about-story dl > div {
		display: grid;
		grid-template-columns: 70px minmax(0, 1fr);
		flex-direction: row;
		gap: 16px;
	}

	.mag-about-story blockquote {
		min-height: 136px;
		flex-direction: row;
		gap: 24px;
		padding: 24px;
	}

	.mag-about-story blockquote > img {
		--mag-story-quote-width: 60px;
	}

	.mag-about-story blockquote cite {
		margin-top: auto;
		padding-top: 8px;
	}
}

@media (min-width: 577px) and (max-width: 1199px) {
	.mag-about-form .mag-contact-form .gform_fields {
		grid-template-rows: 54px 54px 151px auto !important;
	}

	.mag-about-form .mag-contact-form #field_1_15 {
		align-self: end;
	}

	.mag-about-form .mag-contact-form #field_1_14 {
		margin-top: 15px;
	}
}

@media (max-width: 479px) {
	.mag-about-process .mag-steps__grid.mag-steps__grid--count-5 > .mag-step-card:nth-child(n) {
		border-right: 0;
		border-left: 0;
	}
}

@media (max-width: 576px) {
	.mag-about-form .mag-contact-form .gform_fields {
		grid-template-columns: 1fr !important;
		grid-template-rows: 54px 54px 54px 54px 146px 90px !important;
		gap: 10px !important;
	}

	.mag-about-form .mag-contact-form #field_1_1,
	.mag-about-form .mag-contact-form #field_1_3,
	.mag-about-form .mag-contact-form #field_1_4,
	.mag-about-form .mag-contact-form #field_1_13,
	.mag-about-form .mag-contact-form #field_1_15,
	.mag-about-form .mag-contact-form #field_1_14 {
		grid-column: 1;
	}

	.mag-about-form .mag-contact-form #field_1_1 { grid-row: 1; }
	.mag-about-form .mag-contact-form #field_1_3 { grid-row: 2; }
	.mag-about-form .mag-contact-form #field_1_4 { grid-row: 3; }
	.mag-about-form .mag-contact-form #field_1_13 { grid-row: 4; }
	.mag-about-form .mag-contact-form #field_1_15 { grid-row: 5; }
	.mag-about-form .mag-contact-form #field_1_14 { grid-row: 6; }

	.mag-about-form .mag-contact-form__fallback {
		grid-template-columns: 1fr;
	}

	.mag-about-form .mag-contact-form__fallback > * {
		grid-column: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mag-about *,
	.mag-about *::before,
	.mag-about *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* About reference YPIUY54p4GIpyc7YbID9A2: shared home components are scoped here. */
.mag-about-gallery__tablet-break,
.mag-about-team__compact-break {
	display: none;
}

.mag-about-gallery .mag-about-heading h2,
.mag-about-process .mag-about-heading h2 {
	max-width: 810px;
}

.mag-about-services .mag-about-heading {
	max-width: 966px;
}

.mag-about-service__image {
	position: relative;
	flex: none;
	overflow: hidden;
}

.mag-about-service__image img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.mag-about-service:nth-child(2) .mag-about-service__image img,
.mag-about-service:nth-child(4) .mag-about-service__image img {
	object-fit: fill;
}

.mag-about-criterion,
.mag-about-story {
	border: 0;
	box-shadow: inset 0 0 0 1px #d2d2d2;
}

.mag-about-selection__list {
	min-height: 440px;
	gap: 16px;
}

.mag-about-criterion {
	min-height: 0;
	height: auto;
	flex: 1;
}

.mag-about-criterion > div {
	min-width: 0;
}

.mag-about-commission {
	justify-content: center;
	gap: 24px;
}

.mag-about-commission__heading {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mag-about-selection .mag-about-commission h3 {
	margin-bottom: 0;
}

.mag-about-commission li {
	gap: 5px;
}

.mag-about-team__identity {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mag-about-team__controls button:last-child:not(:disabled) {
	border-color: #363636;
}

.mag-about-form .mag-contact-form input[type="email"] {
	font-size: 16px !important;
}

@media (min-width: 1200px) {
	.mag-about-form__intro h2 {
		line-height: 28.8px;
	}

	.mag-about-form .mag-contact-form .gform_fields {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, calc(50% - 2px)) !important;
		column-gap: 10px !important;
		row-gap: 10px !important;
		grid-template-rows: 68px 68px 82px !important;
	}

	.mag-about-form .mag-contact-form #field_1_15 {
		grid-column: 3;
		margin-left: 6px;
	}

	.mag-about-form .mag-contact-form .gform_footer {
		width: calc(50% - 8px);
	}

	.mag-about-form .mag-contact-form .gform_footer :is(input, button)[type="submit"] {
		font-size: 18px !important;
	}
}

@media (max-width: 1199px) {
	.mag-about-selection__list {
		min-height: 340px;
		gap: 8px;
	}

	.mag-about-criterion {
		gap: 20px;
	}

	.mag-about-selection .mag-about-criterion h3 {
		margin-bottom: 12px;
	}

	.mag-about-criterion p,
	.mag-about-commission p,
	.mag-about-commission li {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-commission {
		min-height: 0;
		padding: 32px 24px;
	}

	.mag-about-commission__eyebrow {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-commission li img {
		width: 20px;
		height: 20px;
	}

	.mag-about-team {
		gap: 40px;
		padding: 24px !important;
	}

	.mag-about-team__desktop-break {
		display: none;
	}

	.mag-about-team__compact-break {
		display: block;
	}

	.mag-about-team__controls button {
		width: 48px;
		height: 48px;
	}

	.mag-about-team__photo-frame {
		height: 300px;
		aspect-ratio: auto;
	}

	.mag-about-team__photo--anton {
		--team-photo-height: 161.98%;
		--team-photo-top: -24.33%;
	}

	.mag-about-team__bio p {
		font-size: 14px;
		line-height: 18px;
	}

	.mag-about-team__role {
		font-size: 16px !important;
	}

	.mag-about-ceo {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}

	.mag-about-ceo > img {
		height: 330px;
	}

	.mag-about-ceo > div {
		gap: 24px;
		padding: 0;
	}

	.mag-about-ceo p {
		font-size: 14px;
		line-height: 18px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.mag-about-process h2 br {
		display: none;
	}

	.mag-about-gallery__tablet-break {
		display: block;
	}
}

@media (max-width: 992px) {
	.mag-about-gallery .mag-office__photo--1 {
		grid-column: 2;
		grid-row: 1;
	}

	.mag-about-gallery .mag-office__photo--2 {
		grid-column: 1;
		grid-row: 1;
	}

	.mag-about-gallery .mag-office__photo--3 {
		grid-column: 1;
		grid-row: 3;
	}

	.mag-about-gallery .mag-office__photo--4 {
		grid-column: 2;
		grid-row: 3;
	}

	.mag-about-gallery .mag-office__photo--5 {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

@media (min-width: 577px) and (max-width: 992px) {
	.mag-about-story {
		padding: 24px;
		border-radius: 32px;
	}

	.mag-about-story dl > div {
		grid-template-columns: 80px minmax(0, 1fr);
		gap: 32px;
	}

	.mag-about-story blockquote cite {
		margin-top: 8px;
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.mag-about-hero {
		min-height: 0;
	}

	.mag-about-services .mag-about-heading {
		gap: 24px;
	}

	.mag-about-service p {
		margin-top: 12px;
	}

	.mag-about-team {
		gap: 24px;
	}

	.mag-about-team__photo-frame {
		height: 230px;
	}

	.mag-about-team__photo--anton {
		--team-photo-height: 202.15%;
		--team-photo-top: -38.8%;
	}

	.mag-about-team__identity {
		gap: 4px;
	}

	.mag-about-ceo > div {
		gap: 20px;
	}
}

@media (max-width: 576px) {
	.mag-about-story__review:not(.is-expanded) [data-story-review-text] {
		-webkit-line-clamp: 5;
	}

	.mag-about-story blockquote cite {
		margin-top: 8px;
	}

	.mag-about-form .mag-contact-form .gform_footer {
		margin-top: 20px !important;
	}
}

.mag-about-process .mag-step-card p,
.mag-about-story dd {
	white-space: pre-line;
}

.mag-about-criterion > div {
	flex: 1;
}

.mag-about-services .mag-about-heading p br {
	display: none;
}

.mag-about-story dt {
	color: #636363;
}

.mag-about-story blockquote {
	gap: 28px;
}

.mag-about-story blockquote button {
	margin-top: 8px;
	font-weight: 500;
}

.mag-about-story blockquote cite {
	margin-top: 16px;
}

@media (min-width: 1200px) {
	.mag-about-commission {
		gap: 32px;
	}

	.mag-about-commission > p {
		max-width: 542px;
	}

	.mag-about-commission ul {
		gap: 16px;
	}

	.mag-about-story blockquote {
		min-height: 172px;
	}

	.mag-about-story blockquote cite {
		margin-top: auto;
		padding-top: 16px;
	}

	.mag-about-story:last-child blockquote {
		margin-top: 0;
	}

	.mag-about-story:last-child {
		row-gap: 32px;
	}

	.mag-about-story:last-child header {
		margin-bottom: 0;
	}

	.mag-about-ceo p {
		max-width: 690px;
	}
}

@media (max-width: 1199px) {
	.mag-about-ceo__desktop-break {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.mag-about-process .mag-step-card:nth-child(2) {
		align-self: center;
	}
}

@media (max-width: 992px) {
	.mag-about-stories {
		gap: 24px;
	}
}

@media (min-width: 577px) and (max-width: 992px) {
	.mag-about-story {
		gap: 32px;
	}

	.mag-about-story blockquote {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.mag-about-process .mag-steps__grid.mag-steps__grid--count-5 > .mag-step-card:nth-child(n) {
		min-height: 0;
	}

	.mag-about-process .mag-step-card h3 {
		font-weight: 700;
	}

	.mag-about-gallery .mag-about-heading {
		gap: 24px;
	}

	.mag-about-gallery .mag-office__gallery {
		height: 510.8px;
		grid-template-rows: repeat(3, minmax(0, 1fr));
		margin-top: 40px;
	}

	.mag-about-selection__list {
		min-height: 436px;
	}
}

@media (max-width: 576px) {
	.mag-about-story {
		border-radius: 32px;
	}

	.mag-about-story dl {
		gap: 20px;
	}

	.mag-about-story blockquote {
		gap: 16px;
	}
}

.mag-about-gallery picture {
	display: block;
	width: 100%;
	height: 100%;
}

.mag-about-gallery .mag-office__photo--1 img {
	object-fit: cover;
}

@media (min-width: 993px) {
	.mag-about-gallery .mag-office__photo--4 img,
	.mag-about-gallery .mag-office__photo--5 img {
		object-fit: cover;
	}
}

@media (min-width: 1200px) {
	.mag-about-process .mag-step-card p {
		max-inline-size: none;
	}

	.mag-about-process .mag-step-card:nth-child(2) p {
		max-inline-size: 273px;
	}

	.mag-about-process .mag-step-card:nth-child(4) p {
		max-inline-size: 310px;
	}

	.mag-about-process .mag-step-card:nth-child(5) p {
		max-inline-size: 311px;
	}
}

.mag-about-form__mobile-break {
	display: none;
}

.mag-about-form .mag-contact-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea),
.mag-about-form .mag-contact-form .mag-contact-language__trigger {
	box-shadow: 0 1px 4px rgb(18 25 97 / 8%) !important;
}

.mag-about-form .mag-contact-form .mag-contact-language__trigger::after {
	width: 7px;
	height: 7px;
	border-width: 0 2px 2px 0;
	border-color: #636f80;
	right: 38px;
}

@media (min-width: 1200px) {
	.mag-about-form .mag-contact-form :is(input[type="text"], input[type="email"]) {
		padding-inline: 31px !important;
	}

	.mag-about-form .mag-contact-form #field_1_14 {
		align-self: end;
		margin-bottom: 14px;
	}

	.mag-about-form .mag-contact-form .gfield_consent_label {
		max-width: 560px;
	}
}

@media (max-width: 576px) {
	.mag-about-form__mobile-break {
		display: block;
	}

	.mag-about-form .mag-contact-form .gform_fields {
		grid-template-rows: 54px 54px 54px 54px 146px minmax(90px, auto) !important;
	}

	.mag-about-form .mag-contact-form #field_1_14 {
		align-self: start;
		margin-top: 14px;
	}

	.mag-about-form .mag-contact-form .gform_footer {
		margin-top: 16px !important;
	}
}

@media (min-width: 1200px) {
	.mag-about-form :is(.ginput_container_name, .ginput_container_email) .mag-reqph {
		left: 32px;
	}

	.mag-about-form .mag-contact-form input[type="text"] {
		font-size: 16px !important;
	}
}

/* Marketing review, 23.10.2026: shared type and explicitly requested resizes. */
.mag-about-form .mag-contact-form .ginput_container_name {
	margin-inline: 0;
}

.mag-about-form .mag-contact-form .ginput_container_name > .name_first {
	padding-inline: 0;
}

.mag-about-form .mag-contact-form .gform_wrapper :is(.ginput_container_name, .ginput_container_email) .mag-reqph {
	left: 25px;
}

.mag-about-form .mag-contact-form .mag-contact-language__trigger::after {
	top: 50%;
	transform: translateY(-70.71%) rotate(45deg);
}

@media (min-width: 1200px) {
	.mag-about-form .mag-contact-form .gform_wrapper :is(.ginput_container_name, .ginput_container_email) .mag-reqph {
		left: 32px;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	.mag-about > section h2,
	.mag-about-process .mag-about-heading h2,
	.mag-about-services .mag-about-heading h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.mag-about-team__title h2 { max-width: none; }
	.mag-about-team__title h2 br { display: none; }
	.mag-about-team__slide { grid-template-columns: minmax(0, 480px) minmax(0, 1fr); }
	.mag-about-team__photo-frame { width: 100%; max-width: 480px; height: 350px; }
	.mag-about-team__photo {
		--team-photo-width: 100%;
		--team-photo-height: 100%;
		--team-photo-top: 0px;
		--team-photo-left: 0px;
		object-fit: cover;
		object-position: center 22%;
	}
	.mag-about-team__photo--viktor { object-fit: contain; object-position: center; }
}

@media (min-width: 1050px) and (max-width: 1199px) {
	.mag-about-selection__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (min-width: 1000px) and (max-width: 1300px) {
	.mag-about-ceo { display: grid; grid-template-columns: 450px minmax(0, 1fr); align-items: center; }
	.mag-about-ceo > img { width: 450px; }
	.mag-about-ceo > div { padding: 24px 0; }
}

@media (min-width: 993px) and (max-width: 999px) {
	.mag-about-ceo { grid-template-columns: 1fr; }
	.mag-about-ceo > img { width: 100%; }
}

@media (min-width: 577px) and (max-width: 992px) {
	.mag-about-story blockquote { min-height: 0; }
}

/* Marketing resize frames 1962:23334 (1200 × 568) / 1962:23306 (900 × 450). */
@media (width >= 768px) {
	.mag-about > .mag-about-gallery { padding-inline: 24px; }
	.mag-about-gallery .mag-office__gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(0, 1fr));
		gap: 12px;
		height: 568px;
	}
	.mag-about-gallery .mag-office__photo { position: relative; border-radius: 16px; }
	.mag-about-gallery .mag-office__photo--1 { grid-column: 1; grid-row: 1 / 3; }
	.mag-about-gallery .mag-office__photo--2 { grid-column: 2; grid-row: 1; }
	.mag-about-gallery .mag-office__photo--3 { grid-column: 3; grid-row: 1; }
	.mag-about-gallery .mag-office__photo--4 { grid-column: 4; grid-row: 1 / 3; }
	.mag-about-gallery .mag-office__photo--5 { grid-column: 2 / 4; grid-row: 2; }
}

/* The three prepared exports use Figma's display ratio, not the PNG ratio.
   Fix that ratio once and crop overflow on fluid widths; never stretch it as
   the viewport changes. Custom ACF replacements retain ordinary object-cover. */
@media (width >= 1200px) {
	.mag-about-gallery :is(.mag-office__photo--1, .mag-office__photo--4).mag-office__photo--figma-desktop img {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: max(100%, 279px);
		max-width: none;
		height: auto;
		aspect-ratio: 279 / 568;
		object-fit: fill;
		transform: translateX(-50%);
	}
	.mag-about-gallery .mag-office__photo--5.mag-office__photo--figma-desktop img {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: max(100%, 570px);
		max-width: none;
		height: auto;
		aspect-ratio: 570 / 278;
		object-fit: fill;
		transform: translateX(-50%);
	}
}

@media (768px <= width < 1200px) {
	.mag-about-gallery .mag-office__gallery { height: 450px; }
	.mag-about-gallery .mag-office__photo--1.mag-office__photo--figma-tablet img {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: max(100%, 204px);
		max-width: none;
		height: auto;
		aspect-ratio: 204 / 450;
		object-fit: fill;
		transform: translateX(-50%);
	}
}