/**
 * Sekcje stron (poza hero).
 */

/* Wspólne: okrągłe zdjęcia */
.aries-round-image {
	flex: none;
	margin: 0;
}

.aries-round-image img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--full);
}

.aries-round-image--lg {
	width: 256px;
}

.aries-round-image--md {
	width: 160px;
}

/* --- Materiały --- */
.aries-materials {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--32);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.06095), 80px);
}

.aries-materials :where(h2, h3, p) {
	margin: 0;
}

.aries-materials__content {
	display: flex;
	flex-direction: column;
	width: min(100%, 888px);
}

.aries-materials__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--32);
}

.aries-materials__row h2 {
	max-width: 478px;
	text-align: right;
}

.aries-materials__row h3 {
	flex: 0 1 609px;
}

.aries-materials__body {
	width: min(100%, 496px);
	text-align: center;
}

/* Telefon: jedna kolumna, wyśrodkowana */
@media (max-width: 767px) {
	.aries-materials__content {
		gap: var(--wp--preset--spacing--48);
	}

	.aries-materials__row {
		flex-direction: column;
		justify-content: flex-start;
	}

	.aries-materials__row h3 {
		flex-basis: auto;
		align-self: stretch;
	}

	.aries-materials__row :is(h2, h3) {
		text-align: center;
	}
}

/* --- Cechy (trzy bloki: feature-card) --- */
.aries-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--24);
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-feature {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--16);
}

/* Karty w siatce bez marginesu od WordPressa (blockGap 24 px dla 2. i 3. karty) –
   to on obniżał „Łazienki” i „Wyposażenie” względem „Kuchni” (#024) */
.aries-features > .aries-feature {
	margin: 0;
}

.aries-feature :where(h3, p) {
	margin: 0;
}

.aries-feature__image {
	align-self: stretch;
	margin: 0;
	/* Kształt na ramce, żeby przycinała powiększone zdjęcie (#003) */
	overflow: hidden;
	border-radius: var(--wp--custom--radius--30);
}

.aries-feature__image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform var(--aries-zoom-duration) var(--aries-hover-ease);
}

/* Hover (#003): najechanie na całą kartę powiększa zdjęcie; tylko urządzenia z kursorem */
@media (hover: hover) {
	.aries-feature:hover .aries-feature__image img {
		transform: scale(1.03);
	}
}

@media (prefers-reduced-motion: reduce) {
	.aries-feature__image img {
		transition: none;
	}

	.aries-feature:hover .aries-feature__image img {
		transform: none;
	}
}

/* Tytuł: nagłówek H3, wygląd H5 z Figmy */
.aries-feature__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-5);
	font-weight: 700;
	line-height: 1.1;
}

/* Odstęp tytuł-tekst-przycisk 24 px (16 px gap + 8 px) */
.aries-feature > :not(:first-child, :nth-child(2)) {
	margin-top: var(--wp--preset--spacing--8);
}

.aries-feature .wp-block-buttons {
	margin-bottom: 0;
}

/* Przyciski w jednej linii we wszystkich kartach (#024): karty w rzędzie mają równą wysokość
   (siatka), a tekst zajmuje wolne miejsce – krótszy opis nie podciąga przycisku do góry.
   Odstęp tekst–przycisk nigdy mniejszy niż 24 px. */
.aries-feature > p {
	flex-grow: 1;
}

/* Telefon: bloki jeden pod drugim */
@media (max-width: 767px) {
	.aries-features {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--64);
	}
}

/* --- O nas --- */
.aries-about {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--64);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-about__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
}

.aries-about__content :where(h2, p) {
	margin: 0;
}

.aries-about__body {
	max-width: 520px;
}

.aries-about__image {
	flex: 0 1 625px;
	width: auto;
}

/* Tablet: dwie kolumny, mniejsze zdjęcie */
@media (max-width: 1023px) {
	.aries-about {
		gap: var(--wp--preset--spacing--48);
	}

	.aries-about__image {
		flex-basis: 45%;
	}
}

/* Telefon: tekst, pod nim zdjęcie na całą szerokość */
@media (max-width: 767px) {
	.aries-about {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--64);
	}

	.aries-about__image {
		flex-basis: auto;
		width: 100%;
	}
}

/* --- Slidery: wspólne (Case Studies, Opinie) ---
 * Slajdy to dzieci listy .aries-cs__slides / .aries-slider__slides.
 * Strzałki, licznik i pasek dodaje assets/js/slider.js. Kolory sterowania biorą się
 * z koloru tekstu karty (currentColor): białe na zdjęciu, granatowe na szarym tle.
 */
:is(.aries-cs__slides, .aries-slider__slides) {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
	touch-action: pan-y;
}

/* Wszystkie slajdy w tej samej komórce siatki – przenikanie bez skoków wysokości */
:is(.aries-cs__slides, .aries-slider__slides) > * {
	grid-area: 1 / 1;
	margin: 0;
	transition: opacity 0.4s ease, visibility 0.4s;
}

/* Bez skryptu (i w edytorze) widać tylko pierwszy slajd */
.aries-cs:not(.is-ready) .aries-cs__slides > :not(:first-child),
.aries-slider:not(.is-ready) .aries-slider__slides > :not(:first-child) {
	display: none;
}

.is-ready :is(.aries-cs__slides, .aries-slider__slides) > :not(.is-active) {
	visibility: hidden;
	opacity: 0;
}

.aries-slider__controls {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--16);
}

.aries-slider__arrows {
	display: flex;
	gap: var(--wp--preset--spacing--16);
}

.aries-slider__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	color: inherit;
	/* Obrys do środka jak w Figmie: 2 px, hover 3 px (#006) */
	border: 0;
	box-shadow: inset 0 0 0 2px currentColor;
	border-radius: var(--wp--custom--radius--full);
	cursor: pointer;
	transition: box-shadow var(--aries-hover-duration) var(--aries-hover-ease);
}

.aries-slider__arrow::before {
	content: "";
	width: 14px;
	height: 13px;
	background-color: currentColor;
	-webkit-mask: var(--aries-icon-arrow) center / 14px 13px no-repeat;
	mask: var(--aries-icon-arrow) center / 14px 13px no-repeat;
}

.aries-slider__arrow--prev::before {
	transform: scaleX(-1);
}

/* Hover: obrys 3 px (bez zmiany wymiarów) */
.aries-slider__arrow:hover {
	box-shadow: inset 0 0 0 3px currentColor;
}

.aries-slider__arrow:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.aries-slider__counter {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-5);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.aries-slider__progress {
	--aries-slider-count: 4;
	--aries-slider-index: 0;

	position: relative;
	flex: none;
	width: 72px;
	height: 5px;
	overflow: hidden;
	background: color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 5px;
}

.aries-slider__progress::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(100% / var(--aries-slider-count));
	background: currentColor;
	border-radius: inherit;
	transform: translateX(calc(var(--aries-slider-index) * 100%));
	transition: transform 0.4s ease;
}

@media (prefers-reduced-motion: reduce) {
	:is(.aries-cs__slides, .aries-slider__slides) > *,
	.aries-slider__progress::before,
	.aries-slider__arrow {
		transition: none;
	}
}

/*
 * Wysokość kart Case Studies i Opinii na desktopie: proporcja 16:9 jak w Figmie (1392 x 783),
 * ale nie wyżej niż ekran i nie niżej niż 600 px. To wysokość minimalna – jeśli treść
 * jest dłuższa (np. długa opinia na niskim ekranie), karta po prostu rośnie, nic się nie ucina.
 */
:root {
	--aries-card-height: max(600px, min(calc((100vw - 2 * var(--wp--style--root--padding-left, 24px)) * 9 / 16), calc(100svh - 2 * var(--wp--style--root--padding-left, 24px))));
}

/* --- Case Studies: slider --- */
.aries-cs-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

/* Karta: zdjęcie aktywnego slajdu w tle, treść na wierzchu */
.aries-cs {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--32);
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--24);
	overflow: hidden;
	background-color: var(--wp--custom--color--bg--inverse);
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--inverse);
}

.aries-cs :where(h2, h3, p) {
	margin: 0;
}

.aries-cs__title {
	position: relative;
	z-index: 1;
	max-width: 783px;
}

/* Pętla zapytania i lista nie tworzą własnego kontekstu pozycji:
   zdjęcie slajdu rozciąga się na całą kartę. */
.aries-cs .aries-cs__query,
.aries-cs .aries-cs__slides,
.aries-cs .aries-cs__slides > li {
	position: static;
}

.aries-cs .aries-cs__slides > li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--24);
}

.aries-cs .aries-cs__slides > li > :not(.aries-cs__image) {
	position: relative;
	z-index: 1;
	max-width: 569px;
	margin: 0;
}

/* Zdjęcie w tle + przyciemnienie bg/overlay */
.aries-cs .aries-cs__image {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: auto;
	height: auto;
	margin: 0;
}

.aries-cs .aries-cs__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aries-cs .aries-cs__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wp--custom--color--bg--overlay);
}

/* Tytuł realizacji: H3, wygląd H4 z Figmy (Instrument Sans Bold) */
.aries-cs .aries-cs__name {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 700;
	line-height: 1.1;
}

/* Opis: maksymalnie 3 linie */
.aries-cs .aries-cs__excerpt .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* Desktop: wysokość z --aries-card-height (16:9, maks. wysokość ekranu) */
@media (min-width: 1024px) {
	.aries-cs {
		min-height: var(--aries-card-height);
	}
}

/* Telefon: mniejsze marginesy, przycisk na całą szerokość */
@media (max-width: 767px) {
	.aries-cs {
		justify-content: flex-start;
		gap: var(--wp--preset--spacing--48);
		padding: var(--wp--preset--spacing--16);
	}

	.aries-cs .aries-cs__slides > li > :not(.aries-cs__image) {
		max-width: none;
		align-self: stretch;
	}

	/* Przycisk „Zobacz cały projekt”: szerokość wg treści, do lewej (#015) */
	.aries-cs .aries-cs__slides > li > .wp-block-read-more {
		align-self: flex-start;
	}
}

/* --- Opinie: slider --- */
.aries-testimonials-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-testimonials {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--24);
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--112) var(--wp--preset--spacing--80) var(--wp--preset--spacing--112) 18%; /* 252 / 1392 */
	background-color: var(--wp--custom--color--bg--tertiary);
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--primary);
}

/* Kolejność jak w Figmie: pasek, licznik, strzałki */
.aries-testimonials .aries-slider__arrows {
	order: 3;
}

/* Jedna opinia: cudzysłów, cytat, autor */
.aries-testimonials .wp-block-quote {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--24);
	padding: 0;
	border: 0;
}

/* Cudzysłów: dekoracja (czytniki ekranu go pomijają) */
.aries-testimonials .wp-block-quote::before {
	content: "";
	flex: none;
	width: 154px;
	height: 130px;
	background-color: var(--wp--custom--color--icon--inverse);
	-webkit-mask: var(--aries-icon-quote) center / contain no-repeat;
	mask: var(--aries-icon-quote) center / contain no-repeat;
}

.aries-testimonials {
	--aries-icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 130'%3E%3Cpath d='M65.89 0v57.15c0 23.42-5.96 38.9-16.67 50.81C37.7 120.66 18.26 128.6 0 129.79V102c18.26-5.16 29.37-19.45 29.37-35.32H1.59V0h64.3ZM154 0v57.15c0 23.42-5.95 38.9-16.67 50.81-11.51 12.7-30.96 20.64-49.22 21.83V102c18.26-5.16 29.37-19.45 29.37-35.32H89.7V0H154Z'/%3E%3C/svg%3E");
}

.aries-testimonials .wp-block-quote p {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--body-quote); /* Figma: typo/font-size/body-quote, 21 → 32 px (#007) */
	line-height: 1.4;
	/* Wcięcie akapitowe ok. 17 liter (#025): średnia litera Boldonse ≈ 0,63 em (pomiar z pliku fontu),
	   17 × 0,63 ≈ 10,8 em. Jednostka ch tu nie pasuje – „0” w Boldonse ma 1,08 em, wyszłoby prawie 2× za dużo. */
	text-indent: 10.8em;
}

/* Telefon: 17 liter to ok. 2/3 szerokości linii – mniejsze wcięcie, ok. 6 liter */
@media (max-width: 767px) {
	.aries-testimonials .wp-block-quote p {
		text-indent: 3.8em;
	}
}

.aries-testimonials .wp-block-quote cite {
	display: block;
	font-size: var(--wp--preset--font-size--body);
	font-style: normal;
	line-height: 1.2;
}

/* Desktop: wysokość z --aries-card-height, jak Case Studies */
@media (min-width: 1024px) {
	.aries-testimonials {
		min-height: var(--aries-card-height);
	}
}

/* Tablet */
@media (max-width: 1023px) {
	.aries-testimonials {
		padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--48);
	}
}

/* Telefon */
@media (max-width: 767px) {
	.aries-testimonials {
		justify-content: flex-start;
		padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--16);
	}
}

/* --- Baner marki --- */
.aries-brand {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--64);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-brand__image {
	flex: 1 1 0;
	min-width: 0;
	max-width: 640px;
}

.aries-brand__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
}

.aries-brand__content :where(h2) {
	margin: 0;
}

.aries-brand__content .wp-block-buttons {
	margin: 0;
}

/* Tablet: dwie kolumny, mniejszy odstęp */
@media (max-width: 1023px) {
	.aries-brand {
		gap: var(--wp--preset--spacing--48);
	}
}

/* Telefon: zdjęcie na górze, pod nim tytuł i przycisk na całą szerokość */
@media (max-width: 767px) {
	.aries-brand {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--64);
	}

	.aries-brand__image {
		flex: none;
		width: 100%;
		max-width: none;
	}

	.aries-brand__content {
		align-items: stretch;
	}

	/* Przycisk: szerokość wg treści, do lewej (#015) */
}

/* --- Aktualności (3 najnowsze wpisy) --- */
.aries-blog {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--64);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-blog__intro {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--24);
}

.aries-blog__intro :where(h2, p) {
	margin: 0;
}

.aries-blog__body {
	flex: 0 1 496px;
}

.aries-blog__intro .wp-block-buttons {
	margin: 0;
}

/* Telefon: wszystko w kolumnie, przycisk na całą szerokość, karty co 64 px (jak w Figmie) */
@media (max-width: 767px) {
	.aries-blog__intro {
		flex-direction: column;
		align-items: stretch;
	}

	.aries-blog__body {
		flex-basis: auto;
	}

	/* Przycisk: szerokość wg treści, do lewej (#015) */

	.aries-blog .is-style-blog-cards.is-layout-grid {
		row-gap: var(--wp--preset--spacing--64);
	}
}

/* --- Ostatnie wezwanie (przed stopką) --- */
.aries-last-call-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

/* Karta: zdjęcie domyślne + przyciemnienie bg/overlay. Zdjęcie ustawione w edytorze (styl inline) ma pierwszeństwo. */
.aries-last-call {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--24);
	overflow: hidden;
	background-color: var(--wp--custom--color--bg--inverse);
	background-image: url("../images/last-call.webp");
	background-position: center;
	background-size: cover;
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--inverse);
}

/* Zawsze na wysokość ekranu (minus margines sekcji, jak hero); dłuższa treść może ją powiększyć */
.aries-last-call {
	box-sizing: border-box;
	min-height: calc(100svh - 2 * var(--wp--style--root--padding-left, 24px));
}

body.admin-bar .aries-last-call {
	min-height: calc(100svh - 2 * var(--wp--style--root--padding-left, 24px) - var(--wp-admin--admin-bar--height, 0px));
}

.aries-last-call::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wp--custom--color--bg--overlay);
}

.aries-last-call > * {
	position: relative;
}

.aries-last-call h2 {
	max-width: 783px;
	margin: 0;
}

.aries-last-call .wp-block-buttons {
	margin: 0;
}

/* Telefon: wyższa karta, przycisk na całą szerokość */
@media (max-width: 767px) {
	.aries-last-call {
		align-items: stretch;
		padding: var(--wp--preset--spacing--160) var(--wp--preset--spacing--16);
	}

	.aries-last-call h2 {
		max-width: none;
	}

	/* Przycisk: szerokość wg treści, do lewej (#015) */
}

/* --- Obszary działania (chipy) --- */
.aries-expertise {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--32);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-expertise h2 {
	margin: 0;
}

.aries-expertise__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
	max-width: 1344px;
}

/*
 * WordPress dodaje kolejnym blokom w grupie górny margines regułą „:root :where(.is-layout-flow) > *”,
 * która ma tę samą siłę co pojedyncza klasa – stąd dwie klasy. W chipach odstępy daje gap.
 */
.aries-expertise .aries-expertise__list > *,
.aries-expertise .aries-chip > * {
	margin: 0;
}

/* Chip: nazwa + okrągła miniaturka 64 px, obrys 1 px; bez stanów (nie jest klikalny) */
.aries-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--12) var(--wp--preset--spacing--8) var(--wp--preset--spacing--24);
	border: 1px solid var(--wp--custom--color--border--primary);
	border-radius: var(--wp--custom--radius--full);
}

.aries-chip .aries-chip__label {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 700;
	line-height: 1.1;
	white-space: nowrap;
}

.aries-chip .aries-chip__image {
	flex: none;
	width: 64px;
	height: 64px;
	margin: 0;
}

.aries-chip .aries-chip__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--full);
}

/* Telefon: chipy jeden pod drugim, wyśrodkowane (jak w Figmie) */
@media (max-width: 767px) {
	.aries-expertise__list {
		flex-direction: column;
		align-items: center;
	}
}

/* --- Kroki (Jak działamy): cyfra, tytuł, tekst, okrągłe zdjęcie --- */
.aries-step-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--64);
	padding: var(--wp--preset--spacing--112) var(--wp--preset--spacing--24);
	background-color: var(--wp--custom--color--bg--tertiary);
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--primary);
}

/* Zdjęcie po lewej */
.aries-step.aries-step--reverse {
	flex-direction: row-reverse;
}

/* Marginesy WordPressa w grupach – zerowane (dwie klasy, żeby wygrać z regułą :root :where(...)) */
.aries-step .aries-step__content > *,
.aries-step .aries-step__text > *,
.aries-step-section .aries-step > * {
	margin: 0;
}

.aries-step__content {
	display: flex;
	flex: 1 1 0;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
}

/* Cyfra kroku: Boldonse, wysokość cyfry 237 px na desktopie (rozmiar 199 px), biała */
.aries-step .aries-step__number {
	flex: none;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(120px, 13.8vw, 199px);
	line-height: 1.19;
	color: var(--wp--custom--color--icon--inverse);
	transform: translateY(0.035em); /* wyrównanie górnej krawędzi cyfry do tytułu */
}

.aries-step__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
}

.aries-step__text h2 {
	line-height: 1.4;
}

.aries-step .aries-step__image {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	max-width: 640px;
}

/* Tablet: mniejsze odstępy */
@media (max-width: 1023px) {
	.aries-step {
		gap: var(--wp--preset--spacing--48);
		padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--24);
	}
}

/* Telefon: treść nad zdjęciem (w obu wariantach), cyfra nad tytułem, żeby tekst miał całą szerokość */
@media (max-width: 767px) {
	.aries-step,
	.aries-step.aries-step--reverse {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--64);
	}

	.aries-step__content {
		flex-direction: column;
		gap: var(--wp--preset--spacing--16);
	}

	.aries-step .aries-step__image {
		flex: none;
		width: 100%;
		max-width: none;
	}
}

/* --- Deklaracja: gwiazdka + hasło --- */
.aries-statement-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-statement {
	--aries-icon-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 118 111'%3E%3Cpath d='M9.77 89.7l28.33-28.14L0 51.4l11.53-31.07 34.19 16.22L42.39 0h33.22l-3.32 36.54 34.38-16.22L118 51.4 79.71 61.56l28.52 28.14L82.64 111 59 76.8 35.36 111z'/%3E%3C/svg%3E");

	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--112);
	background-color: var(--wp--custom--color--bg--tertiary);
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--primary);
}

/* Gwiazdka 118 x 111 (dekoracja) */
.aries-statement::before {
	content: "";
	flex: none;
	width: 118px;
	height: 111px;
	background-color: var(--wp--custom--color--icon--inverse);
	-webkit-mask: var(--aries-icon-ornament) center / contain no-repeat;
	mask: var(--aries-icon-ornament) center / contain no-repeat;
}

.aries-statement-section .aries-statement > * {
	margin: 0;
}

.aries-statement .aries-statement__text {
	flex: 1 1 0;
	min-width: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--h-3);
	line-height: 1.4;
}

/* Tablet */
@media (max-width: 1023px) {
	.aries-statement {
		padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--48);
	}
}

/* Telefon: gwiazdka nad hasłem */
@media (max-width: 767px) {
	.aries-statement {
		flex-direction: column;
		padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--16);
	}

	.aries-statement .aries-statement__text {
		flex: none;
	}
}

/*
 * Ekrany szersze niż projekt (1440 px): Obszary i Deklaracja rosną proporcjonalnie w pionie,
 * żeby na 2560 px nie wyglądały jak cienkie paski. Do 1440 px nic się nie zmienia.
 * 112 px przy 1440 px = 7.78vw.
 */
@media (min-width: 1441px) {
	.aries-expertise {
		padding-block: 7.78vw;
	}

	.aries-statement {
		justify-content: center;
		padding-block: 7.78vw;
	}

	/* Hasło zachowuje układ linii z projektu (1026 px), zamiast rozlewać się na całą szerokość */
	.aries-statement .aries-statement__text {
		flex: 0 1 1026px;
	}
}

/* --- O nas: zdjęcie i tekst --- */
.aries-about-banner {
	display: flex;
	align-items: center;
	justify-content: center; /* zdjęcie i tekst razem na środku sekcji, także na szerokich ekranach */
	gap: var(--wp--preset--spacing--64);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-about-banner .aries-about-banner__image {
	flex: 1 1 0;
	min-width: 0;
	max-width: 640px;
}

.aries-about-banner__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
	max-width: 640px;
}

.aries-about-banner .aries-about-banner__content > *,
.aries-section.aries-about-banner > * {
	margin: 0;
}

@media (max-width: 1023px) {
	.aries-about-banner {
		gap: var(--wp--preset--spacing--48);
	}
}

/* Telefon: zdjęcie nad tekstem */
@media (max-width: 767px) {
	.aries-about-banner {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--64);
	}

	.aries-about-banner .aries-about-banner__image {
		flex: none;
		width: 100%;
		max-width: none;
	}

	.aries-about-banner__content {
		flex: none;
		max-width: none;
	}
}

/* --- Karta ze zdjęciem i przyciskiem (wariant Ostatniego wezwania): wysokość jak Case Studies --- */
.aries-last-call.aries-last-call--card,
body.admin-bar .aries-last-call.aries-last-call--card {
	min-height: 0;
}

@media (min-width: 1024px) {
	.aries-last-call.aries-last-call--card,
	body.admin-bar .aries-last-call.aries-last-call--card {
		min-height: var(--aries-card-height);
	}
}

.aries-last-call.aries-last-call--how-we-work {
	background-image: url("../images/about-how-we-work.webp");
	background-position: 50% 46%;
}

/* --- Szkolenia i certyfikaty --- */
.aries-cert-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-cert {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--64);
	padding: var(--wp--preset--spacing--24);
	background-color: var(--wp--custom--color--bg--tertiary);
	border-radius: var(--wp--custom--radius--30);
	color: var(--wp--custom--color--text--primary);
}

.aries-cert-section .aries-cert > *,
.aries-cert .aries-cert__content > * {
	margin: 0;
}

.aries-cert__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
	max-width: 640px;
}

/* Zdjęcie przycinane do pola 640 x 464 (certyfikat może mieć dowolne proporcje) */
.aries-cert .aries-cert__image {
	flex: 1 1 0;
	min-width: 0;
}

.aries-cert .aries-cert__image img {
	display: block;
	width: 100%;
	aspect-ratio: 640 / 464;
	object-fit: cover;
	/* Koncentrycznie: radius sekcji minus padding sekcji (30 - 24 = 6 px) */
	border-radius: calc(var(--wp--custom--radius--30) - var(--wp--preset--spacing--24));
}

/* Telefon: tekst nad zdjęciem, zdjęcie 464 px wysokości jak w Figmie */
@media (max-width: 767px) {
	.aries-cert {
		flex-direction: column;
		align-items: stretch;
		padding: var(--wp--preset--spacing--16);
	}

	.aries-cert__content {
		flex: none;
		max-width: none;
	}

	.aries-cert .aries-cert__image {
		flex: none;
	}

	.aries-cert .aries-cert__image img {
		aspect-ratio: auto;
		height: 464px;
		/* Padding 16 px na telefonie: 30 - 16 = 14 px */
		border-radius: calc(var(--wp--custom--radius--30) - var(--wp--preset--spacing--16));
	}
}

/* --- Lista (archiwum) realizacji / wpisów: siatka kart + „Pokaż więcej” --- */
.aries-archive {
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-archive .aries-archive__query {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--64);
}

.aries-archive .aries-archive__query > * {
	margin: 0;
}

/* Tytuł karty to H2 (nagłówek listy), wygląd bez zmian */
.aries-archive .wp-block-post-title {
	margin: 0;
}

/* „Pokaż więcej”: wygląd przycisku Menu (obrys, bez strzałki) */
.aries-load-more .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	box-sizing: border-box;
	margin: 0;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--20);
	color: var(--wp--custom--color--text--primary);
	/* Obrys do środka jak w Figmie: 2 px, hover 3 px (#006) */
	border: 0;
	box-shadow: inset 0 0 0 2px currentColor;
	border-radius: var(--wp--custom--radius--full);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: box-shadow var(--aries-hover-duration) var(--aries-hover-ease), background-color var(--aries-hover-duration) var(--aries-hover-ease);
}

.aries-load-more .wp-block-query-pagination-next:hover {
	box-shadow: inset 0 0 0 3px currentColor;
}

.aries-load-more .wp-block-query-pagination-next:active {
	background-color: color-mix(in srgb, currentColor 12%, transparent);
}

.aries-load-more .wp-block-query-pagination-next:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.aries-load-more .wp-block-query-pagination-next[aria-busy="true"] {
	cursor: progress;
	opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
	.aries-load-more .wp-block-query-pagination-next {
		transition: none;
	}
}

/* --- Pojedyncza realizacja: hero ze zdjęciem wyróżniającym --- */
.aries-hero--single .aries-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: auto;
	height: auto;
	margin: 0;
}

.aries-hero--single .aries-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aries-hero--single::before {
	z-index: 1;
}

.aries-hero.aries-hero--single > .aries-hero__content {
	z-index: 2;
}

.aries-hero--single .aries-hero__title {
	max-width: 783px;
	margin: 0;
}

.aries-hero--single .aries-hero__content > * {
	margin: 0;
}

/* Wiersz: czas czytania i autor, z ikonami */
.aries-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--24);
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.2;
}

.aries-hero .aries-meta > * {
	margin: 0;
}

.aries-meta__item {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--4);
}

.aries-meta__item::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: var(--aries-meta-icon) center / contain no-repeat;
	mask: var(--aries-meta-icon) center / contain no-repeat;
}

.aries-meta__item--time {
	--aries-meta-icon: url("../images/icon-clock.svg");
}

.aries-meta__item--author {
	--aries-meta-icon: url("../images/icon-person.svg");
}

/* --- Treść wpisu/realizacji pod hero --- */
.aries-main .aries-post-content > * {
	margin: 0;
}

/* Zwykłe bloki wpisane bez wzorca: wyśrodkowana kolumna 660 px */
.aries-main .aries-post-content > :where(p, h2, h3, h4, ul, ol, blockquote, .wp-block-image:not(.aries-wide-image)) {
	box-sizing: content-box;
	max-width: 660px;
	margin: var(--wp--preset--spacing--24) auto 0;
	padding-inline: var(--wp--style--root--padding-left, 24px);
}

.aries-main .aries-post-content > :where(p, h2, h3, h4, ul, ol, blockquote, .wp-block-image:not(.aries-wide-image)):first-child {
	margin-top: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px);
}

.aries-main .aries-post-content > :where(p, h2, h3, h4, ul, ol, blockquote, .wp-block-image:not(.aries-wide-image)):last-child {
	margin-bottom: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px);
}

/* --- Tekst wyśrodkowany --- */
.aries-text {
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(24px, calc(24px + (100vw - 390px) * 0.02286), 48px);
}

.aries-section.aries-text > * {
	max-width: 660px;
	margin: 0 auto;
}

.aries-section.aries-text > * + * {
	margin-top: var(--wp--preset--spacing--24);
}

/* --- Baner: tekst + okrągłe zdjęcie --- */
.aries-text-image {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--64);
	padding: clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px) clamp(16px, calc(16px + (100vw - 390px) * 0.03048), 48px);
}

.aries-section.aries-text-image > *,
.aries-text-image .aries-text-image__content > * {
	margin: 0;
}

.aries-text-image__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
	max-width: 640px;
}

.aries-text-image .aries-text-image__image {
	flex: 1 1 0;
	min-width: 0;
	max-width: 640px;
}

@media (max-width: 1023px) {
	.aries-text-image {
		gap: var(--wp--preset--spacing--48);
	}
}

/* Telefon: tekst nad zdjęciem */
@media (max-width: 767px) {
	.aries-text-image {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--64);
	}

	.aries-text-image__content,
	.aries-text-image .aries-text-image__image {
		flex: none;
		width: 100%;
		max-width: none;
	}
}

/* --- Duże zdjęcie 5:4 / 16:9 (na telefonie kwadrat) --- */
.aries-wide-image-section {
	padding: var(--wp--style--root--padding-left, 24px);
}

.aries-wide-image-section .aries-wide-image {
	margin: 0;
}

.aries-wide-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--30);
}

.aries-wide-image--5-4 img {
	aspect-ratio: 1392 / 1114;
}

.aries-wide-image--16-9 img {
	aspect-ratio: 16 / 9;
}

@media (max-width: 767px) {
	.aries-wide-image img {
		aspect-ratio: 1;
	}
}

/* --- Pojedynczy wpis (Aktualności): kolumna artykułu 640 px --- */
.aries-article {
	box-sizing: content-box;
	max-width: 640px;
	margin: 0 auto;
	padding: clamp(64px, calc(80px - (100vw - 390px) * 0.01524), 80px) var(--wp--style--root--padding-left, 24px) clamp(80px, calc(80px + (100vw - 390px) * 0.03048), 112px);
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.2;
}

.aries-main .aries-article > *,
.aries-article .aries-article__content > * {
	margin: 0;
}

.aries-main .aries-article > * + *,
.aries-article .aries-article__content > * + * {
	margin-top: var(--wp--preset--spacing--24);
}

/* Śródtytuły: Instrument Sans Bold, rozmiar H4 */
.aries-article .aries-article__content :is(h2, h3, h4) {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 700;
	line-height: 1.1;
}

.aries-article .aries-article__content :is(h3, h4) {
	font-size: var(--wp--preset--font-size--h-5);
}

/* Listy: pomarańczowa kropka 11 px, odstęp 24 px między punktami */
.aries-article .aries-article__content ul {
	padding: 0;
	list-style: none;
}

.aries-article .aries-article__content ul > li {
	position: relative;
	padding-left: 32px;
}

.aries-article .aries-article__content ul > li + li,
.aries-article .aries-article__content ol > li + li {
	margin-top: var(--wp--preset--spacing--24);
}

.aries-article .aries-article__content ul > li::before {
	content: "";
	position: absolute;
	top: calc(0.6em - 5.5px);
	left: 6.5px;
	width: 11px;
	height: 11px;
	background: var(--wp--custom--color--icon--accent);
	border-radius: 50%;
}

.aries-article .aries-article__content ol {
	padding-left: 32px;
}

/* Zdjęcia w treści: zaokrąglenie 10 */
.aries-article .aries-article__content .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--wp--custom--radius--30);
}

/* „Wróć”: link jak w menu stopki – bez podkreślenia, pomarańczowy na hover */
.aries-back-link a {
	display: inline-block;
	padding: var(--wp--preset--spacing--8) 0;
	color: var(--wp--custom--color--text--primary);
	text-decoration: none;
	transition: color var(--aries-hover-duration) var(--aries-hover-ease);
}

.aries-back-link a:hover {
	color: var(--wp--custom--color--text--accent);
}

.aries-back-link a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* --- Strona tekstowa (Polityka prywatności): kolumna 640 px, jasny header --- */
.aries-legal {
	box-sizing: content-box;
	max-width: 640px;
	margin: 0 auto;
	padding: var(--wp--preset--spacing--64) var(--wp--style--root--padding-left, 24px) var(--wp--preset--spacing--112);
	color: var(--wp--custom--color--text--primary);
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.2;
}

.aries-main .aries-legal > *,
.aries-legal .aries-legal__content > * {
	margin: 0;
}

.aries-main .aries-legal > * + * {
	margin-top: var(--wp--preset--spacing--48);
}

/* Tytuł: Instrument Sans Bold, rozmiar H4 */
.aries-legal .aries-legal__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 700;
	line-height: 1.1;
}

/* Odstępy jak w Figmie: 16 px w obrębie punktu, 48 px między punktami, 8 px pod podpunktem */
.aries-legal .aries-legal__content > * + * {
	margin-top: var(--wp--preset--spacing--16);
}

.aries-legal .aries-legal__content > h2 + *,
.aries-legal .aries-legal__content > * + h2 {
	margin-top: var(--wp--preset--spacing--16);
}

.aries-legal .aries-legal__content > * + h2 {
	margin-top: var(--wp--preset--spacing--48);
}

.aries-legal .aries-legal__content > * + h3 {
	margin-top: var(--wp--preset--spacing--32);
}

.aries-legal .aries-legal__content > h3 + * {
	margin-top: var(--wp--preset--spacing--8);
}

/* Punkty (H2): Instrument Sans Bold, rozmiar H5; podpunkty (H3): pogrubiony tekst */
.aries-legal .aries-legal__content h2 {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--h-5);
	font-weight: 700;
	line-height: 1.1;
}

.aries-legal .aries-legal__content :is(h3, h4) {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body-s);
	font-weight: 700;
	line-height: 1.2;
}

.aries-legal .aries-legal__content :is(ul, ol) {
	padding-left: 1.5em;
}

.aries-legal .aries-legal__content a {
	overflow-wrap: anywhere;
}