@font-face { font-family: "Figtree"; font-weight: 700; font-style: normal; font-display: swap; src: url("figtree-latin-700-normal.woff2") format("woff2"); }

:root { --geel: #FFD900; --geel-licht: #FFF3B0; --inkt: #0E141A; --wit: #FFFFFF; }

*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; min-height: 100vh; background: var(--wit); color: var(--inkt); font-family: Figtree, system-ui, sans-serif; }

.hero { background: var(--geel); min-height: 58vh; display: flex; align-items: flex-end; padding: clamp(3rem, 10vw, 7rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2rem, 6vw, 4rem); }
.wrap { width: 100%; max-width: 64rem; margin-inline: auto; }
h1 { margin: 0; font-weight: 700; font-size: clamp(2.75rem, 9vw, 6rem); letter-spacing: -0.04em; line-height: 1.02; text-wrap: balance; }
.boog { height: clamp(3rem, 10vw, 8rem); background: var(--geel-licht); border-radius: 0 0 50% 50% / 0 0 100% 100%; }