*{box-sizing:border-box}html{background:#fff;min-height:100%}body{color:#302b27;-webkit-font-smoothing:antialiased;margin:0;font-family:Malgun Gothic,sans-serif}.invitation{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,480px);min-height:100svh;margin:0 auto;padding:46px 28px 28px;display:flex}.invitation .eyebrow{color:#81766b;letter-spacing:3px;margin:0 0 32px;font-size:10px}.invitation .surprise{width:min(100%,310px);animation:.9s .12s both spring-pop;position:relative}.invitation .photo{border:6px solid #fff;border-radius:22px;width:100%;height:auto;display:block;box-shadow:0 12px 30px #61452220}.invitation .copy{animation:.6s .65s both copy-in}.invitation .status{color:#796d5d;align-items:center;gap:7px;margin:30px 0 12px;font-size:12px;display:inline-flex}.invitation .status span{background:#c99939;border-radius:50%;width:7px;height:7px}.invitation h1{letter-spacing:-1px;margin:0;font-size:clamp(22px,6vw,28px);font-weight:800}.invitation .notice{color:#796d5d;margin:16px 0 22px;font-size:14px;line-height:1.9}.invitation footer{color:#938778;margin-top:36px;font-size:10px}@keyframes spring-pop{0%{opacity:0;transform:translateY(65px)scale(.2)rotate(-14deg)}45%{opacity:1;transform:translateY(-13px)scale(1.08)rotate(5deg)}65%{transform:translateY(6px)scale(.96)rotate(-3deg)}82%{transform:translateY(-3px)scale(1.025)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.invitation .surprise,.invitation .copy{animation:none}}@media (width<=350px){.invitation{padding-inline:22px}}