/* 2026-09-03 v1.6
 * - Moved the founder image corners to the shared Netsetup image class.
 *
 * 2026-09-02 v1.5
 * - Stacked and centered the About contact call to action.
 *
 * 2026-09-02 v1.4
 * - Removed rounded corners from the full-height About hero image.
 * - Kept the asymmetric corners on the inset founder image.
 *
 * 2026-09-02 v1.3
 * - Added asymmetric top-left and bottom-right corners to About photography.
 *
 * 2026-09-01 v1.2
 * - Kept the Solutions action legible on the purple current-technology panel.
 *
 * 2026-09-01 v1.1
 * - Stacked principle-card content for a calmer readable layout.
 *
 * 2026-09-01 v1.0
 * - Added the responsive Netsetup About journey and founder story.
 */

.template-standaardpagina_met_image { overflow-x:clip; }
.template-standaardpagina_met_image .content { display:block; gap:0; overflow-x:clip; }
.template-standaardpagina_met_image .netsetup-about-page { display:block; width:100%; overflow:clip; }
.template-standaardpagina_met_image .netsetup-about-page section { width:100%; max-width:none; min-height:0; margin:0; box-sizing:border-box; }
.template-standaardpagina_met_image .netsetup-about-page section > * { width:auto; min-height:0; margin:0; }
.template-standaardpagina_met_image .netsetup-about-page h1,
.template-standaardpagina_met_image .netsetup-about-page h2,
.template-standaardpagina_met_image .netsetup-about-page h3,
.template-standaardpagina_met_image .netsetup-about-page p { margin-top:0; }
.template-standaardpagina_met_image .netsetup-about-page h1,
.template-standaardpagina_met_image .netsetup-about-page h2 { max-width:none; font-weight:500; letter-spacing:-.045em; text-wrap:balance; }
.template-standaardpagina_met_image .netsetup-about-page p { color:var(--textcolor); }
.template-standaardpagina_met_image .netsetup-about-page a:focus-visible { outline:3px solid var(--yellow); outline-offset:5px; }

.netsetup-about-system-label,
.netsetup-about-facts strong,
.netsetup-about-principles-grid span { font-family:"Doto",monospace; }
.netsetup-about-system-label { margin-bottom:24px!important; color:var(--frontcolor_dark)!important; font-size:14px; font-weight:700; letter-spacing:.08em; line-height:1.4; }

.template-standaardpagina_met_image .netsetup-about-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); min-height:100svh; padding-left:max(90px,calc((100vw - 1480px)/2)); align-items:stretch; }
.netsetup-about-hero-copy { display:flex; width:100%!important; max-width:900px!important; padding:190px clamp(60px,7vw,130px) 120px 0; box-sizing:border-box; justify-content:center; gap:0!important; }
.template-standaardpagina_met_image .netsetup-about-hero h1 { margin-bottom:42px; font-size:clamp(68px,7.5vw,118px); line-height:.91; }
.netsetup-about-lead { max-width:760px; margin-bottom:34px; font-size:clamp(19px,1.55vw,25px); line-height:1.55; }
.netsetup-about-hero-image { position:relative; min-height:100svh; overflow:hidden; }
.netsetup-about-hero-image { border-radius:0; }
.netsetup-about-hero-image::before,
.netsetup-about-founder-image::before { position:absolute; z-index:1; top:26px; left:26px; width:58px; height:1px; background:var(--yellow); content:""; }
.netsetup-about-hero-image img,
.netsetup-about-founder-image img { display:block; width:100%; height:100%; object-fit:cover; }

.template-standaardpagina_met_image .netsetup-about-facts { display:grid; grid-template-columns:repeat(3,1fr); padding:0 max(90px,calc((100vw - 1480px)/2)); background:var(--lightblue); }
.netsetup-about-facts > div { display:flex; min-height:190px; padding:40px; border-left:1px solid var(--bordercolor_dark); box-sizing:border-box; justify-content:center; gap:10px!important; }
.netsetup-about-facts > div:last-child { border-right:1px solid var(--bordercolor_dark); }
.netsetup-about-facts strong { color:var(--frontcolor_dark); font-size:clamp(24px,2.4vw,38px); font-weight:700; letter-spacing:.03em; line-height:1; }
.netsetup-about-facts span { font-size:15px; line-height:1.4; }

.template-standaardpagina_met_image .netsetup-about-founder { display:grid; grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr); min-height:96svh; padding:130px max(90px,calc((100vw - 1480px)/2)); align-items:center; gap:clamp(64px,8vw,140px); scroll-margin-top:80px; }
.netsetup-about-founder-image { position:relative; aspect-ratio:1; overflow:hidden; }
.netsetup-about-founder-copy { display:flex; width:100%!important; max-width:760px!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-about-founder h2 { margin-bottom:34px; font-size:clamp(54px,5.7vw,90px); line-height:.95; }
.netsetup-about-founder-copy > p:not(.netsetup-about-system-label) { max-width:700px; margin-bottom:24px; font-size:clamp(18px,1.3vw,21px); line-height:1.65; }

.template-standaardpagina_met_image .netsetup-about-principles { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); padding:130px max(90px,calc((100vw - 1480px)/2)); background:var(--lightblue); align-items:center; gap:clamp(70px,8vw,150px); }
.netsetup-about-principles-intro { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-about-principles h2 { font-size:clamp(52px,5.5vw,86px); line-height:.96; }
.netsetup-about-principles-grid { display:grid!important; grid-template-columns:repeat(3,1fr); width:100%; max-width:none!important; border-top:1px solid var(--bordercolor_dark); border-left:1px solid var(--bordercolor_dark); gap:0!important; }
.netsetup-about-principles-grid article { display:flex; min-height:330px; padding:30px; border-right:1px solid var(--bordercolor_dark); border-bottom:1px solid var(--bordercolor_dark); box-sizing:border-box; flex-direction:column; gap:18px!important; }
.netsetup-about-principles-grid span { color:var(--frontcolor_dark); font-size:18px; font-weight:700; }
.template-standaardpagina_met_image .netsetup-about-principles-grid h3 { margin:0; color:var(--frontcolor_dark); font-size:25px; font-weight:500; line-height:1.15; }
.netsetup-about-principles-grid p { margin-bottom:0; font-size:15px; line-height:1.55; }

.template-standaardpagina_met_image .netsetup-about-now { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); min-height:76svh; padding:130px max(90px,calc((100vw - 1480px)/2)); background:var(--frontcolor); align-items:center; gap:clamp(70px,8vw,150px); }
.netsetup-about-now > div { width:100%!important; max-width:none!important; }
.netsetup-about-now .netsetup-about-system-label,
.netsetup-about-now h2,
.netsetup-about-now p { color:var(--lightcolor_light)!important; -webkit-text-fill-color:currentColor; }
.template-standaardpagina_met_image .netsetup-about-now h2 { margin:0; background-image:none; -webkit-background-clip:border-box; -webkit-text-fill-color:var(--lightcolor_light)!important; font-size:clamp(54px,5.8vw,92px); line-height:.95; }
.netsetup-about-now-copy { display:flex; gap:0!important; }
.netsetup-about-now-copy p { max-width:660px; margin-bottom:32px; font-size:clamp(18px,1.4vw,22px); line-height:1.65; }
.template-standaardpagina_met_image .netsetup-about-now .button { color:var(--lightcolor_light)!important; -webkit-text-fill-color:var(--lightcolor_light)!important; }
.template-standaardpagina_met_image .netsetup-about-now .button:hover { color:var(--yellow)!important; -webkit-text-fill-color:var(--yellow)!important; }

.template-standaardpagina_met_image .netsetup-about-contact { display:flex; min-height:72svh; padding:130px max(90px,calc((100vw - 1480px)/2)); box-sizing:border-box; flex-direction:column; align-items:center; justify-content:center; gap:0!important; }
.template-standaardpagina_met_image .netsetup-about-contact h2 { max-width:1100px; margin-bottom:42px; font-size:clamp(62px,7.7vw,122px); line-height:.92; text-align:center; }
.netsetup-about-contact .netsetup-about-system-label { text-align:center; }

@media only screen and (max-width:1180px) {
	.template-standaardpagina_met_image .netsetup-about-hero { grid-template-columns:1fr 42%; padding-left:60px; }
	.netsetup-about-hero-copy { padding-right:50px; }
	.template-standaardpagina_met_image .netsetup-about-founder,
	.template-standaardpagina_met_image .netsetup-about-principles,
	.template-standaardpagina_met_image .netsetup-about-now { padding-right:60px; padding-left:60px; }
	.template-standaardpagina_met_image .netsetup-about-facts,
	.template-standaardpagina_met_image .netsetup-about-contact { padding-right:60px; padding-left:60px; }
	.netsetup-about-principles-grid { grid-template-columns:1fr; }
	.netsetup-about-principles-grid article { min-height:190px; }
}

@media only screen and (max-width:820px) {
	.template-standaardpagina_met_image .netsetup-about-hero { display:flex; min-height:0; padding:130px 20px 0; }
	.netsetup-about-hero-copy { min-height:calc(100svh - 130px); padding:30px 0 80px; justify-content:center; }
	.template-standaardpagina_met_image .netsetup-about-hero h1 { margin-bottom:30px; font-size:clamp(48px,13.5vw,68px); line-height:.94; }
	.netsetup-about-lead { margin-bottom:28px; font-size:17px; line-height:1.55; }
	.netsetup-about-hero-image { width:calc(100% + 40px)!important; min-height:0; aspect-ratio:1; margin-left:-20px!important; }

	.template-standaardpagina_met_image .netsetup-about-facts { grid-template-columns:1fr; padding:0 20px; }
	.netsetup-about-facts > div { min-height:128px; padding:26px 20px; border-right:1px solid var(--bordercolor_dark); border-bottom:1px solid var(--bordercolor_dark); }
	.netsetup-about-facts strong { font-size:28px; }

	.template-standaardpagina_met_image .netsetup-about-founder { display:flex; min-height:0; padding:90px 20px; gap:54px; scroll-margin-top:80px; }
	.netsetup-about-founder-image { width:100%!important; aspect-ratio:1; }
	.template-standaardpagina_met_image .netsetup-about-founder h2 { margin-bottom:28px; font-size:clamp(46px,12vw,62px); }
	.netsetup-about-founder-copy > p:not(.netsetup-about-system-label) { font-size:17px; line-height:1.6; }

	.template-standaardpagina_met_image .netsetup-about-principles,
	.template-standaardpagina_met_image .netsetup-about-now { display:flex; min-height:0; padding:90px 20px; gap:54px; }
	.template-standaardpagina_met_image .netsetup-about-principles h2,
	.template-standaardpagina_met_image .netsetup-about-now h2 { font-size:clamp(46px,12vw,64px); }
	.netsetup-about-principles-grid { grid-template-columns:1fr; }
	.netsetup-about-principles-grid article { min-height:0; padding:26px 22px; }
	.netsetup-about-now-copy p { font-size:17px; line-height:1.6; }

	.template-standaardpagina_met_image .netsetup-about-contact { min-height:74svh; padding:100px 20px; }
	.template-standaardpagina_met_image .netsetup-about-contact h2 { margin-bottom:34px; font-size:clamp(50px,13vw,68px); }
}

@media (prefers-reduced-motion:reduce) {
	.netsetup-about-page * { scroll-behavior:auto!important; }
}