:root{--paper:#f7f2e9;--ink:#47453f;--muted:#888277;--sage:#8e9a85;--line:#ddd5c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e5dd;color:var(--ink);font-family:'Noto Serif KR',serif;font-weight:300;word-break:keep-all}.invitation{width:min(100%,520px);margin:auto;background:var(--paper);min-height:100vh;box-shadow:0 0 32px #615b5030;overflow:hidden}.hero{position:relative;height:100svh;min-height:680px;max-height:900px;display:grid;place-items:center;text-align:center;isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:#faf5ed35;z-index:-1}.hero-copy{transform:translateY(-1rem);padding:2rem}.kicker{font-size:.68rem;letter-spacing:.28em;color:#77756d}h1{margin:1.5rem 0;font-size:2rem;font-weight:400;letter-spacing:.12em}h1 i{font:1.1rem Italiana;margin:0 .6rem;color:#9b927f}.hero p:not(.kicker){font-size:.8rem;letter-spacing:.13em}.ornament{color:#aaa08b}.sound{position:absolute;right:1.2rem;top:1.2rem;width:38px;height:38px;border:1px solid #fff;border-radius:50%;background:#ffffff80;color:#655f56}.section{padding:6rem 2.2rem;text-align:center;border-bottom:1px solid var(--line)}h2{margin:1.2rem 0;font-size:1.4rem;line-height:1.8;font-weight:400}.flower{color:var(--sage);margin:2rem}.copy{font-size:.88rem;line-height:2.15;color:#69665f}.family{margin-top:3rem;font-size:.88rem;line-height:2}.family small{margin:0 .3rem;color:var(--muted)}.muted{color:var(--muted);font-size:.83rem}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin:3rem auto 2rem;font-size:.77rem}.calendar span,.calendar b{padding:.65rem 0;font-weight:300}.calendar span{color:var(--muted)}.calendar .day{color:white;position:relative;z-index:1}.calendar .day:before{content:"";position:absolute;inset:50% auto auto 50%;width:34px;height:34px;border-radius:50%;background:var(--sage);transform:translate(-50%,-50%);z-index:-1}#countdown{font-size:.8rem;color:#6c7465}.venue{margin-top:2rem;font-weight:500}.map{height:190px;margin:2rem 0 1rem;display:grid;place-content:center;background:linear-gradient(135deg,#e7e6dc,#d8ddd3);color:#697064;font-size:.8rem}.map div{margin:auto;background:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 16px #5e665644}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.buttons a,#share{border:1px solid #cfc7b9;padding:.8rem;color:var(--ink);text-decoration:none;background:#fbf8f2;font-size:.77rem}.transport{text-align:left;margin-top:3rem}.transport p{border-top:1px solid var(--line);padding:1.2rem .3rem;margin:0;font-size:.78rem;line-height:1.8}.transport b{display:inline-block;width:5rem;color:#78806f}details{margin-top:.8rem;background:#eee8de;text-align:left;font-size:.78rem}summary{padding:1rem 1.2rem;cursor:pointer;list-style:none}summary span{float:right}.account{background:#fbf8f2;border-top:1px solid var(--line);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.7rem}.account button{border:0;border-radius:2rem;background:var(--sage);color:#fff;padding:.4rem .7rem}.closing{padding:6rem 2rem calc(5rem + env(safe-area-inset-bottom));text-align:center;background:#dedfd5;line-height:2;font-size:.85rem}.script{font:2.4rem Italiana;margin:0}#share{margin-top:2rem;background:#6f7768;color:#fff}#toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,20px);padding:.7rem 1rem;border-radius:2rem;background:#393a35e8;color:#fff;font-size:.73rem;opacity:0;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:.9s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}@media(min-width:521px){body{padding:2rem 0}.hero{height:850px}}