.next-section.next-section--paper{background:var(--paper)}.next-section.next-section--zand{background:var(--kleur-zand-licht)}.next-section.next-section--salie{background:var(--kleur-salie-extralicht)}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,20px)}@media(max-width:760px){.next-grid{grid-template-columns:1fr}}.next-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;transition:transform .25s ease}.next-card:hover{transform:translateY(-3px)}.next-card--salie{background:var(--kleur-salie-licht)}.next-card--bluish{background:var(--kleur-ijsblauw-licht)}.next-card--warm{background:var(--kleur-lichtoranje)}.next-photo{position:relative;aspect-ratio:16 / 10;overflow:hidden}.next-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.next-photo .next-placeholder{display:block;width:100%;height:100%}.next-card:hover .next-photo img{transform:scale(1.05)}.next-body{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,28px);flex-grow:1}.next-icon{position:absolute;top:14px;left:14px;z-index:1;flex:none;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);border-radius:14px;color:var(--kleur-inkt);box-shadow:0 10px 22px -14px #0814128c}.next-card--no-photo .next-icon{position:static}.next-card h4{margin-bottom:2px}.next-card p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--tekst-70);flex-grow:1}.next-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:.875rem;font-weight:700;color:var(--kleur-inkt)}.next-link svg{flex:none;transition:transform .2s ease}.next-card:hover .next-link svg{transform:translate(4px)}.next-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;margin-top:clamp(32px,4vw,48px)}.next-cta--pair .btn-cta-group:hover .btn-arrow-circle,.next-cta--pair .btn-cta-group:has(.btn:focus-visible) .btn-arrow-circle{transform:none}.next-cta--pair .btn-cta-group:hover .btn-arrow-circle svg,.next-cta--pair .btn-cta-group:has(.btn:focus-visible) .btn-arrow-circle svg{transform:translate(-5px)}.next-cta--pair .btn-cta-group~.btn,.next-cta--pair .btn-cta-group:hover~.btn,.next-cta--pair .btn-cta-group:has(.btn:focus-visible)~.btn{transform:none}@media(prefers-reduced-motion:reduce){.next-cta--pair .btn-arrow-circle{transform:none}}@media(prefers-reduced-motion:reduce){.next-card,.next-photo img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-next-cards.css.map */