/* Informational sections and footer, isolated from the ordering interface. */
.info-band {
  background: var(--blue);
  border-color: var(--ink);
}

.info-columns { border-left: 1px solid rgba(245, 244, 245, 0.4); }

.info-block {
  min-height: 192px;
  padding: 30px;
  color: var(--canvas);
  border-right-color: rgba(245, 244, 245, 0.4);
}

.info-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 16px;
  color: var(--blue);
  border-radius: 4px;
  background: var(--mint);
}

.info-block h3 {
  color: var(--canvas);
  font-family: "Bricolage Grotesque", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.info-block p {
  color: rgba(245, 244, 245, 0.78);
  font-family: "Manrope", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.section { padding: 88px 0; }

.story-rule {
  width: 62px;
  height: 7px;
  margin-bottom: 22px;
  background: var(--salmon);
}

.story-copy {
  color: #354153;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.story-facts { border-color: var(--ink); }

.fact {
  padding: 20px;
  border-color: var(--ink);
  background: rgba(255, 255, 255, 0.56);
}

.fact strong {
  color: var(--blue);
  font-family: "Bricolage Grotesque", Arial, sans-serif;
  font-size: 27px;
  font-weight: 800;
}

.fact span {
  color: #4a586f;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.contact-layout { border-top-color: var(--ink); }
.contact-intro { border-right-color: var(--ink); }
.contact-details { gap: 34px; }

.contact-item {
  color: #45546c;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.contact-item strong {
  color: var(--blue);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.contact-link {
  color: var(--salmon-deep);
  font-weight: 800;
}

.site-footer {
  color: var(--canvas);
  background: var(--ink);
}

.footer-brand .brand-under { color: var(--canvas); }
.footer-brand .brand-sushi { color: var(--salmon); }

.footer-brand .brand-stamp {
  color: var(--blue);
  background: var(--canvas);
}

.footer-note,
.footer-admin {
  color: rgba(245, 244, 245, 0.7);
  font-family: "Manrope", Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.footer-links {
  color: var(--canvas);
  font-family: "Manrope", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 820px) {
  .info-block { border-bottom-color: rgba(245, 244, 245, 0.4); }
}