/* Utility classes for common inline styles */

/* Spacing utilities */
.mb-18 { margin-bottom: 18px; }
.mb-24 { margin-bottom: 24px; }
.mb-32 { margin-bottom: 32px; }
.mb-36 { margin-bottom: 36px; }

/* Color utilities */
.accent-text { color: var(--accent); }
.white-text-70 { color: rgba(255, 255, 255, 0.7); }
.white-text { color: var(--white); }
.ink-text { color: var(--ink); }

/* Font sizes */
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }

/* Mobile CTA button styling */
.mobile-cta {
  background: var(--ink);
  color: var(--bg);
  border-radius: 999px;
  text-align: center;
  font-weight: 500;
}

/* Hero mosaic positioning */
.hero-mosaic-container {
  position: absolute;
  inset: 0;
}

/* Contact section styling */
.contact-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  max-width: 480px;
  margin-bottom: 32px;
}

.contact-val {
  font-size: 18px;
}

.contact-val-time {
  font-size: 16px;
  font-family: var(--sans);
}

.contact-val-email {
  font-size: 18px;
}

/* Section padding */
.section-pt-40 {
  padding-top: 40px;
}

.section-head-mb-36 {
  margin-bottom: 36px;
}

/* Address styling */
.address-multiline {
  font-size: 18px;
}