:root{--font-heading:"Epilogue", sans-serif;--font-body:"Lora", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--nacht:#1a120b;--nacht-2:#271c13;--nacht-lijn:#43332a;--meel:#f7ebd9;--meel-2:#eddcc3;--meel-lijn:#dcc7a8;--inkt:#1b150f;--inkt-zacht:#5c5248;--licht-tekst:#f1e9db;--licht-tekst-zacht:#b8ab99;--goud:#f0a02e;--goud-donker:#9a5410;--ember:#e8662f;--accent-tekst:var(--goud);--gloed:240,160,46;--bg:var(--nacht);--bg-2:var(--nacht-2);--lijn:var(--nacht-lijn);--tekst:var(--licht-tekst);--tekst-zacht:var(--licht-tekst-zacht);--radius:999px}body[data-thema=licht]{--bg:var(--meel);--bg-2:var(--meel-2);--lijn:var(--meel-lijn);--accent-tekst:#b2560f;--tekst:var(--inkt);--tekst-zacht:var(--inkt-zacht)}body{background:var(--bg);color:var(--tekst);transition:background-color 1.4s var(--ease-uit), color 1.4s var(--ease-uit);font-size:clamp(16px,.4vw + 15px,18px);line-height:1.6}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance;font-weight:560;line-height:1.02}h2{font-size:clamp(32px,4.2vw,56px)}h3{letter-spacing:-.01em;font-size:clamp(20px,1.6vw,24px);line-height:1.2}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-feature-settings:"zero";font-size:.82em}[id]{scroll-margin-top:84px}.skip{background:var(--goud);color:var(--inkt);z-index:50;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}:focus-visible{outline:2px solid var(--goud);outline-offset:4px;border-radius:4px}.punt{background:var(--goud);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:10px;animation:2.4s infinite puls;display:inline-block;box-shadow:0 0 #f0a02e99}@keyframes puls{0%{box-shadow:0 0 #f0a02e8c}70%{box-shadow:0 0 0 9px #f0a02e00}to{box-shadow:0 0 #f0a02e00}}.knop{border-radius:var(--radius);font-family:var(--font-heading);letter-spacing:-.005em;transition:transform .5s var(--ease-uit), background-color .3s, color .3s, box-shadow .3s;white-space:nowrap;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:560;line-height:1;text-decoration:none;display:inline-flex}.knop:hover{transform:translateY(-2px)}.knop:active{transform:translateY(0)}.knop-goud{background:linear-gradient(135deg, #f5b13e, var(--goud) 55%, #ec8a26);color:var(--inkt)}.knop-goud:hover{background:linear-gradient(135deg, #f8bb4b, #f2a431 55%, var(--ember))}.knop-licht{background:var(--tekst);color:var(--bg)}.knop-donker{background:var(--inkt);color:var(--meel)}body[data-thema=licht] .knop-donker:hover{background:#2d241c}.link-pijl{color:var(--tekst);font-family:var(--font-heading);border-bottom:1px solid var(--lijn);padding-bottom:3px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .3s}.link-pijl:hover{border-color:var(--goud)}.kop{z-index:20;-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 78%, transparent);transition:background-color 1.4s var(--ease-uit), box-shadow .4s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop-rij{transition:padding .4s var(--ease-uit);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.kop.is-gescrold .kop-rij{padding:12px 0}.merk{line-height:1;text-decoration:none;display:grid}.merk-naam{font-family:var(--font-heading);letter-spacing:-.03em;font-size:24px;font-weight:700}.merk-sub{color:var(--tekst-zacht);font-size:12px;font-family:var(--font-heading);letter-spacing:.01em;margin-top:4px}.nav{gap:28px;display:flex}.nav a{font-family:var(--font-heading);color:var(--tekst-zacht);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--tekst)}.hero{padding:clamp(40px,7vw,96px) 0 0}.klok{font-family:var(--font-heading);color:var(--tekst-zacht);margin-bottom:28px;font-size:15px}.hero-kop{letter-spacing:-.04em;max-width:12ch;font-size:clamp(48px,9.4vw,136px);font-weight:600;line-height:.94}.hero-kop .regel{display:block}.hero-kop [data-onthul=masker]{margin-bottom:-.14em;padding-bottom:.14em;display:inline-block}.hero-kop .regel:nth-child(2){color:var(--goud)}.hero-kop .regel:nth-child(2) [data-onthul]{background:linear-gradient(100deg, #f7b948 0%, var(--goud) 40%, var(--ember) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate vlam}@keyframes vlam{to{background-position:100% 0}}.hero-onder{grid-template-columns:minmax(0,52ch) 1fr;align-items:end;gap:32px 64px;margin-top:clamp(32px,4vw,56px);display:grid}.hero-tekst{color:var(--tekst-zacht);font-size:clamp(17px,1.25vw,20px);line-height:1.6}.hero-acties{flex-wrap:wrap;justify-self:end;align-items:center;gap:28px;display:flex}.hero-beeld{aspect-ratio:16/9;width:100%;max-height:86vh;margin:clamp(40px,6vw,80px) 0 0;position:relative;overflow:hidden}.hero-beeld img{object-fit:cover;object-position:center 40%;filter:saturate(1.12)contrast(1.07)sepia(.14)brightness(1.02);width:100%;height:118%;margin-top:-8%;animation:22s ease-out both langzaam-in}.hero-beeld:after{content:"";background:radial-gradient(120% 70% at 50% 108%, rgba(var(--gloed),.42), #e8662f1f 45%, transparent 70%), linear-gradient(180deg, #1a120b80 0%, #1a120b00 32%, #1a120b00 62%, #1a120b9e 100%);mix-blend-mode:normal;pointer-events:none;position:absolute;inset:0}.hero-bijschrift{left:var(--rand);z-index:2;color:var(--licht-tekst);font-family:var(--font-heading);align-items:baseline;gap:14px;font-size:14px;display:flex;position:absolute;bottom:24px}.hero-bijschrift .mono{color:var(--goud)}.brood{padding:clamp(72px,9vw,140px) 0}.sectie-kop{grid-template-columns:1fr minmax(0,48ch);align-items:end;gap:24px 64px;margin-bottom:clamp(36px,4vw,56px);display:grid}.sectie-kop p{color:var(--tekst-zacht)}.broodlijst{border-top:1px solid var(--lijn);margin:0;padding:0;list-style:none}.broodlijst li{border-bottom:1px solid var(--lijn);transition:padding-left .5s var(--ease-uit);grid-template-columns:minmax(160px,1.1fr) minmax(0,2.4fr) 80px 90px 130px;align-items:baseline;gap:24px;padding:24px 0;display:grid}.broodlijst li:hover{padding-left:10px}.b-naam{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(20px,1.6vw,26px);font-weight:560}.b-over{color:var(--tekst-zacht);font-size:16px}.b-maat{font-family:var(--font-heading);color:var(--tekst-zacht);text-align:right;font-size:14px}.b-prijs{font-family:var(--font-heading);text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.b-stand{font-family:var(--font-heading);text-align:right;white-space:nowrap;font-size:14px}.b-stand-uit{color:var(--tekst-zacht)}.brood-noot{color:var(--tekst-zacht);margin-top:24px;font-size:15px}.brood-noot a{color:var(--tekst);-webkit-text-decoration-color:var(--goud);text-decoration-color:var(--goud);text-underline-offset:4px}.desem{padding:clamp(40px,6vw,80px) 0 clamp(72px,9vw,120px)}.desem-kop{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 64px;margin-bottom:clamp(48px,6vw,88px);display:grid}.desem-kop h2{max-width:12ch;font-size:clamp(36px,5vw,72px)}.desem-kop p{color:var(--tekst-zacht);align-self:end;font-size:clamp(17px,1.2vw,19px)}.tijdlijn{gap:clamp(32px,4vw,48px);max-width:1040px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tijdlijn:before{content:"";background:var(--lijn);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.tijdlijn:after{content:"";width:2px;height:calc(var(--groei,0) * (100% - 16px));background:var(--goud);transition:height .25s linear;position:absolute;top:8px;left:7px}.stap{opacity:.38;transition:opacity .8s var(--ease-uit);grid-template-columns:200px minmax(0,1fr);gap:8px 48px;padding-left:48px;display:grid;position:relative}.stap.is-actief{opacity:1}.stap:before{content:"";background:var(--bg);border:2px solid var(--lijn);width:16px;height:16px;transition:background-color .5s, border-color .5s, transform .5s var(--ease-uit);z-index:1;border-radius:50%;position:absolute;top:10px;left:0}.stap.is-actief:before{background:var(--goud);border-color:var(--goud);transform:scale(1.1)}.stap-tijd{color:var(--accent-tekst);transition:color 1.4s var(--ease-uit);padding-top:6px;display:block}.stap h3{grid-column:2;margin-top:0}.stap p{color:var(--tekst-zacht);grid-column:2;max-width:56ch}.stap .stap-tijd{grid-area:1/1/span 2}.oplevering{padding:0 0 clamp(72px,9vw,140px)}.oplevering-rij{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.oplevering-beeld{aspect-ratio:4/5;border-radius:24px;overflow:hidden}.oplevering-beeld img{object-fit:cover;width:100%;height:100%}.oplevering-tekst h2{margin-bottom:32px}.oplevering-tekst dl{gap:22px;margin:0;display:grid}.oplevering-tekst dl>div{border-top:1px solid var(--lijn);gap:4px;padding-top:18px;display:grid}.oplevering-tekst dt{font-family:var(--font-heading);letter-spacing:-.015em;font-size:20px;font-weight:560}.oplevering-tekst dd{color:var(--tekst-zacht);max-width:48ch;margin:0}.taarten{background:var(--bg-2);transition:background-color 1.4s var(--ease-uit);padding:clamp(72px,9vw,140px) 0}.taarten-rij{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.taarten-tekst>p{color:var(--tekst-zacht);max-width:52ch;margin:20px 0 32px;font-size:clamp(17px,1.15vw,19px)}.taartlijst{border-top:1px solid var(--lijn);margin:0 0 36px;padding:0;list-style:none}.taartlijst li{border-bottom:1px solid var(--lijn);font-family:var(--font-heading);justify-content:space-between;gap:24px;padding:14px 0;font-size:17px;font-weight:500;display:flex}.taartlijst .mono{color:var(--tekst-zacht);white-space:nowrap}.taarten-beeld{aspect-ratio:4/5;border-radius:24px;overflow:hidden}.taarten-beeld img{object-fit:cover;width:100%;height:100%}.bestellen{padding:clamp(72px,9vw,140px) 0}.bestellen-rij{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.bestellen-tekst p{color:var(--tekst-zacht);max-width:46ch;margin-top:20px}.bestellen-noot{font-style:italic}.formulier{border:1px solid var(--lijn);background:var(--bg-2);transition:background-color 1.4s var(--ease-uit);border-radius:24px;grid-template-columns:1fr 1fr;gap:20px 24px;padding:clamp(24px,3vw,40px);display:grid}.veld{gap:8px;display:grid}.veld-breed{grid-column:1/-1}.veld label{font-family:var(--font-heading);font-size:14px;font-weight:500}.optioneel{color:var(--tekst-zacht);font-weight:400}.veld input,.veld select,.veld textarea{font:inherit;color:var(--tekst);background:var(--bg);border:1px solid var(--lijn);border-radius:12px;width:100%;padding:12px 14px;font-size:16px;transition:border-color .3s,box-shadow .3s}.veld input:focus,.veld select:focus,.veld textarea:focus{border-color:var(--goud);outline:none;box-shadow:0 0 0 3px #f0a02e40}.veld textarea{resize:vertical;min-height:64px}.formulier-acties{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}.formulier-acties .knop{border:0}.formulier-klaar{color:var(--tekst-zacht);margin:0;font-size:15px}.formulier-klaar:empty{display:none}.formulier.is-verstuurd .veld:not(.formulier-acties){opacity:.45;pointer-events:none}.voet{border-top:1px solid var(--lijn);padding:clamp(48px,6vw,80px) 0 32px}.voet-rij{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.voet-blok p,.voet-blok address{color:var(--tekst-zacht);max-width:40ch;font-size:16px;font-style:normal;line-height:1.7}.voet-blok .merk-naam{color:var(--tekst);margin-bottom:8px}.voet-blok h3{margin-bottom:10px;font-size:15px;font-weight:600}.voet-blok a{color:var(--tekst);-webkit-text-decoration-color:var(--lijn);text-decoration-color:var(--lijn);text-underline-offset:4px}.tijden{gap:6px;margin:0;display:grid}.tijden div{justify-content:space-between;gap:16px;font-size:15px;display:flex}.tijden dt{color:var(--tekst-zacht)}.tijden dd{font-variant-numeric:tabular-nums;margin:0}.voet-onder{border-top:1px solid var(--lijn);color:var(--tekst-zacht);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-gloed{z-index:-1;pointer-events:none;filter:blur(8px);position:absolute;inset:-10% -10% 30%}.hero-gloed:before,.hero-gloed:after{content:"";will-change:transform;border-radius:50%;position:absolute}.hero-gloed:before{background:radial-gradient(closest-side, rgba(var(--gloed),.26), #e8662f1f 45%, #e8662f0a 78%, transparent);width:62vw;max-width:900px;height:62vw;max-height:900px;animation:19s ease-in-out infinite alternate drijf-a;top:-4%;right:-8%}.hero-gloed:after{background:radial-gradient(closest-side, #e8662f33, rgba(var(--gloed),.08) 50%, rgba(var(--gloed),.02) 80%, transparent);width:44vw;max-width:640px;height:44vw;max-height:640px;animation:24s ease-in-out infinite alternate drijf-b;top:28%;left:-10%}@keyframes drijf-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-9vw,7vw)scale(1.18)}}@keyframes drijf-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(10vw,-5vw)scale(.9)}}.vonken{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vonk{bottom:-12px;left:var(--x);width:var(--d);height:var(--d);background:radial-gradient(circle, #ffd28a, var(--goud) 55%, transparent 72%);opacity:0;animation:stijg var(--t) linear var(--w) infinite;border-radius:50%;position:absolute}@keyframes stijg{0%{opacity:0;transform:translate(0,0)}12%{opacity:.8}70%{opacity:.35}to{transform:translate3d(var(--z), -75vh, 0);opacity:0}}@keyframes langzaam-in{0%{scale:1}to{scale:1.07}}.knop-goud{box-shadow:0 6px 24px -10px rgba(var(--gloed),.7)}.knop-goud:hover{box-shadow:0 12px 34px -8px rgba(var(--gloed),.75), 0 0 0 4px rgba(var(--gloed),.16)}.knop-licht:hover{box-shadow:0 10px 26px -10px rgba(var(--gloed),.9)}.knop-donker:hover{box-shadow:0 10px 26px -12px rgba(var(--gloed),.8)}.knop:after{content:"→";opacity:0;width:0;transition:width .4s var(--ease-uit), opacity .3s, transform .4s var(--ease-uit);margin-left:-10px;display:inline-block;overflow:hidden;transform:translate(-6px)}.knop:hover:after,.knop:focus-visible:after{opacity:1;width:1em;margin-left:0;transform:none}.formulier-acties .knop:after{content:none}.nav a{padding:4px 0;position:relative}.nav a:after{content:"";background:linear-gradient(90deg, var(--goud), var(--ember));transform-origin:0;height:2px;transition:transform .45s var(--ease-uit);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.merk-naam{transition:color .3s}.merk:hover .merk-naam{color:var(--goud)}.link-pijl{background:linear-gradient(90deg, var(--goud), var(--ember)) left bottom / 0% 2px no-repeat;transition:background-size .45s var(--ease-uit), color .3s}.link-pijl:hover{color:var(--goud);background-size:100% 2px}body[data-thema=licht] .link-pijl:hover{color:var(--accent-tekst)}.broodlijst li{isolation:isolate;position:relative}.broodlijst li:before{content:"";z-index:-1;background:linear-gradient(90deg, rgba(var(--gloed),.14), #e8662f0d 60%, transparent);opacity:0;transition:opacity .45s var(--ease-uit), transform .6s var(--ease-uit);border-radius:14px;position:absolute;inset:0 -14px;transform:translate(-12px)}.broodlijst li:hover:before{opacity:1;transform:none}.broodlijst li:hover .b-naam{color:var(--accent-tekst)}.b-naam{transition:color .3s}.b-prijs{transition:transform .4s var(--ease-uit), color .3s}.broodlijst li:hover .b-prijs{color:var(--accent-tekst);transform:scale(1.1)}.b-stand .punt{margin-right:8px}.stap h3{transition:color .3s, transform .5s var(--ease-uit)}.stap:hover h3{color:var(--accent-tekst);transform:translate(6px)}.stap.is-actief:before{box-shadow:0 0 0 6px rgba(var(--gloed),.18), 0 0 18px rgba(var(--gloed),.5)}.tijdlijn:after{background:linear-gradient(180deg, var(--goud), var(--ember))}.oplevering-tekst dl>div{transition:transform .5s var(--ease-uit);position:relative}.oplevering-tekst dl>div:before{content:"";background:linear-gradient(90deg, var(--goud), var(--ember));width:0;height:1px;transition:width .7s var(--ease-uit);position:absolute;top:-1px;left:0}.oplevering-tekst dl>div:hover{transform:translate(8px)}.oplevering-tekst dl>div:hover:before{width:100%}.taartlijst li{transition:padding-left .45s var(--ease-uit), color .3s, border-color .3s}.taartlijst li:hover{color:var(--accent-tekst);border-bottom-color:var(--goud);padding-left:12px}.taartlijst li:hover .mono{color:var(--accent-tekst)}.oplevering-beeld,.taarten-beeld{isolation:isolate;box-shadow:0 30px 60px -30px rgba(var(--gloed),.45);transition:box-shadow .7s var(--ease-uit);position:relative}.oplevering-beeld img,.taarten-beeld img{filter:saturate(1.15)contrast(1.06)sepia(.12);transition:scale 1.4s var(--ease-uit), filter .8s}.oplevering-beeld:after,.taarten-beeld:after{content:"";background:radial-gradient(100% 60% at 50% 110%, rgba(var(--gloed),.28), transparent 70%);pointer-events:none;opacity:.8;transition:opacity .7s;position:absolute;inset:0}.oplevering-beeld:hover img,.taarten-beeld:hover img{filter:saturate(1.25)contrast(1.08)sepia(.12);scale:1.06}.oplevering-beeld:hover,.taarten-beeld:hover{box-shadow:0 40px 80px -30px rgba(var(--gloed),.7)}.veld input:hover,.veld select:hover,.veld textarea:hover{border-color:color-mix(in srgb, var(--goud) 60%, var(--lijn))}.formulier{transition:background-color 1.4s var(--ease-uit), box-shadow .6s var(--ease-uit)}.formulier:focus-within{box-shadow:0 24px 60px -34px rgba(var(--gloed),.7)}.voet-blok a{transition:text-decoration-color .3s,color .3s}.voet-blok a:hover{-webkit-text-decoration-color:var(--goud);text-decoration-color:var(--goud);color:var(--accent-tekst)}@media (prefers-reduced-motion:reduce){.hero-gloed:before,.hero-gloed:after,.vonk,.hero-kop .regel:nth-child(2) [data-onthul],.hero-beeld img,.punt{animation:none!important}.vonken{display:none}}@media (hover:none){.knop:after{content:none}}@media (width<=900px){.nav{display:none}.hero-onder,.sectie-kop,.desem-kop,.oplevering-rij,.taarten-rij,.bestellen-rij{grid-template-columns:1fr}.hero-acties{justify-self:start}.hero-beeld{aspect-ratio:4/5}.vonk:nth-child(n+9){display:none}.hero-beeld img{height:112%;margin-top:-6%}.broodlijst li{grid-template-columns:1fr auto;grid-template-areas:"naam prijs""over over""maat stand";gap:8px 16px}.b-naam{grid-area:naam}.b-over{grid-area:over}.b-maat{text-align:left;grid-area:maat}.b-prijs{grid-area:prijs}.b-stand{grid-area:stand}.broodlijst li:hover{padding-left:0}.stap{grid-template-columns:1fr;gap:6px;padding-left:36px}.stap .stap-tijd{grid-row:auto}.stap h3,.stap p{grid-column:1}.taarten-rij{grid-template-areas:"beeld""tekst"}.taarten-beeld{aspect-ratio:4/3;grid-area:beeld}.taarten-tekst{grid-area:tekst}.oplevering-beeld{aspect-ratio:4/3}.formulier{grid-template-columns:1fr;padding:20px}.voet-rij{grid-template-columns:1fr;gap:28px}}@media (width<=480px){.knop-licht{padding:12px 16px;font-size:14px}.hero-kop{font-size:clamp(44px,13vw,60px)}}