/* About page only. The existing closing retains all of its original shared styles. */
.adeka-about-page > .wp-block-group { margin-block: 0; }
.adeka-about-page .about-page-hero { padding-block: 48px 64px; }
.adeka-about-page .breadcrumb { margin-bottom: 32px; }
.adeka-about-page .about-page-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: center; margin-block: 0; }
.adeka-about-page .about-page-hero-grid > *,
.adeka-about-page .about-page-audiences-grid > *,
.adeka-about-page .about-page-audience > *,
.adeka-about-page .about-page-principles-grid > *,
.adeka-about-page .about-page-principle > * { margin-block: 0; min-width: 0; }
.adeka-about-page .about-page-copy .eyebrow { margin-bottom: 20px; }
.adeka-about-page h1 { font-size: clamp(40px, 4.2vw, 62px); margin-block: 0 24px; }
.adeka-about-page .lead { font-size: 19px; margin-block: 0; }
.adeka-about-page .about-page-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 85% center; border-radius: 16px; }
.adeka-about-page .about-page-audiences { padding-block: 64px; border-top: 1px solid var(--line); }
.adeka-about-page .about-page-audiences h2 { max-width: 800px; margin-bottom: 32px; }
.adeka-about-page .about-page-audiences-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 56px; }
.adeka-about-page .about-page-audience { display: grid; grid-row: span 3; grid-template-rows: subgrid; align-content: start; border-top: 1px solid var(--line); padding-top: 24px; }
.adeka-about-page .about-page-audience h3 { font-size: 27px; }
.adeka-about-page .about-page-audience p,
.adeka-about-page .about-page-principle p { color: var(--muted); }
.adeka-about-page .about-page-audience .text-link { max-width: 100%; min-height: 44px; gap: 14px; }
.adeka-about-page .about-page-audience .text-link span { flex-shrink: 0; }
.adeka-about-page .about-page-approach { padding-block: 60px 68px; background: var(--sand); }
.adeka-about-page .about-page-approach h2 { margin-bottom: 32px; }
.adeka-about-page .about-page-principles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 40px; }
.adeka-about-page .about-page-principle { display: grid; grid-row: span 3; grid-template-rows: subgrid; align-content: start; border-top: 1px solid var(--line); padding-top: 24px; }
.adeka-about-page .about-page-principle::before { content: ""; display: block; width: 28px; height: 28px; background: var(--green); mask: var(--about-icon) center / contain no-repeat; -webkit-mask: var(--about-icon) center / contain no-repeat; }
.adeka-about-page .about-icon-understand { --about-icon: url('icons/visa-visits.svg'); }
.adeka-about-page .about-icon-options { --about-icon: url('icons/about-options.svg'); }
.adeka-about-page .about-icon-plan { --about-icon: url('icons/route.svg'); }
.adeka-about-page .about-page-principle h3 { font-size: 24px; }
@supports not (grid-template-rows: subgrid) {
    .adeka-about-page .about-page-audience,
    .adeka-about-page .about-page-principle { display: flex; flex-direction: column; gap: 18px; }
    .adeka-about-page .about-page-audience > p:last-child { margin-top: auto; }
}
@media (max-width: 960px) {
    .adeka-about-page .about-page-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .adeka-about-page .about-page-photo { width: 100%; max-width: 640px; }
    .adeka-about-page .about-page-photo img { aspect-ratio: 16 / 9; }
    .adeka-about-page .about-page-audiences-grid,
    .adeka-about-page .about-page-principles-grid { column-gap: 28px; }
}
@media (max-width: 680px) {
    .adeka-about-page .about-page-hero { padding-block: 32px 44px; }
    .adeka-about-page .breadcrumb { margin-bottom: 26px; }
    .adeka-about-page h1 { font-size: 40px; }
    .adeka-about-page .lead { font-size: 17px; }
    .adeka-about-page .about-page-audiences,
    .adeka-about-page .about-page-approach { padding-block: 44px; }
    .adeka-about-page .about-page-audiences-grid,
    .adeka-about-page .about-page-principles-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .adeka-about-page .about-page-audience,
    .adeka-about-page .about-page-principle { grid-row: auto; grid-template-rows: auto; gap: 16px; }
}