/* ===== Theme: Flandres Industrial — 🏭 maritime, moderne, brick ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&family=Inter+Tight:wght@400;600;700;900&family=Manrope:wght@400;600;700;900&display=swap');

:root {
  --radius-card: 2px;
  --radius-button: 2px;
  --r: 2px;
  --r-lg: 2px;
  --r-full: 2px;
}

body, p, .text {
  font-family: 'Inter Tight', sans-serif;
}

h1, h2, h3, h4, h5, .hero h1, .cluster-hero h1, .badge {
  font-family: 'DM Sans', 'Manrope', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hero, .hero-photo, .cluster-hero {
  background: linear-gradient(120deg, #164E63 0%, #0E7490 40%, #0891B2 100%) !important;
  position: relative;
}
.hero::after, .cluster-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
}
.hero > *, .cluster-hero > * { position: relative; z-index: 1; }

.card, .feature-card, .ra-card, .region-card {
  border-radius: 2px !important;
  box-shadow: 4px 4px 0 #0E7490 !important;
  border: 1px solid #67E8F9; border-left: 4px solid #0891B2 !important;
  transition: transform .2s, box-shadow .2s;
}
.card:hover, .feature-card:hover, .ra-card:hover, .region-card:hover {
  transform: translateY(-4px);
}

.btn-primary, .btn-cta, .header-cta, button[type="submit"], .a54-sticky-cta-bar a {
  border-radius: 2px !important;
}

section.hero, section.cluster-hero {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}