@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Montserrat:wght@700;800&family=Open+Sans:wght@400;600;700&display=swap";
:root{--primary:#2f5d3a;--secondary:#8fbf6d;--water:#4c86a8;--accent:#f28c28;--background:#f8f8f5;--text:#333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Open Sans,Arial,sans-serif;line-height:1.6}button,input,textarea{font:inherit}.site-shell{min-height:100vh}.masthead{max-width:1320px;color:var(--primary);letter-spacing:.04em;align-items:center;gap:14px;margin:auto;padding:18px clamp(20px,5vw,64px);font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:800;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:13px;display:grid}.masthead a{color:var(--primary);white-space:nowrap;margin-left:auto;text-decoration:none}.masthead a span{color:var(--accent)}.layout{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);align-items:start;gap:clamp(28px,5vw,76px);max-width:1320px;margin:auto;padding:12px clamp(20px,5vw,64px) 82px;display:grid}.intro{min-width:0}.hero-image{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(#00000026,#00000059),url(https://upload.wikimedia.org/wikipedia/commons/0/02/Nannewijd.jpg) 50% 52%/cover;border-radius:18px;align-items:flex-end;height:clamp(230px,26vw,365px);padding:24px;font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:700;display:flex}.hero-image span{background:#2f5d3ad9;border-radius:5px;padding:8px 12px}.eyebrow,.step{color:var(--water);letter-spacing:.1em;text-transform:uppercase;font:800 12px/1.5 Montserrat,Arial,sans-serif}.eyebrow{margin:27px 0 10px}h1{color:var(--primary);letter-spacing:.005em;text-transform:uppercase;margin:0;font:800 clamp(42px,5.1vw,72px)/1.04 Montserrat,Arial,sans-serif}.script-subtitle{color:var(--accent);margin:9px 0 22px;font:600 clamp(39px,4vw,58px)/1 Caveat,cursive}.lead{max-width:660px;margin:0 0 24px;font-size:17px}.event-card{border-top:5px solid var(--secondary);background:#fff;border-radius:16px;padding:25px 28px;box-shadow:0 6px 20px #00000014}.event-card h2{color:var(--primary);text-transform:uppercase;margin:0 0 14px;font:800 19px Montserrat,Arial,sans-serif}.event-card p{color:var(--water);margin:7px 0;font-weight:700}.event-card p span{margin-right:9px}.event-card .location{color:var(--accent)}.hero-cta{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:24px;margin-top:17px;padding:13px 20px;font:700 14px Montserrat,Arial,sans-serif;text-decoration:none;transition:background .2s;display:inline-flex}.hero-cta:hover,.submit-button:hover{background:#d77417}.qr-panel{background:#f2f6ee;border:1px solid #dce6d9;border-radius:12px;align-items:center;gap:20px;margin-top:22px;padding:15px 18px;display:flex}.qr-panel img{flex:none;width:104px;height:104px}.qr-panel strong{color:var(--primary);font:700 14px Montserrat,Arial,sans-serif}.qr-panel p{margin:4px 0;font-size:13px}.qr-panel a{color:var(--water);font-size:13px;font-weight:700}.form-card{background:#fff;border-radius:16px;padding:clamp(24px,3vw,42px);scroll-margin-top:24px;box-shadow:0 6px 20px #00000014}.form-heading{border-bottom:1px solid #e1ebdb;margin-bottom:25px;padding-bottom:19px}.form-heading h2,.success h2{color:var(--primary);margin:8px 0 10px;font:800 clamp(29px,3vw,38px)/1.15 Montserrat,Arial,sans-serif}.form-heading p{margin:0;font-size:15px}.fields-grid{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--primary);font-size:13px;font-weight:700}.field input,.field textarea{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;min-height:49px;padding:12px 13px;font-size:16px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--water);outline-offset:0;border-color:var(--water)}.field-email,.field-phone{grid-column:span 2}.attendees-field{margin-top:20px}.attendees-field input{max-width:130px}.attendees-field p,.additional-people p{color:#5f675f;margin:0;font-size:13px}.additional-people{background:#f2f6ee;border-radius:10px;gap:13px;margin-top:20px;padding:18px;display:grid}.additional-people h3{color:var(--primary);margin:0;font:700 16px Montserrat,Arial,sans-serif}.remarks-field{margin-top:20px}.remarks-field label span{color:#666;font-weight:400}.consent{cursor:pointer;align-items:flex-start;gap:11px;margin:22px 0;font-size:13px;line-height:1.5;display:flex}.consent input{width:19px;height:19px;accent-color:var(--primary);flex:none;margin:1px 0}.submit-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;font:700 16px Montserrat,Arial,sans-serif;transition:background .2s;display:flex}.submit-button:disabled{opacity:.6;cursor:wait}.submit-button span{font-size:21px}.privacy-note{text-align:center;color:#666;margin:15px 0 0;font-size:12px}.form-error{color:#a6291d;font-size:14px;font-weight:700}.success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:380px;display:flex}.success-icon{width:55px;height:55px;color:var(--primary);background:#e5f0df;border-radius:50%;place-items:center;font-size:28px;display:grid}.success p{font-size:16px}.success button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:13px 18px;font-weight:700}footer{background:var(--primary);color:#fff;justify-content:space-between;gap:24px;padding:36px max(20px,50vw - 596px);font-size:14px;display:flex}footer strong{font-family:Montserrat,Arial,sans-serif}.photo-credit{align-self:end;font-size:12px}.photo-credit a{color:#fff;text-underline-offset:2px}@media (max-width:960px){.layout{grid-template-columns:1fr;max-width:760px}.hero-image{height:320px}.form-card{max-width:none}.masthead{max-width:760px}}@media (max-width:560px){.masthead{padding:13px 20px;font-size:10px}.brand-mark{width:43px;height:43px;font-size:11px}.masthead a{font-size:11px}.layout{gap:24px;padding:7px 16px 45px}.hero-image{border-radius:12px;height:230px}.eyebrow{font-size:10px}.lead{font-size:16px}.event-card{padding:21px}.form-card{padding:24px 18px}.fields-grid{gap:15px 12px}.qr-panel{gap:14px}.qr-panel img{width:104px;height:104px}footer{flex-direction:column;padding:30px 20px}.photo-credit{align-self:start}}