@font-face{font-family:Singlove;src:url(/fonts/Singlove.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Amalfi Coast;src:url("/fonts/Amalfi Coast.ttf")format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Svetze;src:url(/fonts/Svetze.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#05315b;background:#fff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.page-shell{place-items:center;min-height:100svh;padding:16px;display:grid}.invite-lookup{text-align:center;width:min(100%,480px)}label{margin-bottom:12px;font-size:1rem;display:block}.code-inputs{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.code-input{appearance:none;color:#05315b;text-align:center;text-transform:uppercase;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 12'%3E%3Cpath d='M2 6 Q9.5 -2 17 6 T32 6 T47 6 T62 6' fill='none' stroke='%2305315b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center bottom 4px;background-repeat:no-repeat;background-size:72% 12px;border:1px solid #0000;border-radius:0;width:100%;min-width:0;height:56px;padding:0 0 12px;font-family:Singlove,cursive;font-size:clamp(1.4rem,5vw,2rem);font-weight:400}.code-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 12'%3E%3Cpath d='M2 6 Q9.5 -2 17 6 T32 6 T47 6 T62 6' fill='none' stroke='%2305315b' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");outline:none}.code-input,.contact-field input{color:#05315b;-webkit-text-fill-color:#05315b;caret-color:#05315b;opacity:1}.code-input:-webkit-any(:autofill,:-webkit-autofill),.contact-field input:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:#05315b;caret-color:#05315b}.code-input:is(:autofill,:autofill),.contact-field input:is(:autofill,:autofill){-webkit-text-fill-color:#05315b;caret-color:#05315b}.status{color:#05315b;min-height:52px;padding-top:16px;font-size:.9rem}.status p{margin:0}.error{color:#05315b}.page-shell:has(.wedding-invitation){place-items:normal;padding:0;display:block}.wedding-page{background:#8295a7 url(/ocean-background.jpg) 50%/cover no-repeat;flex-direction:column;width:100%;min-height:100svh;display:flex}.wedding-invitation{flex:1;place-items:center;padding:16px;display:grid;position:relative}.invitation-background{isolation:isolate;background:#8295a7 url(/ocean-background.jpg) 50%/cover no-repeat;position:fixed;inset:0;overflow:hidden}.invitation-background-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.invitation-copy{color:#05315b;text-align:center;overflow-wrap:anywhere;background:#ffffffe6;border-radius:3px;width:min(100%,660px);min-width:0;padding:28px 20px;font-family:Baskerville,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;position:relative}.invitation-copy p,.invitation-copy h1{margin:0}.invitation-intro{font-variant-ligatures:common-ligatures;letter-spacing:.035em;font-family:Svetze,serif;font-size:clamp(1.1rem,2.4vw,1.4rem);font-style:normal;font-weight:400}.invitation-copy h1{font-variant-ligatures:common-ligatures;letter-spacing:normal;margin-top:14px;font-family:Svetze,serif;font-size:1.5rem;font-weight:400;line-height:1.35}.invitation-footer{color:#fff;text-align:center;background:0 0;padding:12px 16px;position:relative}.switch-invite{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0 auto;padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;text-decoration:underline;display:block}.switch-invite:focus-visible{outline-offset:3px;outline:2px solid}.switch-invite:disabled{cursor:wait}.invitation-footer .switch-invite-error{margin-top:8px;font-size:.8rem}.invitation-copy .invitation-celebration{font-variant-ligatures:common-ligatures;margin-top:20px;font-family:Svetze,serif;font-size:clamp(1.15rem,2.7vw,1.55rem);font-weight:400;line-height:1.35}.invitation-couple-names{font-variant-ligatures:common-ligatures;margin-top:12px;font-family:Amalfi Coast,cursive;font-size:2rem;font-style:normal;font-weight:400;line-height:2.5;display:block}.invitation-copy .invitation-details{font-variant-ligatures:common-ligatures;text-transform:uppercase;margin-top:24px;font-family:Svetze,serif;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:400;line-height:1.45}.invitation-details span{display:block}.calendar-date{color:inherit;text-transform:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:0;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;display:inline}.calendar-dialog{color:#05315b;text-align:center;background:#fff;border:1px solid #05315b;width:min(340px,100% - 32px);padding:24px;font-family:Arial,Helvetica,sans-serif}.calendar-dialog::backdrop{background:#0000004d}.calendar-dialog h2{margin:0;font-size:1rem;font-weight:500}.calendar-close{color:inherit;cursor:pointer;background:0 0;border:1px solid;margin-top:20px;padding:6px 12px;font-size:.8rem}.calendar-options{text-transform:none;flex-direction:column;justify-content:center;gap:8px 20px;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;line-height:1.5;display:flex}.calendar-options a{color:inherit;text-underline-offset:3px;padding:4px 0}.calendar-date:focus-visible,.calendar-close:focus-visible,.calendar-options a:focus-visible{outline-offset:4px;outline:2px solid}.invitation-copy .invitation-rsvp{font-variant-ligatures:common-ligatures;max-width:100%;margin:24px auto 0;font-family:Svetze,serif;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.4}.contact-form{font-variant-ligatures:common-ligatures;margin-top:18px;font-family:Svetze,serif}.contact-fields{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.contact-field{text-align:left;min-width:0}.contact-field input{color:#05315b;background:0 0;border:0;border-bottom:1px solid #05315b;border-radius:0;width:100%;min-height:48px;padding:10px 12px;font-size:.875rem}.contact-field input::placeholder{color:#05315b;opacity:.65}.contact-field input:focus{outline-offset:2px;outline:2px solid #05315b}.contact-field input[aria-invalid=true]{border-color:#7d1f1f}.mobile-field input.MuiInputBase-input{box-sizing:border-box;background:0 0;border:0;min-width:0;height:48px;padding:10px 0}.mobile-field input.MuiInputBase-input:focus{outline:none}.phone-country-code{font-family:Arial,sans-serif;font-size:.75rem}.field-error{color:#05315b;margin-top:5px;font-size:.72rem;line-height:1.35;display:block}.contact-status{color:#05315b;min-height:20px;font-size:.78rem;line-height:1.4;margin-top:10px!important}@media (min-width:621px){.page-shell{padding:24px}.wedding-invitation{padding:32px}.invitation-copy{padding:40px}.invitation-copy h1{font-size:1.95rem}.invitation-couple-names{font-size:2.75rem}.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (forced-colors:active){.code-input,.contact-field input{color:canvastext;-webkit-text-fill-color:CanvasText;caret-color:canvastext;border-bottom-color:canvastext}.code-input:focus{outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.invitation-background{display:none}}