@import "https://fonts.googleapis.com/css2?family=Allura&family=Josefin+Sans:wght@400;500;600;700&display=swap";:root{--deep:#44205f;--plum:#623779;--violet:#7c5791;--lavender:#bca8cf;--lilac:#e9e0f0;--mist:#f7f3fa;--ink:#382c40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Josefin Sans,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}main{background:linear-gradient(#fff 0 405px,#faf8fc 405px);min-height:100vh;overflow:hidden}.hero{text-align:center;background:#fff url(/floral-purple.png) 0/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:405px;padding:66px 22px 74px;display:flex;position:relative}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 28%,#ffffff26 42%,#ffffff73 100%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.petal{display:none}.eyebrow{color:var(--violet);letter-spacing:.27em;text-transform:uppercase;margin:0 0 1px;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:600}h1,h2,h3{font-family:Josefin Sans,sans-serif}h1{color:var(--deep);text-shadow:0 2px 12px #44205f14;margin:0;font-family:Allura,cursive;font-size:clamp(72px,11vw,108px);font-weight:400;line-height:.95}.ornament{color:var(--violet);align-items:center;gap:12px;margin:16px 0 12px;font-size:9px;display:flex}.ornament span{background:var(--lavender);width:70px;height:1px}.date{color:var(--plum);letter-spacing:.035em;margin:0;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:500}.finder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #e8dff0;border-radius:18px;width:min(780px,100% - 32px);margin:-34px auto 76px;padding:30px clamp(18px,5vw,48px) 44px;position:relative;box-shadow:0 22px 65px #44205f1f}.search{background:var(--mist);border:1px solid #ded0e8;border-radius:100px;align-items:center;gap:12px;height:58px;padding:0 18px;transition:all .2s;display:flex}.search:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px #7c57911f}.search>span{color:var(--plum);font:28px Georgia;transform:rotate(-20deg)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.search input::placeholder{color:#95889d}.search button{color:var(--plum);cursor:pointer;background:0 0;border:0;font-size:25px}.hint{text-align:center;color:#817389;letter-spacing:.08em;text-transform:uppercase;margin:25px 0 14px;font-size:11px}.alphabet{grid-template-columns:repeat(13,1fr);gap:7px;display:grid}.alphabet button{aspect-ratio:1;min-width:0;color:var(--deep);cursor:pointer;background:#fff;border:1px solid #e4d8eb;border-radius:50%;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:600;transition:all .18s}.alphabet button:hover:not(:disabled){border-color:var(--violet);transform:translateY(-2px)}.alphabet button.active{color:#fff;background:var(--deep);border-color:var(--deep);box-shadow:0 5px 14px #44205f3d}.alphabet button:disabled{color:#d5ccda;cursor:default;background:#fbf9fc}.resultsHeading{border-bottom:1px solid #e8dfed;margin:42px 0 18px;padding-bottom:18px;position:relative}.resultsHeading p{color:var(--violet);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.resultsHeading h2{color:var(--deep);margin:5px 0 0;font-size:34px;font-weight:600;line-height:1}.resultsHeading span{color:#94889a;font-size:12px;position:absolute;bottom:20px;right:0}.guestList{grid-template-columns:1fr 1fr;gap:10px;display:grid}.guest{background:linear-gradient(135deg,#fff,#fbf8fd);border:1px solid #ebe3ef;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:90px;padding:17px 18px 17px 20px;transition:all .2s;display:flex}.guest:hover{border-color:#d7c5e2;transform:translateY(-2px);box-shadow:0 8px 24px #44205f17}.guest h3{color:var(--deep);margin:0;font-size:17px;font-weight:600;line-height:1.25}.guest p{color:#83758b;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:500}.table{background:var(--lilac);width:52px;height:52px;color:var(--deep);border:1px solid #d9cae4;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.table span{letter-spacing:.12em;text-transform:uppercase;font-size:8px}.table strong{font-family:Josefin Sans,sans-serif;font-size:20px;font-weight:700;line-height:1}.empty{text-align:center;color:#83758b;border:1px dashed #d8c9e2;border-radius:14px;grid-column:1/-1;margin:16px 0;padding:34px;font-family:Josefin Sans,sans-serif;font-size:15px}footer{height:130px;color:var(--lavender);background:var(--deep);justify-content:center;align-items:center;gap:16px;display:flex}footer p{color:#f0e8f5;letter-spacing:.04em;margin:0;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:500}footer span{font-size:9px}@media (width<=700px){main{background:linear-gradient(#fff 0 350px,#faf8fc 350px)}.hero{background-position:17%;background-size:auto 100%;min-height:350px;padding:55px 18px 72px}.hero:after{background:#ffffff6b}.eyebrow{font-size:13px}h1{font-size:clamp(68px,22vw,92px)}.finder{border-radius:16px;width:calc(100% - 20px);margin:-28px auto 42px;padding:22px 14px 30px}.alphabet{grid-template-columns:repeat(7,1fr)}.alphabet button{font-size:16px}.guestList{grid-template-columns:1fr}.resultsHeading{margin-top:34px}.guest{min-height:82px}footer{height:110px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
