h1{font-size:clamp(56px,8vw,108px);font-variation-settings:"wdth" 85,"opsz" 144}h2{font-size:clamp(32px,4.5vw,56px);font-variation-settings:"wdth" 95,"opsz" 80}h3{font-size:clamp(22px,2.5vw,30px);line-height:1.05}section.hero{background:var(--brand);color:var(--cream);padding:80px 0 120px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.hero .breadcrumb{color:#faf5ee99;padding-top:0;padding-bottom:28px}.hero .breadcrumb a{color:#faf5ee99}.hero .breadcrumb a:hover{color:var(--yellow)}.hero .breadcrumb .current{color:var(--cream)}.hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:64px;align-items:center}.hero .eyebrow{color:var(--yellow);display:block;margin-bottom:18px}.hero h1{color:var(--cream);line-height:.92}.hero h1 em{font-style:italic;color:var(--accent);font-variation-settings:"wdth" 75,"opsz" 144}.hero .lead{color:#faf5eed1;margin:28px 0 0;max-width:540px}.hero-featured{position:relative}.hero-featured-label{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:600;margin-bottom:14px;display:block}.hero-poster{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;background:var(--cream);box-shadow:0 22px 45px -18px #00000080,0 8px 16px -10px #0000004d;transform:rotate(-2deg);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}.hero-poster img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-md);display:block}.hero-poster:hover{transform:rotate(0) translateY(-10px) scale(1.015);box-shadow:0 34px 64px -18px #0000008c,0 12px 24px -12px #00000059}.hero-poster-caption{margin-top:18px;padding-left:6px;font-size:13px;color:#faf5eebf}.hero-poster-caption strong{color:var(--cream);font-family:var(--display);font-weight:700;font-size:15px;display:block;margin-bottom:2px}section.stats{padding:64px 0;background:var(--cream)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.stat{display:flex;flex-direction:column;gap:6px;padding:24px 28px;border-left:3px solid var(--accent)}.stat .big{font-family:var(--display);font-size:clamp(48px,6vw,72px);font-weight:700;color:var(--brand);font-variation-settings:"wdth" 75,"opsz" 96;line-height:.95}.stat .label{font-size:14px;color:var(--ink-soft);line-height:1.4;max-width:220px}section.archief{padding:60px 0 100px;background:var(--cream)}.archief-head{text-align:center;margin-bottom:36px}.archief-head h2{margin-bottom:14px}.archief-head p{color:var(--ink-soft);font-size:17px;max-width:580px;margin:0 auto}.filter-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:48px}.filter-chip{padding:10px 20px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.filter-chip:hover{background:var(--cream-deep)}.filter-chip.active{background:var(--ink);color:var(--cream)}.posters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.poster-tile{display:flex;flex-direction:column;gap:14px;cursor:pointer;text-decoration:none;color:inherit}.poster-tile:hover{text-decoration:none}.poster-tile:hover .poster-img-wrap{transform:translateY(-4px) rotate(-1deg)}.poster-tile:nth-child(2n):hover .poster-img-wrap{transform:translateY(-4px) rotate(1deg)}.poster-img-wrap{aspect-ratio:3/4;border-radius:var(--r-sm);overflow:hidden;background:var(--cream-deep);border:2px solid var(--ink);transition:transform .25s;box-shadow:4px 4px 0 var(--ink)}.poster-img-wrap img{width:100%;height:100%;object-fit:cover}.poster-info{padding:0 4px}.poster-maker{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);line-height:1.15;font-variation-settings:"wdth" 90,"opsz" 24;margin-bottom:2px}.poster-meta{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}section.verhaal{padding:100px 0;background:var(--peach-soft);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.verhaal-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:72px;align-items:center;max-width:1080px;margin:0 auto}.verhaal-poster{aspect-ratio:3/4;border-radius:var(--r-md);overflow:visible;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(-2deg);position:relative}.verhaal-poster img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r-md) - 3px)}.verhaal-poster .sticker-rotated{position:absolute;top:-16px;right:-16px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-family:var(--display);font-weight:700;font-size:12px;padding:8px 14px;transform:rotate(8deg);text-transform:uppercase;letter-spacing:.06em;box-shadow:3px 3px 0 var(--ink)}.verhaal-text .eyebrow{display:block;margin-bottom:14px}.verhaal-text h2{color:var(--brand);margin-bottom:20px}.verhaal-text .maker-credit{font-family:var(--display);font-style:italic;font-size:18px;color:var(--accent-deep);margin-bottom:18px;font-variation-settings:"wdth" 95,"opsz" 24}.verhaal-text p{color:var(--ink-soft);font-size:17px;line-height:1.6;margin:0 0 18px}.verhaal-text .verhaal-cta{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--brand)}section.cta-maker{padding:80px 0;background:var(--yellow-soft);border-bottom:2px solid var(--ink)}.cta-maker-wrap{max-width:760px;margin:0 auto;text-align:center}.cta-maker-wrap .eyebrow{display:block;margin-bottom:14px}.cta-maker-wrap h2{color:var(--brand);margin-bottom:18px}.cta-maker-wrap p{color:var(--ink-soft);font-size:17px;margin:0 0 32px;line-height:1.55}.cta-maker-buttons{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero-featured{max-width:380px}.stats-grid{grid-template-columns:1fr;gap:16px}.posters-grid{grid-template-columns:repeat(2,1fr);gap:24px}.verhaal-grid{grid-template-columns:1fr;gap:40px}.verhaal-poster{max-width:380px}}@media(max-width:640px){section.hero{padding:64px 0 80px!important}.posters-grid{gap:18px}}
