*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#253c32;font-family:Arial,sans-serif;line-height:1.65}a{color:inherit}header{max-width:1280px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:30px;font-weight:700;letter-spacing:-1.5px}.brand em{color:#a35031;font-style:normal}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;padding:7px 0}nav a[aria-current]{border-bottom:2px solid #a35031}.hero{padding:90px 7% 95px;background:#e9e4d8;border-top:1px solid #d9d2c3;position:relative}.hero:after{content:'StreekProef';position:absolute;right:6%;bottom:24px;font-size:clamp(30px,7vw,100px);color:#253c3210;font-weight:bold;letter-spacing:-5px;pointer-events:none}.eyebrow{display:block;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold;color:#a35031}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(42px,6vw,84px);max-width:870px;margin:24px 0}h2{font-size:clamp(32px,4vw,54px);margin:20px 0}p{max-width:650px}.hero p{font-size:19px;max-width:600px}.button,button{display:inline-block;background:#a35031;color:white;padding:14px 24px;text-decoration:none;border:0;font-size:14px;border-radius:2px;margin-top:15px}.light{background:#f5f1e8;color:#253c32}.intro{max-width:1000px;padding:75px 7%;margin:auto}.intro p{font-size:18px}.offer{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #d9d2c3;padding:0 7%}.offer article{padding:55px 8% 55px 0}.offer article+article{border-left:1px solid #d9d2c3;padding-left:10%}.offer span{font-size:13px;color:#a35031}.offer h2{font-size:36px}.trailer{background:#253c32;color:#f5f1e8;padding:75px 7%}.trailer .eyebrow{color:#e0a47f}.trailer p{font-size:18px}footer{padding:35px 7%;display:flex;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}form{max-width:650px;margin-top:30px}label{display:block;margin:18px 0;font-size:14px}input,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #bfb9ab;background:#fffdf7;font:inherit;border-radius:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice{padding:18px;background:#e9e4d8;border-left:3px solid #a35031;font-size:14px}button:disabled{background:#77796d;cursor:not-allowed}small{display:block;margin-top:12px}a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a35031;outline-offset:4px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:12px 20px}.hero{padding:55px 7% 70px}.intro,.trailer{padding:50px 7%}.offer{grid-template-columns:1fr}.offer article,.offer article+article{padding:35px 0;border-left:0}.offer article+article{border-top:1px solid #d9d2c3}.fields{grid-template-columns:1fr;gap:0}h1,h2{letter-spacing:-1px}}
/* Eigen beelden en logo */
.brand img{display:block;width:clamp(210px,24vw,300px);height:auto}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center;padding-block:55px}.hero-copy{position:relative;z-index:1}.home-hero h1{font-size:clamp(44px,5.7vw,80px)}figure{margin:0}.hero-photo{position:relative}.hero-photo img{display:block;width:100%;height:580px;object-fit:cover;object-position:50% 40%;border-radius:180px 180px 4px 4px}.hero-photo figcaption{font-size:12px;margin-top:10px;color:#556257}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto 50px}.photo-pair img{display:block;width:100%;height:420px;object-fit:cover;object-position:center 35%}.photo-pair figcaption{font-size:13px;margin-top:10px}.people{padding:0 7%;margin-top:0}.cooking-photo{float:right;width:35%;max-height:460px;object-fit:cover;margin:0 0 25px 40px;border-radius:140px 140px 3px 3px}.trailer:after{content:'';display:block;clear:both}@media(max-width:900px){header{flex-direction:column;align-items:flex-start}.home-hero{gap:25px}.hero-photo img{height:460px}}@media(max-width:640px){.home-hero{grid-template-columns:1fr}.hero-photo img{height:430px;object-position:center 30%}.home-hero:after{display:none}.photo-pair{gap:14px}.photo-pair img{height:280px}.cooking-photo{float:none;width:100%;max-height:400px;margin:0 0 30px}.brand img{width:240px}}

.contact-links{display:flex;gap:12px;flex-wrap:wrap}.email-button{background:#253c32}.intro .contact-note{font-size:14px;margin-top:15px}button[type=submit]{cursor:pointer}

.spam-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.offer-terms{font-size:14px!important;font-weight:bold;letter-spacing:.2px;margin:24px 0;color:#a35031}.trailer .offer-terms{color:#e0a47f}

.region-quote{font-family:Georgia,serif;font-size:clamp(26px,3.5vw,40px);line-height:1.3;color:#a35031;border-left:3px solid #a35031;margin:35px 0;padding:8px 0 8px 25px;max-width:700px}

.regional-story{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:6%;padding:60px 7%;border-top:1px solid #d9d2c3}.regional-story img{display:block;width:100%;height:auto;border-radius:4px}.regional-story p{font-size:17px}.regional-story .region-quote{font-size:28px}@media(max-width:760px){.regional-story{grid-template-columns:1fr;gap:30px;padding-block:40px}}

/* Compactere foto van de Zuiderzeeburger */
.regional-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.regional-story figure{width:100%;max-width:320px;justify-self:center}.regional-story img{width:100%;height:auto}@media(max-width:760px){.regional-story{grid-template-columns:1fr}.regional-story figure{max-width:260px}}

/* V7: kleine schermen, leesbaarheid en toetsenbordbediening */
header{width:100%}main,section,article,.hero-copy{min-width:0}img{max-width:100%}nav{min-width:0}nav a{min-height:44px;display:inline-flex;align-items:center}footer a,.contact-links a{overflow-wrap:anywhere}.button,button{min-height:44px}button:focus-visible{outline:3px solid #a35031;outline-offset:4px}[hidden]{display:none!important}.regional-story figure{max-width:320px}.regional-story img{height:auto}.hero:after{max-width:90%;overflow:hidden}@media(max-width:760px){.regional-story figure{max-width:260px}.home-hero{grid-template-columns:1fr}.hero-photo{max-width:420px;width:100%;justify-self:center}input,textarea{font-size:16px}}@media(max-width:380px){.brand img{width:210px}h1{font-size:38px}nav{gap:6px 14px}.photo-pair{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V8: eigen foodfotografie en privacy */
.food-gallery{padding:60px 7%;border-top:1px solid #d9d2c3}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.gallery-grid img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 55%;border-radius:4px}.gallery-grid figcaption{font-size:13px;margin-top:10px}.privacy-copy h2{font-size:30px;letter-spacing:-.5px;margin-top:40px}.privacy-copy li{margin-bottom:12px}.privacy-copy{max-width:1050px}.privacy-copy p,.privacy-copy li{font-size:17px}footer{line-height:1.8}footer strong{font-size:20px}@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-grid img{height:240px}}@media(max-width:420px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:300px}}

/* Uniforme fotogalerij: gelijke kaders en onderschriften */
.gallery-grid{align-items:stretch}
.gallery-grid figure{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d9d2c3;border-radius:8px;background:#fffaf2}
.gallery-grid img,.gallery-grid .dish-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:0}
.gallery-grid figcaption{flex:1;margin:0;padding:16px 18px;font-size:14px;line-height:1.6}
.gallery-grid figcaption strong,.gallery-grid .dish-photo figcaption strong{display:block;font-size:17px;line-height:1.3;margin-bottom:6px;color:#253c30}
.gallery-grid figcaption p{margin:0;font-size:14px;line-height:1.6}
@media(max-width:420px){.gallery-grid{gap:20px}}

/* Navigatie met streekgerechten */
header{flex-wrap:wrap}nav{column-gap:18px;row-gap:4px}@media(max-width:1100px){header{flex-direction:column;align-items:flex-start}}

/* Foto bij het welkom */
.welcome-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.welcome-section>div{min-width:0}.welcome-section figure{margin:0}.welcome-section img{display:block;width:100%;height:auto;border-radius:8px}.welcome-section h2{margin-top:18px}@media(max-width:760px){.welcome-section{grid-template-columns:1fr;gap:24px}}

/* Foto’s bij streekgerechten en regionale catering */
.home-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}.home-feature>div{min-width:0}.home-feature figure{margin:0;width:100%;max-width:350px;justify-self:center}.home-feature img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:8px}.home-feature.home-burger figure{max-width:280px}@media(max-width:760px){.home-feature{grid-template-columns:1fr;gap:24px}.home-feature figure{max-width:280px}.home-feature.home-burger figure{max-width:260px}}

/* Startpagina: fotografische opening */
.home-hero.photo-hero{display:flex;align-items:center;min-height:620px;padding:80px 7%;position:relative;isolation:isolate;background:#1c2d25 url('assets/catering-west-friesland-grillring.jpg') center 65%/cover no-repeat;color:#fffaf2;border:0}
.home-hero.photo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,25,19,.94) 0%,rgba(12,25,19,.88) 48%,rgba(12,25,19,.26) 100%)}
.home-hero.photo-hero:after{display:none}
.photo-hero .hero-copy{max-width:660px}
.photo-hero .eyebrow{color:#f2c5a3}
.home-hero.photo-hero h1{color:#fffaf2;font-size:clamp(44px,5.7vw,80px);line-height:1.06;text-shadow:0 2px 15px rgba(0,0,0,.2)}
.photo-hero p{color:#fffaf2;max-width:560px}
.photo-hero .button{background:#f5f1e8;color:#253c32;border:1px solid #f5f1e8}
.photo-hero .button:hover{background:#e7d6be;color:#17281e}
.photo-hero .button:focus-visible{outline:3px solid #f2c5a3;outline-offset:5px}
@media(max-width:760px){.home-hero.photo-hero{min-height:560px;padding:60px 7%;background-position:55% 65%}.home-hero.photo-hero:before{background:rgba(12,25,19,.82)}.photo-hero .hero-copy{width:100%}}
@media(max-width:380px){.home-hero.photo-hero h1{font-size:40px}}

/* Catering: eigen headerfoto */
.hero.catering-photo-hero{display:flex;align-items:center;min-height:600px;padding:75px 7%;position:relative;isolation:isolate;background:#1c2d25 url('assets/catering-header.jpg') center 60%/cover no-repeat;color:#fffaf2;border:0}
.catering-photo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,25,19,.94),rgba(12,25,19,.86) 48%,rgba(12,25,19,.18))}
.hero.catering-photo-hero:after{display:none}
.catering-hero-copy{max-width:650px;min-width:0}
.catering-photo-hero h1,.catering-photo-hero p{color:#fffaf2}
.catering-photo-hero .eyebrow,.catering-photo-hero .offer-terms{color:#f2c5a3}
.catering-photo-hero .button{background:#f5f1e8;color:#253c32;border:1px solid #f5f1e8}
.catering-photo-hero .button:hover{background:#e7d6be;color:#17281e}
.catering-photo-hero .button:focus-visible{outline:3px solid #f2c5a3;outline-offset:5px}
@media(max-width:760px){.hero.catering-photo-hero{min-height:560px;padding:60px 7%;background-position:60% center}.catering-photo-hero:before{background:rgba(12,25,19,.82)}}

/* Over ons: foto van Serge en Sabine, tekst rechts */
.hero.about-photo-hero{display:flex;align-items:center;justify-content:flex-end;min-height:620px;padding:70px 7%;position:relative;isolation:isolate;background:#1c2d25 url('assets/over-ons-header.jpg') center 48%/cover no-repeat;color:#fffaf2;border:0}
.about-photo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,25,19,.08) 0%,rgba(12,25,19,.2) 38%,rgba(12,25,19,.91) 60%,rgba(12,25,19,.95) 100%)}
.hero.about-photo-hero:after{display:none}
.about-hero-copy{width:42%;max-width:560px;min-width:0}
.hero.about-photo-hero h1{color:#fffaf2;font-size:clamp(40px,4.6vw,66px);line-height:1.1}
.about-photo-hero p{color:#fffaf2}
.about-photo-hero .eyebrow{color:#f2c5a3}
.about-photo-hero .button{background:#f5f1e8;color:#253c32;border:1px solid #f5f1e8}
.about-photo-hero .button:hover{background:#e7d6be;color:#17281e}
.about-photo-hero .button:focus-visible{outline:3px solid #f2c5a3;outline-offset:5px}
@media(max-width:760px){.hero.about-photo-hero{min-height:710px;align-items:flex-end;padding:330px 7% 40px;background-position:38% top}.about-hero-copy{width:100%;max-width:none}.about-photo-hero:before{background:linear-gradient(180deg,rgba(12,25,19,.05),rgba(12,25,19,.12) 30%,rgba(12,25,19,.94) 57%,rgba(12,25,19,.98))}.hero.about-photo-hero h1{font-size:40px}}