/*
 * Ancient Mother R5: pagina story.
 * GEGENEREERD door wordpress/tools/r5-css-split.js uit de canonieke prototype-CSS (docs/mockups/redesign-r5/r5.css), in de
 * volgorde van het prototype, met een scope zodat niets buiten R5-pagina's verandert. Niet met de hand wijzigen: een
 * ontwerpwijziging hoort in het prototype; een correctie voor WordPress hoort in de AFTER-lijst van het script.
 */
/* uit r5.css */

/* uit r5-story.css */
body.am-p-story .gs{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);grid-template-areas:"h h" "who x";gap:0 4rem;padding:2.8rem 0 0 calc(var(--gut) * .45)}
body.am-p-story .gs-h{grid-area:h;padding-bottom:3rem}
body.am-p-story .gs-back{margin:0 0 1.8rem;font:700 .7rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase}
body.am-p-story .gs-back a{color:var(--wine);text-decoration:none}
body.am-p-story .gs-back a::before{content:"← "}
body.am-p-story .gs-t{font:500 clamp(4.4rem,9cqw,8.6rem)/.84 var(--serif);color:var(--head);margin:0 0 0 -.05em;letter-spacing:-.045em;max-width:9em}
body.am-p-story .gs-who{grid-area:who;align-self:start;position:sticky;top:2rem}
body.am-p-story .gs-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
body.am-p-story .gs-n{font:500 1.9rem/1 var(--serif);color:var(--head);margin:1rem 0 0}
body.am-p-story .gs-role{font:700 .68rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--wine);margin:.5rem 0 0}
body.am-p-story .gs-x{grid-area:x;max-width:34em;font:500 1.3rem/1.62 var(--serif);color:var(--ink)}
body.am-p-story .gs-x p{margin:0 0 1.1rem}
body.am-p-story .gs-lead{font:italic 500 clamp(1.9rem,3cqw,2.7rem)/1.18 var(--serif)!important;color:var(--head);margin-bottom:2rem!important;letter-spacing:-.01em}
body.am-p-story .gs-x p:last-child{font-style:italic;color:var(--head)}
body.am-p-story .gs-end{margin:3.6rem 0 0 calc(var(--gut) * .45 + 19rem);padding-top:1.2rem;border-top:2px solid var(--head);max-width:34em}
body.am-p-story .gs-end a{font:500 1.35rem var(--serif);color:var(--head);text-decoration:none;border-bottom:1.5px solid var(--wine)}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-story .gs{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:0 2.4rem}
body.am-p-story .gs-end{margin-left:calc(var(--gut) * .45 + 13.4rem)}
}
@container site (max-width:760px){
body.am-p-story .gs{display:block;padding:1.8rem 0 0}
body.am-p-story .gs-h{padding-bottom:1.8rem}
body.am-p-story .gs-t{font-size:clamp(2.9rem,15cqw,3.7rem)}
body.am-p-story .gs-who{position:static;display:grid;grid-template-columns:6.4rem minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 1rem;align-items:end;margin-bottom:2rem}
body.am-p-story .gs-img{grid-row:1/span 2}
body.am-p-story .gs-n{margin:0;font-size:1.6rem}
body.am-p-story .gs-role{align-self:start}
body.am-p-story .gs-x{font-size:1.18rem}
body.am-p-story .gs-lead{font-size:clamp(1.55rem,7.8cqw,1.9rem)!important}
body.am-p-story .gs-end{margin:2.8rem 0 0}
}
/* Terugval (4 nov 2026): rustig vlak met logo als er geen portret is. */
body.am-p-story .gs-slot{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:var(--sage)}body.am-p-story .gs-slot img{width:3.2rem;height:auto;aspect-ratio:87/119;opacity:.45}