.ai-work-hero{padding-block:58px 70px}
.ai-work-hero h1{max-width:1200px;color:var(--violet)}
.ai-work-hero .hero-bottom{gap:45px;align-items:flex-end}
.ai-work-hero .lead{max-width:650px}
.ai-work-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;max-width:100%;flex-shrink:1}
.ai-principle{background:var(--violet);color:var(--paper)}
.ai-principle-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:74px}
.ai-principle h2{margin-top:24px;max-width:570px}
.ai-principle-inner>div:last-child{padding-top:40px}
.ai-principle-note{border-top:1px solid #ffffff4d;padding-top:24px;margin-top:28px;font-weight:600}
.ai-applications{padding-block:86px 0;scroll-margin-top:10px}
.ai-applications .section-top{align-items:flex-start;gap:9%;display:grid;grid-template-columns:1fr 1fr}
.ai-applications .section-top>p{padding-top:40px;max-width:none}
.ai-application-list{list-style:none;padding:0;margin:52px 0 0}
.ai-application-list>li{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;border-top:1px solid var(--line);padding-block:40px}
.ai-application-heading .eyebrow{color:var(--violet)}
.ai-application-heading h3{margin-block:12px 14px;font-size:var(--type-h2)}
.ai-application-heading>p:last-child{max-width:300px}
.ai-application-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px 34px}
.ai-application-copy .eyebrow{margin-bottom:14px;color:var(--muted)}
.ai-application-copy>div:nth-child(2) .eyebrow{color:var(--violet)}
.ai-example{grid-column:1/-1;border-left:2px solid var(--blue);padding-left:18px;font-size:var(--type-small);margin:0!important;color:var(--muted)}
.ai-tools{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:72px 90px;border-top:1px solid var(--line);align-items:center}
.ai-tools h2{margin-block:24px}
.ai-tools-note{font-weight:600;color:var(--violet)}
.ai-people>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-people img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%}
.ai-people>div>div:nth-child(2){padding-top:45px}
.ai-people p{margin-top:12px;font-size:var(--type-small);line-height:1.4}
.ai-people>div strong,.ai-people>div span{display:block}
.ai-people>div span{margin-top:4px;color:var(--muted)}
.ai-people figcaption{margin-top:22px;font-size:var(--type-small);color:var(--muted)}
.ai-collaboration{padding-block:76px 80px;background:#efece6}
.ai-collaboration .section-top{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.ai-work-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:45px}
.ai-work-routes>a{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--ink);padding-top:23px}
.ai-work-routes p{margin:18px 0 20px}
.ai-work-routes .text-link{margin-top:auto}
.ai-work-routes>a:hover h3{color:var(--violet)}
.ai-geo-reference{padding-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.ai-geo-reference>p{max-width:620px}
.ai-geo-reference .text-link{flex-shrink:0}
.ai-work-contact p+p{margin-top:20px}
.ai-work-contact p a{text-decoration:underline;text-underline-offset:4px}
body[data-page="ai-in-ons-werk"] .faq h2{max-width:450px}
@media(max-width:1100px){.ai-work-hero .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 28px}.ai-application-list>li{grid-template-columns:.65fr 1.35fr;gap:6%}.ai-application-copy{gap:22px}.ai-tools{gap:6%}}
@media(max-width:850px){.ai-work-hero{padding-block:45px 55px}.ai-principle-inner{padding-block:55px;gap:6%}.ai-applications{padding-top:60px}.ai-applications .section-top{gap:6%}.ai-application-copy{grid-template-columns:1fr}.ai-application-copy>div+div{border-top:1px solid var(--line);padding-top:20px}.ai-tools{grid-template-columns:1fr;padding-block:55px;gap:40px}.ai-people{max-width:650px}.ai-work-routes{gap:25px}.ai-work-routes h3{font-size:var(--type-h4)}.ai-collaboration{padding-block:55px}.ai-geo-reference{display:block;padding-bottom:55px}.ai-geo-reference .text-link{margin-top:20px}}
@media(max-width:600px){.ai-review>.wrap{flex-wrap:wrap;gap:0 14px}.ai-work-hero{padding-block:32px 45px}.ai-work-hero .hero-actions{margin-top:0}.ai-principle-inner{grid-template-columns:1fr;gap:0;padding-block:45px}.ai-principle h2{margin-top:18px}.ai-principle-inner>div:last-child{padding-top:26px}.ai-principle-note{margin-top:23px;padding-top:22px}.ai-applications{padding-top:45px}.ai-applications .section-top{grid-template-columns:1fr;gap:22px}.ai-applications .section-top>p{padding-top:0}.ai-application-list{margin-top:30px}.ai-application-list>li{grid-template-columns:1fr;gap:25px;padding-block:30px}.ai-application-heading h3{margin-block:10px 12px}.ai-application-heading>p:last-child{max-width:none}.ai-application-copy{gap:20px}.ai-application-copy .eyebrow{margin-bottom:10px}.ai-tools{padding-block:40px 45px;gap:30px}.ai-tools h2{margin-block:18px 22px}.ai-people>div{gap:10px}.ai-people>div>div:nth-child(2){padding-top:26px}.ai-people p,.ai-people figcaption{font-size:12px}.ai-collaboration{padding-block:45px}.ai-collaboration .section-top{grid-template-columns:1fr;gap:24px}.ai-work-routes{grid-template-columns:1fr;gap:28px;margin-top:30px}.ai-work-routes h3{font-size:var(--type-h3)}.ai-work-routes p{margin-block:14px 12px}.ai-geo-reference{padding-bottom:45px}}
.ai-people figcaption a{display:inline-block;white-space:nowrap;color:var(--violet);text-decoration:underline;text-underline-offset:4px;font-weight:550}.ai-people figcaption a:hover{text-decoration-thickness:2px}
