/* Shared typography, based on Formula 7 spheres. */
@import url("fonts.css");
@import url("cormorant.css");
:root{--font:Manrope,system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif;--fs-body:clamp(1rem,.3vw + .95rem,1.16rem);--fs-small:clamp(.875rem,.2vw + .83rem,1rem);--h1:clamp(2.5rem,5.5vw,4.8rem);--h1-long:clamp(2.3rem,4.5vw,4.3rem);--h2:clamp(2.15rem,5vw,4.4rem);--h3:clamp(1.3rem,1.8vw,1.75rem)}
body{font-family:var(--font);font-size:var(--fs-body);line-height:1.55}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.035em}
h1,h1.xl{font-size:var(--h1);line-height:1.04}
h2{font-size:var(--h2);line-height:1.1}
h3{font-size:var(--h3);line-height:1.25}
.type-accent,.bridge,h1 em,h2 em,h3 em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.015em}
.hero .lead{font-size:clamp(1.15rem,2vw,1.45rem)}
.foot{font-family:var(--font)}
body.type-legal h1{font-size:clamp(2rem,4vw,3.2rem)}
body.type-legal h2{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3}
body.type-legal{font-size:1rem;line-height:1.65}

/* Shared action alignment: centered within each content block. */
.hero .cta-row,.cta-row,.hero-cta{display:flex;justify-content:center}
main .btn{margin-inline:auto;align-self:center}

.faq details[open]{background:#FDF0F2;border-radius:14px;padding-inline:16px}