:root{
  --ink:#26241f;--muted:#6e6a5f;--paper:#fbfaf6;--paper2:#f1eee5;--mint:#8bc4b1;--mint-deep:#6aa893;--gold:#b58a2a;--line:#d8d1bf;--night:#2f302e;
  --serif: Georgia, "Times New Roman", serif;--sans: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --shadow:0 18px 50px rgba(37,33,25,.11);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.72}img{max-width:100%;display:block}a{color:inherit}p{margin:0 0 1rem}h1,h2,h3,h4{font-family:var(--serif);line-height:1.1;margin:0}h2{font-size:clamp(2rem,4vw,3.5rem)}
.skip-link{position:fixed;left:1rem;top:-100px;background:var(--ink);color:white;padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,209,191,.65)}.nav-shell{max-width:1200px;margin:auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;flex-direction:column;text-decoration:none}.brand-small{font-size:.62rem;letter-spacing:.28em;color:var(--gold)}.brand-main{font-family:var(--serif);font-size:1.15rem;letter-spacing:.04em}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{font-size:.78rem;text-decoration:none;color:var(--muted)}.site-header nav a:hover{color:var(--ink)}
.hero{position:relative;max-width:1200px;margin:auto;padding:clamp(3rem,8vw,7rem) 1.25rem 5rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;min-height:82vh}.hero::after{content:"";position:absolute;inset:14% 0 auto 42%;height:58%;background:radial-gradient(circle,rgba(181,138,42,.13),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--gold);font-weight:700;margin-bottom:1rem}.hero h1{font-size:clamp(4rem,10vw,8rem);letter-spacing:-.05em}.hero h1 em{font-weight:400;color:var(--mint-deep)}.hero-lead{max-width:560px;font-size:1.15rem;color:var(--muted);margin:1.5rem 0}.hero-meta{display:flex;gap:.6rem;flex-wrap:wrap}.hero-meta span{border:1px solid var(--line);padding:.45rem .75rem;font-size:.78rem}
.feature-strip{background:var(--night);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);max-width:none;padding:1.5rem max(1.25rem,calc((100vw - 1200px)/2 + 1.25rem));gap:2rem}.feature-strip>div{display:flex;align-items:baseline;gap:.75rem;border-right:1px solid rgba(255,255,255,.16)}.feature-strip>div:last-child{border-right:0}.feature-number{font-family:var(--serif);font-size:2.4rem;color:#d7b86a}
.section,.family-section{max-width:1200px;margin:0 auto;padding:6rem 1.25rem}.section+.section,.family-section+.family-section{border-top:1px solid var(--line)}.section-heading{max-width:860px;margin-bottom:2.4rem}.section-heading .eyebrow{margin-bottom:.6rem}.section-heading p{color:var(--muted);max-width:680px;margin-top:1rem}.bilingual-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.lang-column{position:relative}.lang-column.en{border-left:1px solid var(--line);padding-left:2rem}.lang-column h3{font-size:1.2rem;margin-bottom:1.4rem;color:var(--gold)}.lang-column h4{font-size:.95rem;letter-spacing:.03em;margin:1.6rem 0 .7rem;color:var(--mint-deep)}.lang-column p{font-size:.94rem;color:#39362f}.lang-column.en p{color:#4a4842}.intro-section .lang-column p,.author-section .lang-column p{font-size:.96rem}
.patron-hero{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:2rem;align-items:start}.portrait-card{margin:0;padding:.85rem;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.portrait-card figcaption{font-family:var(--serif);font-size:1rem;padding:.7rem .35rem 0}.patron-quote{padding-top:.2rem}.patron-quote .lang-column{border:0;padding:0}.german-original{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.2rem}.german-original summary{cursor:pointer;font-weight:700;color:var(--gold);font-size:.9rem}.de{padding-top:1rem;max-width:860px}
.contents-section{background:linear-gradient(180deg,var(--paper),var(--paper2))}.toc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.toc-item{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--line);text-decoration:none;padding:.8rem .95rem;background:rgba(255,255,255,.55);font-family:var(--serif)}.toc-item span:last-child{color:var(--gold);font-family:var(--sans);font-size:.8rem}.toc-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(50,40,20,.07)}
.family-index{padding-bottom:2rem}.family-section{scroll-margin-top:72px}.family-header{display:flex;align-items:end;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.family-number{font-size:.75rem;letter-spacing:.16em;color:var(--gold);font-weight:700}.family-title-en{margin-left:auto;color:var(--muted);font-family:var(--serif);font-size:1.1rem}.family-copy{margin-bottom:2.2rem}.artwork-card{margin:2.5rem 0 0;background:var(--paper2);border:1px solid var(--line);padding:1rem}.artwork-image-wrap{display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.artwork-image-wrap img{width:min(520px,100%);box-shadow:0 16px 30px rgba(0,0,0,.14)}.artwork-caption{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.2rem .2rem .2rem}.caption-label{display:block;color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.5rem}.caption-lang p{font-family:var(--serif);font-size:.86rem;margin:.2rem 0;color:var(--muted)}
.sources-section,.exhibition-section{background:var(--paper)}.sources-section .bilingual-grid,.exhibition-section .bilingual-grid{gap:2.5rem}.closing{max-width:1200px;margin:0 auto;padding:7rem 1.25rem 9rem;text-align:center;border-top:1px solid var(--line)}.closing-crest{width:120px;margin:0 auto 1rem}.closing-kicker{font-size:.72rem;letter-spacing:.2em;color:var(--gold);margin-bottom:.5rem}.closing h2{font-size:clamp(2.5rem,6vw,5rem)}.closing p:last-child{color:var(--muted)}.site-footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.78rem}.site-footer a{text-decoration:none;color:var(--gold)}
@media (max-width:900px){.nav-shell{align-items:flex-start}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.feature-strip{grid-template-columns:1fr;gap:.8rem}.feature-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:.8rem}.feature-strip>div:last-child{border-bottom:0}.bilingual-grid,.patron-hero{grid-template-columns:1fr}.lang-column.en{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.patron-hero .portrait-card{max-width:420px}.toc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-caption{grid-template-columns:1fr}}
@media (max-width:640px){body{font-size:.95rem}.hero{padding-top:2.5rem}.hero h1{font-size:clamp(3.6rem,18vw,5.5rem)}.hero-meta{flex-direction:column;align-items:flex-start}.section,.family-section{padding:4rem 1rem}.family-header{align-items:start;flex-wrap:wrap}.family-title-en{width:100%;margin-left:0}.toc-grid{grid-template-columns:1fr}.artwork-image-wrap{padding:.75rem}.site-footer{flex-direction:column}}