/* Over Gereegeld: een eigen redactionele pagina binnen de gekozen merkstijl. */
.about-hero { background:var(--steen); color:var(--creme); padding:26px 0 72px; }
.about-hero .breadcrumb { margin-bottom:34px; }
.about-hero .breadcrumb a,.about-hero .breadcrumb ol,.about-hero .breadcrumb [aria-current] { color:var(--muted-dk); font-size:11px; }
.about-hero__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr); gap:clamp(36px,6vw,88px); align-items:center; }
.about-hero__text>.eyebrow { color:var(--terra); margin-bottom:26px; }
.about-hero h1 { font-size:clamp(40px,5vw,69px); letter-spacing:-.045em; line-height:1.08; color:var(--creme); }
.about-hero h1 span { color:var(--terra); }
.about-hero__intro { max-width:485px; font-size:16px; line-height:1.85; margin:28px 0 0; }
.about-hero :focus-visible { outline-color:var(--terra); }
.about-poster { background:var(--terra); color:var(--steen); padding:28px 32px; }
.about-poster__top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding-bottom:20px; border-bottom:1px solid rgba(54,51,46,.35); font-size:10px; }
.about-poster__top>span:last-child { font-family:'Roboto Condensed',Arial,sans-serif; font-weight:600; font-size:17px; letter-spacing:.01em; }
.about-poster__statement { font-size:clamp(43px,5vw,68px); font-weight:600; letter-spacing:-.055em; line-height:1.03; padding-left:20px; border-left:3px solid var(--steen); margin:32px 0 36px; }
.about-poster__foot { border-top:1px solid rgba(54,51,46,.35); padding-top:17px; margin:0; font-size:12px; line-height:1.7; }
.about-story__grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:80px; }
.about-story h2 { font-size:clamp(29px,3.6vw,46px); line-height:1.18; letter-spacing:-.035em; margin-top:25px; }
.about-story__prose p { font-size:17px; line-height:1.95; margin:0 0 22px; }
.about-story__prose p:last-child { margin-bottom:0; }
.about-belief { background:var(--terra); padding:54px 0; }
.about-belief__grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:80px; }
.about-belief .eyebrow { color:var(--steen); margin-top:8px; }
.about-belief h2 { font-size:clamp(30px,4vw,50px); line-height:1.15; }
.about-belief p:not(.eyebrow) { max-width:540px; font-size:15px; line-height:1.9; margin:24px 0 0; }
.about-principles__intro .h2 { max-width:28ch; }
.about-principles { list-style:none; margin-top:36px; }
.about-principles li { display:grid; grid-template-columns:40px minmax(0,1fr) minmax(0,1.15fr); gap:28px; border-top:1px solid var(--lijn); padding:30px 0; }
.about-principles li:last-child { border-bottom:1px solid var(--lijn); }
.about-principles__number { font-size:12px; color:var(--terra-d); padding-top:5px; }
.about-principles h3 { font-size:25px; line-height:1.3; max-width:25ch; }
.about-principles p { font-size:15px; margin:0; line-height:1.9; }
.about-scope { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; }
.about-scope>.section-head { margin-bottom:20px; }
.about-scope p { font-size:15px; line-height:1.9; }
.about-scope__links { border-top:1px solid var(--lijn); }
.about-scope__links a { display:grid; grid-template-columns:minmax(0,1fr) 22px; gap:10px 25px; text-decoration:none; border-bottom:1px solid var(--lijn); padding:24px 0; }
.about-scope__links a>span:first-child { font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-.02em; }
.about-scope__links a p { font-size:14px; margin:0; grid-column:1; }
.about-scope__links a>span:last-child { grid-column:2; grid-row:1; font-size:22px; }
.about-scope__links a:hover>span:first-child { text-decoration:underline; text-underline-offset:5px; }
@media(max-width:900px) {
 .about-hero__grid { gap:32px; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
 .about-poster { padding:24px; }
 .about-poster__statement { font-size:46px; padding-left:16px; }
 .about-story__grid,.about-belief__grid,.about-scope { gap:38px; }
 .about-principles li { grid-template-columns:28px minmax(0,1fr) minmax(0,1fr); gap:20px; }
 .about-principles h3 { font-size:22px; }
}
@media(max-width:640px) {
 .about-hero { padding-bottom:38px; }
 .about-hero .breadcrumb { margin-bottom:24px; }
 .about-hero__grid,.about-story__grid,.about-belief__grid,.about-scope { grid-template-columns:minmax(0,1fr); gap:30px; }
 .about-hero h1 { font-size:clamp(36px,9.6vw,52px); }
 .about-hero__intro { font-size:15px; }
 .about-hero .hero__actions { align-items:stretch; }
 .about-hero .hero__actions .btn { flex:1 1 auto; justify-content:space-between; }
 .about-poster__statement { font-size:clamp(45px,13vw,65px); }
 .about-poster__top { font-size:10px; }
 .about-poster__statement { margin:25px 0; }
 .about-story h2 { margin-top:18px; }
 .about-story__prose p { font-size:16px; line-height:1.9; }
 .about-belief { padding:38px 0; }
 .about-belief__grid { gap:16px; }
 .about-belief p:not(.eyebrow) { margin-top:20px; }
 .about-principles { margin-top:28px; }
 .about-principles li { grid-template-columns:25px minmax(0,1fr); gap:12px; padding:24px 0; }
 .about-principles p { grid-column:2; font-size:14px; }
 .about-principles h3 { font-size:22px; }
 .about-scope__links a { padding:20px 0; }
}