:root { --au-navy:#052942; --au-deep:#03243a; --au-ink:#0b2b44; --au-red:#dd1f2c; --au-paper:#f8f7f3; --au-copy:#354d60; --au-line:#d6d2ca; }
.au-page { width:100%; overflow:hidden; color:var(--au-ink); background:var(--au-paper); font-family:Inter,Arial,sans-serif; }
.au-page *,.au-page *::before,.au-page *::after { box-sizing:border-box; }
.au-page img { display:block; max-width:none; }
.au-page svg { fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.au-symbols { position:absolute; width:0; height:0; overflow:hidden; }

/* Hero */
.au-hero { position:relative; min-height:clamp(580px, calc(100vh - 76px), 880px); height:calc(100vh - 76px); overflow:hidden; isolation:isolate; color:#fff; background:var(--au-deep); display:flex; align-items:center; }
.au-hero-photo { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 50%; }
.au-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(1,31,50,.93) 0%,rgba(1,33,53,.84) 34%,rgba(1,33,53,.42) 64%,rgba(1,33,53,.12) 100%),linear-gradient(180deg,rgba(0,22,37,.25) 0%,transparent 40%,rgba(1,23,37,.2) 100%); }
.au-header { position:absolute; z-index:4; inset:0 0 auto; height:calc(9.7 * var(--vln-activity-vw)); display:grid; grid-template-columns:1fr calc(16.2 * var(--vln-activity-vw)) 1fr; align-items:start; padding:calc(1.77 * var(--vln-activity-vw)) calc(2.03 * var(--vln-activity-vw)) 0; color:#fff; font-size:calc(.82 * var(--vln-activity-type-vw)); font-weight:800; text-transform:uppercase; white-space:nowrap; }
.au-nav { display:flex; align-items:center; gap:calc(1.13 * var(--vln-activity-vw)); padding-top:calc(1.52 * var(--vln-activity-vw)); }
.au-nav-right { justify-content:flex-end; }
.au-nav a { color:#fff; opacity:.95; transition:color .2s ease; }
.au-nav a:hover { color:#ff4047; }
.au-nav i { width:1px; height:calc(.92 * var(--vln-activity-vw)); background:rgba(255,255,255,.65); }
.au-brand { display:flex; justify-content:center; }
.au-brand img { width:calc(13.65 * var(--vln-activity-vw)); height:auto; }
.au-top-request { margin-left:calc(.38 * var(--vln-activity-vw)); padding:calc(.72 * var(--vln-activity-vw)) calc(1.3 * var(--vln-activity-vw)); border:1px solid rgba(255,255,255,.75); border-radius:calc(.2 * var(--vln-activity-vw)); }
.au-menu-toggle,.au-mobile-nav { display:none; }
.au-hero-copy { position:relative; z-index:2; left:auto; top:auto; width:min(92%, 1540px); max-width:680px; margin-left:max(32px, calc((100% - 1540px) / 2)); margin-top:20px; }
.au-hero h1 { margin:0 0 calc(1.15 * var(--vln-activity-vw)); color:#fff; font-size:clamp(46px, 4.4vw, 76px); font-weight:900; letter-spacing:-.025em; line-height:1.08; text-transform:uppercase; }
.au-hero-lead { margin:0 0 calc(1.7 * var(--vln-activity-vw)); color:rgba(255,255,255,.94); font-size:clamp(15px, 1.25vw, 20px); line-height:1.58; }
.au-outline-button { display:inline-flex; align-items:center; justify-content:center; gap:calc(1.55 * var(--vln-activity-vw)); height:52px; padding:0 26px; color:#fff; border:2px solid var(--au-red); background:rgba(1,31,49,.25); font-size:14px; font-weight:800; text-transform:uppercase; transition:all .25s ease; }
.au-outline-button:hover { color:#fff; background:var(--au-red); }
.au-outline-button span { font-size:22px; font-weight:300; transition:transform .25s ease; }
.au-outline-button:hover span { transform:translateX(5px); }

/* Process */
.au-process { min-height:76px; height:auto; display:grid; grid-template-columns:repeat(4,1fr); padding:16px clamp(24px,4vw,64px); background:linear-gradient(90deg,#fbfaf7,#f6f5f1 52%,#fbfaf7); border-bottom:1px solid #d4d1ca; }
.au-process > div { position:relative; display:flex; align-items:center; justify-content:center; gap:14px; color:var(--au-ink); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.au-process svg { width:34px; height:34px; stroke-width:1.55; }
.au-process > div:not(:last-child)::after { content:''; position:absolute; top:21%; right:0; width:1px; height:58%; background:#b9bcbb; }

/* Intro and tab row */
.au-intro { min-height:160px; height:auto; display:grid; grid-template-columns:36% 64%; align-items:center; padding:44px clamp(24px,4vw,64px); background:linear-gradient(90deg,#faf9f6,#f7f6f2 55%,#faf9f7); }
.au-intro-copy h2 { margin:0 0 10px; color:var(--au-ink); font-size:clamp(26px,2.4vw,38px); font-weight:900; line-height:1.1; text-transform:uppercase; }
.au-intro-copy p { margin:0; color:var(--au-copy); font-size:15px; line-height:1.6; }
.au-tabs { height:auto; display:grid; grid-template-columns:repeat(4,1fr); align-items:stretch; }
.au-tabs a { position:relative; display:flex; flex-direction:column; justify-content:center; padding:18px 24px; color:var(--au-ink); border-left:1px solid var(--au-line); cursor:pointer; text-decoration:none; transition:background-color .25s ease; }
.au-tabs a:hover { background:rgba(220,32,45,0.04); }
.au-tabs b { margin-bottom:8px; color:var(--au-ink); font-size:15px; font-weight:800; transition:color .25s ease; }
.au-tabs span { font-size:13px; font-weight:800; text-transform:uppercase; color:var(--au-ink); transition:color .25s ease; }
.au-tabs a::after { content:''; position:absolute; left:20px; right:20px; bottom:0; height:3px; background:var(--au-red); opacity:0; transform:scaleX(0); transform-origin:center; transition:transform .25s ease, opacity .25s ease; }
.au-tabs a:hover b, .au-tabs a:hover span { color:var(--au-red); }
.au-tabs a:hover::after { opacity:1; transform:scaleX(1); }

/* Water and drainage */
.au-drainage { min-height:auto; height:auto; padding:48px clamp(24px,4vw,64px); background:var(--au-paper); }
.au-drainage > h2,.au-structures > h2,.au-utility > h2 { margin:0 0 24px; color:var(--au-red); font-size:clamp(22px,1.8vw,30px); font-weight:900; text-transform:uppercase; letter-spacing:-.01em; }
.au-drainage-visual { position:relative; min-height:360px; height:auto; overflow:hidden; border:1px solid var(--au-line); border-radius:10px; background:#faf8f5; }
.au-drainage-visual > img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.au-markers { position:absolute; left:2%; right:2%; bottom:6px; display:grid; grid-template-columns:repeat(5,1fr); pointer-events:none; }
.au-marker { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:70px; }
.au-marker-line { width:2px; height:46px; background:var(--au-red); opacity:.9; }
.au-marker-arrow { width:22px; height:22px; color:var(--au-red); margin-top:-3px; filter:drop-shadow(0 2px 4px rgba(221,31,44,0.35)); }

.au-drainage-items { min-height:auto; height:auto; display:grid; grid-template-columns:repeat(5,1fr); gap:24px; padding:32px 8px 12px; }
.au-drainage-items article { min-width:0; }
.au-drain-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.au-drain-head b { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; flex-shrink:0; border:1.5px solid #627888; border-radius:50%; color:var(--au-ink); font-size:13px; font-weight:800; }
.au-drain-head h3 { margin:0; color:var(--au-ink); font-size:17px; font-weight:800; line-height:1.2; }
.au-drainage-items p { margin:0; color:var(--au-copy); font-size:13.5px; line-height:1.55; }
.au-drainage-flow { min-height:68px; height:auto; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; margin-top:24px; padding:12px 24px; border:1px solid #9fa4a4; border-radius:10px; background:#fbfaf7; }
.au-drainage-flow article { display:flex; align-items:center; justify-content:center; gap:14px; }
.au-drainage-flow svg { width:34px; height:34px; color:var(--au-ink); stroke-width:1.45; }
.au-drainage-flow h3 { margin:0; color:var(--au-ink); font-size:14px; font-weight:900; text-transform:uppercase; }

.au-hero-kicker { margin:0 0 16px; color:var(--au-red); font-size:13px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.au-section-kicker { margin:0 0 20px; color:var(--au-red); font-size:13px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.au-kicker-white { color:#fff; }

/* Bridges, viaducts and tunnels */
.au-structures { min-height:auto; height:auto; padding:40px clamp(24px,4vw,64px); background:linear-gradient(90deg,#faf9f6,#f7f6f2 55%,#faf9f7); border-top:1px solid var(--au-line); }
.au-structures-top { height:auto; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:14px; align-items:stretch; overflow:hidden; }
.au-structures-left { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.au-viaduct-pano-wrap { width:100%; height:clamp(120px,9vw,150px); overflow:hidden; border:1px solid var(--au-line); border-radius:8px; }
.au-viaduct-pano { width:100%; height:100%; object-fit:cover; display:block; }
.au-bridge-draw-wrap { width:100%; height:clamp(120px,9vw,150px); overflow:hidden; border:1px solid var(--au-line); border-radius:8px; background:#fff; padding:6px 12px; display:flex; align-items:center; justify-content:center; }
.au-bridge-draw { width:100%; height:100%; object-fit:contain; object-position:center; filter:contrast(1.05); display:block; }
.au-structures-side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.au-art-card { display:grid; grid-template-columns:42% 58%; height:clamp(120px,9vw,150px); overflow:hidden; border:1px solid var(--au-line); border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.03); transition:transform .2s ease, box-shadow .2s ease; }
.au-art-card:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.06); }
.au-art-card > img { width:100%; height:100%; object-fit:cover; display:block; }
.au-art-info { padding:14px 18px; display:flex; flex-direction:column; justify-content:center; }
.au-art-info p { margin:6px 0 0; color:var(--au-copy); font-size:13px; line-height:1.45; }
.au-card-head { display:flex; align-items:center; gap:8px; }
.au-card-head b { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0; border:1.5px solid #758a99; border-radius:50%; color:var(--au-ink); font-size:12px; font-weight:800; }
.au-card-head h3 { margin:0; color:var(--au-ink); font-size:16px; font-weight:800; line-height:1.2; }

/* Bottom 3 Cards */
.au-structures-bottom { min-height:auto; height:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px; overflow:hidden; }
.au-bottom-card { width:100%; height:clamp(100px,7.5vw,120px); min-width:0; min-height:0; display:grid; grid-template-columns:1fr 120px; align-items:stretch; overflow:hidden; border:1px solid var(--au-line); border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.03); transition:transform .2s ease, box-shadow .2s ease; }
.au-bottom-card:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.06); }
.au-card-text { padding:12px 16px; display:flex; flex-direction:column; justify-content:center; }
.au-card-text p { margin:5px 0 0; color:var(--au-copy); font-size:12px; line-height:1.4; }
.au-bottom-card img { width:100%; height:100%; object-fit:cover; display:block; }

/* Utility relocation */
.au-utility { position:relative; min-height:auto; height:auto; overflow:hidden; padding:48px clamp(24px,4vw,64px); color:#fff; background:#032740; }
.au-utility > h2 { position:relative; z-index:2; color:#fff; margin-bottom:24px; }
.au-utility > img { position:absolute; inset:0 0 0 35%; width:65%; height:100%; object-fit:cover; object-position:center; }
.au-utility-list { position:relative; z-index:3; width:34%; display:grid; gap:12px; }
.au-utility-list article { min-height:64px; display:grid; grid-template-columns:36px 1fr; align-items:center; gap:14px; padding:10px 16px; border:1px solid rgba(255,255,255,.14); border-left:4px solid currentColor; border-radius:6px; background:rgba(2,35,57,.82); }
.au-utility-list svg { width:28px; height:28px; stroke-width:1.45; }
.au-utility-list h3 { margin:0 0 4px; color:#fff; font-size:15px; font-weight:800; }
.au-utility-list p { margin:0; color:rgba(255,255,255,.84); font-size:12.5px; line-height:1.4; }
.au-utility-list .water { color:#05d6ff; }.au-utility-list .electric { color:#ffd21a; }.au-utility-list .internet { color:#16e2dd; }.au-utility-list .gas { color:#ff6a16; }.au-utility-list .rain { color:#35aaff; }

/* CTA */
.au-cta { min-height:auto; height:auto; display:grid; grid-template-columns:47% 53%; overflow:hidden; background:#f5f3ee; }
.au-cta > div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:48px clamp(24px,4vw,64px); }
.au-cta h2 { margin:0 0 14px; color:var(--au-ink); font-size:clamp(24px,2.2vw,36px); font-weight:900; line-height:1.15; text-transform:uppercase; }
.au-cta p { margin:0 0 24px; color:var(--au-copy); font-size:15px; line-height:1.6; }
.au-cta a { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-width:220px; height:50px; padding:0 24px; color:#fff; background:var(--au-red); font-size:14px; font-weight:800; text-transform:uppercase; transition:background-color .25s ease; }
.au-cta a:hover { color:#fff; background:#b71924; }
.au-cta a span { font-size:22px; font-weight:300; }
.au-cta > img { width:100%; height:100%; min-height:340px; object-fit:cover; object-position:center 53%; }

/* Delivery strip */
.au-delivery { min-height:auto; height:auto; display:grid; grid-template-columns:repeat(5,1fr); padding:24px clamp(24px,4vw,64px); background:#faf9f6; border-top:1px solid var(--au-line); border-bottom:1px solid var(--au-line); }
.au-delivery article { min-width:0; display:grid; grid-template-columns:36px 1fr; align-items:center; gap:14px; padding:0 16px; border-right:1px solid var(--au-line); }
.au-delivery article:last-child { grid-template-columns:1fr 24px; border-right:0; }
.au-delivery svg { width:36px; height:36px; color:var(--au-ink); stroke-width:1.35; }
.au-delivery h3 { margin:0 0 4px; color:var(--au-ink); font-size:14px; font-weight:900; line-height:1.25; text-transform:uppercase; }
.au-delivery p { margin:0; color:var(--au-copy); font-size:12px; line-height:1.45; }
.au-delivery article:last-child > span { color:var(--au-red); font-size:24px; }

/* Footer */
.au-footer { min-height:calc(17.055 * var(--vln-activity-vw)); height:auto; padding:calc(1.2 * var(--vln-activity-vw)) calc(2.15 * var(--vln-activity-vw)) calc(.7 * var(--vln-activity-vw)); color:#fff; background:radial-gradient(circle at 55% 10%,#063858,#022943 46%,#02263d); }
.au-footer-grid { display:grid; grid-template-columns:19% 13% 19% 15% 15% 11%; gap:1.55%; min-height:calc(13.25 * var(--vln-activity-vw)); height:auto; }
.au-footer-brand img { width:calc(11.9 * var(--vln-activity-vw)); height:auto; margin:0 0 calc(.45 * var(--vln-activity-vw)) calc(.5 * var(--vln-activity-vw)); }
.au-footer ul { list-style:none; margin:0; padding:0; }
.au-footer li { display:flex; align-items:flex-start; gap:calc(.55 * var(--vln-activity-vw)); margin-bottom:calc(.43 * var(--vln-activity-vw)); color:rgba(255,255,255,.83); font-size:calc(.71 * var(--vln-activity-type-vw)); line-height:1.35; }
.au-footer li svg { width:calc(1.18 * var(--vln-activity-vw)); height:calc(1.18 * var(--vln-activity-vw)); flex:0 0 calc(1.18 * var(--vln-activity-vw)); }
.au-footer-grid > div:not(.au-footer-brand) { display:flex; flex-direction:column; padding-top:calc(.55 * var(--vln-activity-vw)); }
.au-footer h2 { margin:0 0 calc(.75 * var(--vln-activity-vw)); color:#fff; font-size:calc(.83 * var(--vln-activity-type-vw)); font-weight:800; text-transform:uppercase; }
.au-footer-grid a { margin-bottom:calc(.53 * var(--vln-activity-vw)); color:rgba(255,255,255,.73); font-size:calc(.74 * var(--vln-activity-type-vw)); line-height:1.2; }
.au-footer-grid a:hover { color:#fff; }
.au-copyright { margin:calc(.1 * var(--vln-activity-vw)) 0 0; color:rgba(255,255,255,.65); font-size:calc(.72 * var(--vln-activity-type-vw)); text-align:center; }

/* Tablet */
@media (max-width: 900px) {
  .au-desktop-only { display:none; }
  .au-hero { height:auto; min-height:600px; padding:120px 0 60px; display:flex; align-items:center; }
  .au-header { height:82px; grid-template-columns:auto 1fr auto; align-items:center; padding:0 28px; font-size:10px; }
  .au-nav { display:none; }.au-brand { justify-content:flex-start; }.au-brand img { width:125px; }
  .au-menu-toggle { display:inline-flex; align-items:center; justify-self:end; gap:9px; padding:10px 0; color:#fff; border:0; background:transparent; font:inherit; font-size:10px; font-weight:800; text-transform:uppercase; cursor:pointer; }
  .au-menu-bars { width:23px; display:grid; gap:5px; }.au-menu-bars b { width:100%; height:1px; background:currentColor; transition:.2s ease; }
  .au-menu-toggle[aria-expanded='true'] .au-menu-bars b:first-child { transform:translateY(6px) rotate(45deg); }.au-menu-toggle[aria-expanded='true'] .au-menu-bars b:nth-child(2) { opacity:0; }.au-menu-toggle[aria-expanded='true'] .au-menu-bars b:last-child { transform:translateY(-6px) rotate(-45deg); }
  .au-mobile-nav { position:absolute; top:75px; left:28px; right:28px; display:grid; grid-template-columns:repeat(2,1fr); visibility:hidden; opacity:0; transform:translateY(-8px); border:1px solid rgba(255,255,255,.24); transition:.2s ease; }
  .au-mobile-nav.is-open { visibility:visible; opacity:1; transform:none; }.au-mobile-nav a { padding:15px 17px; color:#fff; background:rgba(3,39,61,.98); border:1px solid rgba(255,255,255,.07); font-size:11px; font-weight:700; }
  .au-hero-photo { object-position:62% center; }.au-hero-shade { background:linear-gradient(90deg,rgba(1,31,50,.98),rgba(1,32,52,.8) 67%,rgba(1,32,52,.24)); }
  .au-hero-copy { left:auto; top:auto; margin-left:28px; margin-top:0; width:min(calc(100% - 56px),590px); }.au-hero h1 { margin-bottom:17px; font-size:clamp(38px,6.8vw,56px); }.au-hero-lead { margin-bottom:28px; font-size:15px; line-height:1.6; }
  .au-outline-button { height:47px; gap:14px; padding:0 18px; border-width:2px; font-size:11px; }.au-outline-button span { font-size:22px; }
  .au-process { height:auto; grid-template-columns:repeat(2,1fr); }.au-process > div { min-height:76px; gap:14px; font-size:11px; }.au-process svg { width:31px; height:31px; }.au-process > div:nth-child(2)::after { display:none; }.au-process > div:nth-child(-n+2) { border-bottom:1px solid var(--au-line); }
  .au-intro { height:auto; grid-template-columns:1fr; gap:30px; padding:48px 28px 34px; }.au-intro-copy h2 { margin-bottom:12px; font-size:34px; }.au-intro-copy p { font-size:12px; }.au-tabs { height:auto; grid-template-columns:repeat(2,1fr); }.au-tabs a { min-height:100px; padding:15px 22px; border-bottom:1px solid var(--au-line); }.au-tabs b { margin-bottom:9px; font-size:14px; }.au-tabs span { font-size:11px; }.au-tabs .is-active::after { left:22px; right:22px; height:3px; }
  .au-drainage { height:auto; padding:38px 28px 44px; }.au-drainage > h2,.au-structures > h2,.au-utility > h2 { margin-bottom:18px; font-size:14px; }.au-drainage-visual { height:auto; aspect-ratio:16/9; border-radius:7px; }.au-markers i { width:18px; height:18px; font-size:9px; }.au-markers i::before { height:36px; }.au-drainage-items { height:auto; grid-template-columns:repeat(2,1fr); gap:22px; padding:25px 12px; }.au-drainage-items article { min-height:90px; padding-left:30px; }.au-drainage-items b { width:22px; height:22px; font-size:10px; }.au-drainage-items h3 { margin-bottom:6px; font-size:13px; }.au-drainage-items p { font-size:10px; }.au-drainage-flow { height:auto; grid-template-columns:repeat(2,1fr); gap:18px; margin:10px 0 0; padding:24px; }.au-drainage-flow > span { display:none; }.au-drainage-flow article { justify-content:flex-start; min-height:55px; gap:14px; }.au-drainage-flow svg { width:39px; height:39px; }.au-drainage-flow h3 { font-size:11px; }
  .au-structures { height:auto; padding:40px 28px 46px; }
  .au-structures-top { height:auto; grid-template-columns:1fr; }
  .au-bridge-stack { height:340px; min-height:0; }
  .au-structures-side { min-height:0; }
  .au-structures-bottom { grid-template-columns:1fr; gap:14px; }
  .au-utility { height:auto; padding:42px 28px; }.au-utility > img { position:relative; inset:auto; width:calc(100% + 56px); height:auto; margin:32px -28px -42px; aspect-ratio:16/9; }.au-utility-list { width:100%; grid-template-columns:repeat(2,1fr); gap:12px; }.au-utility-list article { min-height:90px; grid-template-columns:44px 1fr; gap:10px; padding:10px; border-left-width:4px; }.au-utility-list svg { width:36px; height:36px; }.au-utility-list h3 { margin-bottom:4px; font-size:14px; }.au-utility-list p { font-size:9px; }
  .au-cta { height:auto; min-height:350px; grid-template-columns:46% 54%; }.au-cta > div { padding:38px 28px; }.au-cta h2 { margin-bottom:13px; font-size:27px; }.au-cta p { margin-bottom:20px; font-size:11px; }.au-cta a { min-width:190px; height:45px; gap:13px; padding:0 17px; font-size:10px; }.au-cta a span { font-size:21px; }
  .au-delivery { height:auto; grid-template-columns:repeat(2,1fr); padding:20px 28px; }.au-delivery article { min-height:100px; grid-template-columns:46px 1fr; gap:9px; padding:12px; border-bottom:1px solid var(--au-line); }.au-delivery svg { width:40px; height:40px; }.au-delivery h3 { margin-bottom:5px; font-size:10px; }.au-delivery p { font-size:8px; }
  .au-footer { height:auto; padding:36px 28px 25px; }.au-footer-grid { height:auto; grid-template-columns:repeat(3,1fr); gap:28px 22px; }.au-footer-brand { grid-row:span 2; }.au-footer-brand img { width:130px; margin:0 0 14px; }.au-footer li { gap:7px; margin-bottom:8px; font-size:9px; }.au-footer li svg { width:14px; height:14px; flex-basis:14px; }.au-footer-grid > div:not(.do-footer-brand) { padding-top:6px; }.au-footer h2 { margin-bottom:11px; font-size:10px; }.au-footer-grid a { margin-bottom:8px; font-size:9px; }.au-copyright { margin-top:28px; font-size:9px; }
}

/* Phone */
@media (max-width:640px) {
  .au-header { height:74px; padding:0 20px; }.au-brand img { width:108px; }.au-menu-toggle span:last-child { display:none; }.au-mobile-nav { top:68px; left:20px; right:20px; grid-template-columns:1fr; }
  .au-hero { min-height:560px; padding:100px 0 50px; }.au-hero-photo { object-position:68% center; }.au-hero-copy { left:auto; right:auto; top:auto; bottom:auto; margin-left:20px; width:calc(100% - 40px); }.au-hero h1 { font-size:clamp(36px,calc(10 * var(--vln-activity-type-vw)),50px); }.au-hero-lead { font-size:14px; }
  .au-intro { padding-inline:20px; }.au-tabs { grid-template-columns:1fr; }.au-tabs a { border-right:1px solid var(--au-line); }
  .au-drainage { padding:34px 15px 40px; }.au-drainage-visual { aspect-ratio:4/3; }.au-drainage-items { grid-template-columns:1fr; }.au-drainage-flow { grid-template-columns:1fr; }
  .au-structures { padding:36px 15px 42px; }
  .au-bridge-stack { height:260px; }
  .au-structures-bottom article { grid-template-columns:1fr; }
  .au-structures-bottom img { height:160px; }
  .au-utility { padding-inline:20px; }.au-utility-list { grid-template-columns:1fr; }.au-utility > img { width:calc(100% + 40px); margin-inline:-20px; }
  .au-cta { grid-template-columns:1fr; }.au-cta > div { min-height:310px; padding:40px 24px; }.au-cta > img { height:auto; aspect-ratio:4/3; }
  .au-delivery { grid-template-columns:1fr; padding-inline:15px; }
  .au-footer { padding-inline:22px; }.au-footer-grid { grid-template-columns:repeat(2,1fr); }.au-footer-brand { grid-column:1/-1; grid-row:auto; }
}

@media (max-width:420px) {
  .au-process > div { min-height:68px; padding:7px; font-size:9px; }.au-process svg { width:27px; height:27px; }
  .au-footer-grid { grid-template-columns:1fr; }.au-footer-brand { grid-column:auto; }
}