/* Gut & Bösel project — scoped styles; maintains original Dreizehnzehn grid. */
.gut-intro h1, .gut-intro .description { color: #131812; }
.gut-hero img, .gut-gallery img { display: block; width: 100%; height: auto; }
.gut-gallery-pair { align-items: center; row-gap: 2rem; }
.gut-gallery-pair .col-md-7, .gut-gallery-pair .col-md-5 { padding: 0 12px; }
.gut-story .description + .description { margin-top: 1.6em; }
.gut-animation-section { text-align: center; background-color: #E6E1D7; }
.gut-animation { display: block; margin: 0 auto; width: min(100%, 520px); height: auto; aspect-ratio: 4/5; object-fit: contain; }
.gut-tissue { text-align: center; }
.gut-tissue picture { display: block; width: min(100%, 720px); margin-inline: auto; }
@media (max-width: 767.98px) {
  .gut-intro .row { padding: 1.5rem !important; }
  .gut-intro .col-md-7, .gut-intro .col-md-3 { padding: 0.5rem !important; }
  .gut-intro h1 { font-size: clamp(3rem, 12vw, 5rem); line-height: .98; overflow-wrap: break-word; }
  .gut-intro .description { font-size: clamp(1.3rem, 5vw, 2rem); line-height: 1.2; }
  .gut-gallery-pair { row-gap: 1.5rem; }
  .gut-animation-section { padding: 3rem 1.25rem !important; }
}