.information-page { margin: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); line-height: 1.7; }
.information-page *, .information-page *::before, .information-page *::after { box-sizing: border-box; }
.information-page a:not(.site-button):not(.skip-link) { color: var(--color-ink); overflow-wrap: normal; }
/* Long email addresses and URLs still need safe wrapping on narrow screens. */
.information-page a[href^="mailto:"], .information-page a[href^="https://"] { overflow-wrap: anywhere; }
.info-shell { max-width: 1280px; padding: 0 var(--space-24); margin: 0 auto; }
.info-hero { padding: var(--space-64) 0; }
.information-page h1 { font-size: clamp(2rem, 3vw, 3.25rem); line-height: 1.4; font-weight: 500; margin: 0 0 var(--space-24); max-width: 20em; }
.info-lead, .info-copy { max-width: 52rem; font-size: 1rem; line-height: 1.9; margin: 0 0 var(--space-16); }
.info-section { border-top: 1px solid rgba(0,42,65,.12); padding: var(--space-64) 0; }
.information-page h2 { font-size: 2rem; line-height: 1.5; font-weight: 500; margin: 0 0 var(--space-24); }
.information-page h3 { font-size: 1.5rem; line-height: 1.5; margin: 0 0 var(--space-16); }
.info-actions, .info-link-list { display: flex; flex-wrap: wrap; gap: var(--space-16); margin-top: var(--space-24); }
.info-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--space-40); }
.info-images { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16); }
.info-images img { width: 100%; height: auto; display: block; }
/* Both craft sections share a consistent circle + landscape photo layout. */
.info-craft-gallery { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4.8fr); gap: var(--space-24); align-items: center; width: 100%; max-width: 800px; margin: var(--space-24) auto 0; }
.info-craft-gallery img { display: block; width: 100%; height: auto; }
.info-craft-gallery .info-craft-round { aspect-ratio: 1; max-width: 300px; border-radius: 50%; object-fit: cover; justify-self: center; }
.info-craft-gallery .info-craft-landscape { aspect-ratio: 16 / 9; max-width: 480px; object-fit: cover; justify-self: center; }
#tradition.info-section { padding-bottom: var(--space-24); }
.info-craft-actions { padding-top: var(--space-24); padding-bottom: var(--space-24); }
.info-flow p { margin: 0; line-height: 1.9; }
.info-categories { display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-24); list-style: none; padding: 0; margin: var(--space-24) 0; }
.info-categories li { border-bottom: 1px solid rgba(0,42,65,.12); padding: var(--space-8) 0; }
.info-flow { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-40); list-style-position: inside; padding: 0; margin: 0; }
.info-flow li { padding: var(--space-24); border-top: 1px solid rgba(0,42,65,.12); }
.info-contact { margin: var(--space-24) 0; line-height: 2; }
.info-contact a { display: inline-flex; min-height: var(--touch-target); align-items: center; }
.info-updated { margin-top: var(--space-24); font-size: .875rem; }
@media (max-width: 1023px) {
  .info-split, .info-flow { gap: var(--space-24); }
}
@media (max-width: 767px) {
  .info-shell { padding: 0 var(--space-16); }
  .info-hero, .info-section { padding: var(--space-40) 0; }
  .info-split, .info-flow { grid-template-columns: 1fr; }
  .info-craft-gallery { grid-template-columns: 1fr; gap: var(--space-24); }
  .info-actions { flex-direction: column; }
  .info-actions .site-button { width: 100%; }
}