:root {
  --brand: #770203;
  --secondary: #ffffff;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background-color: var(--secondary);
  color: #111827;
}
.page {
  padding-top: 4.5rem;
}
.logo-placeholder,
.company-logo,
.chairman-photo,
.map-placeholder {
  background-color: #f3f4f6;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #e5e7eb;
}
.logo-placeholder {
  width: 80px;
  height: 80px;
  border-radius: 0.5rem;
}
.company-logo {
  width: 64px;
  height: 64px;
  border-radius: 0.375rem;
}
.chairman-photo {
  width: 240px;
  height: 240px;
  border-radius: 9999px;
}
.map-placeholder {
  width: 100%;
  height: 320px;
  border-radius: 0.5rem;
}
.btn-brand {
  background-color: var(--brand);
  color: #ffffff;
  transition: transform 150ms ease, opacity 150ms ease;
}
.btn-brand:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}
.footer-link:hover {
  text-decoration: underline;
}
.bg-brand {
  background-color: var(--brand) !important;
}
.text-brand {
  color: var(--brand) !important;
}
.border-brand {
  border-color: var(--brand) !important;
}
header.bg-brand {
  border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}