.invitation-page{min-height:100dvh;padding:0 0 100px}.invitation-document{isolation:isolate;overflow-wrap:anywhere;width:100%;max-width:480px;margin:0 auto;padding:0 0 64px;font-family:Outfit,sans-serif;position:relative;container-type:inline-size}.invitation-document *{box-sizing:border-box}.invitation-pattern{z-index:-1;opacity:.5;pointer-events:none;position:absolute;inset:0}.invitation-art{pointer-events:none;z-index:-1;height:720px;position:absolute;inset:0 0 auto;overflow:hidden}.invitation-cover{text-align:center;position:relative}.invitation-section{padding:42px 24px;scroll-margin-top:80px;position:relative}.invitation-section-hero{padding:80px 0 36px}.invitation-section-doa{padding-bottom:24px}.invitation-document .countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.invitation-document .loc-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.invitation-document button:disabled{opacity:.5;cursor:not-allowed}.invitation-document :focus-visible{outline:2px solid var(--inv-accent);outline-offset:4px}.invitation-preview-banner{z-index:50;color:#fff;text-align:center;background:#38242b;padding:12px 20px;font:12px/1.6 Outfit,sans-serif;position:sticky;top:0}.invitation-preview-banner a{color:#fff;margin-left:12px;text-decoration:underline}.inv-editable{white-space:pre-wrap;cursor:text;outline-offset:5px;caret-color:currentColor;border-radius:2px;outline:1px dashed #9b80754d;min-width:24px;max-width:100%;min-height:1.2em;transition:outline-color .15s,background .15s;display:inline-block}.inv-editable:empty:before{content:attr(data-placeholder);opacity:.65;pointer-events:none}.inv-editable:hover{outline-color:var(--inv-accent)}.inv-editable:focus{outline:2px solid var(--inv-accent);outline-offset:5px;background:#ffffff14}.inv-editable::selection{color:#342430;background:#e8bed2}.inv-title-editable{z-index:1;min-width:3ch;margin:-2px -5px;padding:2px 5px;display:inline-block;position:relative}.inv-parent-names{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .35em;display:flex}.inv-parent-names .inv-editable{min-width:5ch}.inv-schedule-timeline{width:min(100%,240px);margin-inline:auto}.inv-date,.inv-inline-input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:1px dashed #9b807580;border-radius:4px;padding:5px}.inv-media-button{color:#42342e;cursor:pointer;background:#ffffffd9;border:1px solid #bba9a0;border-radius:8px;min-height:44px;margin:20px auto;padding:10px 20px;font:600 12px Outfit,sans-serif;display:block}@media (min-width:600px){.invitation-page{padding-top:32px}.invitation-page .invitation-document{box-shadow:0 16px 60px #00000015}}@media (prefers-reduced-motion:reduce){.invitation-document *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.invitation-cover .inv-media-button{z-index:2;margin:0;position:absolute;bottom:12px;right:12px}.invitation-cover-editor{border:1px dashed var(--inv-accent);text-align:center;border-radius:16px;width:100%;max-width:480px;min-height:154px;margin:0 auto 20px;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000012}.invitation-cover-editor .inv-cover-label{z-index:2;color:#302231;background:#fff;border-radius:99px;margin:0;padding:5px 10px;font:700 11px Outfit,sans-serif;position:absolute;top:10px;left:12px}.invitation-cover-editor .inv-cover-placeholder{padding:48px 20px 24px}.invitation-cover-editor:has(.inv-cover-placeholder){border:1px dashed var(--inv-accent);padding:0}.invitation-cover-editor:has(.inv-cover-placeholder) .inv-media-button{margin:0 auto 20px;position:static}.invitation-welcome{z-index:70;isolation:isolate;text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.invitation-welcome-photo{z-index:-2;filter:blur(22px)brightness(.56);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.08)}.invitation-welcome-shade{z-index:-1;background:linear-gradient(#170e1a55,#170e1aaa);position:absolute;inset:0}.invitation-welcome-content{color:#fffaf2;text-shadow:0 2px 18px #000a;max-width:440px;padding:32px 28px}.invitation-welcome-eyebrow{letter-spacing:.28em;text-transform:uppercase;font:700 12px Outfit,sans-serif}.invitation-welcome h1{overflow-wrap:anywhere;margin:30px 0 18px;font:italic 400 clamp(38px,9vw,64px)/1.15 Fraunces,serif}.invitation-welcome h1 span{margin:8px 0;font-size:.65em;display:block}.invitation-welcome p{max-width:30ch;margin:0 auto 30px;font:400 15px/1.7 Outfit,sans-serif}.invitation-welcome button{color:#302231;cursor:pointer;min-height:48px;text-shadow:none;background:#fffaf2;border:1px solid #fff9;border-radius:99px;padding:12px 30px;font:700 13px Outfit,sans-serif}.invitation-welcome button:focus-visible{outline-offset:4px;outline:3px solid #fff}.invitation-cover-empty{z-index:2;position:absolute;top:14px;right:14px}.invitation-cover-empty .inv-media-button{position:static}.inv-gallery-edit{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.inv-gallery-edit span{color:#42342e;background:#fff;border-radius:8px;padding:10px 14px;font:600 12px Outfit,sans-serif;position:absolute;top:12px;right:12px}.invitation-document .inv-inline-input{font-size:max(16px,1em)}.invitation-document .inv-text{overflow-wrap:anywhere;max-width:100%}.inv-detail-row{grid-template-columns:16px minmax(58px,max-content) minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.inv-detail-row>span{min-width:0}.invitation-document .inv-detail-row input{min-width:0;max-width:100%}.invitation-document .inv-detail-row .inv-text{width:100%}.inv-cover-placeholder{padding:28px 20px 12px;font:500 18px Outfit,sans-serif}.inv-cover-placeholder span{opacity:.8;margin-top:6px;font:12px/1.6 Outfit,sans-serif;display:block}.invitation-cover:has(.inv-cover-placeholder){border-bottom:1px dashed var(--inv-accent);padding:16px 20px 22px}.invitation-cover:has(.inv-cover-placeholder) .inv-media-button{margin:4px auto 0;position:static}.inv-media-placeholder{border:1px dashed var(--inv-accent);width:100%;min-height:180px;color:inherit;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:14px Outfit,sans-serif;display:flex}.inv-media-placeholder span{font-size:22px}.inv-section-content{min-width:0;max-width:100%}.inv-section-content>div{max-width:100%}.inv-section-editing{outline-offset:-2px;outline:1px solid #0000}.inv-section-editing:hover{outline-color:color-mix(in srgb,var(--inv-accent) 40%,transparent)}.inv-section-editing.is-selected{outline-color:var(--inv-accent)}.inv-section-handle{border:1px solid var(--inv-accent);background:var(--inv-paper);min-height:32px;color:var(--inv-accent);cursor:pointer;opacity:.8;border-radius:6px;align-items:center;padding:6px 10px;font:600 11px Outfit,sans-serif;display:flex;position:absolute;top:6px;right:12px}.inv-section-handle:hover,.inv-section-handle:focus-visible{opacity:1}.invitation-section[data-section-font] .inv-section-content p{font-family:var(--section-font)!important}.invitation-section[data-section-size] .inv-section-content p{font-size:var(--section-size)!important}.invitation-section[data-section-italic] .inv-section-content p{font-style:var(--section-italic)!important}@container (max-width:360px){.inv-detail-row{grid-template-columns:16px minmax(0,1fr);row-gap:8px}.inv-detail-row>span:last-child{grid-column:1/-1}}.invitation-section .inv-section-content .inv-text{font-family:var(--section-font,inherit);font-size:var(--section-size,inherit);font-style:var(--section-italic,inherit);white-space:pre-wrap}
