:root{--paper-1: #f7f6f4;--paper-2: #e7e6e3;--ink: #2b2b28;--ink-soft: #55554f;--muted: #8b8b84;--silver: #c3c3bd;--sage: #99a08f;--cta: #2f312d;--cta-hover: #43483f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--paper-2);color:var(--ink);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:radial-gradient(125% 85% at 50% 0%,var(--paper-1) 0%,var(--paper-2) 100%)}.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.card{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.frame svg{display:block;opacity:.9}.inner{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 26px 52px}.rings{width:min(132px,34vw);height:auto}.arch{width:min(100%,430px);height:auto;margin-top:-2px}.arch text{font-family:Playfair Display,Georgia,serif;font-size:46px;font-weight:500;letter-spacing:5px;fill:var(--ink)}.couple{width:min(228px,58vw);height:auto;margin-top:-6px}.names{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:clamp(1.45rem,6.6vw,2.55rem);line-height:1.15;letter-spacing:.02em;margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.28em}.names .amp{color:var(--silver);font-style:italic;font-weight:400;font-size:1.15em;line-height:.8}.dateRow{width:100%;max-width:430px;margin-top:20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.dateSide{display:flex;flex-direction:column;gap:3px;color:var(--ink-soft)}.dsTop{font-family:Playfair Display,Georgia,serif;font-size:clamp(.72rem,3vw,.95rem);letter-spacing:.13em}.dsBot{font-size:clamp(.72rem,3vw,.95rem);letter-spacing:.06em;color:var(--muted)}.dateBig{display:flex;flex-direction:column;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.9rem,9vw,3.2rem);line-height:.92;color:var(--silver);letter-spacing:.01em}.rule{width:min(180px,45%);height:1px;margin:26px 0 0;background:linear-gradient(90deg,transparent,var(--silver) 22%,var(--silver) 78%,transparent)}.invite{white-space:pre-line;font-size:clamp(1.06rem,4.4vw,1.4rem);line-height:1.5;color:var(--ink-soft);margin:16px 0 0;max-width:34ch;text-wrap:balance}.cta{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;max-width:340px;min-height:58px;padding:16px 26px;border:0;border-radius:999px;background:var(--cta);color:#f6f5f2;font-family:Playfair Display,Georgia,serif;font-size:clamp(1rem,4vw,1.12rem);letter-spacing:.07em;cursor:pointer;text-decoration:none;box-shadow:0 8px 22px #2b2b282b;transition:background .25s ease,transform .2s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.cta:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 12px 28px #2b2b2838}.cta:active{transform:translateY(0);box-shadow:0 5px 14px #2b2b2833}.cta:focus-visible{outline:2px solid var(--sage);outline-offset:3px}.cam{width:21px;height:21px;flex:none}.notice{margin:16px 0 0;padding:12px 16px;max-width:380px;border:1px solid rgba(153,160,143,.5);border-radius:10px;background:#99a08f17;color:var(--ink-soft);font-size:.95rem;line-height:1.5;animation:fade .4s ease both}.notice span{color:var(--muted);font-size:.88rem}.notice code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em;background:#2b2b2812;padding:1px 5px;border-radius:4px}.reveal{animation:rise .75s cubic-bezier(.22,.68,.3,1) both}.d1{animation-delay:.05s}.d2{animation-delay:.16s}.d3{animation-delay:.27s}.d4{animation-delay:.38s}.d5{animation-delay:.48s}.d6{animation-delay:.57s}.d7{animation-delay:.66s}.d8{animation-delay:.75s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.reveal,.notice{animation:none}.cta{transition:background .2s ease}.cta:hover{transform:none}}@media(max-width:430px){.inner{padding:26px 18px 44px}.dateRow{gap:6px}.cta{max-width:300px}}@media(max-height:1000px){.inner{padding:22px 22px 40px}.rings{width:min(98px,25vw)}.arch{width:min(92%,370px)}.couple{width:min(184px,47vw);margin-top:-4px}.names{margin-top:12px}.dateRow{margin-top:13px}.rule{margin-top:16px}.invite{margin-top:12px}.cta{margin-top:17px;min-height:54px}}@media(max-height:700px){.rings{width:min(78px,20vw)}.couple{width:min(150px,38vw)}.rule{margin-top:12px}}