/* McCabe About Us — new template (Figma 218:33614) — iter3 */
/* Scoped under .au to avoid leaking into homepage */

.au { --au-green:#008045; --au-green-2:#016b3a; --au-green-3:#015a31; --au-ink:#0F1A0E; --au-mute:#5C6A5A; --au-bg:#F4F1E9; --au-line:#E2DDC9; --au-card:#FFFFFF; }
.au * { box-sizing: border-box; }
.au img { max-width:100%; height:auto; display:block; }

/* ---------- shared atoms ---------- */
.au .au-pill { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; background:#EAF6EE; border:1px solid #C8E4D2; border-radius:999px; font:600 13px/1 'Instrument Sans', system-ui, sans-serif; color:var(--au-green-2); width:fit-content; }
.au .au-pill--sm { height:26px; font-size:12px; padding:0 10px; }
.au .au-pill--shadow { box-shadow:0 1px 2px rgba(0,0,0,.04); }
.au .au-pill--ghost { background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.22); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.au .au-pill--om { background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.22); }

.au .au-accent { color: var(--au-green-2); }

.au .au-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 24px; border-radius:8px; font:500 15px/1 'Instrument Sans', system-ui, sans-serif; text-decoration:none; transition:transform .15s, background .15s, color .15s, border-color .15s; cursor:pointer; }
.au .au-btn--primary { background:linear-gradient(180deg,#019a52,#016b3a); color:#fff; box-shadow:0 6px 14px rgba(1,107,58,.30); }
.au .au-btn--primary:hover { transform:translateY(-1px); }
.au .au-btn--ghost { background:transparent; color:var(--au-ink); border:1px solid var(--au-ink); }
.au .au-btn--ghost-light { background:rgba(255,255,255,.05); color:#fff; border:1px solid rgba(255,255,255,.30); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.au .au-btn--ghost-light:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.55); }
.au .au-btn--lg { height:54px; font-size:17px; padding:0 28px; }

/* ---------- 1. HERO (dark + dot pattern, Figma 218:33646) ---------- */
.au-hero { position:relative; padding:120px 0 80px; overflow:hidden; color:#fff; isolation:isolate; }
.au-hero--dark {
  background:
    radial-gradient(ellipse 90% 110% at 60% 12%, rgba(40,52,44,.55) 0%, rgba(10,14,11,.95) 70%, #050706 100%),
    linear-gradient(180deg,#0a0e0c 0%, #0a1310 60%, #051f14 100%);
}
.au-hero__bg { position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:var(--au-hero-photo, url("../img/about/au-hero-photo.jpg"));
  background-image:var(--au-hero-photo, image-set(url("../img/about/au-hero-photo.jpg") 1x, url("../img/about/au-hero-photo-2x.jpg") 2x));
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover; opacity:1; }
.au-hero__bg::after { content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(5,7,6,.92) 0%, rgba(5,7,6,.78) 38%, rgba(5,7,6,.30) 62%, rgba(5,7,6,.18) 100%),
    radial-gradient(ellipse 80% 110% at 8% 50%, rgba(5,7,6,.55) 0%, rgba(5,7,6,0) 70%);
  pointer-events:none;
}
.au-hero__dots { position:absolute; inset:0; pointer-events:none; z-index:1; opacity:.55;
  background-image:var(--au-hero-dots, url("../img/about/hero-usmap-dots.svg"));
  background-repeat:no-repeat;
  background-position:right top;
  background-size:1100px auto;
  mix-blend-mode:screen;
}
.au-hero__dots--legacy { position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-image:radial-gradient(circle, rgba(255,255,255,.32) 1px, transparent 1.4px);
  background-size:18px 18px;
  mask-image:radial-gradient(ellipse 60% 90% at 85% 0%, #000 0%, transparent 65%);
  -webkit-mask-image:radial-gradient(ellipse 60% 90% at 85% 0%, #000 0%, transparent 65%);
}
.au-hero__inner { max-width:1330px; margin:0 auto; padding:0 55px; position:relative; z-index:1; }
.au-hero__crumbs { font:400 16px/1.4 'Instrument Sans', system-ui, sans-serif; color:rgba(255,255,255,.7); margin-bottom:36px; display:flex; gap:6px; }
.au-hero__crumbs .is-current { color:#fff; font-weight:500; }
.au-hero__crumbs a { color:rgba(255,255,255,.7); text-decoration:none; }
.au-hero__col { max-width:560px; }
.au-hero .au-pill--ghost { margin-bottom:22px; font-size:12px; height:35px; padding:0 14px; letter-spacing:.02em; }
.au-hero__title { font:600 64px/1.08 'Instrument Sans', system-ui, sans-serif; color:#fff; margin:0 0 22px; letter-spacing:-0.02em; }
.au-hero__sub { font:500 17px/1.5 'Instrument Sans', system-ui, sans-serif; color:rgba(255,255,255,.78); margin:0 0 32px; max-width:430px; }
.au-hero__ctas { display:flex; gap:12px; flex-wrap:wrap; }

/* ---------- 2. STATS STRIP (matched to service .svc-proven__kpi*) ---------- */
.au-stats { background:#fff; border-top:1px solid var(--au-line); border-bottom:1px solid var(--au-line); }
.au-stats__inner { max-width:1330px; margin:0 auto; padding:36px 55px; display:grid; grid-template-columns:repeat(5, 1fr); gap:0; }
.au-stats__item { padding:0 26px; min-width:120px; }
.au-stats__item--bordered { border-left:1px solid var(--au-line); }
.au-stats__v { font:600 36px/1 'Instrument Sans', system-ui, sans-serif; color:var(--au-green-2); letter-spacing:0; }
.au-stats__l { font:400 13px/1.3 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin-top:8px; }

/* ---------- 3. STORY ---------- */
.au-story { padding:80px 0; }
.au-story__inner { max-width:1330px; margin:0 auto; padding:0 55px; display:grid; grid-template-columns:1fr 1fr; gap:62px; align-items:start; }
.au-story__txt .au-pill { margin-bottom:24px; }
.au-story__title { font:600 56px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 24px; letter-spacing:-0.01em; }
.au-story__title .au-accent { color:var(--au-green-2); }
.au-story__body { font:500 17px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); }
.au-story__body p { margin:0 0 18px; }
.au-story__body p:last-child { margin-bottom:0; font-weight:600; }
.au-story__img img { width:100%; height:621px; object-fit:cover; border-radius:18px; }

/* ---------- 4. TIMELINE (horizontal Swiper, Figma 230:2) ---------- */
.au-tl { padding:60px 0 80px; background:#fff; overflow:hidden; position:relative; }
.au-tl__head { max-width:1330px; margin:0 auto 40px; padding:0 55px; position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.au-tl__head-l { display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.au-tl__head-l .au-pill { margin-bottom:18px; }
.au-tl__pag { text-align:center; margin-top:28px; }
.au-tl__pag .swiper-pagination-bullet { width:8px; height:8px; background:#C8E4D2; opacity:1; margin:0 5px; transition:background .15s; }
.au-tl__pag .swiper-pagination-bullet-active { background:var(--au-green-2); }
.au-tl__head > div:not(.au-tl__nav) { flex:1; }
.au-tl__head .au-pill { margin-bottom:18px; }
.au-tl__title { font:600 56px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0; letter-spacing:-0.01em; flex:1; }
.au-tl__title .au-accent { color:var(--au-green-2); }
.au-tl__nav { display:flex; gap:12px; align-self:flex-end; }
.au-tl__btn { width:48px; height:48px; border-radius:12px; border:1px solid #C8E4D2; background:#EAF6EE; color:var(--au-green-2); cursor:pointer; font-size:18px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s,color .15s,border-color .15s; }
.au-tl__btn--next { background:var(--au-green-2); color:#fff; border-color:var(--au-green-2); }
.au-tl__btn:hover:not(.swiper-button-disabled) { background:var(--au-green-2); color:#fff; border-color:var(--au-green-2); }
.au-tl__btn.swiper-button-disabled { opacity:.35; cursor:default; }
.au-tl__rail-wrap { max-width:1330px; margin:0 auto; padding:0 55px; }
.au-tl__swiper { overflow:visible !important; padding-left:4px; }
.au-tl__slide { padding:24px 0 8px; height:auto; border-left:3px solid var(--au-green-2); padding-left:22px; }
.au-tl__card { padding-right:8px; }
.au-tl__card .au-pill--sm { margin-bottom:14px; }
.au-tl__year { font:700 36px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-green-2); margin-bottom:14px; }
.au-tl__t { font:700 20px/1.25 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 14px; }
.au-tl__b { font:500 15px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin:0; }

/* ---------- 5. OPERATING MODEL ---------- */
.au-om { padding:80px 0; background:var(--au-green-2); color:#fff; position:relative; overflow:hidden; }
.au-om::before { content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--au-hero-dots, url("../img/about/hero-usmap-dots.svg"));
  background-repeat:no-repeat; background-position:center top; background-size:1331px auto; opacity:.55; z-index:0;
}
.au-om__head { max-width:1330px; margin:0 auto 50px; padding:0 55px; position:relative; text-align:center; }
.au-om__head .au-pill { margin:0 auto 18px; }
.au-om__title { font:600 64px/1.05 'Instrument Sans', system-ui, sans-serif; margin:0; letter-spacing:-0.02em; color:#fff; }
.au-om__grid { max-width:1330px; margin:0 auto; padding:0 55px; display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; position:relative; }
.au-om__card { background:#fff; border-radius:14px; padding:32px 30px; position:relative; overflow:hidden; min-height:200px; }
.au-om__num { position:absolute; top:18px; right:24px; font:700 64px/.9 'Instrument Sans', system-ui, sans-serif; color:rgba(1,107,58,.16); letter-spacing:-0.04em; }
.au-om__txt { position:relative; z-index:1; max-width:calc(100% - 40px); }
.au-om__t { font:700 22px/1.2 "Instrument Sans", system-ui, sans-serif; color:var(--au-green-2); margin:0 0 14px; padding:0 70px 14px 0; border-bottom:1px solid #E2EFE7; }
.au-om__b { font:400 15px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin:0; }

/* ---------- 6. WHY SHIPPERS ---------- */
.au-why { padding:80px 0 100px; }
.au-why__inner { max-width:1330px; margin:0 auto; padding:0 55px; display:grid; grid-template-columns:1.3fr 1fr; gap:80px; align-items:start; }
.au-why__col .au-pill { margin-bottom:18px; }
.au-why__title { font:600 56px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 32px; letter-spacing:-0.01em; }
.au-why__title .au-accent { color:var(--au-green-2); }
.au-why__list { list-style:none; margin:0; padding:0; }
.au-why__item { padding:22px 0; border-top:1px solid var(--au-line); display:flex; gap:18px; align-items:flex-start; }
.au-why__item:first-child { border-top:0; padding-top:0; }
.au-why__icon { flex:0 0 56px; width:56px; height:56px; display:inline-flex; align-items:center; justify-content:center; }
.au-why__icon svg { width:56px; height:56px; display:block; }
.au-why__txt { flex:1; min-width:0; }
.au-why__t { font:600 18px/1.3 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 8px; }
.au-why__b { font:400 15px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin:0; }

.au-why__media { position:relative; align-self:stretch; }
.au-why__card { position:relative; background-color:#016B3A; border-radius:32px; padding:42px 42px 0; color:#fff; overflow:hidden; min-height:560px; display:flex; flex-direction:column; }
img.au-why__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.au-why__card::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(81.91% 99.85% at 53.93% 99.93%, rgba(0,0,0,0.20) 0%, #016B3A 100%),
    linear-gradient(180deg, rgba(0,129,69,0.22) 0%, rgba(0,0,0,0.22) 100%);
}
.au-why__qmark { position:relative; z-index:2; font:600 64px/.6 Georgia, serif; color:rgba(255,255,255,.55); margin-bottom:8px; }
.au-why__quote-text { position:relative; z-index:2; font:600 30px/1.2 'Instrument Sans', system-ui, sans-serif; margin:0 0 24px; color:#fff; }
.au-why__attr { position:absolute; right:34px; bottom:28px; z-index:2; font:500 14px/1.4 'Instrument Sans', system-ui, sans-serif; color:rgba(255,255,255,.92); text-align:right; max-width:55%; }

/* ---------- 7. TWO BASES ---------- */
.au-bases { padding:80px 0; background:#fff; }
.au-bases__inner { max-width:1330px; margin:0 auto; padding:0 55px; display:grid; grid-template-columns:1fr 1fr; gap:62px; align-items:start; }
.au-bases__col--txt .au-pill { margin-bottom:18px; }
.au-bases__title { font:600 56px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 24px; letter-spacing:-0.01em; }
.au-bases__title .au-accent { color:var(--au-green-2); }
.au-bases__lead { font:400 16px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin:0 0 18px; }
.au-bases__info { list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:18px 18px; }
.au-bases__info li { padding:22px 26px; border:1px solid var(--au-line); border-radius:12px; display:flex; flex-direction:column; gap:8px; background:#fff; }
.au-bases__info-l { font:600 18px/1.3 'Instrument Sans', system-ui, sans-serif; color:var(--au-green-2); }
.au-bases__info-v { font:400 15px/1.5 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); white-space:pre-line; }
.au-bases__col--media { position:relative; align-self:stretch; }
.au-bases__big { background:#016B3A; color:#fff; border-radius:32px; padding:64px 48px 48px; text-align:center; position:relative; overflow:hidden; min-height:430px; display:flex; flex-direction:column; justify-content:center;
  background-image:
    linear-gradient(180deg, rgba(1,107,58,.92) 0%, rgba(1,107,58,.96) 100%),
    var(--au-bases-truck, url("../img/about/bases-truck.jpg"));
  background-size:cover, cover;
  background-position:center, center 40%;
  background-repeat:no-repeat, no-repeat;
}
.au-bases__big::before { content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--au-bases-dots, url("../img/about/bases-dots-card.svg"));
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:100% 100%;
  opacity:1; z-index:0;
}
.au-bases__big > * { position:relative; z-index:1; }
.au-bases__big-v { font:600 144px/.9 'Instrument Sans', system-ui, sans-serif; letter-spacing:-0.04em; }
.au-bases__big-l { font:600 42px/1.05 'Instrument Sans', system-ui, sans-serif; margin-top:18px; }
.au-bases__big-s { font:400 15px/1.4 'Instrument Sans', system-ui, sans-serif; opacity:.92; margin-top:14px; }
.au-bases__regions { margin-top:30px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; position:relative; }
.au-bases__region { display:inline-flex; align-items:center; height:34px; padding:0 16px; border-radius:999px; background:rgba(0,0,0,.18); color:#fff; border:1px solid rgba(255,255,255,.35); box-shadow:none; font:600 13px/1 'Instrument Sans', system-ui, sans-serif; backdrop-filter:blur(2px); }
.au-bases__img { display:none; }

/* ---------- 8. SLIDER → static 3-card grid (sec7), green bg ---------- */
.au-sl { padding:80px 0; background:var(--au-green-2); color:#fff; position:relative; overflow:hidden; }
.au-sl::before { content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--au-bases-dots, url("../img/about/bases-dots-card.svg"));
  background-repeat:no-repeat, no-repeat;
  background-position:left top, right bottom;
  background-size:50% auto, 50% auto; opacity:.55; z-index:0;
}
.au-sl__head { max-width:1330px; margin:0 auto 40px; padding:0 55px; position:relative; text-align:center; }
.au-sl__head .au-pill { margin:0 auto 18px; }
.au-sl__title { font:600 64px/1.05 'Instrument Sans', system-ui, sans-serif; color:#fff; margin:0 0 18px; letter-spacing:-0.02em; }
.au-sl__lead { font:400 16px/1.55 'Instrument Sans', system-ui, sans-serif; color:rgba(255,255,255,.85); margin:0 auto; max-width:680px; }
.au-sl__grid { max-width:1330px; margin:0 auto; padding:0 55px; display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; position:relative; }
.au-sl__card { background:#fff; border-radius:14px; padding:36px 32px; min-height:240px; position:relative; overflow:hidden; }
.au-sl__num { position:absolute; top:18px; right:24px; font:700 64px/.9 'Instrument Sans', system-ui, sans-serif; color:rgba(1,107,58,.18); letter-spacing:-0.04em; }
.au-sl__cardtxt { position:relative; z-index:1; }
.au-sl__st { font:700 26px/1.18 "Instrument Sans", system-ui, sans-serif; color:var(--au-green-2); margin:0 0 14px; padding-right:70px; }
.au-sl__sb { font:400 15px/1.55 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); margin:0; }

/* ---------- 9. CTA banner ---------- */
.au-cta { padding:50px 0 80px; }
.au-cta__inner { max-width:1330px; margin:0 auto; padding:48px 55px; background:var(--au-green-2); color:#fff; border-radius:18px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; min-height:220px; position:relative; overflow:hidden; flex-wrap:wrap; }
.au-cta__inner::before { content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--au-hero-dots, url("../img/about/hero-usmap-dots.svg"));
  background-repeat:no-repeat; background-position:right center; background-size:60% auto; opacity:.6; z-index:0;
}
.au-cta__title { position:relative; font:600 56px/1.08 'Instrument Sans', system-ui, sans-serif; margin:0; letter-spacing:-0.02em; color:#fff; }
.au-cta__inner .au-btn { position:relative; }
.au-cta__inner .au-btn--primary { background:#fff; color:var(--au-green-2); box-shadow:0 6px 14px rgba(0,0,0,.18); }
.au-cta__inner .au-btn--primary:hover { background:#f1f1f1; }

/* ---------- 10. TRACK RECORD ---------- */
.au-tr { padding:80px 0; }
.au-tr__inner { max-width:1330px; margin:0 auto; padding:0 55px; }
.au-tr__head { display:flex; gap:32px; align-items:flex-end; justify-content:space-between; margin-bottom:36px; flex-wrap:wrap; }
.au-tr__title { font:600 56px/1.1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0; letter-spacing:-0.01em; flex:1 1 auto; }
.au-tr__title .au-accent { color:var(--au-green-2); }
.au-tr__kpis { display:flex; gap:36px; flex-wrap:wrap; }
.au-tr__kpi { display:flex; flex-direction:column; gap:6px; }
.au-tr__kv { font:600 36px/1 'Instrument Sans', system-ui, sans-serif; color:var(--au-green-2); }
.au-tr__kl { font:400 14px/1.3 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); }
.au-tr__list { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-top:24px; }
.au-tr__card { background:#F5F4ED; border-radius:14px; padding:28px 26px; margin:0; }
.au-tr__stars { color:#F5B40D; font-size:18px; letter-spacing:2px; margin:0 0 14px; }
.au-tr__q { font:500 16px/1.5 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); margin:0 0 22px; }
.au-tr__who { display:flex; gap:14px; align-items:center; padding-top:18px; border-top:1px solid var(--au-line); }
.au-tr__av { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.au-tr__av--ph { background:var(--au-green-2); color:#fff; display:inline-flex; align-items:center; justify-content:center; font:600 16px/1 'Instrument Sans', system-ui, sans-serif; }
.au-tr__meta { display:flex; flex-direction:column; gap:4px; }
.au-tr__role { font:600 14px/1 'Instrument Sans', system-ui, sans-serif; color:var(--au-ink); }
.au-tr__org  { font:400 13px/1 'Instrument Sans', system-ui, sans-serif; color:var(--au-mute); }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .au-hero { padding:80px 0 50px; }
  .au-hero__title { font-size:48px; }
  .au-stats__inner { grid-template-columns:repeat(3, 1fr); gap:24px; padding:28px 30px; }
  .au-stats__item { padding:0 16px; border-left:0 !important; min-width:0; }
  .au-stats__v { font-size:32px; }
  .au-story__inner, .au-why__inner, .au-bases__inner { grid-template-columns:1fr; gap:36px; padding:0 28px; }
  .au-tl__rail-wrap, .au-tl__head, .au-om__head, .au-om__grid, .au-sl__head, .au-sl__grid, .au-tr__inner, .au-cta__inner { padding-left:28px; padding-right:28px; }
  .au-om__grid, .au-sl__grid { grid-template-columns:1fr 1fr; }
  .au-om__title, .au-sl__title { font-size:48px; }
  .au-why__media { min-height:auto; }
  .au-why__card { min-height:520px; }
  .au-tr__list { grid-template-columns:1fr; }
  .au-cta__title { font-size:40px; }
  .au-bases__big-v { font-size:120px; }
}

@media (max-width: 640px) {
  .au-hero__inner, .au-tl__head, .au-om__head, .au-om__grid, .au-sl__head, .au-sl__grid, .au-tr__inner { padding-left:15px; padding-right:15px; }
  .au-tl__rail-wrap { padding-left:15px; padding-right:15px; }
  .au-cta__inner { padding-left:24px; padding-right:24px; }
  .au-hero__title { font-size:36px; }
  .au-stats__inner { grid-template-columns:1fr 1fr; }
  .au-story__title, .au-tl__title, .au-why__title, .au-bases__title, .au-tr__title { font-size:34px; }
  .au-om__title, .au-sl__title { font-size:36px; }
  .au-cta__title { font-size:30px; }
  .au-bases__big-v { font-size:96px; }
  .au-bases__big-l { font-size:28px; }
  .au-om__grid, .au-sl__grid { grid-template-columns:1fr; }
  .au-bases__info { grid-template-columns:1fr; }
  .au-tl { padding-bottom:150px; }
  .au-tl__head { position:static; }
  .au-tl__nav { display:flex !important; position:absolute; left:0; right:0; bottom:50px; margin:0; justify-content:center; gap:12px; align-self:auto; z-index:2; }
  .au-why__card { min-height:480px; padding:30px 26px 0; }
  .au-why__quote-text { font-size:24px; }
}