/*
 * Ancient Mother R5: pagina home.
 * 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 */
body.am-p-home .h-hero{position:relative;margin:0 calc(-1 * var(--gut))}
body.am-p-home .h-hero-img{position:relative}
body.am-p-home .h-hero-img img{width:100%;height:clamp(30rem,50cqw,41rem);object-fit:cover;object-position:0 62%}
body.am-p-home .h-hero-img figcaption{position:absolute;left:var(--gut);bottom:.9rem;margin:0;color:var(--on-soft)}
body.am-p-home .h-hero-t{position:absolute;top:1.8rem;left:41.5%;right:var(--gut)}
body.am-p-home .h-hero-t .wm{font-size:clamp(5rem,8.9cqw,9.2rem)}
body.am-p-home .h-hero-t .lbl-r::after,body.am-p-home .h-ret .lbl-r::after,body.am-p-home .h-gd .lbl-r::after{display:inline-block;width:1.8rem;border-top-width:1px;vertical-align:middle;margin:0 0 0 .7rem}
body.am-p-home .h-tag{font:italic 500 clamp(1.3rem,1.75cqw,1.6rem)/1.2 var(--serif);color:var(--head);margin:.9rem 0 0;max-width:15.5em;text-wrap:balance}
body.am-p-home .h-field{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:0 calc(-1 * var(--gut));padding:3.6rem var(--gut) 3.8rem;background:var(--forest);color:var(--on);align-items:end}
body.am-p-home .h-field-s{font:500 clamp(3rem,5cqw,4.6rem)/.96 var(--serif);letter-spacing:-.02em}
body.am-p-home .h-field-t{border-left:1px solid rgba(246,238,223,.35);padding-left:2.4rem;font-size:.86rem;color:var(--on-soft);max-width:30rem}
body.am-p-home .h-field-t p{margin:0 0 .75rem}
body.am-p-home .h-field .go a{color:var(--on)}
body.am-p-home .h-ret{padding:3.2rem 0 1.6rem}
body.am-p-home .h-ret .lbl{margin-bottom:1.2rem}
body.am-p-home .h-ret-l{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--head)}
body.am-p-home .h-ret-l li{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,12rem);gap:2.4rem;align-items:baseline;padding:1.15rem 0 1.25rem;border-top:1px solid var(--head)}
body.am-p-home .h-ret-n{font:600 clamp(2.2rem,3.4cqw,3.15rem)/1 var(--serif);color:var(--head);text-decoration:none;letter-spacing:-.015em}
body.am-p-home .h-ret-n:hover{text-decoration:underline;text-decoration-thickness:1px}
body.am-p-home .h-ret-l p{font-size:.88rem;color:var(--ink)}
body.am-p-home .h-ret-go{font:600 1.1rem var(--serif);color:var(--wine);text-decoration:underline;text-underline-offset:.28em;justify-self:end;white-space:nowrap}
body.am-p-home .h-ret-ar{display:none}
body.am-p-home .h-ret .go-s{margin-top:1.1rem;text-align:right}
body.am-p-home .ph-band{margin:2.6rem calc(-1 * var(--gut)) 0}
body.am-p-home .ph-band img{width:100%;height:clamp(22rem,40cqw,33rem);object-fit:cover;object-position:30% 62%}
body.am-p-home .ph-band figcaption{padding:0 var(--gut);text-align:right}
body.am-p-home .h-ed{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3.4rem;align-items:end;padding:3.6rem 0 5.6rem}
body.am-p-home .h-ed .txt{max-width:28rem;font-size:.88rem}
body.am-p-home .h-ed .txt p:last-child{margin-bottom:.4rem}
body.am-p-home .h-short{padding:2.4rem 0 2.6rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
body.am-p-home .h-short .lbl{color:var(--soft)}
body.am-p-home .h-short dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
body.am-p-home .h-short dl>div{padding:0 2rem;border-left:1px solid var(--rule)}
body.am-p-home .h-short dl>div:first-child{padding-left:0;border-left:0}
body.am-p-home .h-short dt{font:700 .66rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--soft)}
body.am-p-home .h-short dd{margin:.5rem 0 0;font:500 1.2rem/1.28 var(--serif)}
body.am-p-home .h-short dd a{color:var(--head)}
body.am-p-home .h-ml{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:3rem;align-items:start;padding:4.6rem 0 0}
body.am-p-home .h-ml-img{margin-left:calc(-1 * var(--gut))}
body.am-p-home .h-ml-img img{width:100%;aspect-ratio:849/297;object-fit:cover}
body.am-p-home .h-ml-img figcaption{padding-left:var(--gut)}
body.am-p-home .h-ml-t .h2{font-size:clamp(2.8rem,4.4cqw,3.9rem);margin:-.35rem 0 1.1rem}
body.am-p-home .h-ml-t .ld{font-size:1.3rem;line-height:1.26}
body.am-p-home .h-ml-t p:last-child{font-size:.88rem}
body.am-p-home .h-gd{padding:5.4rem 0 0;max-width:46rem;margin-left:auto}
body.am-p-home .h-gd .ld{font-size:clamp(1.8rem,2.6cqw,2.3rem);line-height:1.16}
body.am-p-home .qt-big{text-align:left;padding:5.6rem 0 0}
body.am-p-home .qt-big blockquote{margin:0;max-width:17em;font-size:clamp(2.6rem,4.6cqw,4.3rem);line-height:1.02}
body.am-p-home .qt-big figcaption{margin-top:1.3rem}
body.am-p-home .cta{margin-top:5rem}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-home .h-hero-t{left:36%}
body.am-p-home .h-hero-t .wm{font-size:clamp(4.4rem,8.6cqw,6rem)}
body.am-p-home .h-ret-l li{grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1.6rem}
body.am-p-home .h-ret-l li p{grid-column:1}
body.am-p-home .h-ret-go{grid-row:1/span 2;grid-column:2}
body.am-p-home .h-ed,body.am-p-home .h-ml{grid-template-columns:minmax(0,1fr);gap:2rem}
body.am-p-home .h-short dl{grid-template-columns:1fr;gap:1rem}
body.am-p-home .h-short dl>div{padding:0;border:0}
}
@container site (max-width:760px){
body.am-p-home .h-hero{display:flex;flex-direction:column}
body.am-p-home .h-hero-t{position:relative;z-index:2;order:-1;padding:1.6rem var(--gut) 0;left:auto;right:auto;top:auto}
body.am-p-home .h-hero-t .wm{font-size:27cqw}
body.am-p-home .h-tag{font-size:1.16rem;margin-top:.8rem;max-width:15em}
body.am-p-home .h-hero-img{margin-top:-7.4rem}
body.am-p-home .h-hero-img img{height:auto;aspect-ratio:4/3.5;object-position:30% 30%}
body.am-p-home .h-hero-img figcaption{bottom:.6rem}
body.am-p-home .h-field{grid-template-columns:1fr;padding:2.4rem var(--gut) 2.6rem}
body.am-p-home .h-field-s{font-size:clamp(2.4rem,11.5cqw,2.9rem)}
body.am-p-home .h-field-t{border:0;padding:0;margin-top:1.4rem;font-size:.88rem}
body.am-p-home .h-ret{padding:2.4rem 0 0}
body.am-p-home .h-ret .lbl{margin-bottom:.9rem}
body.am-p-home .h-ret-l li{grid-template-columns:minmax(0,1fr) auto;gap:0;padding:.95rem 0 1rem}
body.am-p-home .h-ret-l li>*{grid-column:1}
body.am-p-home .h-ret-n{font-size:clamp(1.6rem,7.6cqw,1.95rem)}
body.am-p-home .h-ret-l p{margin:.35rem 0 .25rem;font-size:.84rem}
body.am-p-home .h-ret-go{justify-self:start;font-size:1rem}
body.am-p-home .h-ret-l li>span:empty{display:none}
body.am-p-home .h-ret-l li>.h-ret-ar{display:block;grid-column:2;grid-row:1/span 3;align-self:center;padding-left:1rem;color:var(--wine);font:500 1.4rem var(--sans);text-decoration:none}
body.am-p-home .h-ret .go-s{text-align:left}
body.am-p-home .ph-band{margin-top:2rem}
body.am-p-home .ph-band img{height:auto;aspect-ratio:4/4.4;object-position:22% 60%}
body.am-p-home .h-ed{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:2.4rem 0 3.6rem}
body.am-p-home .h-short dl{grid-template-columns:1fr}
body.am-p-home .h-short dl>div{display:grid;grid-template-columns:5.2rem minmax(0,1fr);gap:.8rem;padding:.7rem 0;border:0;border-top:1px solid var(--rule)}
body.am-p-home .h-short dl>div:first-child{border-top:0}
body.am-p-home .h-short dd{margin:0;font-size:1.08rem}
body.am-p-home .h-short dt{padding-top:.3rem}
body.am-p-home .h-ml{grid-template-columns:minmax(0,1fr);gap:1.6rem;padding-top:3.4rem}
body.am-p-home .h-ml-img{margin:0 2.4rem 0 calc(-1 * var(--gut))}
body.am-p-home .h-ml-img img{aspect-ratio:3/2}
body.am-p-home .h-ml-t .h2{font-size:2.9rem;margin:0 0 .9rem}
body.am-p-home .h-gd{padding-top:3.4rem}
body.am-p-home .h-gd .ld{font-size:1.6rem}
body.am-p-home .qt-big{padding-top:3.8rem}
body.am-p-home .qt-big blockquote{font-size:clamp(2.1rem,10cqw,2.5rem)}
body.am-p-home .cta{margin-top:3.2rem}
}
@container site (max-width:350px){
body.am-p-home .h-short dl>div{grid-template-columns:1fr;gap:.2rem}
}
body.am-p-home .h-crop{display:block;position:relative;overflow:hidden;aspect-ratio:1.85/1}
body.am-p-home .h-hero-img .h-crop img{position:absolute;max-width:none;width:125%;height:auto;aspect-ratio:auto;left:0;top:0;object-fit:fill;filter:contrast(1.12) saturate(1.18) brightness(.98)}
body.am-p-home .h-hero-t{left:6.6%;top:8.6%;right:auto}
body.am-p-home .h-hero-t .wm{font-size:clamp(4.6rem,9.4cqw,9.8rem);line-height:.82;letter-spacing:-.032em}
body.am-p-home .h-hero-t .wm span+span{padding-left:.3em}
body.am-p-home .h-hero-t .lbl{margin-bottom:1.3rem}
body.am-p-home .h-tag{font-size:clamp(1.3rem,1.95cqw,1.78rem);line-height:1.18;margin-top:1.1rem;max-width:15.2em}
body.am-p-home .h-hero-img figcaption{left:auto;right:var(--gut);color:rgba(246,238,223,.85)}
@container site (min-width:761px){
body.am-p-home .h-field{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:center;padding:2.3rem var(--gut) 2.4rem calc(var(--gut) * 1.45)}
body.am-p-home .h-field-s{font-size:clamp(3rem,4.9cqw,4.7rem);line-height:.97}
body.am-p-home .h-field-t{font-size:1rem;line-height:1.55;color:var(--on);padding-left:2.8rem;max-width:40rem;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
body.am-p-home .h-field-t p{margin:0 0 .5rem}
body.am-p-home .h-field .go{margin-top:.8rem}
body.am-p-home .h-field .go a{font:600 1.18rem var(--serif);border-bottom-width:1px;padding-bottom:.05rem}
body.am-p-home .h-ret{padding:2.6rem 0 3rem calc(var(--gut) * .45)}
body.am-p-home .h-ret .lbl{margin-bottom:1.5rem}
body.am-p-home .h-ret-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0}
body.am-p-home .h-ret-l li{display:block;padding:0 2.2rem;border:0;border-left:1px solid var(--rule)}
body.am-p-home .h-ret-l li:first-child{padding-left:0;border-left:0}
body.am-p-home .h-ret-n{font-size:clamp(1.9rem,2.6cqw,2.35rem);line-height:1.04}
body.am-p-home .h-ret-l p{font:500 1.22rem/1.3 var(--serif);margin:.6rem 0 .9rem;color:var(--ink)}
body.am-p-home .h-ret-go{font-size:1.16rem}
body.am-p-home .h-ret .go-s{text-align:left;margin-top:2rem}
}
@container site (max-width:760px){
body.am-p-home .h-hero{display:block}
body.am-p-home .h-hero-t{position:absolute;padding:0;top:1.3rem;left:var(--gut);right:var(--gut)}
body.am-p-home .h-hero-t .wm{font-size:21cqw}
body.am-p-home .h-hero-t .lbl{margin-bottom:.8rem;font-size:.62rem}
body.am-p-home .h-tag{font-size:clamp(.8rem,4.5cqw,1.12rem);margin-top:.7rem;max-width:15em}
body.am-p-home .h-hero-img{margin-top:0}
body.am-p-home .h-crop{aspect-ratio:1/1.11}
body.am-p-home .h-hero-img .h-crop img{width:246.3%;left:-47.2%;top:0}
body.am-p-home .h-field{padding:2.2rem var(--gut) 2.4rem}
body.am-p-home .h-field-t{font-size:.92rem;color:var(--on)}
body.am-p-home .h-field .go a{font:600 1.1rem var(--serif)}
body.am-p-home .h-ret-l p{font:500 1.05rem/1.3 var(--serif)}
}
body.am-p-home .h-hero-t .lbl{font-size:.8rem}
body.am-p-home .h-hero-t .lbl-r::after,body.am-p-home .h-ret .lbl-r::after,body.am-p-home .h-gd .lbl-r::after{width:2.4rem;border-top-width:1.5px}
body.am-p-home .h-ret-go{display:inline-block;font:600 1.2rem/1.2 var(--serif);color:var(--wine);text-decoration:none;border-bottom:1.5px solid var(--wine);padding-bottom:.08rem}
body.am-p-home .h-ret-go:hover{border-bottom-width:2.5px}
body.am-p-home .h-ret-nx{display:block;font:500 .76rem/1.3 var(--sans);letter-spacing:.04em;color:var(--soft);margin:0 0 .85rem}
@container site (min-width:761px){
body.am-p-home .h-ret{padding:3rem 0 3.4rem calc(var(--gut) * .45)}
body.am-p-home .h-ret .lbl{margin-bottom:1.7rem}
body.am-p-home .h-ret-l li{padding:0 2.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:0}
body.am-p-home .h-ret-n{font-size:clamp(2rem,2.8cqw,2.5rem)}
body.am-p-home .h-ret-l p{font:500 1.3rem/1.26 var(--serif);margin:.65rem 0 .7rem;max-width:17em}
body.am-p-home .h-ret-go{margin-top:auto}
body.am-p-home .h-ret .go-s{margin-top:2.2rem}
}
@container site (max-width:760px){
body.am-p-home .h-ret-l li{padding:1rem 0 1.05rem}
body.am-p-home .h-ret-n{font-size:clamp(1.65rem,7.8cqw,2rem)}
body.am-p-home .h-ret-l p{font:500 1.06rem/1.28 var(--serif);margin:.3rem 0 .25rem}
body.am-p-home .h-ret-nx{margin:0}
body.am-p-home .h-ret-go{display:none}
body.am-p-home .h-ret-l li>.h-ret-ar{font-size:1.5rem}
}
body.am-p-home .h-field-t{font-family:var(--serif);font-weight:500}
@container site (min-width:761px){
body.am-p-home .h-field-t{font-size:1.2rem;line-height:1.42}
}
@container site (max-width:760px){
body.am-p-home .h-field-t{font-size:1.08rem;line-height:1.4}
}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-home .h-hero-t{left:5.5%;top:7.5%}
body.am-p-home .h-hero-t .wm{font-size:7.4cqw}
body.am-p-home .h-hero-t .lbl{margin-bottom:.9rem}
body.am-p-home .h-tag{font-size:1.06rem;margin-top:.7rem}
body.am-p-home .h-field{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);padding:2.2rem var(--gut)}
body.am-p-home .h-field-s{font-size:clamp(2.4rem,4.4cqw,3.2rem)}
body.am-p-home .h-field-t{font-size:1.04rem;padding-left:2rem}
body.am-p-home .h-ret-l li{padding:0 1.3rem}
body.am-p-home .h-ret-n{font-size:clamp(1.55rem,2.6cqw,1.9rem)}
body.am-p-home .h-ret-l p{font-size:1.08rem}
body.am-p-home .h-ret-go{font-size:1.02rem}
}
@container site (min-width:761px){
body.am-p-home .h-field{padding-top:1.85rem;padding-bottom:1.9rem}
body.am-p-home .h-field-t p{margin-bottom:.4rem}
body.am-p-home .h-field .go{margin-top:.55rem}
body.am-p-home .h-ret{padding-bottom:2.2rem}
body.am-p-home .h-ret .go-s{margin-top:1.6rem}
body.am-p-home .ph-band{margin-top:1.5rem}
}
@container site (max-width:760px){
body.am-p-home .h-field{padding-top:2rem;padding-bottom:2.1rem}
}
@container site (min-width:761px){
body.am-p-home .h-ret-l{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.12fr);grid-template-rows:repeat(4,auto)}
body.am-p-home .h-ret-l li{display:grid;grid-row:span 4;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;justify-items:start}
body.am-p-home .h-ret-l li>.h-ret-n{grid-row:1;align-self:start}
body.am-p-home .h-ret-l li>p{grid-row:2}
body.am-p-home .h-ret-l li>.h-ret-nx{grid-row:3;margin-bottom:0}
body.am-p-home .h-ret-l li>.h-ret-go{grid-row:4;grid-column:1;justify-self:start;margin-top:1rem;align-self:end}
body.am-p-home .h-ret-l li>*{grid-column:1}
}
@container site (min-width:761px){
body.am-p-home .h-hero{margin-right:calc(-1 * (var(--gut) + var(--bleed)))}
body.am-p-home .h-hero-t{left:calc((100% - var(--bleed)) * .066)}
body.am-p-home .h-hero-img figcaption{right:calc(var(--gut) + var(--bleed))}
body.am-p-home .h-field{margin-right:calc(-1 * (var(--gut) + var(--bleed)));padding-right:calc(var(--gut) + var(--bleed))}
body.am-p-home .ph-band{margin-right:calc(-1 * (var(--gut) + var(--bleed)))}
body.am-p-home .ph-band figcaption{padding-right:calc(var(--gut) + var(--bleed))}
}
@container site (min-width:1545px){
body.am-p-home .h-crop{aspect-ratio:auto;height:min(calc((100cqw - 12.5rem) / 1.85),62rem)}
body.am-p-home .h-hero-img .h-crop img{inset:0;width:100%;height:100%;object-fit:cover;object-position:0 22%}
body.am-p-home .ph-band img{height:min(32cqw,36rem)}
}
/* Correctie na de splitsing: op mobiel wint in het prototype de regelhoogte van het gewone citaat. */
@container site (max-width:760px){body.am-p-home .qt-big blockquote{line-height:1.1}}