/*
Theme Name: Atronos Ladelogistik
Theme URI: https://atronos.com
Author: Atronos Solutions GmbH
Description: Block-Theme für die Website von Atronos Ladelogistik – Ladeinfrastruktur für E-Lkw im Depot, finanziert, gebaut und betrieben von Atronos. Alle Abschnitte der Startseite sind als Muster (Kategorie „Atronos Ladelogistik“) im Editor bearbeitbar.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atronos-ladelogistik
*/

:root {
	--al-navy: #08253B;
	--al-navy-2: #27405C;
	--al-petrol: #00A8B5;
	--al-gruen: #02C39A;
	--al-signal: #F2B544;
	--al-text: #1B2A36;
	--al-grau: #5B6B77;
	--al-linie: #DEE5E9;
	--al-flaeche: #F1F5F7;
	--al-head: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
	--al-gap: clamp(1.25rem, 3vw, 2.5rem);
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body { margin: 0; -webkit-font-smoothing: antialiased; }
[id] { scroll-margin-top: 88px; }

a:focus-visible,
summary:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--al-signal);
	outline-offset: 3px;
}

/* ---------- Grundraster ---------- */
.al-wrap {
	box-sizing: border-box;
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.al-main { margin-top: 0 !important; }
.wp-site-blocks > * + * { margin-block-start: 0; }

.al-section {
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(4rem, 9vw, 7rem);
	margin: 0 !important;
}
.al-section--tint { background: var(--al-flaeche); }
.al-section--dark { background: var(--al-navy); color: #DCE6EE; }
.al-section--dark h2,
.al-section--dark h3 { color: #fff; }
.al-section--dark a:not(.wp-block-button__link) { color: #7FDDE4; }

.al-h2 { max-width: 28ch; margin-bottom: 0 !important; }
.al-intro {
	font-size: 1.25rem;
	line-height: 1.55;
	max-width: 62ch;
	color: var(--al-grau);
	margin-top: 1.25rem !important;
}
.al-section--dark .al-intro { color: #B9C9D6; }

.al-note {
	font-size: 0.9375rem;
	color: var(--al-grau);
	max-width: 80ch;
	margin-top: 2.5rem !important;
	padding-left: 1rem;
	border-left: 3px solid var(--al-linie);
}

.wp-block-group.al-split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--al-gap) clamp(2rem, 5vw, 5rem);
	margin-top: 3rem;
}
.wp-block-group.al-split > * { margin: 0; }
.al-split--text h3 { margin-top: 0; }

/* Haken-Liste */
ul.al-checks { list-style: none; padding: 0; margin: 1rem 0 0; }
ul.al-checks li {
	position: relative;
	padding-left: 2rem;
	margin: 0 0 0.75rem;
}
ul.al-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 0.95rem;
	height: 0.5rem;
	border-left: 3px solid var(--al-gruen);
	border-bottom: 3px solid var(--al-gruen);
	transform: rotate(-45deg);
}

/* ---------- Kopfzeile ---------- */
.al-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(8, 37, 59, 0.97);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin: 0 !important;
}
.admin-bar .al-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .al-header { top: 46px; } }

.wp-block-group.al-header__inner {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 72px;
}
.wp-block-group.al-header__inner > * { margin: 0 !important; }

.al-logo { font-family: var(--al-head); font-size: 1.25rem; line-height: 1; margin: 0; white-space: nowrap; }
.al-logo a { color: #fff; text-decoration: none; letter-spacing: 0.02em; }
.al-logo strong { font-weight: 700; letter-spacing: 0.14em; color: #fff; }
.al-logo a:hover strong { color: var(--al-petrol); }

.al-nav { margin-left: auto !important; font-family: var(--al-head); font-size: 1.0625rem; font-weight: 500; color: #fff; }
.al-nav .wp-block-navigation-item__content { color: #DCE6EE; text-decoration: none; padding: 0.25rem 0; }
.al-nav .wp-block-navigation-item__content:hover { color: #fff; box-shadow: inset 0 -2px 0 var(--al-petrol); }
.al-nav .wp-block-navigation__container { gap: 1.5rem; }
.al-nav .wp-block-navigation__responsive-container-open,
.al-nav .wp-block-navigation__responsive-container-close { color: #fff; }
.al-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--al-navy) !important;
	color: #fff !important;
	padding: 2rem 20px;
}
.al-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.25rem; font-size: 1.5rem; }

.al-header__cta .wp-block-button__link { padding: 0.55rem 1.1rem; font-size: 1rem; }

@media (max-width: 1000px) {
	.al-header__cta { display: none !important; }
}

/* ---------- Hero ---------- */
.al-hero {
	position: relative;
	margin: 0 !important;
	color: #fff;
	background-color: var(--al-navy);
	background-image:
		linear-gradient(90deg, rgba(8, 37, 59, 0.96) 0%, rgba(8, 37, 59, 0.88) 38%, rgba(8, 37, 59, 0.35) 72%, rgba(8, 37, 59, 0.15) 100%),
		url("assets/images/depot.jpg");
	background-size: cover;
	background-position: center right;
	padding-top: clamp(4.5rem, 11vw, 9rem);
}
.al-hero__inner { padding-bottom: clamp(3rem, 7vw, 6rem); }
.al-hero__inner > * { max-width: 680px; }

h1.al-hero__title {
	color: #fff;
	font-size: clamp(2.6rem, 5.6vw, 4.6rem);
	line-height: 1.02;
	letter-spacing: -0.015em;
	margin: 0;
	text-wrap: balance;
}
.al-hero__lead {
	font-size: clamp(1.125rem, 1.6vw, 1.3rem);
	line-height: 1.55;
	color: #D3DEE7;
	margin-top: 1.5rem !important;
	max-width: 58ch !important;
}
.al-hero__actions { margin-top: 2.25rem !important; gap: 0.75rem; }
.al-hero .is-style-outline .wp-block-button__link,
.al-contact .is-style-outline .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.55);
	padding: calc(0.8rem - 2px) calc(1.5rem - 2px);
}
.al-hero .is-style-outline .wp-block-button__link:hover { border-color: #fff; background: rgba(255, 255, 255, 0.08); }

ul.al-hero__facts {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0 auto !important;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
ul.al-hero__facts li {
	margin: 0;
	padding: 1.4rem 1.5rem 1.6rem 0;
	color: #B9C9D6;
	font-size: 1rem;
	line-height: 1.4;
	position: relative;
}
ul.al-hero__facts li::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 2.5rem;
	height: 3px;
	background: var(--al-gruen);
}
ul.al-hero__facts strong { display: block; color: #fff; font-family: var(--al-head); font-size: 1.25rem; font-weight: 600; margin-bottom: 0.15rem; }

/* ---------- Für wen ---------- */
.al-case {
	border-top: 4px solid var(--al-petrol);
	padding-top: 1.5rem;
}
.al-case h3 { margin: 0 0 0.75rem; }
.al-case p { margin: 0; color: var(--al-text); }
.al-profile {
	margin-top: 3.5rem !important;
	background: var(--al-flaeche);
	padding: clamp(1.5rem, 4vw, 2.75rem);
	border-radius: 6px;
}
.al-profile h3 { margin-top: 0; }
.al-profile .al-checks { columns: 2; column-gap: 3rem; }
.al-profile .al-checks li { break-inside: avoid; }

/* ---------- Leistung ---------- */
.wp-block-group.al-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin-top: 3rem;
	background: #fff;
	border: 1px solid var(--al-linie);
	border-radius: 6px;
}
.wp-block-group.al-benefits > * { margin: 0; }
.al-benefit { padding: clamp(1.5rem, 3.5vw, 2.5rem); }
.al-benefit:nth-child(odd) { border-right: 1px solid var(--al-linie); }
.al-benefit:nth-child(-n+2) { border-bottom: 1px solid var(--al-linie); }
.al-benefit h3 { margin: 0 0 0.75rem; }
.al-benefit h3::before {
	content: "";
	display: block;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	background: var(--al-gruen);
	margin-bottom: 1rem;
}
.al-benefit p { margin: 0; }

/* ---------- Modell ---------- */
.wp-block-group.al-parties {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 3rem;
}
.wp-block-group.al-parties > * { margin: 0; }
.al-party {
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 6px;
	padding: 1.75rem;
}
.al-party--atronos { background: var(--al-navy-2); border-color: var(--al-petrol); }
.al-party h3 { margin: 0 0 1rem; font-size: 1.5rem; }
.al-party--you h3::after,
.al-party--atronos h3::after,
.al-party--investor h3::after {
	display: block;
	font-family: var(--al-head);
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--al-petrol);
	margin-top: 0.3rem;
}
.al-party--you h3::after { content: "Logistikkunde"; }
.al-party--atronos h3::after { content: "Entwickler und Betreiber"; }
.al-party--investor h3::after { content: "Eigentümer der Anlagen"; }
.al-party ul { margin: 0; padding-left: 1.1rem; }
.al-party li { margin-bottom: 0.5rem; }
.al-party li::marker { color: var(--al-petrol); }

.al-terms__title { margin-top: 4rem !important; }
.wp-block-group.al-terms {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.wp-block-group.al-terms > * { margin: 0; }
.al-term { padding: 1.25rem 1.5rem 0 0; }
.al-term p { margin: 0; }
.al-term__key {
	font-family: var(--al-head);
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--al-signal) !important;
	margin-bottom: 0.25rem !important;
}

/* ---------- Technik: Energiefluss ---------- */
.wp-block-group.al-flow {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 3rem;
}
.wp-block-group.al-flow > * { margin: 0; }
.al-flow::before {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	top: calc(var(--al-node-img, 180px) + 1.55rem - 3px);
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--al-navy-2), var(--al-petrol) 45%, var(--al-gruen));
	z-index: 0;
}

.al-node { position: relative; z-index: 1; text-align: center; }
.al-node__img { margin: 0 0 1rem !important; }
.al-node__img img {
	width: 100%;
	height: var(--al-node-img, 180px);
	object-fit: cover;
	border-radius: 6px;
	display: block;
	background: #fff;
}
.al-node:nth-child(2) .al-node__img img,
.al-node:nth-child(3) .al-node__img img { object-fit: contain; background: #fff; border: 1px solid var(--al-linie); }
.al-node__label {
	display: inline-block;
	position: relative;
	font-family: var(--al-head);
	font-weight: 600;
	font-size: 1.125rem;
	color: var(--al-navy);
	margin: 0 !important;
}
.al-node__label::before {
	content: "";
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	margin: 0 auto 0.6rem;
	border-radius: 50%;
	background: #fff;
	border: 4px solid var(--al-petrol);
	box-sizing: border-box;
}
.al-node__value {
	font-family: var(--al-head);
	font-size: clamp(1.6rem, 2.6vw, 2.1rem);
	font-weight: 700;
	color: var(--al-navy);
	margin: 0.25rem 0 0 !important;
	line-height: 1.1;
}
.al-node--fleet { padding-top: calc(var(--al-node-img, 180px) + 1rem); }
.al-node--fleet .al-node__label::before { border-color: var(--al-gruen); background: var(--al-gruen); }

/* Tagesplan */
.al-plan__title { margin-top: 4.5rem !important; }
.wp-block-group.al-day {
	display: flex;
	margin-top: 1.5rem;
	border-radius: 6px;
	overflow: hidden;
	font-size: 0.9375rem;
	line-height: 1.3;
}
.wp-block-group.al-day > * { margin: 0 !important; }
.al-seg { padding: 0.9rem 0.75rem; min-width: 0; color: #fff; border-right: 2px solid #fff; }
.al-seg:last-child { border-right: 0; }
.al-seg strong { display: block; font-family: var(--al-head); font-weight: 600; font-size: 1rem; }
.al-seg--h2 { flex: 2 1 0; }
.al-seg--h3 { flex: 3 1 0; }
.al-seg--h5 { flex: 5 1 0; }
.al-seg--grid { background: var(--al-navy-2); }
.al-seg--store { background: var(--al-petrol); color: var(--al-navy); }
.al-seg--market { background: var(--al-signal); color: var(--al-navy); }
.al-seg--truck { background: var(--al-gruen); color: var(--al-navy); font-weight: 600; }

/* ---------- Kosten ---------- */
.wp-block-group.al-cost {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	gap: var(--al-gap);
	margin-top: 3rem;
	align-items: stretch;
}
.wp-block-group.al-cost > * { margin: 0; }
.al-bars {
	background: #fff;
	border: 1px solid var(--al-linie);
	border-radius: 6px;
	padding: clamp(1.5rem, 3.5vw, 2.5rem);
}
.al-bars__caption { margin: 0 0 1.5rem !important; color: var(--al-grau); font-size: 0.9375rem; }
.al-bar { margin: 0 0 1.5rem !important; }
.al-bar:last-child { margin-bottom: 0 !important; }
.al-bar__label { margin: 0 0 0.4rem !important; font-weight: 600; color: var(--al-navy); }
.al-bar__fill {
	margin: 0 !important;
	box-sizing: border-box;
	padding: 0.7rem 1rem;
	border-radius: 4px;
	font-family: var(--al-head);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	text-align: right;
}
.al-bar--public .al-bar__fill { width: 100%; background: #C9D3DA; color: var(--al-navy); }
.al-bar--atronos .al-bar__fill { width: 74%; background: var(--al-petrol); color: var(--al-navy); }

.al-saving {
	background: var(--al-navy);
	color: #DCE6EE;
	border-radius: 6px;
	padding: clamp(1.5rem, 3.5vw, 2.5rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.al-saving p { margin: 0; }
.al-saving__value {
	font-family: var(--al-head);
	font-size: clamp(2.2rem, 4vw, 3rem);
	font-weight: 700;
	color: var(--al-gruen);
	line-height: 1.05;
	margin-bottom: 0.75rem !important;
}

/* ---------- Ablauf ---------- */
.wp-block-group.al-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 3rem;
	counter-reset: none;
}
.wp-block-group.al-steps > * { margin: 0; }
.al-step { padding: 0 1.5rem 0 0; border-top: 4px solid var(--al-linie); position: relative; }
.al-step::before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 40%;
	height: 4px;
	background: var(--al-petrol);
}
.al-step:last-child::before { width: 100%; background: var(--al-gruen); }
.al-step__meta { margin: 1.25rem 0 0 !important; color: var(--al-grau); font-size: 0.9375rem; }
.al-step__meta strong {
	display: block;
	font-family: var(--al-head);
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	color: var(--al-navy);
	margin-bottom: 0.35rem;
}
.al-step h3 { margin: 0.75rem 0 0.5rem; }
.al-step p:last-child { margin: 0; }

/* ---------- Team ---------- */
.wp-block-group.al-people {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--al-gap);
	margin-top: 3rem;
}
.wp-block-group.al-people > * { margin: 0; }
.al-person > * { margin-top: 0; }
.al-person__img { margin: 0 0 1.25rem !important; }
.al-person__img img { width: 100%; max-width: 220px; aspect-ratio: 1; object-fit: cover; border-radius: 6px; display: block; }
.al-person h3 { margin: 0; }
.al-person__role { color: var(--al-petrol); font-family: var(--al-head); font-weight: 600; font-size: 1.0625rem; margin: 0.2rem 0 1rem !important; filter: brightness(0.8); }
.al-person ul { padding-left: 1.1rem; margin: 0; font-size: 1rem; }
.al-person li { margin-bottom: 0.45rem; }
.al-person li::marker { color: var(--al-petrol); }

.al-refs__title { margin-top: 4rem !important; }
ul.al-refs {
	list-style: none;
	padding: 0;
	margin: 1.25rem 0 0 !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}
ul.al-refs li { margin: 0; padding: 1.25rem 0 0; border-top: 1px solid var(--al-linie); color: var(--al-grau); font-size: 1rem; line-height: 1.4; }
ul.al-refs strong { display: block; font-family: var(--al-head); font-size: 2.25rem; font-weight: 700; color: var(--al-navy); line-height: 1.05; margin-bottom: 0.25rem; }

/* ---------- FAQ ---------- */
.al-faq > * { max-width: 880px; }
.al-faq .wp-block-details {
	border-bottom: 1px solid var(--al-linie);
	margin: 0 !important;
	padding: 0;
}
.al-faq .al-h2 + .wp-block-details { margin-top: 2rem !important; border-top: 1px solid var(--al-linie); }
.al-faq summary {
	cursor: pointer;
	list-style: none;
	font-family: var(--al-head);
	font-weight: 600;
	font-size: 1.3rem;
	color: var(--al-navy);
	padding: 1.2rem 3rem 1.2rem 0;
	position: relative;
}
.al-faq summary::-webkit-details-marker { display: none; }
.al-faq summary::after {
	content: "+";
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.75rem;
	font-weight: 400;
	color: var(--al-petrol);
	transition: transform 0.2s ease;
}
.al-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.al-faq summary:hover { color: var(--al-navy-2); }
.al-faq details p { margin: 0 0 1.4rem !important; max-width: 70ch; }
@media (prefers-reduced-motion: reduce) { .al-faq summary::after { transition: none; } }

/* ---------- Kontakt ---------- */
.al-contact .al-h2 { max-width: 26ch; }
.al-contact .al-split { align-items: start; }
.al-contact .al-intro { margin-top: 0 !important; color: #fff; }
.al-person-card {
	margin-top: 2.5rem !important;
	border-left: 4px solid var(--al-gruen);
	padding-left: 1.5rem;
}
.al-person-card p { margin: 0 0 0.5rem; }
.al-person-card__name { font-family: var(--al-head); font-size: 1.5rem; font-weight: 700; color: #fff; }
.al-person-card .wp-block-buttons { margin-top: 1.25rem !important; }
.al-needs {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 6px;
	padding: clamp(1.5rem, 3.5vw, 2.25rem);
}
.al-needs h3 { margin-top: 0; }
.al-needs__head { font-family: var(--al-head); font-weight: 600; font-size: 1.125rem; color: var(--al-signal); margin: 1.5rem 0 0.5rem !important; }
.al-needs ul { margin: 0; padding-left: 1.1rem; font-size: 1rem; }
.al-needs li { margin-bottom: 0.35rem; }

/* ---------- Fußzeile ---------- */
.al-footer {
	background: #051A2A;
	color: #9FB3C8;
	padding: 3.5rem 0 2rem;
	font-size: 1rem;
	margin: 0 !important;
}
.al-footer a { color: #DCE6EE; }
.al-footer a:hover { color: var(--al-petrol); }
.wp-block-group.al-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 2rem;
}
.wp-block-group.al-footer__grid > * { margin: 0; }
.al-footer__brand p { margin: 0 0 0.75rem; max-width: 40ch; }
.al-footer__head { font-family: var(--al-head); font-weight: 600; color: #fff; margin: 0 0 0.5rem !important; }
.al-footer__col p { margin: 0; }
.al-footer__copy { margin-top: 2.5rem !important; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.875rem; }

/* ---------- Unterseiten (Impressum, Datenschutz) ---------- */
.al-page { padding-top: 4rem; padding-bottom: 5rem; }

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
	ul.al-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wp-block-group.al-parties { grid-template-columns: 1fr; }
	.wp-block-group.al-terms,
	.wp-block-group.al-steps,
	ul.al-refs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; }
	.wp-block-group.al-people { grid-template-columns: 1fr; }
	.al-person { display: grid; grid-template-columns: 140px 1fr; column-gap: 1.5rem; }
	.al-person > .al-person__img { grid-row: span 3; }
	.al-person > ul { grid-column: 2; }
	.wp-block-group.al-cost { grid-template-columns: 1fr; }
	.wp-block-group.al-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; }
	.al-flow::before { display: none; }
	.al-node--fleet { padding-top: 0; align-self: center; }
	.wp-block-group.al-day { flex-wrap: wrap; }
	.al-seg { flex: 1 1 30% !important; border-bottom: 2px solid #fff; }
}

@media (max-width: 680px) {
	.wp-block-group.al-split,
	.wp-block-group.al-benefits,
	.wp-block-group.al-footer__grid { grid-template-columns: 1fr; }
	.al-benefit:nth-child(odd) { border-right: 0; }
	.al-benefit:nth-child(-n+3) { border-bottom: 1px solid var(--al-linie); }
	.al-profile .al-checks { columns: 1; }
	.al-hero { background-image: linear-gradient(180deg, rgba(8, 37, 59, 0.82), rgba(8, 37, 59, 0.97) 60%), url("assets/images/depot.jpg"); }
	ul.al-hero__facts { grid-template-columns: 1fr 1fr; }
	ul.al-hero__facts li { padding-right: 1rem; }
	.wp-block-group.al-terms,
	.wp-block-group.al-steps { grid-template-columns: 1fr; }
	.al-person { grid-template-columns: 96px 1fr; }
	.al-seg { flex: 1 1 45% !important; }
	.al-bar--atronos .al-bar__fill { width: 74%; }
	.al-node__img img { height: 140px; }
}