/* Kopieer deze styles en de section naar de website. Alle sectiestijlen zijn scoped. */

.able-industries { --ink:#f7f7f2; --muted:#cbd5cc; --line:#61756a; --olive:#d8e4ce; --accent:#c9d6ad; background:#34483e; color:var(--ink); padding:80px 0; border-top:1px solid #91a486; border-bottom:1px solid #61756a; font-family:Manrope,Arial,sans-serif; }
.able-industries * {box-sizing:border-box;}
.able-industries__wrap {width:min(1280px,calc(100% - 96px));margin:auto;}
.able-industries h2 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3vw,40px);font-weight:400;line-height:1.17;letter-spacing:-.035em;margin:0;max-width:740px;text-wrap:balance;}
.able-industries__intro {color:var(--muted);font-size:17px;line-height:1.7;max-width:760px;margin:20px 0 0;}
.able-industries__note {color:var(--muted);font-size:17px;line-height:1.7;margin:32px 0 0;}
.able-industries__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:42px;border-top:1px solid var(--line);}
.able-industries__item {min-width:0;padding:30px 28px 0;position:relative;}
.able-industries__item:first-child {padding-left:0;}
.able-industries__item:last-child {padding-right:0;}
.able-industries__item + .able-industries__item:before {content:"";position:absolute;left:0;top:32px;bottom:0;width:1px;background:var(--line);}
.able-industries__icon {width:100px;height:90px;margin-bottom:19px;color:var(--olive);}
.able-industries svg {width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.able-industries .ai-fill {fill:var(--accent);stroke:currentColor;}
.able-industries .ai-soft {fill:#e8ecdf;}
.able-industries h3 {font-size:24px;letter-spacing:-.025em;font-weight:600;line-height:1.35;margin:0 0 10px;}
.able-industries__item p {font-size:17px;line-height:1.7;color:var(--muted);margin:0;max-width:260px;}
.able-industries .ai-steam {animation:ai-steam 3.6s ease-in-out infinite;}
.able-industries .ai-steam--second {animation-delay:-1.8s;}
.able-industries .ai-food {animation:ai-food 5s ease-in-out infinite;}
.able-industries .ai-roll {transform-origin:39px 42px;animation:ai-roll 9s linear infinite;}
.able-industries .ai-sheet {animation:ai-sheet 4s ease-in-out infinite;}
.able-industries .ai-bubble {animation:ai-bubble 3.6s ease-in-out infinite;}
.able-industries .ai-bubble--second {animation-delay:-1.7s;}
.able-industries .ai-box {animation:ai-box 5s ease-in-out infinite;}
.able-industries .ai-roller {transform-box:fill-box;transform-origin:center;animation:ai-roll 4s linear infinite;}
@keyframes ai-steam {0%,100%{opacity:0;transform:translateY(3px)}35%{opacity:.65}75%{opacity:0;transform:translateY(-7px)}}
@keyframes ai-food {0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@keyframes ai-roll {to{transform:rotate(360deg)}}
@keyframes ai-sheet {0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes ai-bubble {0%{opacity:0;transform:translateY(4px)}25%{opacity:.8}85%,100%{opacity:0;transform:translateY(-14px)}}
@keyframes ai-box {0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@media (max-width:1000px) {.able-industries__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.able-industries__item:nth-child(3){padding-left:0}.able-industries__item:nth-child(3):before{display:none}.able-industries__item:nth-child(2){padding-right:0}}
@media (max-width:600px) {.able-industries{padding:48px 0}.able-industries__wrap{width:calc(100% - 40px)}.able-industries__intro{font-size:16px}.able-industries__grid{grid-template-columns:1fr;gap:0;margin-top:28px}.able-industries__item{display:grid;grid-template-columns:76px 1fr;gap:0 18px;padding:24px 0!important;border-bottom:1px solid var(--line)}.able-industries__item:last-child{border:0;padding-bottom:0!important}.able-industries__item:before{display:none}.able-industries__icon{width:76px;height:72px;grid-row:1/3;margin:0}.able-industries h3{font-size:24px;align-self:end}.able-industries__item p{max-width:none}}
@media (prefers-reduced-motion:reduce) {.able-industries svg *{animation:none!important}.able-industries .ai-steam{opacity:.4}}