body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f7f2ea url("old paper2.jpg") center/cover fixed no-repeat;
  color: #2b2b2b;
  line-height: 1.6;
}

@supports (background-image: image-set(url("old-paper.webp") type("image/webp"))) {
  body {
    background-image: image-set(url("old-paper.webp") type("image/webp"), url("old paper2.jpg") type("image/jpeg"));
  }
}

.page-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
  background: rgba(255, 252, 247, 0.95);
  min-height: 100vh;
  box-sizing: border-box;
  box-shadow: 0 0 30px rgba(0,0,0,0.08);
}

.hero-wrapper { margin-top: 35px; margin-bottom: 20px; }
.hero-wrapper picture { display: block; }
.hero {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 12px;
  display: block;
}

h1, h2, h3 { color: #3b2a1f; margin-top: 28px; margin-bottom: 12px; }
.intro { font-size: 1.1rem; }

.inline-image {
  float: right; width: 180px; max-width: 40%; height: auto;
  margin: 0 0 12px 16px; border-radius: 10px; border: 1px solid #b89b7a;
}

.about-images { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; align-items: flex-start; }
.about-images img, .gift-card, .flyer-image { border-radius: 10px; border: 1px solid #b89b7a; height: auto; max-width: 100%; }
.about-images img { width: 220px; }
.gift-row { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; align-items: flex-start; }
.gift-card { width: 180px; object-fit: contain; }

ul, ol { padding-left: 22px; }
li { margin-bottom: 10px; }
.section { margin-bottom: 28px; }

.button {
  display: inline-block; margin-top: 12px; margin-right: 10px; padding: 14px 20px;
  background: #1f3a56; color: #ffffff !important; text-decoration: none;
  border-radius: 10px; border: 2px solid #ffffff; font-weight: 800; font-size: 1rem;
  letter-spacing: 0.2px; text-shadow: 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
.button:hover { background: #294b6d; }
.button:visited, .button:active, .button:focus { color: #ffffff !important; }

.contact-box, .review-box, .messermeister-section {
  margin-top: 18px; padding: 18px; background: rgba(255, 255, 255, 0.8);
  border-radius: 12px; border: 1px solid #d7c2ab;
}
.contact-box a, .messermeister-section a { color: #7a3e1d; }
.knife-flyers { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.flyer-image { width: 220px; }

@media (max-width: 700px) {
  .page-container { padding: 16px; }
  .hero-wrapper { margin-top: 35px; }
  .hero { height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 18%; }
  .inline-image { float: none; display: block; width: 100%; max-width: 100%; margin: 0 0 16px 0; }
  .about-images, .gift-row { justify-content: center; }
  .about-images img { width: min(100%, 440px); }
  .gift-card { width: 100%; max-width: 220px; }
  .flyer-image { width: 100%; max-width: 440px; }
  .button { display: block; text-align: center; }
}