@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    --color-1: #007064;
    --color-1-dark: #005c52;
    --color-1-darker: #00433c;
    --color-1-light: #40948b;
    --color-1-lighter: #99c6c1;
    --color-1-transparent-1: rgba(0, 112, 100, 0.08);
    --color-1-transparent-2: rgba(0, 112, 100, 0.16);
    --color-1-transparent-3: rgba(0, 112, 100, 0.3);
    --color-1-transparent: var(--color-1-transparent-2);
    
    --color-2: #141414;
    --color-2-dark: #0a0a0a;
    --color-2-darker: #050505;
    --color-2-light: #262626;
    --color-2-lighter: #3a3a3a;
    --color-2-transparent-1: rgba(20, 20, 20, 0.08);
    --color-2-transparent-2: rgba(20, 20, 20, 0.16);
    --color-2-transparent-3: rgba(20, 20, 20, 0.3);
    --color-2-transparent: var(--color-2-transparent-2);
    
    --color-3: #007064;
    --color-3-dark: #005c52;
    --color-3-darker: #00433c;
    --color-3-light: #40948b;
    --color-3-lighter: #99c6c1;
    --color-3-transparent-1: rgba(0, 112, 100, 0.08);
    --color-3-transparent-2: rgba(0, 112, 100, 0.16);
    --color-3-transparent-3: rgba(0, 112, 100, 0.3);
    --color-3-transparent: var(--color-3-transparent-2);
    
    --color-4: #007064;
    --color-4-dark: #005c52;
    --color-4-darker: #00433c;
    --color-4-light: #40948b;
    --color-4-lighter: #99c6c1;
    --color-4-transparent-1: rgba(0, 112, 100, 0.08);
    --color-4-transparent-2: rgba(0, 112, 100, 0.16);
    --color-4-transparent-3: rgba(0, 112, 100, 0.3);
    --color-4-transparent: var(--color-4-transparent-2);
    
    --on-accent: #ffffff;
    --palette-rule: neutral-accent;
    --band-dark: #001210;
    --band-dark-2: #00221e;
    --band-brand: #007064;
    --band-brand-2: #003e37;
    --band-gradient: linear-gradient(135deg, #007064 0%, #003e37 100%);
    --band-tint: #edf5f4;
    --on-band: #ffffff;
    --on-band-dark: #ffffff;
    --on-band-muted: rgba(255,255,255,0.82);
    --on-tint: #111111;
    --band-glow: rgba(0, 112, 100, 0.35);
    --band-card: rgba(255,255,255,0.08);
    --band-border: rgba(255,255,255,0.16);
    --palette-bands: mix;
    --band-wash-1: rgba(135, 180, 0, 0.10);
    --band-wash-1-solid: #f3f8e6;
    --band-wash-1-base: #87b400;
    --band-wash-1-pct: 10%;
    --on-wash-1: #111111;
    --band-wash-2: rgba(225, 225, 0, 0.10);
    --band-wash-2-solid: #fcfce6;
    --band-wash-2-base: #e1e100;
    --band-wash-2-pct: 10%;
    --on-wash-2: #111111;
    --band-wash-3: rgba(0, 135, 120, 0.12);
    --band-wash-3-solid: #e0f1ef;
    --band-wash-3-base: #008778;
    --band-wash-3-pct: 12%;
    --on-wash-3: #111111;
    --band-wash-4: rgba(210, 60, 45, 0.12);
    --band-wash-4-solid: #fae8e6;
    --band-wash-4-base: #d23c2d;
    --band-wash-4-pct: 12%;
    --on-wash-4: #111111;
    --band-overlay-1: linear-gradient(135deg, rgba(0, 99, 88, 0.82) 0%, rgba(0, 99, 88, 0.82) 35%, rgba(0, 50, 45, 0.82) 100%);
    --band-overlay-1-solid: #2e7f76;
    --on-overlay-1: #ffffff;
    --band-overlay-2: linear-gradient(135deg, rgba(0, 99, 88, 0.82) 0%, rgba(0, 99, 88, 0.82) 35%, rgba(0, 50, 45, 0.82) 100%);
    --band-overlay-2-solid: #2e7f76;
    --on-overlay-2: #ffffff;
    --band-overlay-3: rgba(0, 87, 78, 0.76);
    --band-overlay-3-solid: #3d7f78;
    --on-overlay-3: #ffffff;
    --band-overlay-4: rgba(145, 41, 31, 0.76);
    --band-overlay-4-solid: #ab5c55;
    --on-overlay-4: #ffffff;
    
    --font-1: "Google Sans", sans-serif;
    --font-2: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* MOBILEX-20261009: nothing may be wider than the screen */
html body * { overflow-wrap: break-word; }
html body .section-heading, html body h1, html body h2, html body h3, html body h4, html body p, html body li, html body blockquote, html body figcaption { max-width: 100%; overflow-wrap: anywhere; }
html body img, html body video, html body iframe, html body svg, html body canvas { max-width: 100%; }
html body img, html body video { height: auto; }
html body pre, html body code { white-space: pre-wrap; overflow-wrap: anywhere; }
html, html body { overflow-x: clip; }
img[src='/media/'], img[src$='/media/w480/'], img[src$='/media/w960/'], img[src$='/media/w1600/'], img[src=''], img:not([src]) { display: none !important; }

/* DESIGN-20261010: card grids fit their item count; equal-height cards */
html body .industries-grid__items, html body .services-grid__items, html body .safety-standards__grid, html body .related-services__grid, html body .team-spotlight__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); align-items: stretch; }
html body .industries-grid__items > *, html body .services-grid__items > *, html body .safety-standards__grid > *, html body .related-services__grid > *, html body .team-spotlight__grid > * { height: 100%; }
html body .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay) + .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay), html body .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay) + [hidden] + .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay), html body .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay) + [hidden] + [hidden] + .band:is(.band--dark,.band--brand,.band--gradient,.band--overlay) { margin-top: clamp(40px, 6vw, 88px); }