.card{position:relative;display:block;background:var(--tile-bg,#fff);border:1px solid var(--tile-border,rgba(29,53,87,.06));border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-tile);color:var(--tile-text-strong,#1d3557);text-decoration:none;overflow:hidden;transition:transform 250ms cubic-bezier(.16, 1, .3, 1),box-shadow 250ms cubic-bezier(.16, 1, .3, 1),border-color 250ms cubic-bezier(.16, 1, .3, 1)}.card[data-elevation=flat]{box-shadow:var(--shadow-tile-flat);border-color:rgba(29,53,87,.08)}.card[data-elevation=raised]{box-shadow:var(--shadow-tile)}.card[data-elevation=floating]{box-shadow:var(--shadow-tile-lift)}.card[data-interactive]{cursor:pointer}.card[data-interactive]:hover{transform:translateY(-4px);box-shadow:var(--shadow-tile-lift);border-color:var(--tile-border-hover,rgba(69,123,157,.22))}.card[data-interactive]:active{transform:translateY(-1px);transition-duration:.1s}.card[data-interactive]:focus-visible{outline:3px solid var(--brand-blue,#457b9d);outline-offset:3px}.card[data-accent]::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent-bg,var(--brand-blue,#457b9d));border-radius:16px 16px 0 0;transition:height 250ms cubic-bezier(.16, 1, .3, 1)}.card[data-interactive][data-accent]:hover::before{height:6px}.card[data-accent=default]{--card-accent-bg:var(--brand-blue, #457b9d)}.card[data-accent=mint]{--card-accent-bg:var(--brand-mint, #a8dadc)}.card[data-accent=blue]{--card-accent-bg:var(--brand-blue, #457b9d)}.card[data-accent=navy]{--card-accent-bg:var(--brand-navy, #1d3557)}.card[data-accent=red]{--card-accent-bg:var(--brand-red, #e63946)}.card[data-accent=gold]{--card-accent-bg:linear-gradient(90deg, #ffd166 0%, #e63946 100%)}.card[data-accent=rainbow]{--card-accent-bg:linear-gradient(90deg, var(--brand-mint, #a8dadc) 0%, var(--brand-blue, #457b9d) 50%, var(--brand-navy, #1d3557) 100%)}.card[data-tone=starter]{background:var(--gradient-starter)}.card[data-tone=energie]{background:var(--gradient-energy);color:#fff}.card[data-tone=actief]{background:var(--gradient-warm)}.card[data-tone=samenwerking]{background:var(--gradient-cool);color:#fff}.card[data-tone=reflectie]{background:var(--gradient-reflect);color:#fff}.card[data-tone=inhoud]{background:var(--gradient-cool);color:#fff}.card[data-tone=neutral]{background:var(--tile-bg-subtle,#f1faee)}.card[data-tone]:not([data-tone=neutral]){border-color:rgba(255,255,255,.25)}.card[data-size=sm]{padding:1rem;border-radius:12px}.card[data-size=sm][data-accent]::before{border-radius:12px 12px 0 0}.card[data-size=lg]{padding:2rem;border-radius:20px}.card[data-size=lg][data-accent]::before{border-radius:20px 20px 0 0}.card-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;color:var(--tile-text-soft,#457b9d);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.card-title{font-family:'Baloo 2',cursive,system-ui,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.25;color:var(--tile-text-strong,#1d3557);margin:0 0 .5rem}.card[data-size=lg] .card-title{font-size:1.5rem}.card-text{font-size:.92rem;line-height:1.55;color:var(--tile-text-muted,rgba(29,53,87,.62));margin:0 0 1rem}.card[data-tone=energie] .card-title,.card[data-tone=inhoud] .card-title,.card[data-tone=reflectie] .card-title,.card[data-tone=samenwerking] .card-title{color:inherit}.card[data-tone=energie] .card-text,.card[data-tone=inhoud] .card-text,.card[data-tone=reflectie] .card-text,.card[data-tone=samenwerking] .card-text{color:rgba(255,255,255,.88)}.card[data-tone=energie] .card-eyebrow,.card[data-tone=inhoud] .card-eyebrow,.card[data-tone=reflectie] .card-eyebrow,.card[data-tone=samenwerking] .card-eyebrow{color:rgba(255,255,255,.75)}.card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}.card-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:var(--tile-bg-subtle,#f1faee);border:1px solid var(--tile-border,rgba(29,53,87,.06));border-radius:999px;font-size:.72rem;font-weight:600;color:var(--tile-text-soft,#457b9d);line-height:1;white-space:nowrap}.card-pill[data-pill=energy]{background:rgba(230,57,70,.08);color:var(--brand-red,#e63946);border-color:rgba(230,57,70,.2)}.card-pill[data-pill=time]{background:rgba(168,218,220,.3);color:var(--brand-navy,#1d3557);border-color:rgba(69,123,157,.15)}.card-pill[data-pill=featured]{background:var(--brand-navy,#1d3557);color:#fff;border-color:transparent}.card-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;color:var(--brand-blue,#457b9d);margin-top:auto;transition:gap 250ms cubic-bezier(.16, 1, .3, 1),color 250ms cubic-bezier(.16, 1, .3, 1)}.card-cta::after{content:'→';display:inline-block;transition:transform 250ms cubic-bezier(.16, 1, .3, 1)}.card[data-interactive]:hover .card-cta{color:var(--brand-navy,#1d3557);gap:.55rem}.card[data-interactive]:hover .card-cta::after{transform:translateX(3px)}.card[data-tone=energie] .card-cta,.card[data-tone=inhoud] .card-cta,.card[data-tone=reflectie] .card-cta,.card[data-tone=samenwerking] .card-cta{color:rgba(255,255,255,.95)}.card[data-tone=energie][data-interactive]:hover .card-cta,.card[data-tone=inhoud][data-interactive]:hover .card-cta,.card[data-tone=reflectie][data-interactive]:hover .card-cta,.card[data-tone=samenwerking][data-interactive]:hover .card-cta{color:#fff}.card-header{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid rgba(29,53,87,.05)}.card-header[data-tone=starter]{background:var(--gradient-starter)}.card-header[data-tone=energie]{background:var(--gradient-energy);color:#fff}.card-header[data-tone=actief]{background:var(--gradient-warm)}.card-header[data-tone=samenwerking]{background:var(--gradient-cool);color:#fff}.card-header[data-tone=reflectie]{background:var(--gradient-reflect);color:#fff}.card-header[data-tone=inhoud]{background:var(--gradient-cool);color:#fff}.card-body{padding:1rem 1.5rem}.card-footer{padding:.75rem 1.5rem;border-top:1px solid rgba(29,53,87,.05);font-size:.85rem;color:var(--tile-text-muted,rgba(29,53,87,.62))}.card:has(.card-body),.card:has(.card-footer),.card:has(.card-header){padding:0}@media (prefers-reduced-motion:reduce){.card,.card[data-accent]::before,.card[data-interactive]:active,.card[data-interactive]:hover,.card[data-interactive]:hover .card-cta,.card[data-interactive]:hover .card-cta::after{transition:none;transform:none}}