:root{--kraft:#c8a97a;--cream:#faf7eb;--ink:#2a1a0e;--ink-soft:rgba(42, 26, 14, 0.68);--rule:rgba(42, 26, 14, 0.28);--content-width:500px;--page-width:var(--content-width);--page-pad-x:clamp(1.5rem, 7vw, 3rem);--page-pad-y:clamp(1.75rem, 6vw, 3rem);--body-pad-y:clamp(1.5rem, 5vw, 4rem)}*{box-sizing:border-box}html{font-size:18px}body,html{margin:0;padding:0}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--body-pad-y) 0;background-color:var(--kraft);background-image:url("/assets/kraft-paper.webp");background-repeat:repeat;font-family:'Sorts Mill Goudy',serif;color:var(--ink)}.page{width:calc(100% - 2rem);max-width:var(--page-width);background:var(--cream);box-shadow:0 10px 34px rgba(60,40,20,.35);line-height:1.6}.content{max-width:var(--content-width);margin:0 auto;padding:var(--page-pad-y) var(--page-pad-x)}.page h1,.page h2{font-weight:400;text-align:center}.page h1{font-size:clamp(1.8rem, 5vw, 2.4rem);letter-spacing:.03em;margin:0 0 1.25rem}.page h2{font-size:clamp(1.15rem, 3.4vw, 1.35rem);font-style:italic;margin:2rem 0 .5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.page section+section{margin-top:0}.page p{margin:0 0 .9rem}.page .rsvp-deadline{font-size:clamp(1.2rem, 3.6vw, 1.5rem);text-align:center}.page a{color:var(--ink);text-decoration-color:var(--rule);text-underline-offset:0.15em}.page a:hover{color:var(--ink);text-decoration-color:var(--ink)}[data-state=locked] .invite{display:none}[data-state=unlocked] .splash{display:none}.rsvped{display:none}[data-state=rsvped] .rsvp-form,[data-state=rsvped] .splash{display:none}[data-state=rsvped] .rsvped{display:block}.rsvp-done{display:none}[data-state=rsvped] .rsvp-cta{display:none}[data-state=rsvped] .rsvp-done{display:block}.page p.rsvp-done{width:90%;margin:1.5rem auto 1rem;padding:.65rem 1.25rem;border:1px solid var(--ink);text-align:center;font-size:.95rem;font-weight:700;font-style:italic}.not-you{text-align:center;font-size:.85rem;color:var(--ink-soft)}.retry{display:none;font-weight:700;font-size:1.1rem;text-align:center;color:red}[data-lookup=failed] .retry{display:block}form{margin:1.5rem 0}.page label{display:block;margin-bottom:1rem;font-size:1rem}.page fieldset label{display:block;margin-bottom:.5rem;font-size:.98rem}.page fieldset label:has(input[type=radio]){display:inline-block;margin-right:1.25rem}.page fieldset:has(input[value=no]:checked) .dietary-notes,.page fieldset:has(input[value=no]:checked) .plus-one-name{display:none}.field{margin-bottom:1.5rem}.field label{margin-bottom:.5rem;font-size:1.05rem;font-style:italic;letter-spacing:.09em;color:var(--ink-soft)}.field input[type=text]{margin-top:0}.page input[type=text]{display:block;width:100%;margin-top:.3rem;padding:.4rem .1rem;font:inherit;font-size:16px;color:var(--ink);background:0 0;border:none;border-bottom:1px solid var(--rule)}.page input[type=text]:focus{outline:0;border-bottom-color:var(--ink)}.page input[type=text]:disabled{border-bottom-style:dotted;color:var(--ink-soft)}.page input[type=radio]{accent-color:var(--ink);margin-right:.35em}.page fieldset{margin:0 0 1.25rem;padding:1rem 1.1rem 1.1rem;border:1px solid var(--rule)}.page legend{padding:0 .5rem;font-style:italic}.page a.button,.page button{display:block;width:fit-content;margin:1.5rem auto 0;padding:.65rem 2rem;font:inherit;font-size:1rem;letter-spacing:.05em;color:var(--ink);background:0 0;border:1px solid var(--ink);text-decoration:none;cursor:pointer;transition:color .15s ease,background-color .15s ease}.page a.button:hover,.page button:hover{color:var(--cream);background:var(--ink)}.page ul{margin:0 0 1rem;padding-left:1.25rem}.page ul li{margin-bottom:.4rem}.decoration{display:block;width:clamp(90px,24vw,130px);height:auto}.decoration-male{margin:.5rem .5rem .5rem auto}.decoration-female{margin:.5rem auto .5rem .5rem}@media (max-width:1099.98px){.content{padding-top:0;padding-bottom:0}}@media (min-width:1100px){:root{--content-width:560px;--bird-width:190px;--outer-margin:1rem;--edge-gap:1rem;--rail-width:calc(var(--bird-width) + var(--outer-margin));--page-width:calc(var(--content-width) + 2 * var(--rail-width))}.page{display:grid;grid-template-columns:var(--rail-width) var(--content-width) var(--rail-width);grid-template-rows:1fr;align-items:stretch}.rail-female{grid-column:1;grid-row:1}.content{grid-column:2;grid-row:1}.rail-male{grid-column:3;grid-row:1}.rail{position:relative;align-self:stretch;height:100%}.rail-male{padding-top:var(--edge-gap)}.rail-female{display:flex;flex-direction:column;padding-bottom:var(--edge-gap)}.decoration{position:sticky;width:var(--bird-width);margin:0}.decoration-male{top:calc(var(--body-pad-y) + var(--edge-gap))}.decoration-female{bottom:calc(var(--body-pad-y) + var(--edge-gap));margin-top:auto;margin-left:var(--outer-margin)}}