/* Measured from the rendered veronicatorres.co hero on 17 October 2026.
   Keep this isolated to the QHHT hero; other approved page typography is unchanged. */
.hero.hero-invitation h1{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:clamp(58px,6.7vw,104px);font-weight:400;font-style:normal;line-height:.91;letter-spacing:-.045em;text-wrap:balance;max-width:760px;margin:0}
.hero.hero-invitation h1 em{display:block;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.72em;font-weight:400;font-style:italic;line-height:inherit;letter-spacing:-.055em;text-transform:none;transform:rotate(-1.5deg);margin:.12em 0 0;color:#ffe29e}
.hero.hero-invitation .eyebrow{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.68;letter-spacing:.17em;margin:0 0 22px}
.hero.hero-invitation .invitation-lead{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:clamp(19px,2vw,23px);font-weight:400;line-height:1.6;margin:30px 0 0}
.hero.hero-invitation .invitation-body{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.78;margin:22px 0 28px}
.hero.hero-invitation .invitation-primary,.hero.hero-invitation .invitation-secondary{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:15px;font-weight:700}
@media(max-width:760px){.hero.hero-invitation h1 em{font-size:.78em}}

/* Balanced hero composition; approved live-site type scale is preserved. */
.hero.hero-invitation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,4.7vw,64px);padding:64px 0;align-items:stretch}
.hero.hero-invitation .invitation-copy{min-width:0;max-width:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero.hero-invitation .invitation-copy>h1,.hero.hero-invitation .invitation-lead,.hero.hero-invitation .invitation-body,.hero.hero-invitation .invitation-facts{width:100%;max-width:none}
.hero.hero-invitation .invitation-room{align-self:stretch;width:100%;min-height:640px;height:auto;margin:0;transform:none;border-radius:150px 150px 8px 8px;box-shadow:0 12px 0 #192f2f55;overflow:hidden}
.hero.hero-invitation .invitation-room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;border-radius:inherit}
.hero.hero-invitation .invitation-caption{left:22px;right:22px;bottom:24px;transform:none;padding:20px 22px;text-align:center}
.hero.hero-invitation .invitation-photo-note{right:22px;top:26px;transform:none;text-align:center}
.hero.hero-invitation .actions{width:100%;gap:20px 24px}
.hero.hero-invitation .invitation-facts{margin-top:auto}
.hero.hero-invitation .portrait-small{grid-template-columns:88px minmax(0,1fr);width:min(335px,100%)}
@media(max-width:1000px){.hero.hero-invitation{gap:38px;padding:52px 0}.hero.hero-invitation .invitation-room{min-height:600px}.hero.hero-invitation .invitation-caption{left:18px;right:18px;padding:18px}.hero.hero-invitation .invitation-photo-note{right:18px}}
@media(max-width:760px){.hero.hero-invitation{grid-template-columns:minmax(0,1fr);gap:36px;padding:42px 0}.hero.hero-invitation .invitation-copy{width:100%;max-width:600px;margin-inline:auto}.hero.hero-invitation .invitation-room{width:min(100%,480px);min-height:0;height:470px;margin:0 auto}.hero.hero-invitation .invitation-facts{margin-top:0}.hero.hero-invitation .invitation-caption{left:18px;right:18px;bottom:22px}.hero.hero-invitation .invitation-photo-note{top:24px;right:18px}}
@media(max-width:380px){.hero.hero-invitation .invitation-room{height:410px}.hero.hero-invitation .invitation-caption{left:14px;right:14px;padding:16px}.hero.hero-invitation .invitation-photo-note{right:14px;font-size:21px}}

/* Give the invitation its own generous canvas and keep the handwritten line intact. */
#main>.wrap:first-child{max-width:1440px;padding-inline:clamp(24px,5vw,72px)}
.hero.hero-invitation{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,4vw,60px)}
.hero.hero-invitation h1 em{white-space:nowrap;font-size:clamp(24px,4.1vw,64px);line-height:1.2;margin-top:.24em}
@media(max-width:760px){
 .hero.hero-invitation{grid-template-columns:minmax(0,1fr)}
 .hero.hero-invitation h1 em{font-size:clamp(24px,6.4vw,46px)}
}

/* Evenly spaced practice details and a note that overlaps the photograph. */
.hero.hero-invitation .invitation-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center}
.hero.hero-invitation .invitation-facts>span{min-width:0}
.hero.hero-invitation .invitation-room{overflow:visible}
.hero.hero-invitation .invitation-photo-note{right:-18px;top:26px;transform:rotate(4deg);z-index:2;box-shadow:0 4px 12px #192f2f22}
@media(max-width:760px){.hero.hero-invitation .invitation-photo-note{right:-10px;top:24px}.hero.hero-invitation .invitation-facts{gap:10px}}