/* Approved Bobliothek portrait layout, 2026-10-02. */
.bobliothek-hero{padding:112px 0 88px;border-bottom:1px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100% / 18) calc(100% / 7);background-position:0 0}
.bobliothek-hero>.wrap>.eyebrow{display:block;margin-bottom:40px}
.bobliothek-hero-row{display:flex;justify-content:space-between;align-items:center;gap:40px}
.bobliothek-intro{min-width:0;flex:1;max-width:752px}
.bobliothek-hero .bobliothek-intro h1{font-size:clamp(72px,8.05vw,116px);font-weight:850;line-height:.9;letter-spacing:-.04em;margin:0 0 24px;white-space:nowrap}
.bobliothek-hero .bobliothek-intro p{font-size:23px;line-height:34px;max-width:675px;margin:0}
.bobliothek-portrait-group{display:flex;align-items:stretch;gap:20px;flex:none}
.bobliothek-portrait{display:block;width:305px;height:300px;object-fit:contain;border-right:5px solid var(--orange);box-sizing:border-box}
.bobliothek-icons{width:48px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.bobliothek-icons svg{display:block;flex:none;width:48px;height:48px;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.bobliothek-note-band{background:#fff;border-bottom:1px solid var(--ink);padding:24px 0}
.bobliothek-note-band .archive-note{display:grid;grid-template-columns:150px minmax(0,568px);gap:30px;margin:0 auto;padding:0;border:0;max-width:1280px}
.bobliothek-note-band .archive-note p{max-width:568px;font-size:18px;line-height:26px;margin:0}
.bobliothek-note-band+.archive{padding-top:80px}
.portrait-wrap.portrait-robert img{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:1100px) and (min-width:721px){
.bobliothek-hero{padding:64px 0;background-size:calc(100% / 14) calc(100% / 6)}
.bobliothek-hero-row{gap:24px}.bobliothek-intro{max-width:62%}
.bobliothek-hero .bobliothek-intro h1{font-size:7.5vw}
.bobliothek-hero .bobliothek-intro p{font-size:20px;line-height:1.45}
.bobliothek-portrait{width:225px;height:220px}
.bobliothek-portrait-group{gap:12px}.bobliothek-icons{width:30px}.bobliothek-icons svg{width:30px;height:30px}
}
@media(max-width:720px){
.bobliothek-hero{padding:32px 0;min-height:0;height:auto;background-size:calc(100% / 6) calc(100% / 10)}
.bobliothek-hero>.wrap>.eyebrow{margin-bottom:22px;font-size:.68rem}
.bobliothek-hero-row{display:flex;flex-direction:column;align-items:stretch;gap:24px}
.bobliothek-intro{max-width:none}
.bobliothek-hero .bobliothek-intro h1{font-size:clamp(42px,10.8vw,76px);margin-bottom:18px;letter-spacing:-.045em}
.bobliothek-hero .bobliothek-intro p{font-size:18px;line-height:1.45;max-width:none}
.bobliothek-portrait-group{align-self:flex-start;gap:16px;max-width:100%}
.bobliothek-portrait{width:205px;height:200px}
.bobliothek-icons{width:32px}.bobliothek-icons svg{width:32px;height:32px}
.bobliothek-note-band{padding:22px 0}
.bobliothek-note-band .archive-note{grid-template-columns:1fr;gap:10px}
.bobliothek-note-band .archive-note p{font-size:16px;line-height:1.45;max-width:none}
.bobliothek-note-band+.archive{padding-top:32px}
.portrait-wrap.portrait-robert{width:min(100%,300px);margin:0 auto}
}
