/* about: page-specific styles, served from this origin so the CSP needs no 'unsafe-inline'. */
html { scroll-behavior: smooth; }
body { background: #f7faf8; }
.about-hero {
  background-image:
    linear-gradient(90deg, rgba(5, 24, 35, 0.94) 0%, rgba(5, 24, 35, 0.74) 45%, rgba(5, 24, 35, 0.30) 100%),
    url('/images/commercial-hero.webp');
  background-position: center;
  background-size: cover;
}
.harbour-grid {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
  background-size: 34px 34px;
}
.highlighter {
  background-color: rgba(253, 224, 71, 0.9);
  color: #0f172a;
  padding: 0.05em 0.3em;
  border-radius: 0.2em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}