/* A brighter navy system: clear, calm, and still formal. */
:root {
  --ink: #163f5a;
  --night: #123f5c;
  --mist: #edf3f7;
  --cyan: #c9eaf2;
}

.hero-sky {
  background:
    linear-gradient(105deg, rgba(13, 55, 79, .90) 4%, rgba(19, 70, 94, .64) 42%, rgba(31, 83, 101, .08) 80%),
    linear-gradient(0deg, rgba(183, 139, 132, .42), transparent 38%);
}

.service-art {
  background: linear-gradient(135deg, #286c87, #104763 62%);
}

.contact {
  background: #1a5271;
}

.contact:after {
  background: linear-gradient(90deg, #123f5ce8 22%, #205f7aad 58%, #17496522);
}

@media (max-width: 820px) {
  .nav { background: #164c69; }
}