/* Company profile: editorial layout with restrained scroll reveals. */
.about-hero{background:#f0f3ef;padding:64px 0 72px}
.about-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.about-introduction .p-label,.about-story .p-label,.about-section-heading .p-label,.about-future .p-label{color:#33776a}
.premium .about-introduction h1{font-size:clamp(38px,4.2vw,59px);line-height:1.12;font-weight:500;margin:28px 0}
.about-introduction h1 em{font-style:normal;color:#347b69}
.about-introduction>p{font-size:18px;line-height:1.8;color:#53625d;max-width:460px;margin:0 0 30px}
.about-portrait{position:relative;height:420px;border-radius:4px;overflow:hidden;background:#1b2a29}
.about-portrait>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65)}
.about-portrait:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101e23e8)}
.about-portrait-caption{position:absolute;z-index:1;bottom:30px;left:32px;color:white}
.about-portrait-caption>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#cee1db}
.about-portrait-caption p{font:500 26px/1.35 Manrope,Arial,sans-serif;margin:12px 0 0}
.about-story{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:90px;padding-bottom:90px;scroll-margin-top:115px}
.premium .about-story h2,.premium .about-section-heading h2,.premium .about-future h2,.premium .about-contact h2{font-size:clamp(30px,3vw,40px);line-height:1.22;font-weight:500;margin:20px 0 0}
.about-story-copy p,.about-future-copy p{font-size:16px;line-height:1.85;color:#5a6465;margin:0 0 20px}
.about-story-copy .p-text-link{margin-top:8px}
.about-values{background:#13242b;color:#fff;padding:72px 0}
.about-section-heading .p-label{color:#9bd3c4}
.premium .about-section-heading h2{color:#fff}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:44px 0 30px}
.about-values-grid article{border-top:1px solid #45565a;padding-top:23px}
.about-index{font-size:12px;color:#91c9b9;font-variant-numeric:tabular-nums}
.premium .about-values h3{font-size:25px;font-weight:500;margin:28px 0 16px;color:white}
.about-values-grid p{font-size:15px;line-height:1.85;color:#becdce;margin:0}
.about-values .p-text-link{color:#bde8da}
.about-future{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center;padding-top:90px;padding-bottom:90px}
.about-future-mark{background:#eef2ee;border:1px solid #dce5dd;min-height:345px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;position:relative;overflow:hidden}
.about-future-mark:before,.about-future-mark:after{content:'';position:absolute;width:310px;height:310px;border:1px solid #437b641c;border-radius:50%;pointer-events:none}
.about-future-mark:before{left:-160px;top:-130px}.about-future-mark:after{right:-165px;bottom:-140px}
.about-future-mark>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#577163}
.about-future-mark strong{font:500 88px/1.5 Manrope,Arial,sans-serif;letter-spacing:-.06em;color:#243d36}.about-future-mark strong span{color:#348771}
.about-future-mark small{font-size:12px;color:#65796e}
.premium .about-future h2{margin-bottom:24px}
.about-contact{background:#edf3ef;padding:60px 0}
.about-contact>.p-container{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}
.about-contact .p-label{color:#447768}.about-contact p{font-size:16px;line-height:1.8;color:#53675d;margin:0 0 23px}
.about-contact .p-button{background:#193f34;color:white}
@media(max-width:1000px){.about-hero-grid,.about-story,.about-future,.about-contact>.p-container{gap:40px}.about-values-grid{gap:25px}.about-portrait{height:380px}.premium .about-introduction h1{font-size:43px}}
@media(max-width:700px){.about-hero{padding:40px 0}.about-hero-grid,.about-story,.about-future,.about-contact>.p-container{grid-template-columns:1fr;gap:30px}.premium .about-introduction h1{font-size:clamp(35px,8.5vw,48px);margin:22px 0}.about-introduction>p{font-size:16px}.about-portrait{height:290px}.about-story,.about-future{padding-top:50px;padding-bottom:50px}.about-values{padding:48px 0}.about-values-grid{grid-template-columns:1fr;margin-top:32px;gap:28px}.about-values-grid article{position:relative;padding:20px 0 0 36px}.about-index{position:absolute;left:0;top:25px}.premium .about-values h3{margin:0 0 12px}.about-future-mark{min-height:250px}.about-future-mark strong{font-size:75px}.about-contact{padding:45px 0}.about-portrait-caption{left:24px;bottom:24px}}

/* About story: headings above balanced paragraph columns. */
.premium .about-story{display:block;padding-top:64px;padding-bottom:56px}
.premium .about-story>div:first-child{max-width:850px;margin-bottom:32px}
.premium .about-story h2{margin-top:16px}
.premium .about-story-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:24px;align-items:start}
.premium .about-story-copy p{margin:0;line-height:1.75}
.premium #ons-verhaal .about-story-copy>p:first-child{grid-column:1/-1;max-width:860px;font-size:18px;line-height:1.7}
.premium #onze-ervaring{padding-top:48px;border-top:1px solid #dce5df}
.premium .about-story-copy>.p-text-link{grid-column:1/-1;justify-self:start;margin-top:4px}
@media(max-width:700px){
 .premium .about-story{padding-top:40px;padding-bottom:40px}
 .premium .about-story>div:first-child{margin-bottom:24px}
 .premium .about-story-copy{grid-template-columns:1fr;gap:20px}
 .premium #ons-verhaal .about-story-copy>p:first-child{font-size:17px}
 .premium #onze-ervaring{padding-top:36px}
}

/* Company story with a distinct people panel and practical examples. */
.premium .about-narrative{padding-top:64px;padding-bottom:44px;scroll-margin-top:110px}
.premium .about-opening{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:40px}
.premium .about-opening h2,.premium .about-expertise h2{font-size:clamp(30px,3vw,40px);line-height:1.2;font-weight:500;margin:18px 0 0}
.premium .about-opening h2 em{font-style:normal;color:#176c5a}
.premium .about-opening p,.premium .about-expertise p{font-size:16px;line-height:1.75;margin:0;color:#4e6062}
.premium .about-people{display:grid;grid-template-columns:.85fr 1.15fr;background:#eff5f2;border-top:3px solid #26ab98;border-radius:3px;overflow:hidden}
.premium .about-people-statement{padding:44px;background:transparent;display:flex;flex-direction:column;justify-content:center}
.premium .about-people-statement .p-label{color:#267e6e}
.premium .about-people-statement p{font-size:clamp(28px,3vw,38px);line-height:1.25;color:#173d36;margin:24px 0;font-weight:500;max-width:340px}
.about-people-line{width:68px;height:3px;background:#43c7b4}
.premium .about-people-copy{padding:40px 44px}
.premium .about-people-copy p{font-size:16px;line-height:1.75;color:#4e6062;margin:0 0 20px}
.premium .about-people-copy p:last-child{margin-bottom:0;color:#4e6062}
.premium .about-expertise{padding-top:28px;padding-bottom:64px;scroll-margin-top:110px}
.about-expertise-heading{margin-bottom:32px}
.about-expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.premium .about-expertise-copy p{margin-bottom:24px}
.premium .about-practice{background:#eff5f2;border-top:3px solid #26ab98;border-radius:3px;padding:28px 32px}
.premium .about-practice h3{font-size:23px;line-height:1.35;font-weight:500;margin:0 0 24px;color:#173d36}
.premium .about-practice ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.premium .about-practice li{display:grid;grid-template-columns:30px 1fr;gap:14px;margin:0;padding:0}
.about-practice li>span{color:#267e6e;font-size:12px;padding-top:5px;font-weight:600}
.premium .about-practice li p{font-size:15px}
.premium .about-together{display:flex;gap:24px;align-items:flex-start;border-top:1px solid #ded9e8;background:#f6f4f8;padding:28px 32px;margin-top:36px;border-radius:4px}
.about-together>span{font-size:35px;line-height:1.2;color:#78609c}
.premium .about-together p{color:#494357;max-width:940px}
@media(max-width:700px){.premium .about-narrative{padding-top:40px;padding-bottom:24px}.premium .about-opening{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.premium .about-people{grid-template-columns:1fr}.premium .about-people-statement{padding:28px}.premium .about-people-statement p{margin:16px 0 24px}.premium .about-people-copy{padding:28px}.about-expertise-grid{grid-template-columns:1fr;gap:28px}.premium .about-expertise{padding-top:20px;padding-bottom:40px}.premium .about-practice{padding:24px}.premium .about-together{padding:24px;gap:16px}}

/* Consistent spacing, shared surfaces and restrained accents. */
.premium .about-people{grid-template-columns:1fr 1fr;gap:48px;background:transparent;border:0;border-radius:0;overflow:visible;padding:0;align-items:start}
.premium .about-people-statement{position:static;min-height:0;border:0;border-radius:16px;padding:32px;background:#edf4f0}
.premium .about-people-statement:before,.premium .about-people-statement:after,.premium .about-people-copy:before{display:none}
.premium .about-people-statement .p-label{color:#267e6e}
.premium .about-people-statement p{font-size:clamp(28px,2.6vw,36px);line-height:1.3;color:#173d36;max-width:440px;margin:20px 0}
.premium .about-people-line{display:block;width:48px;height:2px;background:#26ab98}
.premium .about-people-copy{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.premium .about-people-copy p,.premium .about-people-copy p:last-child{color:#4e6062}
.premium #onze-ervaring{border:0;padding-top:28px}
.premium .about-expertise-grid{gap:48px}
.premium .about-practice{background:#f5f3f7;border:0;border-radius:16px;padding:32px}
.premium .about-practice h3{margin:0 0 22px}
.premium .about-practice ol{gap:0;padding:0}
.premium .about-practice li,.premium .about-practice li:nth-child(2){transform:none;background:transparent;border:0;border-radius:0;padding:18px 0;gap:16px;grid-template-columns:24px 1fr}
.premium .about-practice li:first-child{padding-top:0}
.premium .about-practice li:last-child{padding-bottom:0}
.premium .about-practice ol>li:nth-child(n+2){border-top:1px solid #e2dce9}
.premium .about-practice li>span,.premium .about-practice li:nth-child(2)>span{display:block;background:transparent;border-radius:0;width:auto;height:auto;padding-top:3px;color:#715387}
.premium .about-together{border:0;border-left:3px solid #26ab98;border-radius:0;background:transparent;margin-top:36px;padding:8px 0 8px 24px}
.premium .about-together>span{display:none}
.premium .about-together p{max-width:1100px;color:#4e6062}
@media(max-width:700px){
 .premium .about-people{grid-template-columns:1fr;gap:28px;padding:0;border-radius:0}
 .premium .about-people-statement{padding:24px;min-height:0;border-radius:12px}
 .premium .about-people-statement p{font-size:29px;margin:16px 0}
 .premium .about-people-copy{margin:0;padding:0}
 .premium .about-expertise-grid{gap:28px}
 .premium .about-practice{padding:24px;border-radius:12px}
 .premium .about-together{padding:4px 0 4px 20px}
}

/* Give all company-profile sections a shared, wider desktop canvas. */
@media(min-width:701px){
 .premium.p-page-wie-zijn-wij main .p-container{width:calc(100% - 80px);max-width:1320px;margin-left:auto;margin-right:auto}
}


/* A full-width, quiet background distinguishes the company story. */
.premium .about-story-band{background:#f5f6f6;padding:0;scroll-margin-top:90px}
.premium .about-story-band .about-narrative{padding-top:60px;padding-bottom:60px}
.premium .about-story-band .about-people-statement{background:#e7f0eb}
.premium #onze-ervaring{padding-top:56px}
@media(min-width:701px){
 .premium .about-story-band .about-people-statement{grid-column:2;grid-row:1}
 .premium .about-story-band .about-people-copy{grid-column:1;grid-row:1}
}
@media(max-width:700px){.premium .about-story-band .about-narrative{padding-top:40px;padding-bottom:40px}.premium #onze-ervaring{padding-top:40px}}


.premium .about-story-band{background:#fff}
.premium section.about-experience-band#onze-ervaring{background:#f5f6f6;padding:0;scroll-margin-top:90px}
.premium .about-experience-band .about-expertise{padding-top:56px;padding-bottom:56px}
@media(max-width:700px){.premium .about-experience-band .about-expertise{padding-top:40px;padding-bottom:40px}}

/* One shared surface for the explanation and core statement. */
.premium .about-story-band .about-people{background:#e7f0eb;border-radius:16px;padding:32px;align-items:center}
.premium .about-story-band .about-people-statement{background:transparent;border-radius:0;padding:0}
@media(max-width:700px){.premium .about-story-band .about-people{padding:24px;border-radius:12px}}

/* Proposal: reuse the restrained editorial language of the main website. */
.premium .about-story-band .about-narrative{padding-top:72px;padding-bottom:72px}
.premium .about-opening{grid-template-columns:1fr 1fr;gap:72px;margin-bottom:40px;align-items:start}
.premium .about-opening h2{font-size:clamp(30px,3vw,40px);line-height:1.25}
.premium .about-story-band .about-people{grid-template-columns:1fr 1fr;gap:72px;background:#eef3ef;border-radius:4px;padding:40px;align-items:center}
.premium .about-story-band .about-people-statement{padding:0;background:transparent;border:0}
.premium .about-people-statement p{font-size:clamp(29px,2.8vw,38px);line-height:1.3;font-weight:400;max-width:430px}
.premium .about-people-line{display:none}
.premium .about-people-copy p{font-size:16px;line-height:1.8}
.premium section.about-experience-band#onze-ervaring{background:#f4f6f3}
.premium .about-experience-band .about-expertise{padding-top:72px;padding-bottom:64px}
.premium .about-expertise-heading{margin-bottom:40px}
.premium .about-expertise-grid{grid-template-columns:1fr 1fr;gap:72px}
.premium .about-practice{background:transparent;border:0;border-radius:0;padding:0}
.premium .about-practice h3{font-size:24px;font-weight:500;margin:0 0 24px}
.premium .about-practice ol{border-top:1px solid #cbd7ce}
.premium .about-practice ol>li{padding:24px 0;gap:20px;grid-template-columns:28px 1fr}
.premium .about-practice ol>li:nth-child(n+2){border-top:1px solid #cbd7ce}
.premium .about-practice li>span,.premium .about-practice li:nth-child(2)>span{color:#407e6b;font-weight:400}
.premium .about-practice li p{font-size:16px;line-height:1.8}
.premium .about-together{padding:28px 0 0;margin-top:40px;border:0;border-top:1px solid #cbd7ce;border-radius:0;background:transparent}
.premium .about-together p{max-width:1120px;line-height:1.8}
@media(max-width:700px){
 .premium .about-story-band .about-narrative,.premium .about-experience-band .about-expertise{padding-top:40px;padding-bottom:40px}
 .premium .about-opening,.premium .about-expertise-grid,.premium .about-story-band .about-people{grid-template-columns:1fr;gap:28px}
 .premium .about-opening{margin-bottom:28px}
 .premium .about-story-band .about-people{padding:28px 24px}
 .premium .about-practice{padding:0}
 .premium .about-together{padding-top:24px;margin-top:28px}
}

/* Align the introduction with the heading and soften the shared panel. */
@media(min-width:701px){.premium .about-opening>p{align-self:end}}
.premium .about-story-band .about-people{background:#f4f2f6}

/* Integrated experience text, with one shared green emphasis. */
.premium .about-people-statement em,.premium .about-opening h2 em{font-style:normal;color:#176c5a}
.premium .about-experience-band .about-expertise{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:0}
.premium .about-expertise-grid{display:block}
.premium .about-expertise-heading{margin-bottom:0}
.premium .about-together{grid-column:1/-1}
@media(max-width:700px){.premium .about-experience-band .about-expertise{grid-template-columns:1fr;gap:28px}.premium .about-together{margin-top:0}}

/* Experience copy follows its heading in one generous reading column. */
.premium .about-experience-band .about-expertise{display:block}
.premium .about-experience-band .about-expertise-heading{margin-bottom:28px}
.premium .about-experience-band .about-expertise-copy{max-width:1120px}

.premium section.about-experience-band#onze-ervaring{background:#edf2f5}