/* site.css — Eigenheiten von pietaetruhfried.de (alles Gemeinsame liegt in base.css) */

/* Muster „ruhiges Wasser“: konzentrische Bögen, sehr dezent */
.section-pattern { position: relative; }
.section-pattern::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: url("../assets/icons/pattern-rf.svg") center / 160px 160px repeat;
  opacity: .04;
}
.section-pattern > .container { position: relative; z-index: 1; }
.band.section-pattern::before { opacity: .07; filter: invert(1); }

/* Hero: Fotoanteil rechts etwas heller lassen, damit der Weg sichtbar bleibt */
.hero::before { background: linear-gradient(100deg, rgba(22,48,42,.90) 0%, rgba(22,48,42,.66) 50%, rgba(22,48,42,.28) 100%); }

/* Bestattungsarten: Kacheln mit Foto oben */
.art-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.art-card img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.art-card .art-body { padding: 18px 20px 20px; }
.art-card .art-body p { color: var(--muted); margin-bottom: 0; }

/* Vorsorge: ruhiger Block mit Elfenbein-Hintergrund */
.vorsorge-box { background: var(--surface-alt); border-radius: var(--radius); padding: 28px; }

/* Zitat / Haltung */
.quote { font-family: var(--font-display); font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 500; font-style: italic; color: var(--brand-deep); line-height: 1.35; max-width: 34ch; }
.quote::before { content: "„"; color: var(--accent); }
.quote::after { content: "“"; color: var(--accent); }