.header{border-bottom:1px solid #ddd8c9;margin:0 5%;padding:0;height:88px}.nav-rsvp{border:1px solid #a9aa98;border-radius:30px;padding:9px 21px;font-size:13px}.nav-rsvp:hover{background:#eaece3;color:var(--ink)}
.hero{display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#ebe4d5;color:#33351f;text-align:center;margin:0;height:calc(100svh - 88px);min-height:660px;max-height:1080px;padding:60px 5% 110px}.hero-photo{position:absolute;inset:0;z-index:-2;background:none;overflow:hidden}.curtain-still,.curtain-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.curtain-canvas{opacity:0}.curtain-canvas.is-ready{opacity:1}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 43%,rgba(250,247,237,.26),transparent 66%);pointer-events:none}.hero-content{width:100%;padding:0;animation:appear 1.2s ease-out}.hero p{color:#373923}.hero .eyebrow{font-size:12px;letter-spacing:5px;margin:0 0 27px}.hero h1{font-size:clamp(74px,9.2vw,146px);line-height:1.08;letter-spacing:-3px;margin:0 0 22px;font-weight:400}.hero h1 .name{display:inline}.hero h1 em{display:inline;font-size:.87em;font-weight:400;margin:0 5px;color:inherit}.hero-date{justify-content:center;gap:0}.hero-date p{font-size:12px;letter-spacing:3px}.hero-date>span{display:none}.hero-message{font:italic 30px/1.45 var(--serif);margin:30px auto;max-width:600px}.button.light{border:1px solid #64664c;border-radius:40px;background:rgba(249,246,236,.15);color:#33351f;padding:13px 28px;min-height:50px;letter-spacing:.2px;text-transform:none;font:22px var(--serif);justify-content:center;gap:0}.button.light:hover{background:#f8f6f0}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#33351f}.hero-bottom a{font-size:12px;letter-spacing:.3px;background:#f8f6f0bf;padding:7px 12px;border-radius:25px}.hero-bottom a span{margin-left:10px}#hero-pause{border:1px solid #77796380;border-radius:25px;background:#f8f6f0bf;color:#33351f;padding:10px 17px;min-height:44px;font-size:12px}.submit{border-radius:40px;background:transparent;border:1px solid #929582;color:#626b57;text-transform:none;font-size:14px;letter-spacing:.3px;justify-content:center;opacity:1;padding:15px 28px}.submit:disabled{color:#707467;border-color:#b7baaa}
@media(max-width:900px){.hero{min-height:620px}.hero h1{font-size:10vw;letter-spacing:-2px}.hero-message{font-size:27px}}
@media(max-width:640px){.header{height:78px;margin:0 6%;gap:12px}.nav-rsvp{padding:8px 15px;font-size:12px}.hero{height:calc(100svh - 78px);min-height:610px;max-height:950px;padding:30px 6% 95px}.hero:after{background:linear-gradient(90deg,#faf7ef22,#faf7ef85 50%,#faf7ef22)}.hero .eyebrow{font-size:10px;letter-spacing:3px;max-width:none;margin:0 0 24px}.hero h1{font-size:clamp(64px,19vw,94px);letter-spacing:-2px;line-height:.94;max-width:none;margin:0 0 24px}.hero h1 .name{display:block}.hero h1 em{display:block;font-size:.55em;line-height:1.2;margin:5px 0 8px}.hero-date p{font-size:10px;letter-spacing:1.4px}.hero-message{font-size:25px;max-width:290px;margin:25px auto}.hero .button.light{font-size:21px;padding:12px 25px}.hero-bottom{left:6%;right:6%;bottom:19px;gap:8px}.hero-bottom a{font-size:11px}#hero-pause{font-size:11px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.hero-content{animation:none}}