/*
 * Ancient Mother R5: pagina motherland.
 * 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-motherland.css */
body.am-p-motherland .m-hero{position:relative;margin:0 calc(-1 * var(--gut))}
body.am-p-motherland .m-hero-img img{width:100%;height:clamp(30rem,50cqw,44rem);object-fit:cover;object-position:50% 42%;filter:brightness(.94) contrast(1.04)}
body.am-p-motherland .m-hero-t{position:absolute;left:calc(var(--gut) * 1.45);top:2.4rem;right:var(--gut);color:#fff}
body.am-p-motherland .m-hero-t .lbl{color:#fbe9ee;margin-bottom:.6rem;text-shadow:0 1px 8px rgba(0,0,0,.35)}
body.am-p-motherland .m-hero-t .lbl-r::after{display:inline-block;width:2.2rem;border-top:1.5px solid #fbe9ee;vertical-align:middle;margin:0 0 0 .7rem}
body.am-p-motherland .m-h1{font:500 clamp(5.4rem,12.4cqw,12.5rem)/.82 var(--serif);margin:0 0 0 -.04em;letter-spacing:-.04em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
body.am-p-motherland .m-sub{font:italic 500 clamp(1.4rem,2.1cqw,2rem)/1.2 var(--serif);margin:1rem 0 0 .3rem;text-shadow:0 1px 12px rgba(0,0,0,.35)}
body.am-p-motherland .m-simple{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:0 3.4rem;align-items:start}
body.am-p-motherland .m-simple-t{padding:3.4rem 0 3.6rem calc(var(--gut) * .45);max-width:40rem}
body.am-p-motherland .m-st{font:500 clamp(2.9rem,4.6cqw,4.3rem)/.98 var(--serif);color:var(--head);margin:0 0 1.6rem;letter-spacing:-.02em}
body.am-p-motherland .m-simple-t p{font-size:.95rem;line-height:1.6;max-width:33rem;margin:0 0 1rem}
body.am-p-motherland .m-aside{font:italic 500 1.35rem/1.3 var(--serif)!important;color:var(--head)}
body.am-p-motherland .m-traits{list-style:none;margin:-6.5rem calc(-1 * var(--gut)) 0 0;padding:2.6rem var(--gut) 2.8rem 2.4rem;background:var(--forest);color:var(--on);position:relative;z-index:2}
body.am-p-motherland .m-traits li{font:500 1.42rem/1.2 var(--serif);padding:.75rem 0;border-top:1px solid rgba(246,238,223,.28)}
body.am-p-motherland .m-traits li:first-child{border-top:0;padding-top:0}
body.am-p-motherland .m-traits li:last-child{padding-bottom:0}
body.am-p-motherland .m-garden{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr) minmax(0,13rem);gap:0 3rem;align-items:start;padding:1rem 0 4.6rem}
body.am-p-motherland .m-g1{margin-left:calc(-1 * var(--gut))}
body.am-p-motherland .m-g1 img{width:100%;aspect-ratio:3/4.4;object-fit:cover;object-position:30% 55%}
body.am-p-motherland .m-garden-t{padding-top:2.4rem;max-width:34rem}
body.am-p-motherland .m-lead{font:500 clamp(1.7rem,2.5cqw,2.2rem)/1.14 var(--serif)!important;color:var(--head);margin:0 0 1.4rem!important;letter-spacing:-.008em}
body.am-p-motherland .m-garden-t p{font-size:.92rem;line-height:1.6;margin:0 0 .9rem}
body.am-p-motherland .m-coda{font:italic 500 1.3rem/1.3 var(--serif)!important;color:var(--head);margin-top:1.2rem!important}
body.am-p-motherland .m-g2{margin-top:15rem}
body.am-p-motherland .m-g2 img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 60%}
body.am-p-motherland .m-room{margin:0 calc(-1 * var(--gut))}
body.am-p-motherland .m-room img{width:100%;height:clamp(24rem,40cqw,38rem);object-fit:cover;object-position:50% 58%}
body.am-p-motherland .m-space{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,14rem);gap:0 3rem;align-items:start;background:var(--sage);margin:0 calc(-1 * var(--gut));padding:3.4rem var(--gut) 3.8rem calc(var(--gut) * 1.45)}
body.am-p-motherland .m-space-h h2{font:600 clamp(3rem,5cqw,4.8rem)/.9 var(--serif);color:var(--head);margin:0;letter-spacing:-.03em}
body.am-p-motherland .m-space-t p{font-size:.94rem;line-height:1.6;margin:0 0 .9rem;max-width:32rem}
body.am-p-motherland .m-more{margin-top:1.6rem!important;padding-top:1.1rem;border-top:1px solid var(--line);font:500 1.2rem/1.3 var(--serif)!important;color:var(--head)}
body.am-p-motherland .m-more a{color:var(--wine);text-decoration-thickness:1px;text-underline-offset:.22em}
body.am-p-motherland .m-g3{margin-top:-10rem}
body.am-p-motherland .m-g3 img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 40%;box-shadow:0 0 0 .6rem var(--sage)}
body.am-p-motherland .m-cta{margin-top:4.4rem}
@container site (min-width:761px){
body.am-p-motherland .m-hero,body.am-p-motherland .m-room{margin-right:calc(-1 * (var(--gut) + var(--bleed)))}
body.am-p-motherland .m-traits{margin-right:calc(-1 * (var(--gut) + var(--bleed)));padding-right:calc(var(--gut) + var(--bleed))}
body.am-p-motherland .m-space{margin-right:calc(-1 * (var(--gut) + var(--bleed)));padding-right:calc(var(--gut) + var(--bleed))}
}
@container site (min-width:1545px){
body.am-p-motherland .m-hero-img img{height:min(calc((100cqw - 12.5rem) / 2.1),58rem);object-position:50% 48%}
body.am-p-motherland .m-room img{height:min(30cqw,40rem);object-position:50% 52%}
body.am-p-motherland .m-simple{grid-template-columns:minmax(0,1fr) calc(22rem + var(--bleed) * .25)}
}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-motherland .m-simple{grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:0 2rem}
body.am-p-motherland .m-traits li{font-size:1.22rem}
body.am-p-motherland .m-garden{grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:0 2.2rem}
body.am-p-motherland .m-g2{display:none}
body.am-p-motherland .m-space{grid-template-columns:minmax(0,1fr) minmax(0,12rem);gap:1.4rem 2.2rem}
body.am-p-motherland .m-space-h{grid-column:1/-1}
body.am-p-motherland .m-space-t{grid-column:1}
body.am-p-motherland .m-g3{grid-column:2;grid-row:2;margin-top:-1rem}
}
@container site (max-width:760px){
body.am-p-motherland .m-hero-img img{height:auto;aspect-ratio:4/5;object-position:46% 40%}
body.am-p-motherland .m-hero-t{left:var(--gut);top:2.2rem}
body.am-p-motherland .m-h1{font-size:clamp(3.6rem,19.5cqw,5rem)}
body.am-p-motherland .m-sub{font-size:1.15rem;margin-top:.7rem}
body.am-p-motherland .m-simple{display:block}
body.am-p-motherland .m-simple-t{padding:2.4rem 0 2rem}
body.am-p-motherland .m-st{font-size:clamp(2.3rem,11cqw,2.8rem);margin-bottom:1.2rem}
body.am-p-motherland .m-simple-t p{font-size:.94rem}
body.am-p-motherland .m-aside{font-size:1.2rem!important}
body.am-p-motherland .m-traits{margin:0 calc(-1 * var(--gut));padding:1.9rem var(--gut) 2.1rem}
body.am-p-motherland .m-traits li{font-size:1.3rem;padding:.65rem 0}
body.am-p-motherland .m-garden{display:block;padding:0 0 3rem}
body.am-p-motherland .m-g1{margin:2.6rem 2.6rem 0 calc(-1 * var(--gut))}
body.am-p-motherland .m-g1 img{aspect-ratio:4/3.4;object-position:40% 45%}
body.am-p-motherland .m-garden-t{padding-top:2rem}
body.am-p-motherland .m-lead{font-size:clamp(1.55rem,7.4cqw,1.85rem)!important}
body.am-p-motherland .m-garden-t p{font-size:.94rem}
body.am-p-motherland .m-g2{display:none}
body.am-p-motherland .m-room img{height:auto;aspect-ratio:4/3.2}
body.am-p-motherland .m-space{display:block;padding:2.4rem var(--gut) 2.8rem}
body.am-p-motherland .m-space-h h2{font-size:clamp(2.5rem,12.5cqw,3.1rem);margin-bottom:1.2rem}
body.am-p-motherland .m-space-t p{font-size:.94rem}
body.am-p-motherland .m-g3{width:58%;margin:1.6rem 0 0 auto}
body.am-p-motherland .m-g3 img{box-shadow:none}
body.am-p-motherland .m-cta{margin-top:3rem}
}
body.am-p-motherland .m-hero-img{position:relative}
body.am-p-motherland .m-hero-img::after{content:"";position:absolute;inset:0;pointer-events:none}
body.am-p-motherland .m-hero-img img{object-position:50% 70%;filter:none}
body.am-p-motherland .m-hero-img::after{background:linear-gradient(to bottom,rgba(10,40,70,.28) 0%,rgba(10,40,70,.08) 38%,rgba(0,0,0,0) 55%)}
body.am-p-motherland .m-h1{text-shadow:0 2px 30px rgba(8,30,55,.35)}
@container site (min-width:761px){
body.am-p-motherland .m-hero-img img{height:clamp(32rem,52cqw,46rem)}
}
@container site (min-width:1545px){
body.am-p-motherland .m-hero-img img{height:min(calc((100cqw - 12.5rem) / 2),60rem);object-position:50% 72%}
}
@container site (max-width:760px){
body.am-p-motherland .m-hero-img img{aspect-ratio:4/5;object-position:30% 60%}
}
body.am-p-motherland .m-hero-img::after{background:linear-gradient(to bottom,rgba(10,40,70,.1) 0%,rgba(10,40,70,.03) 30%,rgba(0,0,0,0) 46%)}
body.am-p-motherland .m-h1{text-shadow:0 1px 3px rgba(8,30,55,.28),0 2px 28px rgba(8,30,55,.38)}
body.am-p-motherland .m-hero-t .lbl,body.am-p-motherland .m-sub{text-shadow:0 1px 3px rgba(8,30,55,.45),0 1px 14px rgba(8,30,55,.4)}
/* Correctie (4 nov 2026): iPad liggend, tabletopmaak voor tuin en The retreat space tot 1240 px. */
@container site (min-width:1051px) and (max-width:1240px){body.am-p-motherland .m-garden{grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:0 2.2rem}body.am-p-motherland .m-g2{display:none}body.am-p-motherland .m-space{grid-template-columns:minmax(0,1fr) minmax(0,12rem);gap:1.4rem 2.2rem}body.am-p-motherland .m-space-h{grid-column:1/-1}body.am-p-motherland .m-space-t{grid-column:1}body.am-p-motherland .m-g3{grid-column:2;grid-row:2;margin-top:-1rem}}
