/* About-only editorial layout, using shared design tokens and components. */
.about-page #about-title .no-break{display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.about-page .hero{padding-bottom:var(--space-8)}
.about-page .hero h1{font-size:clamp(2.75rem,5.1vw,5rem)}
.about-page .navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:.4em}
.about-page .about-values{display:grid;gap:var(--space-8)}
.about-page .about-values article{min-width:0;border-top:1px solid var(--line);padding-top:var(--space-6)}
.about-page .about-values h3{font:700 var(--text-small)/1.5 var(--sans);letter-spacing:.1em;margin-bottom:var(--space-4)}
.about-page .about-values p{color:var(--muted)}
.about-page #gastgeber .photo-placeholder{min-height:26rem}
.about-page .photo-filled img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.about-page .photo-filled::before{z-index:1}
.about-page #garten .photo-filled img{object-position:50% 28%}
.about-page #gemeinsam .photo-filled{background:#e5d4be}
.about-page #gemeinsam .photo-filled img{object-fit:contain;object-position:center}
@media(min-width:48rem){.about-page .about-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.about-page .about-values{grid-template-columns:repeat(4,minmax(0,1fr))}}

.about-page .family-members{display:grid;gap:var(--space-6);margin-top:var(--space-6)}
.about-page .family-members article{border-top:1px solid var(--line);padding-top:var(--space-4);min-width:0}
.about-page .family-members h3{font-size:1.6rem;margin-bottom:.4rem}
.about-page .family-members p{margin:0}
.about-page .family-closing{max-width:45rem;margin-inline:auto}
@media(min-width:48rem){.about-page .family-members{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 6E: restrained editorial framing for the family story. */
.about-page .about-values article{padding:var(--space-6);border:1px solid rgb(112 82 46 / .22);border-radius:var(--radius-medium)}
.about-page .about-values h3{color:var(--brass-ink)}
.about-page .family-members article{padding:var(--space-5);border:1px solid rgb(112 82 46 / .22);border-radius:var(--radius-small);background:var(--linen)}
.about-page .family-members h3{color:var(--olive)}
.about-page #gastgeber .photo-placeholder{border-radius:var(--radius-large)}
@media(forced-colors:active){.about-page .about-values article,.about-page .family-members article{border-color:CanvasText}}
/* Phase 6E.2: personal editorial emphasis. */
.about-page .hero{background:linear-gradient(135deg,rgb(240 235 226 / .48),transparent 58%)}
.about-page .about-values article{padding:var(--space-6) 0;border-width:1px 0 0;border-radius:0;background:transparent}
.about-page .about-values h3{font-size:.84rem;color:var(--brass-ink)}
.about-page .family-members article{background:linear-gradient(145deg,var(--linen),#f7f3ec);box-shadow:inset 0 1px 0 rgb(255 255 255 / .75)}
.about-page #gastgeber .photo-placeholder{border-radius:min(12rem,34%) min(12rem,34%) var(--radius-large) var(--radius-large)}
.about-page .family-closing{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.45}