/*
 * Ancient Mother R5: gedeelde componenten (typografie, label, citaat, knop, slot, maten van main).
 * 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.
 */
body.am-r5{--cream:var(--am-cream);--forest:var(--am-forest);--wine:var(--am-wine);--head:var(--am-forest);--ink:var(--am-ink);--soft:var(--am-soft);--rule:var(--am-rule);--line:var(--am-line);--sage:var(--am-sage);--on:var(--am-on);--on-soft:var(--am-on-soft);--out:var(--am-out);--serif:var(--am-serif);--sans:var(--am-sans)}
body.am-r5 figcaption{font-size:.76rem;color:var(--soft);margin-top:.45rem;line-height:1.35}
body.am-r5 .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.am-r5 main{--gut:clamp(1.1rem,4cqw,3.4rem);padding:0 var(--gut);max-width:84rem;min-width:0}
body.am-r5 .lbl{font:700 .7rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--wine);margin:0 0 1rem}
body.am-r5 .lbl a{text-decoration:none}
body.am-r5 .lbl a:hover{text-decoration:underline}
body.am-r5 .lbl-r::after{content:"";display:block;width:2rem;border-top:2px solid var(--wine);margin-top:.7rem}
body.am-r5 .wm{font:500 clamp(5.4rem,8.6cqw,9rem)/.84 var(--serif);color:var(--head);margin:0;letter-spacing:-.03em}
body.am-r5 .wm span{display:block}
body.am-r5 .wm span+span{font-style:italic;padding-left:.62em}
body.am-r5 .h1{font:600 clamp(3.6rem,6.3cqw,6.1rem)/.86 var(--serif);color:var(--head);margin:0;letter-spacing:-.025em}
body.am-r5 .disp{font:500 clamp(4.4rem,8.6cqw,8.4rem)/.84 var(--serif);color:var(--head);margin:0;letter-spacing:-.035em}
body.am-r5 .disp em{font-style:italic;padding-left:.5em;display:inline-block}
body.am-r5 .h2{font:600 clamp(2.1rem,3.1cqw,2.7rem)/1.02 var(--serif);color:var(--head);margin:0;letter-spacing:-.01em}
body.am-r5 .h3{font:600 1.75rem/1.05 var(--serif);color:var(--head);margin:0 0 .8rem}
body.am-r5 .ld{font:500 1.62rem/1.2 var(--serif);color:var(--head);margin:0 0 1.1rem}
body.am-r5 .txt p{margin:0 0 .9rem}
body.am-r5 .go{margin:1.1rem 0 0}
body.am-r5 .go a{color:var(--wine);font:600 .86rem var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.12rem}
body.am-r5 .go a:hover{border-bottom-width:2px}
body.am-r5 .go-s a{font-size:.82rem}
body.am-r5 .qt{margin:0;text-align:center}
body.am-r5 .qt blockquote{margin:0 auto;font:italic 500 clamp(2.2rem,3.6cqw,3.3rem)/1.08 var(--serif);color:var(--head);letter-spacing:-.012em}
body.am-r5 .qt figcaption{font:600 .82rem var(--sans);color:var(--ink);margin-top:1.1rem;letter-spacing:.02em}
body.am-r5 .cta{text-align:center}
body.am-r5 .cta-h{font:500 1.7rem/1.2 var(--serif);color:var(--head);margin:0 0 1.2rem}
body.am-r5 .cta-b{display:flex;align-items:center;justify-content:center;gap:2.6rem;margin:0 calc(-1 * var(--gut))}
body.am-r5 .cta-b::before,body.am-r5 .cta-b::after{content:"";flex:1 1 0;border-top:1px solid var(--wine)}
body.am-r5 .btn{display:inline-flex;align-items:center;gap:.8rem;background:var(--wine);color:var(--cream);text-decoration:none;font:600 1.15rem/1 var(--sans);padding:1.35rem 3.3rem;white-space:nowrap}
body.am-r5 .btn:hover{filter:brightness(1.12)}
body.am-r5 .cta-n{font:500 1.6rem/1.3 var(--serif);margin:1.1rem 0 0}
body.am-r5 .cta-n a{color:var(--head);text-decoration-thickness:1px}
@container site (max-width:760px){
body.am-r5 main{--gut:1.1rem;overflow-x:clip}
body.am-r5 .lbl{font-size:.68rem}
body.am-r5 .h2{font-size:2.1rem}
body.am-r5 .txt p,body.am-r5 .txt{font-size:.92rem}
body.am-r5 .qt blockquote{font-size:clamp(1.75rem,8.4cqw,2.1rem);line-height:1.1}
body.am-r5 .cta-h{font-size:1.45rem}
body.am-r5 .cta-b{gap:0;margin:0}
body.am-r5 .cta-b::before,body.am-r5 .cta-b::after{display:none}
body.am-r5 .btn{width:100%;justify-content:center;padding:1.2rem 1.4rem;font-size:1.05rem}
body.am-r5 .cta-n{font-size:1.3rem}
body.am-r5 .wm span+span{padding-left:.36em}
body.am-r5 .disp{font-size:clamp(3.5rem,17.5cqw,4.4rem)}
}
body.am-r5 .lbl{font-size:.76rem;letter-spacing:.2em}
body.am-r5 .lbl-r::after{border-top-width:2px}
body.am-r5 .go a{border-bottom-width:1.5px}
body.am-r5 main{--bleed:max(0px,calc(100cqw - 12.5rem - 84rem))}