@font-face{font-family:New Icon Script;src:url(/fonts/new-icon-script.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:New Icon;src:url(/fonts/new-icon.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Garet;src:url(/fonts/garet.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}:root{--ink:#1c1c1c;--ivory:#fff6e2}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;max-width:100%;overflow-x:clip}body{background:var(--ink);width:100%;max-width:100%;min-height:100vh;color:var(--ivory);margin:0;font-family:Garet,Arial,sans-serif;overflow-x:clip}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible){outline:1px solid var(--ivory);outline-offset:4px}.save-the-date-page{background:var(--ink);place-items:center;width:100%;max-width:100vw;min-height:100svh;padding:clamp(18px,3svh,34px) 20px;display:grid;position:relative;overflow-x:clip}.invitation{text-align:center;flex-direction:column;align-items:center;width:min(100%,520px);max-width:100%;animation:.7s both page-fade;display:flex}.couple-name{white-space:nowrap;width:100%;max-width:100%;margin:0;font-family:New Icon Script,cursive;font-size:clamp(3.55rem,7vw,5.9rem);font-weight:400;line-height:.86}.announcement{letter-spacing:.34em;text-transform:uppercase;margin:clamp(12px,1.8svh,20px) 0 clamp(12px,1.9svh,20px);font-size:clamp(.63rem,1.2vw,.78rem);line-height:1}.photo-wrap{width:min(54vw,286px);position:relative}.photo-booth{aspect-ratio:9/16;object-fit:contain;width:100%;max-height:52svh;display:block}.date{margin:clamp(13px,2svh,22px) 0 0;font-family:New Icon,Georgia,serif;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:400;line-height:1}.location{letter-spacing:.29em;text-transform:uppercase;margin:clamp(7px,1.1svh,11px) 0 0;font-size:clamp(.58rem,1.1vw,.72rem);line-height:1}.address-trigger,.submit-button{border:1px solid var(--ivory);background:var(--ink);min-height:44px;color:var(--ivory);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:0;font-size:.68rem;line-height:1;transition:background-color .24s,color .24s}.address-trigger{margin-top:clamp(19px,2.8svh,30px);padding:0 25px}.address-trigger:hover,.submit-button:hover{background:var(--ivory);color:var(--ink)}.modal-backdrop{z-index:20;background:#0a0a0ad6;place-items:center;width:100vw;max-width:100vw;padding:18px;animation:.22s both page-fade;display:grid;position:fixed;inset:0;overflow:hidden auto}.address-modal{background:var(--ink);text-align:left;border:1px solid #fff6e2b3;width:min(520px,100vw - 36px);max-width:calc(100vw - 36px);max-height:calc(100svh - 36px);padding:clamp(26px,5vw,46px);overflow-y:auto}.modal-bar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.modal-title,.confirmation-title{min-width:0;margin:0;font-family:New Icon,Georgia,serif;font-size:clamp(1.85rem,5vw,2.7rem);font-weight:400;line-height:1}.close-button{color:var(--ivory);letter-spacing:.17em;text-transform:uppercase;cursor:pointer;opacity:.78;background:0 0;border:0;flex:none;padding:2px 0;font-size:.56rem;transition:opacity .22s}.close-button:hover{opacity:1}.modal-copy,.selected-household,.confirmation-copy{color:#fff6e2c4;font-size:.76rem;line-height:1.55}.modal-copy{margin:12px 0 24px}.selected-household{margin:10px 0 24px}.confirmation-copy{margin:14px 0 28px}.field,.address-form label{letter-spacing:.14em;text-transform:uppercase;gap:7px;font-size:.57rem;display:grid}.field input,.address-form input{width:100%;height:44px;color:var(--ivory);letter-spacing:0;text-transform:none;background:0 0;border:1px solid #fff6e294;border-radius:0;padding:0 12px;font-size:.9rem}.field input::placeholder,.address-form input::placeholder{color:#fff6e266}.search-state{color:#fff6e2a6;margin:12px 0 0;font-size:.7rem}.search-results{border-top:1px solid #fff6e242;gap:0;margin-top:13px;display:grid}.result-button{min-height:48px;color:var(--ivory);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff6e242;padding:10px 2px;transition:opacity .22s}.result-button:hover{opacity:.68}.address-form{gap:16px;display:grid}.form-row{grid-template-columns:1.5fr .72fr .82fr;gap:12px;display:grid}.submit-button{width:100%;margin-top:4px}.submit-button:disabled{cursor:wait;opacity:.55}.form-error{color:var(--ivory);margin:0;font-size:.68rem;line-height:1.45}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@media (max-width:580px){.save-the-date-page{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 12px max(8px, env(safe-area-inset-bottom))}.couple-name{font-size:10.8vw;line-height:.94}.announcement{margin-top:clamp(7px,1.5svh,12px);margin-bottom:clamp(8px,1.6svh,14px)}.photo-wrap{width:min(57vw,240px)}.photo-booth{max-height:50svh}.date{margin-top:clamp(9px,1.5svh,14px)}.location{margin-top:6px}.address-trigger{width:min(100%,290px);margin-top:clamp(14px,2.2svh,20px);padding-left:16px;padding-right:16px}.modal-backdrop{padding:14px}.address-modal{width:100%;max-width:100%;max-height:calc(100dvh - 28px);padding:24px 18px}.modal-title,.confirmation-title{font-size:clamp(1.65rem,7vw,2rem)}.modal-copy{margin-bottom:20px}.field input,.address-form input{font-size:16px}.form-row{grid-template-columns:1fr 1fr}.form-row label:first-child{grid-column:1/-1}}@media (max-height:740px){.save-the-date-page{padding-top:10px;padding-bottom:10px}.couple-name{font-size:10.4vw}.announcement{margin-top:7px;margin-bottom:8px}.photo-wrap{width:min(55vw,230px)}.photo-booth{max-height:48svh}.date{margin-top:8px;font-size:clamp(1.45rem,5vw,1.9rem)}.location{margin-top:5px}.address-trigger{min-height:40px;margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
