.hero{background:var(--soft-white);padding:96px 0}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:48px;align-items:center}
.hero-title{font-size:52px;line-height:1.15;color:var(--navy);font-weight:700;margin-bottom:24px}
.hero-sub{font-size:20px;margin-bottom:32px;max-width:480px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;border:none;text-decoration:none}
.btn-primary{background:var(--turquoise);color:var(--navy)}
.btn-primary:hover{box-shadow:0 0 16px rgba(0,194,209,0.25);transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--turquoise);border:2px solid var(--navy)}
.hero-photo-wrapper{display:flex;justify-content:center}
.hero-photo{position:relative;width:320px;height:320px}
.hero-photo-glow{position:absolute;inset:-24px;background:radial-gradient(circle, rgba(0,194,209,0.25), transparent 70%);filter:blur(8px);z-index:0}
.hero-photo-hex{position:relative;z-index:1;width:100%;height:100%;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,0.15);background-size:cover;background-position:center}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.card{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,0.05);padding:32px;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--turquoise)}
.card-title{font-size:20px;font-weight:600;color:var(--navy);margin-bottom:12px}
.card-text{font-size:18px}
.wat-ik-doe{padding:48px;}
.experience-grid{padding:16px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.header-inner{flex-direction:column;gap:12px;height:auto;padding:12px 0}.nav{flex-wrap:wrap;justify-content:center}}