.concert-page #inschrijven.concert-registration{--concert-focus-glow:color-mix(in srgb,var(--navy) 12%,transparent);--concert-error-wash:color-mix(in srgb,var(--error) 7%,var(--surface));scroll-margin-top:var(--concert-registration-scroll-offset,32px);text-align:center;grid-template-columns:minmax(0,1fr);gap:0}.concert-page .concert-registration-section{background:var(--background);padding:80px 0 96px}.concert-page .concert-registration-section>.site-container{width:100%;max-width:1240px;padding-inline:24px}.concert-registration-intro{text-align:left;display:block}.concert-page .concert-registration-intro h2{font-family:var(--font-sans);color:var(--navy);margin:0;font-size:48px;font-weight:300;line-height:1.1}.concert-registration-intro p{max-width:640px;margin:14px 0 36px;font-size:17px;line-height:1.65}.concert-registration-layout{flex-wrap:nowrap;align-items:flex-start;gap:24px;max-width:1240px;padding-top:36px;display:flex}.concert-registration-layout>:is(.concert-ux-form,.concert-preview-confirmation){flex:auto;min-width:0;max-width:880px}.concert-registration-arch{background:var(--soft-blue);text-align:center;border:0;border-radius:999px 999px 32px 32px;flex:0 0 300px;align-self:flex-start;justify-items:center;gap:20px;width:300px;padding:120px 36px 44px;display:grid;position:relative;overflow:hidden}.concert-registration-arch h3{font-family:var(--font-sans);color:var(--navy);font-size:30px;font-weight:300;line-height:1.2}.concert-registration-arch p{font-size:16px;line-height:1.6}.concert-registration-arch a{white-space:nowrap;border-radius:999px;width:100%;height:52px;padding-inline:16px;font-size:16px}.concert-registration-arch a:first-of-type{background:var(--navy);color:var(--surface)}.concert-registration-arch a:last-of-type{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.concert-contact-circle{background:var(--surface);width:58px;height:58px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--navy) 35%,transparent);border-radius:50%;animation:12s ease-in-out infinite alternate concert-contact-wind;position:absolute;top:40px;left:calc(50% - 29px)}.concert-registration-arch:is(:hover,:focus-within) .concert-contact-circle{animation-play-state:paused}@keyframes concert-contact-wind{0%{transform:translate(-3px,2px)}to{transform:translate(3px,-3px)}}@media (width<=899px){.concert-registration-layout{flex-direction:column;gap:0}.concert-registration-layout>:is(.concert-ux-form,.concert-preview-confirmation){flex:0 auto;width:100%}.concert-registration-arch{flex:0 auto;width:100%;max-width:360px;margin:24px auto 0;padding:96px 28px 32px}}@media (width<=719px){.concert-contact-circle{width:48px;height:48px;left:calc(50% - 24px)}}.concert-personal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.concert-page .concert-top-date{padding:16px}.concert-page .concert-top-date span:last-child{letter-spacing:0;white-space:nowrap}@media (width<=719px){.concert-page .concert-top-date{padding:12px}}.concert-registration-intro button{opacity:1;visibility:visible;min-height:56px;animation:none}.concert-form-reveal{opacity:0;visibility:hidden;text-align:left;grid-template-rows:0fr;transition:grid-template-rows .45s ease-out,opacity .45s ease-out,visibility .45s;display:grid}.concert-form-reveal.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.concert-form-reveal-inner{min-height:0;overflow:hidden}.concert-page .concert-ux-form{background:var(--surface);border:0;border-radius:32px;gap:0;margin-top:0;padding:44px;display:grid}.concert-ux-form>*{min-width:0}.concert-form-reveal.is-open .concert-ux-form>*{animation:.45s ease-out both concert-field-enter}.concert-ux-form>:nth-child(2){animation-delay:40ms!important}.concert-ux-form>:nth-child(3){animation-delay:80ms!important}.concert-ux-form>:nth-child(4){animation-delay:.12s!important}.concert-ux-form>:nth-child(5){animation-delay:.16s!important}.concert-ux-form>:nth-child(n+6){animation-delay:.2s!important}.concert-ux-form fieldset{border:0;min-width:0;margin:28px 0 0;padding:0}.concert-ux-form legend{margin:0;font-size:16px;font-weight:500}.concert-question-help{color:var(--text-muted);margin-top:8px;font-size:15px}.concert-ux-form .planning-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.concert-ux-form :is(input:not([type=checkbox]),select){border:1px solid var(--line);background:var(--form-field-background);border-radius:14px;width:100%;min-height:48px;padding:12px 14px;font-size:16px;transition:box-shadow .2s,border-color .2s}.concert-ux-form .form-field>label{font-size:15px;font-weight:500}.concert-optional{color:var(--text-muted);font-weight:400}.concert-ux-form :is(input:not([type=checkbox]),select):focus{border-color:var(--navy);box-shadow:0 0 0 4px var(--concert-focus-glow);outline:0}.concert-ux-form :is(input:not([type=checkbox]),select)[aria-invalid=true]{border-color:var(--error)}.concert-questions-intro{margin-top:44px}.concert-questions-intro h3{font-family:var(--font-sans);color:var(--navy);margin:0 0 12px;font-size:28px;font-weight:400}.concert-questions-intro p{color:var(--text-muted);font-size:16px}.concert-consent{background:var(--background);border-radius:32px;margin-top:34px;padding:22px 26px}.concert-ux-form .concert-consent .choice-chip{background:0 0;border:0;border-radius:0;align-items:flex-start;min-height:44px;padding:0}.concert-consent .field-help{color:var(--text-muted);margin-top:12px;padding-left:31px;font-size:15px}.concert-ux-form :is(input,select,a,button){scroll-margin-top:40px;scroll-margin-bottom:120px}.concert-ux-form .choice-chip{background:var(--surface);border:1px solid var(--line);min-height:46px;box-shadow:none;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;line-height:1.5;transition:background .2s,border-color .2s;display:flex}.concert-ux-form .choice-chip:hover{border-color:var(--navy)}.concert-ux-form .choice-chip:has(input:checked){border-color:var(--navy);background:var(--soft-blue)}.concert-ux-form .choice-chip input{appearance:auto;accent-color:var(--navy);border-radius:2px;flex:0 0 17px;width:17px;height:17px;min-height:17px;margin:0}.concert-ux-form .choice-chip input:after{content:none}.concert-ux-form .choice-chip:has(input:focus-visible){box-shadow:0 0 0 4px var(--concert-focus-glow)}.concert-other-reveal{opacity:0;visibility:hidden;grid-template-rows:0fr;max-width:420px;transition:grid-template-rows .45s ease-out,opacity .45s ease-out,visibility .45s;display:grid}.concert-other-reveal.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.concert-other-reveal>div{min-height:0;padding-inline:4px;overflow:hidden}.concert-other-reveal.is-open>div{padding-block:20px 4px}.concert-ux-form .field-error{color:var(--error);font-size:15px;animation:.2s ease-out concert-field-enter}.concert-ux-form .error-summary{background:var(--concert-error-wash);border:1px solid var(--error);border-radius:20px;margin-bottom:28px;padding:22px}.concert-submit-area{text-align:left;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.concert-submit-area .field-help{flex-basis:100%}.concert-submit-area button{height:52px;min-height:52px;padding:0 30px}.concert-submit-area>p{color:var(--text-muted);font-size:15px}.concert-preview-confirmation{background:var(--surface);text-align:center;border-radius:32px;justify-items:center;gap:24px;margin-top:0;padding:48px 40px;animation:.45s ease-out concert-field-enter;display:grid}.concert-preview-label{color:var(--text-muted);font-size:14px}.concert-preview-check{background:var(--navy);width:76px;height:76px;color:var(--surface);border-radius:50%;place-items:center;display:grid}.concert-preview-check svg{stroke-width:1.5px;width:34px;height:34px}.concert-preview-confirmation h3{font-family:var(--font-serif);font-size:42px;font-weight:500}.concert-preview-promise{color:var(--navy);font-size:18px;line-height:1.7}.concert-preview-details{text-align:left;gap:16px;margin-block:8px;display:grid}.concert-preview-details p{align-items:flex-start;gap:14px;font-size:16px;display:flex}.concert-preview-details svg{width:20px;height:20px;color:var(--navy);stroke-width:1.5px;flex:0 0 20px;margin-top:3px}.concert-preview-confirmation .field-help{max-width:460px}.concert-preview-confirmation:focus{outline:0}@keyframes concert-field-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=719px){.concert-page .concert-ux-form{padding:24px}.concert-personal-grid{grid-template-columns:minmax(0,1fr)}.concert-page .concert-registration-intro h2{font-size:34px}.concert-preview-confirmation{padding:32px 24px}.concert-consent{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.concert-registration *,.concert-registration :after{scroll-behavior:auto;transition:none!important;animation:none!important}}.concert-page .concert-evening-crossfade{overflow:hidden}.concert-evening-crossfade>img{object-fit:cover;filter:brightness(1.14)contrast(1.08)saturate(1.06);width:100%;height:100%;position:absolute;inset:0}.concert-evening-church{object-position:center 35%}.concert-evening-piano{object-position:center;animation:15s linear infinite concert-evening-fade}.concert-evening-crossfade.is-paused .concert-evening-piano,.concert-evening-crossfade:hover .concert-evening-piano,.concert-evening-crossfade:focus-within .concert-evening-piano{animation-play-state:paused}.concert-page .concert-evening-pause{z-index:2;background:var(--surface);color:var(--navy);position:absolute;bottom:16px;right:16px}@keyframes concert-evening-fade{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.concert-evening-piano,.concert-evening-pause{animation:none;display:none}}
