/* Seventeen reference concepts, each a real section. Artwork originals remain unchanged. */
.reference-sections-home main>section{scroll-margin-top:110px}
.reference-section-heading{margin-bottom:36px}
.reference-heading-copy{max-width:1100px}
.reference-sections-home #diensten h2{max-width:1100px}
.reference-sections-home #diensten .growth-lead{margin-bottom:0}
.service-related{display:flex;gap:16px 32px;flex-wrap:wrap;margin-top:20px}
.service-related a{font-size:14px;min-height:44px;white-space:normal}
.reference-art{position:relative;aspect-ratio:var(--art-ratio);overflow:hidden;width:100%;min-width:0;isolation:isolate;mix-blend-mode:multiply}
.reference-art>img{position:absolute;display:block!important;width:var(--art-width)!important;max-width:none!important;height:auto!important;left:var(--art-left);top:var(--art-top);margin:0!important;object-fit:fill!important}
.reference-art.art-samen{clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 46%,20% 46%)}
.reference-art.art-basis{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 48%,8% 48%)}
.reference-sections-home .reference-basis .feature-top{grid-template-columns:1fr 1.1fr;gap:20px}
.reference-sections-home .reference-boat .collab-top{grid-template-columns:1fr 1.1fr;gap:30px}
.reference-sections-home .reference-boat .feature-benefits{margin:26px 0}
.reference-sections-home .reference-basis h2,.reference-sections-home .reference-boat h2{font-size:clamp(34px,3.8vw,56px);line-height:1.12;letter-spacing:-.045em}
.reference-sections-home .reference-course{padding-block:65px}
.reference-sections-home .reference-course .collab-top{border-bottom:2px solid #b4e83d;padding-bottom:26px}
.reference-sections-home .reference-builder{background:#faf8f3;padding:48px;grid-template-columns:1.1fr 1fr;gap:0}
.reference-sections-home .reference-builder h2{font-size:clamp(38px,4.5vw,66px);line-height:1.08;max-width:660px;margin-bottom:28px}
.reference-sections-home .reference-builder .builder-copy>p:not(.eyebrow){font-size:clamp(18px,1.8vw,25px);line-height:1.5;margin-bottom:32px}
.reference-sections-home .reference-builder .button{background:#10120f;color:white;border:1px solid #10120f}
.reference-sections-home .reference-builder .button span{color:#c6f55a}
.reference-sections-home .reference-builder .builder-copy{position:relative;z-index:1}
.reference-sections-home .reference-builder>img{width:115%;max-width:none;justify-self:end;margin-left:-15%}
.reference-sections-home #resultaten-inzicht .results-layout{grid-template-columns:1.5fr .8fr;gap:24px}
.reference-sections-home #resultaten-inzicht .reference-art{max-width:430px;margin:auto}
.reference-sections-home #resultaten-inzicht figcaption{font-size:12px;max-width:330px}
.reference-sections-home .calculator-intro .reference-art{max-width:390px;margin:10px auto}
.reference-sections-home .template-showcase{position:relative;padding-bottom:120px}
.reference-sections-home .library-mascot{position:absolute;right:-5px;bottom:5px;width:155px;height:auto;pointer-events:none}
.reference-sections-home .template-showcase>.showcase-note{padding-right:165px;min-height:80px;display:flex;align-items:center;margin-bottom:0}
.reference-sections-home .learning-mascot{width:190px;height:190px;bottom:8px;left:-28px}
.reference-sections-home .learning-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;font-size:15px}
.reference-sections-home .learning-brand>span:first-child{font-size:25px;color:#355613}
.reference-sections-home .learning-preview-label{flex-basis:100%;font-size:12px;color:#50564f}
.reference-sections-home .learning-path li{border:1px solid var(--line);border-radius:8px;padding:18px 14px;margin:12px 0;align-items:start;flex-wrap:wrap;gap:12px}
.reference-sections-home .learning-path li>div{flex:1;min-width:120px}
.reference-sections-home .learning-path .learning-level{padding:5px 10px;background:#e9f6d6;color:#233b14;border-radius:30px;line-height:1.5;font-size:12px;white-space:normal}
.reference-sections-home .learning-path{padding:25px 24px 100px}
.reference-sections-home .meeting-options{padding:0;margin:26px 0 12px;border:0;min-width:0}
.reference-sections-home .meeting-options legend{font-size:14px;font-weight:600;margin-bottom:12px}
.reference-sections-home .meeting-options label{display:flex;gap:16px;align-items:center;border:1px solid #8e9588;border-radius:7px;min-height:64px;padding:16px;margin:10px 0;cursor:pointer;font-size:16px;line-height:1.4}
.reference-sections-home .meeting-options input{width:23px;height:23px;min-width:23px;accent-color:#48751c;margin:0}
.reference-sections-home .meeting-options label:has(input:checked){background:#f1f8e9;border-color:#4d741f}
.reference-sections-home .meeting-options label>span{margin-left:auto}
.reference-sections-home .meeting-options strong{font-size:16px;min-width:0;overflow-wrap:anywhere}
.reference-sections-home .meeting-options label:focus-within{outline:3px solid #365d18;outline-offset:3px}
@media(max-width:1100px){
 .reference-sections-home .reference-builder{padding:36px}
 .reference-sections-home .reference-builder h2{font-size:clamp(36px,4.5vw,54px)}
 .reference-sections-home .reference-boat .collab-top{gap:12px}
 .reference-sections-home #resultaten-inzicht .results-layout{grid-template-columns:1.4fr .8fr}
}
@media(max-width:900px){
 .reference-sections-home #resultaten-inzicht .results-layout{grid-template-columns:1fr}
 .reference-sections-home #resultaten-inzicht .results-illustration{max-width:420px;margin:auto}
 .reference-sections-home .calculator-intro .reference-art{grid-column:2;grid-row:2/5;align-self:center}
 .reference-sections-home .reference-builder{grid-template-columns:1fr}
 .reference-sections-home .reference-builder>img{width:100%;max-width:650px;margin:0;justify-self:center}
 .reference-sections-home .reference-builder h2{font-size:clamp(38px,6vw,60px)}
}
@media(max-width:760px){
 .reference-sections-home .reference-basis .feature-top,.reference-sections-home .reference-boat .collab-top{grid-template-columns:1fr;gap:20px}
 .reference-sections-home .reference-basis h2,.reference-sections-home .reference-boat h2{font-size:clamp(34px,7vw,50px)}
 .reference-sections-home .reference-art{max-width:620px;margin:auto}
 .reference-sections-home .reference-course{padding-block:42px}
 .reference-sections-home .learning-mascot{left:-10px;width:165px;height:165px}
 .reference-sections-home .reference-section-heading{margin-bottom:24px}
}
@media(max-width:520px){
 .reference-sections-home .reference-builder{padding:28px 22px}
 .reference-sections-home .reference-builder h2{font-size:36px}
 .reference-sections-home .reference-builder .button{font-size:15px;gap:18px;white-space:normal}
 .reference-sections-home .calculator-intro .reference-art{grid-column:1;grid-row:auto;width:230px;margin:0 auto 14px}
 .reference-sections-home .template-showcase{padding-bottom:120px}
 .reference-sections-home .template-showcase>.showcase-note{padding-right:0;min-height:0;padding-bottom:70px}
 .reference-sections-home .library-mascot{width:130px;bottom:5px}
 .reference-sections-home .learning-path{padding:20px 16px 100px}
 .reference-sections-home .learning-path .learning-level{margin-left:26px}
 .reference-sections-home .service-related{display:grid;gap:12px}
}

/* Feather the neutral artwork edges into the page without modifying supplied images. */
.reference-art{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}