/* Preview: actual C clair heading family and metrics, with EDS colours intact. */
h1,h2,h3,h4{font-family:'Manrope',system-ui,sans-serif!important}
h1,h2{font-weight:650;letter-spacing:-.055em;line-height:1.12}
h3,h4{font-weight:650;letter-spacing:-.035em;line-height:1.3}
:is(h1,h2,h3,h4) :is(.serif,em){font-family:inherit;font-weight:inherit;font-style:normal;font-family:Manrope,system-ui,sans-serif!important}
.hero h1{font-family:'Manrope',system-ui,sans-serif;font-weight:650;font-size:clamp(48px,5.4vw,70px);line-height:1.045;letter-spacing:-.065em;margin:25px 0 24px}
.hero h1 .serif{font-family:inherit;font-weight:inherit;font-style:normal}
.hero-copy .lead{font-size:17px;line-height:1.8;margin-bottom:0;max-width:550px}
.hero-copy .actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:550px;margin-top:27px}
.hero-copy .actions>.button{display:flex;align-items:center;justify-content:center;gap:24px;min-height:56px;width:100%;max-width:520px;padding:16px 24px;white-space:normal;text-align:center;line-height:1.4}
.hero-copy .actions>.text-link{align-self:center;font-size:14px}
.hero-copy .hero-note{max-width:550px;text-align:center;font-size:12px;margin-top:18px}
@media(max-width:1100px) and (min-width:701px){.hero h1{font-size:clamp(44px,5.4vw,60px)}}
@media(max-width:700px){.hero{padding-top:26px}.hero h1{font-size:clamp(42px,10.4vw,60px);line-height:1.045;letter-spacing:-.065em;margin:23px 0}.hero-copy .lead{font-size:16px;line-height:1.8;max-width:none}.hero-copy .actions{max-width:none;margin-top:24px;gap:13px}.hero-copy .actions>.button{max-width:none;min-height:55px;font-size:15px;padding:15px 20px}.hero-copy .actions>.text-link{font-size:14px}.hero-copy .hero-note{max-width:none;font-size:11px;line-height:1.7}.hero-human{margin-top:24px}}