:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff; background:#100d12;font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0}
.hero{position:relative;isolation:isolate;min-height:100svh}
.portrait{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100d12 0%,#100d12 44%,rgba(16,13,18,.78) 57%,rgba(16,13,18,.08) 80%)}
.wrap{width:min(1240px,100% - 96px);margin:auto}
.brand{display:flex;align-items:center;gap:16px;padding:26px 0;font-family:Georgia,serif;font-size:22px}
.brand img{border-radius:50%;object-fit:cover}
.content{width: min(650px,60%);padding:32px 0 54px}
.eyebrow{color:#e7bb72;font-size:14px;font-weight:700;margin:0 0 22px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:56px;line-height:1.08;font-weight:700;margin:0 0 26px;text-wrap:balance}
h1 em{color:#ef74ae;font-style:normal;display:block;font-size:72px}
.heart{font-size:30px;display:inline-block;filter:drop-shadow(0 0 1px #e7bb72)}
p{font-size:17px;line-height:1.65;color:#ddd5dd;margin:0}
.intro{max-width:540px}
.invitation{border-top:1px solid #59494e;margin-top:28px;padding-top:24px;max-width:540px}
h2{font-size:18px;line-height:1.5;margin:0 0 8px}
strong{color:#fff}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#edc77e;color:#171018;min-height:62px;padding:18px 24px;margin-top:28px;border-radius:6px;text-decoration:none;font-size:15px;font-weight:800;line-height:1.5;max-width:100%;text-align:center;transition:background .15s,transform .15s}
.cta:hover{background:#f9dca3;transform:translateY(-2px)}
.cta:focus-visible{outline:3px solid #fff;outline-offset:5px}
footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #59494e;padding:22px 0;color:#c7bac6;font-size:13px}
@media(min-width:1500px){.content{padding-top:54px;padding-bottom:64px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}h1{font-size:44px}h1 em{font-size:58px}.content{width:65%}.hero::before{background:linear-gradient(90deg,#100d12 0%,#100d12 35%,rgba(16,13,18,.85) 62%,rgba(16,13,18,.25))}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.brand{font-size:20px;padding:20px 0}.brand img{width:44px;height:44px}.portrait{width:100%;height:440px;object-position:center 33%;opacity:.23}.hero::before{background:linear-gradient(180deg,rgba(16,13,18,.28),#100d12 440px)}.content{width:100%;padding:24px 0 38px}h1{font-size:38px;max-width:460px}h1 em{font-size:50px}.eyebrow{font-size:13px;margin-bottom:18px}p{font-size:16px}.intro{color:#eee5ec}.cta{width:100%;font-size:14px;padding:18px 14px}.invitation{margin-top:22px;padding-top:20px}footer{font-size:12px}.heart{font-size:24px}}
@media(max-width:640px){.content{text-align:center}h1{margin-left:auto;margin-right:auto}}
@media(max-width:360px){h1{font-size:33px}h1 em{font-size:44px}.cta{gap:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}.cta:hover{transform:none}}