.pin{position:relative;height:150vh}
.pin__stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--hd) var(--g) 0;overflow:hidden}
.pin__stage::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sq);-webkit-mask:radial-gradient(closest-side circle at 72% 50%,#000,transparent);mask:radial-gradient(closest-side circle at 72% 50%,#000,transparent)}
@media (min-width:691px){.pin .lead,.row>.lead{max-width:65vw}.fliess .prose{max-width:50%}}
.row:has(+.row .spalten--breit){padding-top:calc(var(--sp)*1.5)}

.zitat{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(835px,82vw,1188px);margin-top:var(--sp);padding:var(--sp) var(--g);background:var(--ink);color:var(--paper);text-align:center;overflow:hidden}
.zitat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zitat p{position:relative;max-width:22em;font-size:var(--t-lead);line-height:var(--lh-t)}

.zwei{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,3vw,60px)}
.zwei--versatz>:last-child{padding-top:170px}
.zwei .ty-h{margin-bottom:1.2em}
.zwei>.ty-h{grid-column:1/-1;margin:0}
.zwei__b{display:grid;gap:18px}
.zwei__b img{width:100%;border-radius:var(--rr)}
.zwei .lead{font-size:var(--t-lead);line-height:var(--lh-t)}
@media (max-width:690px){.zwei{grid-template-columns:1fr}.zwei--versatz>:last-child{padding-top:0}}