/* De Fromberg online presentatie. All rules stay inside wb-* components. */
.wb-page{--wb-accent:#C67B3A;--wb-accent-text:#9A4718;--wb-bone:#FDFBF7;--wb-panel:#F5F0E8;--wb-border:#D8CEBC;--wb-steel:#3A4550;--wb-body:#4D5C68;--wb-error:#9B2C2C;color:var(--wb-steel);background:var(--wb-bone)}
.wb-container{width:100%;max-width:1392px;margin:0 auto;padding:0 96px}
.wb-eyebrow{margin:0 0 20px;font-family:var(--sans,system-ui,sans-serif);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--wb-accent-text);max-width:none}
.wb-page h1,.wb-page h2{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:300;letter-spacing:-.02em;line-height:1.08;margin:0 0 24px;text-wrap:balance;color:var(--wb-steel)}
.wb-page h1 em,.wb-page h2 em{font-weight:300;color:inherit}
.wb-page p{font-family:var(--sans,system-ui,sans-serif);color:var(--wb-body);font-size:16px;line-height:1.7;max-width:56ch}
.wb-page .wb-eyebrow{font-size:11px;line-height:1.5;color:var(--wb-accent-text)}
.wb-hero-image{position:relative;margin:0;overflow:hidden;background:var(--wb-border)}
.wb-hero-image figcaption{position:absolute;bottom:12px;left:14px;padding:3px 8px;background:rgba(58,69,80,.85);color:#F5F0E8;font-family:var(--sans,system-ui,sans-serif);font-size:10px;line-height:1.5;letter-spacing:.02em}
.wb-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;max-width:100%;min-height:46px;padding:13px 20px;border:1px solid var(--wb-steel);background:var(--wb-steel);color:var(--wb-bone);font-family:var(--sans,system-ui,sans-serif);font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.wb-button:hover{background:var(--wb-body);border-color:var(--wb-body)}
.wb-button:disabled{opacity:.6;cursor:default}
.wb-button:focus-visible,.wb-page a:focus-visible,.wb-page summary:focus-visible{outline:2px solid var(--wb-accent);outline-offset:4px}
.wb-hero{padding:72px 0 88px}
.wb-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.wb-page h1{font-size:clamp(52px,5.4vw,78px);max-width:16ch}
.wb-page h2{font-size:clamp(38px,4vw,58px);max-width:15ch}
.wb-page .wb-intro{font-size:18px;line-height:1.75;max-width:42ch}
.wb-hero-image img{width:100%;height:620px;object-fit:cover;object-position:55% center}
.wb-event-details{margin:30px 0;display:grid;gap:14px}
.wb-event-details>div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding-top:14px;border-top:1px solid var(--wb-border)}
.wb-event-details dt{font-family:var(--sans,system-ui,sans-serif);font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:var(--wb-body)}
.wb-event-details dd{margin:0;font-family:var(--sans,system-ui,sans-serif);font-size:14px;line-height:1.6;color:var(--wb-steel)}
.wb-event-details small{display:block;font-size:11px;color:var(--wb-body);margin-top:2px}
.wb-content-section,.wb-speakers-section,.wb-program-section,.wb-register-section,.wb-faq-section{padding:88px 0;border-top:1px solid var(--wb-border)}
.wb-editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.wb-page .wb-body-intro{margin:0 0 30px;font-size:18px}
.wb-topics article{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--wb-border)}
.wb-topic-number{padding-top:6px;font-size:11px;font-family:var(--sans,system-ui,sans-serif);color:var(--wb-accent-text)}
.wb-page h3{margin:0 0 8px;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:28px;font-weight:300;line-height:1.15;color:var(--wb-steel)}
.wb-topics p,.wb-program p{margin:0;font-size:14px}
.wb-speakers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.wb-speakers li{padding:22px 0;border-top:1px solid var(--wb-border)}
.wb-speaker-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;margin:0 0 18px;background:var(--wb-border)}
.wb-speaker-initial{display:flex;align-items:center;justify-content:center;background:var(--wb-panel);border:1px solid var(--wb-border);box-sizing:border-box;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:72px;font-weight:300;color:var(--wb-body)}
.wb-speakers h3{margin:0}
.wb-page .wb-speakers p{margin:6px 0 0;font-size:13px}
.wb-program-section{background:var(--wb-panel)}
.wb-program{list-style:none;padding:0;margin:0}
.wb-program li{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:25px 0;border-top:1px solid var(--wb-border)}
.wb-program li>span{padding-top:5px;font-size:12px;font-family:var(--sans,system-ui,sans-serif);color:var(--wb-accent-text)}
.wb-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.wb-page .wb-registration-date{margin-top:28px;font-size:14px;line-height:1.8;color:var(--wb-steel)}
.wb-registration-date span{font-size:12px;color:var(--wb-body)}
.wb-form{min-width:0;padding:36px;background:var(--wb-panel);border:1px solid var(--wb-border)}
.wb-field{margin-bottom:22px}
.wb-field label{display:block;margin-bottom:8px;font-family:var(--sans,system-ui,sans-serif);font-size:13px;line-height:1.6;color:var(--wb-steel)}
.wb-field label span{font-size:11px;color:var(--wb-body);margin-left:4px}
.wb-field input,.wb-field textarea,.wb-field select{display:block;width:100%;max-width:100%;border:1px solid var(--wb-border);border-radius:0;padding:12px 13px;background:var(--wb-bone);color:var(--wb-steel);font-family:var(--sans,system-ui,sans-serif);font-size:16px;line-height:1.5;box-sizing:border-box}
.wb-field textarea{resize:vertical}
.wb-field select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%233A4550' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
.wb-field input:focus,.wb-field textarea:focus,.wb-field select:focus{outline:2px solid var(--wb-accent);outline-offset:2px}
.wb-checkbox{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px;font-family:var(--sans,system-ui,sans-serif);font-size:12px;line-height:1.7;color:var(--wb-body)}
.wb-checkbox input{flex:0 0 auto;width:17px;height:17px;margin:3px 0 0;accent-color:var(--wb-steel)}
.wb-checkbox a{text-decoration:underline;text-underline-offset:3px}
.wb-page .wb-form-note{font-size:11px;line-height:1.6;margin:14px 0 0}
.wb-page .wb-form-error{margin:16px 0 0;padding:12px 14px;border:1px solid var(--wb-error);background:var(--wb-bone);color:var(--wb-error);font-size:13px;line-height:1.6;max-width:none}
.wb-done h3{font-size:32px}
.wb-page .wb-done p:last-child{margin-bottom:0;font-size:14px}
.wb-faq details{border-top:1px solid var(--wb-border);padding:22px 0}
.wb-faq details:last-child{border-bottom:1px solid var(--wb-border)}
.wb-faq summary{font-family:var(--sans,system-ui,sans-serif);font-size:14px;font-weight:500;line-height:1.6;cursor:pointer;padding-right:12px;color:var(--wb-steel)}
.wb-faq p{margin-top:14px;font-size:14px}
.wb-page #wb-aanmelden{scroll-margin-top:24px}
@media(max-width:1100px){.wb-container{padding-left:48px;padding-right:48px}.wb-hero-grid{gap:40px}.wb-editorial-grid,.wb-register-grid{gap:56px}.wb-hero-image img{height:600px}}
@media(max-width:760px){.wb-container{padding-left:24px;padding-right:24px}.wb-speakers{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-hero-grid,.wb-editorial-grid,.wb-register-grid{grid-template-columns:minmax(0,1fr);gap:32px}.wb-content-section,.wb-speakers-section,.wb-program-section,.wb-register-section,.wb-faq-section{padding-top:58px;padding-bottom:58px}.wb-page h1{font-size:48px;max-width:16ch}.wb-page h2{font-size:42px}.wb-hero{padding:40px 0 58px}.wb-hero-image img{height:350px;object-position:center}.wb-page .wb-intro,.wb-page .wb-body-intro{font-size:16px}.wb-page h3{font-size:27px}.wb-form{padding:24px}.wb-program li{grid-template-columns:84px minmax(0,1fr);gap:16px}.wb-event-details>div{grid-template-columns:92px minmax(0,1fr);gap:12px}.wb-topics article{gap:16px}}
@media(max-width:390px){.wb-page h1{font-size:44px}.wb-page h2{font-size:38px}.wb-form{padding:20px}.wb-button{padding:13px 15px;font-size:10px;letter-spacing:.07em;gap:12px}}
@media(prefers-reduced-motion:reduce){.wb-button{transition:none}}