/* A single invitation landscape; original invitation birds remain separate motifs. */
.hero{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;max-width:none;min-height:760px;margin:0;padding:76px 12% 220px;overflow:hidden;text-align:center;background:#f7efdf url("assets/hero-garden.webp") center bottom/cover no-repeat}
.hero:before{content:"";position:absolute;inset:16px;border:1px solid #a5824973;pointer-events:none;z-index:2}
.hero-copy{position:relative;z-index:1;padding:0;max-width:760px}
.hero .eyebrow{color:#76592f;font-size:13px;letter-spacing:3px}
.hero h1{font-size:clamp(5rem,8.7vw,8.5rem);line-height:1.05;letter-spacing:-3px;margin:18px 0 13px}
.hero .name-second{display:inline;white-space:nowrap}
.hero h1 i{font-size:.68em;margin:0 .04em;color:#956e36}
.hero .ornament{margin:0 auto 18px}
.hero-invite{font-size:25px;line-height:1.35}
.hero-date{margin-top:22px;font-size:16px;letter-spacing:2px}
.hero-place{color:#42584c;font-size:15px}
.hero-actions{justify-content:center;gap:28px;margin-top:24px}
.hero .scroll-cue{justify-content:center;margin-top:23px;color:#42584c;font-size:12px}
.hero-bird{position:absolute;pointer-events:none;z-index:2}
.hero-bird-male{width:148px;left:7%;bottom:30px}
.hero-bird-female{width:230px;height:175px;right:3%;bottom:63px;overflow:hidden}
.hero-bird-female img{width:230px;max-width:none;transform:scaleX(-1)}
@media(min-width:1600px){.hero{min-height:860px;padding-top:90px}.hero-bird-male{left:10%;width:170px}.hero-bird-female{right:8%}}
@media(max-width:700px){.hero{min-height:830px;padding:68px 28px 265px;background-size:auto 100%;gap:0}.hero:before{inset:10px}.hero h1{font-size:clamp(4.3rem,13.5vw,6rem);letter-spacing:-2px;margin:22px 0 18px}.hero .name-second{display:block}.hero .eyebrow{font-size:12px;letter-spacing:2px}.hero-invite{font-size:23px}.hero-date{font-size:14px;letter-spacing:1.2px}.hero-place{font-size:14px;max-width:260px;margin:8px auto 0}.hero-actions{flex-direction:column;gap:18px;margin-top:23px}.hero-bird-male{width:102px;left:8%;bottom:22px}.hero-bird-female{width:165px;height:126px;right:1%;bottom:41px}.hero-bird-female img{width:165px}.hero .scroll-cue{margin-top:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none}}

.hero-bird img{display:block;width:100%;height:auto}

.hero .scroll-cue{display:inline-flex;background:#faf6eceb;padding:3px 12px;border-radius:2px}

/* Birds and their stone perches now form one grounded illustration. */
.hero{background:#f7efdf;min-height:960px;padding-bottom:380px}
.hero-scene{position:absolute;z-index:0;inset:auto 0 0;height:440px;background:url("assets/hero-grounded.webp") center bottom/100% auto no-repeat;pointer-events:none}
.hero:after{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:url("assets/hero-garden.webp") center top/100% auto no-repeat;pointer-events:none}
@media(max-width:700px){.hero{min-height:980px;padding-bottom:360px}.hero-scene{height:330px;background-size:auto 410px}.hero:after{background-size:auto 410px;height:15px}}

.hero-scene{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}

/* One uninterrupted frame surrounds the complete invitation. */
.hero:before{inset:0;border:18px solid transparent;border-image:url("assets/hero-grounded.webp") 32 stretch;z-index:3}
.hero:after{display:none}
.hero-scene{inset:auto 18px 18px;height:425px;background-size:max(calc(100% + 50px),1100px) auto;background-position:center calc(100% + 20px);clip-path:inset(0 0 0);}
@media(max-width:700px){.hero:before{inset:0;border-width:12px}.hero-scene{inset:auto 12px 12px;height:340px;background-size:800px auto;background-position:center calc(100% + 18px)}}