/* EmpowerED display language adapted from the user's connected Think Tank Circle
   and Dragon Universe repositories. Coconat is OFL-licensed; Syne is from Google Fonts.
   Keep the creative weight without delicate editorial flourishes. */
@font-face{
 font-family:"Coconat";
 src:url("https://cdn.jsdelivr.net/gh/collletttivo/coconat@75f0bf21470de362ebee2f173e99505b7a7e977b/fonts/Coconat-Bold.woff2") format("woff2");
 font-style:normal;font-weight:700;font-display:swap;
}
@font-face{
 font-family:"Coconat";
 src:url("https://cdn.jsdelivr.net/gh/collletttivo/coconat@75f0bf21470de362ebee2f173e99505b7a7e977b/fonts/Coconat-Demi.woff2") format("woff2");
 font-style:normal;font-weight:600;font-display:swap;
}
:root{
 --ed-editorial:"Coconat","Fraunces",Georgia,serif;
 --ed-display:"Syne","Anybody","Space Grotesk",sans-serif;
 --ed-grotesk:"Space Grotesk","DM Sans",sans-serif;
 --ed-body:"DM Sans",Arial,sans-serif;
 --ed-detail:"Space Mono",monospace;
 --j-serif:"Coconat",Georgia,serif;
 --j-display:"Syne",sans-serif;
}
body[data-page] #main h1,
body[data-page] #main h2{overflow-wrap:normal;hyphens:none}
body[data-page="home"] .hf-hero h1,
body[data-page="home"] .hf-solutions-intro h2,
body[data-page="home"] .hf-impact-main h2,
body[data-page="services"] .ww-intro h1,
body[data-page="services"] .ww-statement h2,
body[data-page="services"] .ww-approach h2,
body[data-page="services"] .ww-reach h2,
body[data-page="services"] .ww-bottom h2,
body[data-page="about"] .ab-hero h1,
body[data-page="about"] .ab-story h2,
body[data-page="about"] .ab-final h2{
 font-family:var(--ed-editorial)!important;
 font-weight:700!important;
 font-style:normal!important;
 line-height:1.07!important;
 letter-spacing:-.045em!important;
}
body[data-page="home"] .hf-hero h1 em,
body[data-page="home"] .hf-hero h1 strong,
body[data-page="home"] .hf-solutions-intro h2 em,
body[data-page="home"] .hf-impact-main h2 em,
body[data-page="services"] .ww-intro h1 em,
body[data-page="services"] .ww-statement h2 em,
body[data-page="services"] .ww-approach h2 em,
body[data-page="services"] .ww-reach h2 em,
body[data-page="services"] .ww-bottom h2 em,
body[data-page="about"] .ab-hero h1 em,
body[data-page="about"] .ab-story h2 em,
body[data-page="about"] .ab-final h2 em{
 font-family:inherit!important;
 font-weight:inherit!important;
 font-style:normal!important;
 letter-spacing:inherit!important;
}
body[data-page="home"] .hf-hero h1{font-size:clamp(42px,3.85vw,57px)!important;max-width:405px!important;line-height:1.055!important}
body[data-page="home"] .hf-service-intro h2,
body[data-page="home"] .hf-approach-content h2{
 font-family:var(--ed-display)!important;
 font-weight:800!important;
 font-variation-settings:normal!important;
 line-height:1!important;
 letter-spacing:-.065em!important;
}
body[data-page="home"] .hf-service-intro h2{font-size:clamp(33px,3.9vw,53px)!important}
body[data-page="home"] .hf-approach-content h2{font-size:clamp(26px,2.7vw,36px)!important}
body[data-page="home"] .hf-solutions-intro h2{font-size:clamp(29px,2.9vw,41px)!important}
body[data-page="home"] .hf-impact-main h2{font-size:clamp(27px,2.65vw,39px)!important}
body[data-page="services"] .ww-intro h1{font-size:clamp(33px,3.4vw,49px)!important;line-height:1.04!important}
body[data-page="services"] .ww-statement h2{font-size:clamp(35px,3.7vw,53px)!important}
body[data-page="services"] .ww-approach h2{font-size:clamp(35px,3.6vw,51px)!important}
body[data-page="services"] .ww-reach h2{font-size:clamp(30px,3vw,43px)!important}
body[data-page="services"] .ww-bottom h2{font-size:clamp(29px,3.1vw,44px)!important}
body[data-page="about"] .ab-hero h1{font-size:clamp(39px,4vw,58px)!important;line-height:1.04!important}
body[data-page="about"] .ab-story h2{font-size:clamp(34px,3.65vw,52px)!important}
body[data-page="about"] .ab-final h2{font-size:clamp(31px,3.45vw,48px)!important}
body[data-page="about"] .ab-difference h3,
body[data-page="services"] .ww-service-name,
body[data-page="home"] .hf-service-name,
body[data-page="home"] .hf-card-copy h3{
 font-family:var(--ed-grotesk)!important;
 font-weight:700!important;
 letter-spacing:-.035em!important;
}
body[data-page]:not([data-page="home"]):not([data-page="about"]):not([data-page="services"]) .z-page-cover h1{
 font-family:var(--ed-display)!important;
 font-size:clamp(42px,5.1vw,76px)!important;
 font-weight:800!important;
 line-height:1.045!important;
 letter-spacing:-.06em!important;
}
body[data-page]:not([data-page="home"]):not([data-page="about"]):not([data-page="services"]) .z-page-cover h1 .italic{
 font-family:var(--ed-editorial)!important;
 font-style:normal!important;
 font-weight:700!important;
 font-size:1em!important;
 line-height:inherit!important;
}
body[data-page] .z-page-cover h2,
body[data-page] .z-expertise-layout h2,
body[data-page] .z-catalogue-heading h2,
body[data-page] .z-academy-story h2,
body[data-page] .z-solution-overlay h3,
body[data-page] .z-editorial h2,
body[data-page] .z-feature-panel h2{
 font-family:var(--ed-display)!important;
 font-style:normal!important;
 font-weight:750!important;
 letter-spacing:-.055em!important;
}
body[data-page] .z-catalogue-heading h2 em,
body[data-page] .z-academy-story h2 em{
 font-family:var(--ed-editorial)!important;
 font-weight:700!important;
 font-style:normal!important;
}
@media(max-width:700px){
 body[data-page="home"] .hf-hero h1{font-size:clamp(39px,9vw,50px)!important}
 body[data-page="about"] .ab-hero h1{font-size:clamp(39px,9vw,53px)!important}
 body[data-page="services"] .ww-intro h1{font-size:clamp(34px,8vw,45px)!important}
 body[data-page="services"] .ww-statement h2{font-size:clamp(34px,8.1vw,45px)!important}
 body[data-page="services"] .ww-approach h2{font-size:clamp(35px,8vw,47px)!important}
 body[data-page="about"] .ab-story h2{font-size:clamp(34px,8vw,46px)!important}
 body[data-page]:not([data-page="home"]):not([data-page="about"]):not([data-page="services"]) .z-page-cover h1{font-size:clamp(40px,10vw,58px)!important}
}
