:root{color-scheme:dark;--rose:#f0a6aa;--cream:#fff6ef}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#170d10;color:var(--cream);font-family:Arial,Helvetica,sans-serif}.scene{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:clamp(24px,6vw,76px)}.portrait{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.88)}.shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#10080a22 15%,#170d1050 45%,#170d10f2 100%),linear-gradient(90deg,#170d1038,transparent 75%)}.invite{width:min(100%,560px);margin:0 auto;text-align:center;padding:36px 24px 10px}.overline{display:inline-block;color:#ffd1c8;font-size:10px;font-weight:700;letter-spacing:.32em;margin-bottom:17px}h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(49px,10vw,82px);font-weight:400;line-height:.98;letter-spacing:-.055em;text-shadow:0 3px 25px #0008}h1 i{display:block;color:var(--rose);font-weight:400}.invite p{margin:18px 0 25px;color:#fff0e9;font-size:15px;letter-spacing:.02em}.invite a{display:flex;align-items:center;justify-content:center;gap:18px;width:min(100%,370px);min-height:59px;margin:0 auto;border:1px solid #ffd9c89c;border-radius:999px;background:linear-gradient(135deg,#77283f,#a13d55);box-shadow:0 10px 36px #16080c80;color:white;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.13em;transition:transform .2s,filter .2s}.invite a:hover{transform:translateY(-2px);filter:brightness(1.13)}.invite a span{font-size:19px;line-height:1}.invite small{display:block;margin-top:15px;color:#f5d5d0a8;font-size:10px;letter-spacing:.12em}a:focus-visible{outline:3px solid white;outline-offset:5px}@media(min-width:760px){.scene{align-items:end;padding-bottom:7vh}.portrait{object-position:center 30%}.shade{background:linear-gradient(180deg,transparent 10%,#13090b30 45%,#13090beb 100%),linear-gradient(90deg,#170d103b,transparent 80%)}}@media(max-width:420px){.scene{padding:22px 18px}.invite{padding:28px 8px 8px}.invite p{font-size:14px;margin:15px 0 22px}}
