@font-face{font-family:Literata;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/literata-Dg4AK8WR.woff2)format("woff2")}@font-face{font-family:Literata;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/literata-italic-BvJzp2cB.woff2)format("woff2")}@font-face{font-family:Overpass;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/overpass-700-DxlHALkO.woff2)format("woff2")}@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/young-serif-Ba2nuRz-.woff2)format("woff2")}:root{--grind:#dcd8ca;--inkt:#1d2320;--inkt-zacht:#3d4540;--buxus:#2e4a30;--buxus-diep:#213826;--gazon:#7e9a5b;--roos:#b8475a;--kalk:#f2f1ea;--text:"Literata", Georgia, serif;--display:"Young Serif", Georgia, serif;--label:"Overpass", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(1.25rem, 5vw, 2rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html{background:var(--buxus-diep)}body{font:400 1.0625rem/1.62 var(--text);font-optical-sizing:auto;color:var(--inkt);caret-color:var(--roos);margin:0}::selection{background:var(--gazon);color:var(--inkt)}:focus-visible{outline:2px solid var(--roos);outline-offset:3px}a{color:var(--buxus);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--buxus-diep);text-decoration-thickness:2px}#app{background:var(--grind);max-width:36rem;min-height:100dvh;margin:0 auto;padding:.5rem;position:relative;container-type:inline-size}#app:before{content:"";border:1px solid var(--inkt);pointer-events:none;z-index:20;position:absolute;inset:.5rem}@media (width>=36rem){#app{min-height:calc(100dvh - 4rem);margin-block:2rem;box-shadow:0 1.5rem 3rem #00000059}}[tabindex="-1"]:focus{outline:none}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.12}.label{font:700 .75rem/1.3 var(--label);letter-spacing:.14em;text-transform:uppercase}.strip{z-index:15;height:4.25rem;padding:.5rem .75rem .5rem var(--gutter);background:var(--grind);border-bottom:1px solid var(--inkt);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.strip-title{flex-wrap:wrap;flex:1;align-items:baseline;column-gap:.6rem;min-width:0;display:flex}.strip-title h1{font-size:1.2rem;line-height:1.2}.north{fill:none;width:1.1rem;height:1.5rem;stroke:var(--inkt);stroke-width:1.2px;stroke-linejoin:round;flex:none}.north .north-half{fill:var(--inkt)}.north text{font:700 7px var(--label);fill:var(--inkt);stroke:none;text-anchor:middle}@property --reveal{syntax:"<length-percentage>";inherits:false;initial-value:150%}@property --lobe-a{syntax:"<length-percentage>";inherits:false;initial-value:-30%}@property --lobe-b{syntax:"<length-percentage>";inherits:false;initial-value:-30%}@property --lobe-c{syntax:"<length-percentage>";inherits:false;initial-value:-30%}@property --lobe-d{syntax:"<length-percentage>";inherits:false;initial-value:-30%}.garden{height:92cqw;position:relative;overflow:hidden;container-type:inline-size}.plate{width:100cqw;height:100cqw;display:block;position:absolute;top:-8cqw;left:0}.plate-paint{--reveal:150%;-webkit-mask-image:radial-gradient(circle at 50% 48%, #000 var(--reveal), transparent calc(var(--reveal) + 18%)), radial-gradient(ellipse 70% 55% at 34% 30%, #000 var(--lobe-a), transparent calc(var(--lobe-a) + 24%)), radial-gradient(ellipse 55% 70% at 70% 66%, #000 var(--lobe-b), transparent calc(var(--lobe-b) + 24%)), radial-gradient(ellipse 60% 50% at 68% 30%, #000 var(--lobe-c), transparent calc(var(--lobe-c) + 24%)), radial-gradient(ellipse 50% 62% at 30% 68%, #000 var(--lobe-d), transparent calc(var(--lobe-d) + 24%));-webkit-mask-image:radial-gradient(circle at 50% 48%, #000 var(--reveal), transparent calc(var(--reveal) + 18%)), radial-gradient(ellipse 70% 55% at 34% 30%, #000 var(--lobe-a), transparent calc(var(--lobe-a) + 24%)), radial-gradient(ellipse 55% 70% at 70% 66%, #000 var(--lobe-b), transparent calc(var(--lobe-b) + 24%)), radial-gradient(ellipse 60% 50% at 68% 30%, #000 var(--lobe-c), transparent calc(var(--lobe-c) + 24%)), radial-gradient(ellipse 50% 62% at 30% 68%, #000 var(--lobe-d), transparent calc(var(--lobe-d) + 24%));mask-image:radial-gradient(circle at 50% 48%, #000 var(--reveal), transparent calc(var(--reveal) + 18%)), radial-gradient(ellipse 70% 55% at 34% 30%, #000 var(--lobe-a), transparent calc(var(--lobe-a) + 24%)), radial-gradient(ellipse 55% 70% at 70% 66%, #000 var(--lobe-b), transparent calc(var(--lobe-b) + 24%)), radial-gradient(ellipse 60% 50% at 68% 30%, #000 var(--lobe-c), transparent calc(var(--lobe-c) + 24%)), radial-gradient(ellipse 50% 62% at 30% 68%, #000 var(--lobe-d), transparent calc(var(--lobe-d) + 24%))}.garden:after{content:"";z-index:1;background:linear-gradient(to bottom, #dcd8ca00, var(--grind));pointer-events:none;height:14cqw;position:absolute;bottom:0;left:0;right:0}.couple{z-index:2;filter:blur()drop-shadow(.5cqw .8cqw .7cqw #1d232047);width:16cqw;height:auto;position:absolute;top:85cqw;left:50cqw;transform:translate(-50%,-50%)}.rings{fill:none;stroke:var(--kalk);stroke-width:1.2px;opacity:0;overflow:visible}.rings circle{vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.garden[data-state=pencil] .plate-paint{--reveal:-20%}.garden[data-state=pencil] .couple{opacity:0}@media (prefers-reduced-motion:no-preference){.garden{--pace:1}.garden.is-fast{--pace:.35}.journey:has(.garden[data-state=opening])>section:not(#welkom){animation:.7s cubic-bezier(.25,.6,.3,1) .7s backwards text-in}.journey:has(.garden[data-state=opening])>.other-code{animation:.7s cubic-bezier(.25,.6,.3,1) .7s backwards text-in}#welkom:has(>.garden[data-state=opening])>:not(.garden){animation:.7s cubic-bezier(.25,.6,.3,1) .7s backwards text-in}.journey:has(.garden[data-state=opening].is-fast)>section:not(#welkom){animation-duration:.4s;animation-delay:.25s}.journey:has(.garden[data-state=opening].is-fast)>.other-code{animation-duration:.4s;animation-delay:.25s}#welkom:has(>.garden[data-state=opening].is-fast)>:not(.garden){animation-duration:.4s;animation-delay:.25s}.garden[data-state=opening] .plate-paint{animation:spread calc(3.6s * var(--pace)) cubic-bezier(.55, .05, .45, .95) backwards, lobe-a calc(2.8s * var(--pace)) cubic-bezier(.5, .1, .4, 1) calc(.4s * var(--pace)) both, lobe-b calc(2.6s * var(--pace)) cubic-bezier(.5, .1, .4, 1) calc(.9s * var(--pace)) both, lobe-c calc(2.8s * var(--pace)) cubic-bezier(.5, .1, .4, 1) calc(1.3s * var(--pace)) both, lobe-d calc(2.4s * var(--pace)) cubic-bezier(.5, .1, .4, 1) calc(.7s * var(--pace)) both}.garden[data-state=opening] .couple{animation:walk-in calc(1.4s * var(--pace)) cubic-bezier(.3, .6, .3, 1) calc(2.6s * var(--pace)) backwards}.garden:not([data-state=pencil]) .rings{opacity:.7}.garden:not([data-state=pencil]) .rings circle{animation:5.4s linear infinite ring;animation-delay:calc(var(--n) * -1.8s)}}@keyframes spread{0%{--reveal:-18%}to{--reveal:118%}}@keyframes lobe-a{0%{--lobe-a:-30%}to{--lobe-a:100%}}@keyframes lobe-b{0%{--lobe-b:-30%}to{--lobe-b:100%}}@keyframes lobe-c{0%{--lobe-c:-30%}to{--lobe-c:100%}}@keyframes lobe-d{0%{--lobe-d:-30%}to{--lobe-d:100%}}@keyframes text-in{0%{opacity:0;transform:translateY(.6rem)}}@keyframes walk-in{0%{opacity:0;filter:blur(.6cqw)drop-shadow(.5cqw .8cqw .7cqw #1d232000);transform:translate(-50%,-50%)translateY(5cqw)}}@keyframes ring{0%{opacity:.9;transform:scale(.18)}to{opacity:0;transform:scale(1)}}.threshold .titleblock{z-index:3;margin-top:-17cqw;position:relative}.titleblock{margin:0 var(--gutter) var(--gutter);border:1.5px solid var(--inkt);background:var(--grind)}.tb-names{border-bottom:1px solid var(--inkt);padding:1rem 1rem .85rem}.tb-names h1{font-size:clamp(2rem,9vw,2.6rem)}.tb-cells{border-bottom:1px solid var(--inkt);grid-template-columns:1fr 1.4fr;display:grid}.tb-cells>div{padding:.55rem 1rem .65rem;line-height:1.35}.tb-cells>div+div{border-left:1px solid var(--inkt)}.tb-cells .label{color:var(--inkt-zacht);margin-bottom:.15rem;display:block}.tb-code{padding:.85rem 1rem .9rem}.tb-code p{margin:0 0 .75rem;font-style:italic}.tb-code .label{display:block}.tb-line{position:relative}.tb-line:before,.tb-line:after{content:"";background:var(--inkt);width:1.5px;height:.6rem;position:absolute;bottom:0}.tb-line:before{left:0}.tb-line:after{right:0}.tb-line input{min-height:2.75rem;padding:.35rem .5rem .25rem;font-size:1.35rem}.tb-submit{border-top:1.5px solid var(--inkt);border-radius:0;width:100%;min-height:3.25rem;display:block}@media (prefers-reduced-motion:no-preference){.titleblock.is-leaving{animation:.32s cubic-bezier(.55,0,1,.45) forwards fold-away}}@keyframes fold-away{to{opacity:0;transform:translateY(.75rem)}}.soft-error{color:var(--inkt-zacht);margin:.75rem 0 0;font-style:italic}input,textarea{font:400 max(1.0625rem, 16px) / 1.4 var(--text);color:var(--inkt);border:0;border-bottom:1.5px solid var(--inkt);background:0 0;border-radius:0;width:100%;min-height:2.75rem;padding:.55rem 0}textarea{border:1.5px solid var(--inkt);resize:vertical;min-height:6rem;padding:.6rem .75rem}input:focus-visible,textarea:focus-visible{border-color:var(--roos);box-shadow:0 1.5px 0 var(--roos);outline:none}textarea:focus-visible{box-shadow:inset 0 0 0 1px var(--roos)}input[type=radio]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--buxus);flex:none;margin:0}button{font:700 .8rem/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--kalk);background:var(--buxus);cursor:pointer;border:0;border-radius:2px;min-height:3rem;padding:.9rem 1.25rem .8rem;transition:background-color .15s ease-out,transform .1s ease-out}button:hover{background:var(--buxus-diep)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:progress}button.secondary{color:var(--inkt);box-shadow:inset 0 0 0 1.5px var(--inkt);background:0 0}button.secondary:hover{background:#1d232012}.quiet,button.quiet{color:var(--buxus);text-underline-offset:.3em;background:0 0;padding-inline:0;text-decoration:underline}.quiet:hover{color:var(--buxus-diep);background:0 0}.journey>section{padding:2.25rem var(--gutter) 2.5rem;scroll-margin-top:3.5rem}.journey>section+section{border-top:1px solid #1d232059}.journey>section#welkom{padding-top:0}.journey>section#welkom>.garden{margin:0 calc(var(--gutter) * -1) 1.75rem}.journey h2{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;align-items:baseline;gap:.65rem;margin-bottom:.9rem;font-size:clamp(1.6rem,6.4vw,2.1rem);display:flex}.nr{border:1.5px solid var(--inkt);width:1.9rem;height:1.9rem;font:700 .8rem/1 var(--label);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:inline-grid;transform:translateY(-.2rem)}.meta{font:700 .8rem/1.4 var(--label);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .85rem}.journey p{max-width:65ch;margin:0 0 .9rem}.missing{border:1.5px dashed var(--inkt-zacht);color:var(--inkt-zacht);padding:.6rem .85rem;font-style:italic}.other-code{padding:1.5rem var(--gutter) 2.5rem}.legend{position:relative}.legend summary{cursor:pointer;font:700 .75rem/1 var(--label);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--inkt);align-items:center;min-height:2.75rem;padding:.75rem .8rem .65rem;list-style:none;display:flex}.legend summary::-webkit-details-marker{display:none}.legend[open] summary{background:var(--inkt);color:var(--grind)}.legend-panel{background:var(--grind);border:1.5px solid var(--inkt);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 5rem);padding:1rem 1.25rem 1.25rem;position:fixed;top:3.75rem;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 1rem 2.5rem #1d232047}.legend-panel ol{margin:0 0 1rem;padding:0;list-style:none}.legend-panel li a{min-height:2.9rem;color:var(--inkt);border-bottom:1px solid #1d232033;flex-wrap:wrap;align-items:center;gap:.1rem .75rem;padding-block:.35rem;text-decoration:none;display:flex}.legend-panel li a:hover .legend-name{text-underline-offset:.22em;text-decoration:underline}.legend-name{flex:9rem}.legend-time{font:700 .75rem/1 var(--label);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--inkt-zacht);margin-left:auto}.legend-panel p{margin:0 0 .6rem}.rsvp-card{border:1.5px solid var(--inkt);background:#e7e4da;margin-top:1.25rem;padding:1.1rem 1rem 1rem}.rsvp-card>:first-child{margin-top:0}.rsvp-card label,.rsvp-card legend,.rsvp-card input[type=text],.rsvp-card textarea{font-size:1.2rem}.journey form label,.journey form legend{margin-bottom:.5rem;line-height:1.35;display:block}.rsvp-actions{flex-wrap:wrap-reverse;gap:.75rem;margin-top:1.25rem;display:flex}.rsvp-actions>button:last-child{margin-left:auto}.journey fieldset{border:0;margin:0 0 .5rem;padding:0}.journey fieldset label{align-items:center;gap:.7rem;min-height:2.9rem;margin:0;font-size:1.2rem;display:flex}.journey form [role=alert],.journey form p[id$=-hint]{color:var(--inkt-zacht);margin:.5rem 0 0;font-style:italic}.journey dl{margin:0 0 1.25rem}.journey dt{font:700 .75rem/1.3 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--inkt-zacht);margin-top:.8rem}.journey dd{margin:.15rem 0 0}.journey h3{margin-bottom:.5rem;font-size:1.5rem}