/* All new presentation is scoped to Hoe werkt het. */
#werking .how-v2-hero{position:relative;min-height:520px;background:#fff;overflow:hidden}
#werking .how-v2-hero-photo{position:absolute;right:0;top:0;width:66%;height:100%;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}
#werking .how-v2-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,.92) 8%,rgba(255,255,255,.28) 26%,transparent 43%)}
#werking .how-v2-hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
#werking .how-v2-hero-inner{position:relative;z-index:1;min-height:520px;display:flex;align-items:center;padding-top:55px;padding-bottom:100px;pointer-events:none}
#werking .how-v2-hero-copy{width:44%;pointer-events:auto}
#werking #how-title{font-size:clamp(36px,3.8vw,53px);line-height:1.08;margin:0 0 24px;letter-spacing:-1.3px}
#werking .how-v2-hero-copy>p:not(.section-eyebrow){font-size:20px;line-height:1.65;max-width:450px;margin:0 0 23px}
#werking .how-v2-hero-link{display:inline-flex;align-items:center;gap:28px;border-radius:9px;background:#ff650b;color:#fff;text-decoration:none;padding:14px 22px;font-size:17px;font-weight:bold;min-height:48px}
#werking .how-v2-hero-link span{font-size:25px}
#werking .how-v2-start{padding-top:10px;padding-bottom:40px;scroll-margin-top:105px}
#werking .how-v2-start>h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:0 0 26px}
#werking .how-start-steps>li{box-shadow:none;background:#f6f9fc}
#werking .how-v2-content{padding-top:12px;padding-bottom:15px}
#werking .how-v2-section-heading{margin-bottom:30px;max-width:780px}
#werking .how-v2-section-heading h2{font-size:clamp(30px,3vw,39px);line-height:1.15;margin:0 0 14px}
#werking .how-v2-section-heading>p:last-child{font-size:19px;line-height:1.6;margin:0}
#werking .how-v2-panel{padding:34px;border-radius:24px;margin-bottom:32px;--how-accent:#a86106;background:#fff4e2;border:1px solid #f5e4c7}
#werking .how-v2-language{--how-accent:#28753b;background:#edf7ef;border-color:#dbeade}
#werking .how-v2-country{--how-accent:#166bab;background:#edf6fd;border-color:#dce9f4}
#werking .how-v2-panel-title{display:flex;align-items:center;gap:20px;margin-bottom:26px}
#werking .how-v2-panel-title>img{width:76px;height:76px;object-fit:cover;flex:0 0 76px;border-radius:17px;box-shadow:0 3px 10px #123b6710}
#werking .how-v2-panel-title p{font-size:16px;font-weight:bold;color:var(--how-accent);margin:0 0 7px}
#werking .how-v2-panel-title h2{font-size:31px;line-height:1.15;margin:0}
#werking .how-v2-information-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:32px;align-items:center}
#werking .how-v2-prose p{font-size:18px;line-height:1.65;margin:0 0 18px}
#werking .how-v2-note{background:#ffffffb3;border-left:4px solid var(--how-accent);border-radius:0 12px 12px 0;padding:20px 23px;margin-top:25px}
#werking .how-v2-note h3{font-size:21px;line-height:1.3;margin:0 0 9px}
#werking .how-v2-note p{font-size:17px;margin:0}
#werking .how-v2-panel figure{margin:0;min-width:0}
#werking .how-v2-panel figure>img{display:block;width:100%;height:auto;border-radius:12px}
#werking .how-v2-panel figcaption{font-size:14px;line-height:1.5;color:#4a6478;margin-top:12px;text-align:center}
#werking .how-v2-panel-lead{font-size:19px;line-height:1.6;margin:0 0 26px;max-width:850px}
#werking .how-v2-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
#werking .how-v2-course{background:#fff;border-radius:17px;padding:25px;display:flex;flex-direction:column}
#werking .how-v2-course-label{font-size:14px;font-weight:bold;color:var(--how-accent);margin:0 0 8px}
#werking .how-v2-course h3{font-size:25px;line-height:1.2;margin:0 0 13px}
#werking .how-v2-course-copy>p:last-child{font-size:17px;line-height:1.6;margin:0 0 22px}
#werking .how-v2-course figure{margin-top:auto}
#werking .how-v2-course figure>img{height:440px;object-fit:contain;width:100%;border-radius:0}
#werking .how-v2-course figure>.how-v2-flashcards{height:440px;max-width:320px;margin:auto}
#werking .how-v2-country-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
#werking .how-v2-country-grid figure{max-width:355px;width:100%;justify-self:center}
@media(max-width:1000px){#werking .how-v2-panel{padding:26px}#werking .how-v2-panel-title h2{font-size:28px}#werking .how-v2-information-grid{gap:25px}#werking .how-v2-course{padding:20px}#werking .how-v2-course figure>img,#werking .how-v2-course figure>.how-v2-flashcards{height:360px}#werking .how-v2-hero-copy{width:47%}}
@media(max-width:760px){
 #werking .how-v2-hero{display:flex;flex-direction:column;min-height:0}
 #werking .how-v2-hero-inner{order:1;min-height:0;width:100%;padding-top:32px;padding-bottom:16px}
 #werking .how-v2-hero-copy{width:100%}#werking #how-title{font-size:39px}
 #werking .how-v2-hero-copy>p:not(.section-eyebrow){font-size:19px;max-width:none}
 #werking .how-v2-hero-photo{order:2;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;max-height:420px;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
 #werking .how-v2-hero-photo:after{background:linear-gradient(to right,rgba(255,255,255,.35),transparent 23%)}
 #werking .how-v2-start{padding-top:4px;padding-bottom:28px}
 #werking .how-v2-panel{padding:23px;margin-bottom:24px;border-radius:18px}
 #werking .how-v2-panel-title{gap:15px;align-items:center;margin-bottom:23px}
 #werking .how-v2-panel-title>img{width:63px;height:63px;flex-basis:63px;border-radius:13px}
 #werking .how-v2-panel-title h2{font-size:26px}
 #werking .how-v2-information-grid,#werking .how-v2-country-grid,#werking .how-v2-course-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 #werking .how-v2-country-grid .how-v2-prose{order:1}#werking .how-v2-country-grid figure{order:2;max-width:390px}
 #werking .how-v2-prose p{font-size:17px}#werking .how-v2-note{padding:18px;margin-top:20px}
 #werking .how-v2-course figure>img,#werking .how-v2-course figure>.how-v2-flashcards{height:auto;max-height:520px}
 #werking .how-v2-course figure>.how-v2-flashcards{max-width:280px}
}
@media(max-width:400px){#werking #how-title{font-size:35px}#werking .how-v2-panel{padding:18px}#werking .how-v2-panel-title{align-items:flex-start;gap:12px}#werking .how-v2-panel-title>img{width:51px;height:51px;flex-basis:51px}#werking .how-v2-panel-title h2{font-size:23px}#werking .how-v2-panel-title p{font-size:14px}#werking .how-v2-course{padding:17px}}