/* An invitation in the scroll journey; practical setup lives at the entrance. */
.manor-invitation{position:relative;isolation:isolate;min-height:90svh;display:flex;align-items:flex-end;padding:110px 6% 100px;overflow:hidden;background:#10100b}
.manor-invitation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.manor-invitation:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080905af,transparent 65%),linear-gradient(0deg,#080905cd,transparent 70%)}
.manor-invitation>div{max-width:650px;text-shadow:0 2px 24px #0007}
.manor-invitation .eyebrow{font-size:10px;letter-spacing:2.8px;color:#d9c49e;margin:0 0 20px}
.manor-invitation h2{font-size:clamp(60px,7.5vw,108px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 18px}
.manor-invitation h2 span{color:#dec6a0}
.manor-invitation .manor-invitation-intro{font:italic clamp(19px,2vw,24px)/1.5 Georgia,serif;color:#e1d4bd;margin:0 0 28px}
.manor-invitation .button{margin:0;text-shadow:none;min-height:56px;padding:17px 24px;gap:40px}
@media(max-width:600px){.manor-invitation{padding:95px 7% 85px;min-height:85svh}.manor-invitation>img{object-position:55% center}.manor-invitation:after{background:linear-gradient(0deg,#080905ed,transparent 85%)}.manor-invitation h2{font-size:clamp(52px,13vw,76px)}.manor-invitation .eyebrow{font-size:9px}.manor-invitation .manor-invitation-intro{font-size:20px}}