/* A warm, personal invitation focused on QHHT practice sessions. */
.hero.hero-invitation{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .9fr;gap:75px;align-items:center;padding:72px 0 66px;color:#FAF9F6;min-height:700px}
.hero-invitation:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#2A4D4E;z-index:-1}
.hero-invitation .eyebrow{font:500 10px/1.7 var(--site-body);letter-spacing:1.6px;color:#D4E8D6;margin:0 0 26px}
.hero-invitation h1{font-family:var(--site-heading);font-size:clamp(45px,4.8vw,66px);font-weight:400;line-height:1.09;letter-spacing:-1.8px;margin:0 0 28px;color:#FAF9F6}
.hero-invitation h1 em{display:block;margin-top:13px;color:#F3BA91;font-family:var(--site-note);font-size:.79em;font-weight:400;font-style:normal;line-height:1.15;letter-spacing:0;white-space:normal}
.hero-invitation h1 em:after{display:none}
.hero-invitation .invitation-lead{font-family:var(--site-body);font-size:18px;line-height:1.75;max-width:500px;margin:0 0 17px;color:#FAF9F6}
.hero-invitation .invitation-body{font-family:var(--site-body);font-size:16px;line-height:1.8;max-width:500px;color:#e0e8df;margin:0 0 26px}
.hero-invitation .actions{gap:18px 25px;margin-top:0;align-items:center}
.hero-invitation .invitation-primary{color:#213b39;background:#F3BA91;border-color:#F3BA91;border-radius:5px;padding:15px 21px;font-size:14px;box-shadow:4px 4px 0 #142f2f}
.hero-invitation .invitation-primary:hover{background:#f8cbaa;border-color:#f8cbaa}
.hero-invitation .invitation-secondary{font:13px/1.6 var(--site-body);color:#FAF9F6;text-decoration:underline;text-underline-offset:6px;display:inline-flex;gap:12px}
.hero-invitation .invitation-reassurance{font:13px/1.65 var(--site-body);color:#D4E8D6;margin:21px 0 25px;max-width:440px}
.hero-invitation .invitation-facts{display:flex;flex-wrap:wrap;gap:9px 18px;border-top:1px solid #8fa9a266;padding-top:18px;font:11px/1.6 var(--site-body);color:#D4E8D6;max-width:520px}
.hero-invitation .invitation-room{position:relative;isolation:isolate;margin:0 4px 15px 0;padding:0;background:#e5d9c6;transform:rotate(1deg);border-radius:160px 160px 7px 7px;box-shadow:13px 16px 0 #192f2f55}
.hero-invitation .invitation-room img{display:block;width:100%;height:565px;object-fit:cover;object-position:center 56%;border-radius:160px 160px 7px 7px}
.hero-invitation .invitation-caption{position:absolute;left:-27px;right:19px;bottom:26px;padding:19px 23px;background:#FAF9F6;transform:rotate(-3deg);box-shadow:0 5px 15px #192f2f22}
.hero-invitation .invitation-caption span{font:31px/1.15 var(--site-note);color:#2A4D4E}
.hero-invitation .invitation-caption small{font:12px/1.65 var(--site-body);color:#536563;margin-top:7px}
.hero-invitation .invitation-photo-note{position:absolute;top:18px;right:-17px;color:#2A4D4E;background:#D4E8D6;padding:14px 18px;font:24px/1.1 var(--site-note);transform:rotate(5deg);border-radius:3px}
@media(max-width:1000px){.hero.hero-invitation{gap:38px;grid-template-columns:1.1fr .9fr}.hero-invitation .invitation-room img{height:535px}.hero-invitation .invitation-photo-note{right:-8px}.hero-invitation .invitation-caption{left:-16px;right:12px;padding:17px}.hero-invitation .invitation-caption span{font-size:27px}.hero-invitation .invitation-primary{padding:13px 17px}}
@media(max-width:760px){.hero.hero-invitation{grid-template-columns:1fr;gap:38px;padding:43px 0 52px;min-height:0}.hero-invitation h1{font-size:clamp(42px,7.4vw,59px);letter-spacing:-1.2px}.hero-invitation .invitation-copy{max-width:600px}.hero-invitation .invitation-room{width:min(100%,440px);margin:0 auto 15px}.hero-invitation .invitation-room img{height:435px}.hero-invitation .invitation-caption{left:-12px;right:17px;bottom:24px}.hero-invitation .invitation-photo-note{top:16px;right:0}.hero-invitation .invitation-lead{font-size:17px}.hero-invitation .invitation-facts{font-size:11px}.hero-invitation .invitation-caption span{font-size:29px}}
@media(max-width:380px){.hero-invitation h1{font-size:39px}.hero-invitation .invitation-primary{width:100%}.hero-invitation .actions{gap:20px}.hero-invitation .invitation-room img{height:390px}.hero-invitation .invitation-caption span{font-size:26px}}