@font-face{font-family:"Fredoka PL";font-style:normal;font-weight:500;font-display:swap;src:url("fredoka-pl-500.ttf") format("truetype")}
@font-face{font-family:"Fredoka PL";font-style:normal;font-weight:600;font-display:swap;src:url("fredoka-pl-600.ttf") format("truetype")}
/* Selected sample 11: Fredoka. */
html body,html body *{font-family:"Fredoka PL",sans-serif!important;font-weight:500!important;font-style:normal!important;letter-spacing:normal!important}
.hero h1.rounded-title{white-space:normal;font-size:clamp(32px,5.2vw,68px);line-height:1.2}
.navlinks :is(a,summary).wave-menu span{white-space:normal;font-size:clamp(24px,2.3vw,30px);line-height:1.35}
.signup-nav{white-space:normal;font-size:26px!important}
p,li,details,.price{line-height:1.6}

html body :is(h1,h2,h3,h4),html body .navlinks :is(a,summary,span),html body .signup-nav{font-weight:600!important}

html body nav .navlinks :is(a,summary).wave-menu,html body nav .navlinks :is(a,summary).wave-menu span{font-family:"Fredoka PL",sans-serif!important;font-weight:600!important;font-size:clamp(25px,2.8vw,36px)!important;line-height:1.25!important;white-space:normal!important}

/* Uppercase labels in the seven main navigation tabs. */
html body nav .navlinks > a.wave-menu,html body nav .navlinks > a.wave-menu > span,html body nav .navlinks > details.workshop-menu > summary.wave-menu,html body nav .navlinks > details.workshop-menu > summary.wave-menu > span{text-transform:uppercase!important}

/* Pink navigation shapes with dark orange lettering. */
html body nav .navlinks > a.wave-menu,html body nav .navlinks > a.wave-menu > span,html body nav .navlinks > details.workshop-menu > summary.wave-menu,html body nav .navlinks > details.workshop-menu > summary.wave-menu > span{color:#f05a00!important}
html body nav .navlinks > a.wave-menu:before,html body nav .navlinks > details.workshop-menu > summary.wave-menu:before{background:#fff0f5!important}
html body nav .navlinks > a.wave-menu:hover:before,html body nav .navlinks > details.workshop-menu > summary.wave-menu:hover:before{background:#fff5f8!important}

/* Keep the workshop arrow comfortably inside the navigation shape. */
html body nav .navlinks > .workshop-menu > summary.wave-menu{gap:10px!important;padding-right:32px!important}
html body nav .navlinks > .workshop-menu > summary.wave-menu > span:first-child{flex:0 1 auto;min-width:0}
html body nav .navlinks > .workshop-menu > summary.wave-menu > .workshop-chevron{margin-left:4px!important;margin-right:8px!important;width:16px!important;height:24px!important;flex:0 0 16px!important;display:flex!important;align-items:center;justify-content:center;line-height:0!important}
html body nav .navlinks > .workshop-menu > summary.wave-menu .canva-arrow{display:block;width:16px!important;height:24px!important;max-width:16px!important;object-fit:contain}

/* Quieter orange band and a makeup illustration sized like its neighbours. */
html body .ticker:before{background:#d35d35!important}
html body .feature-1 .workshop-visual .makeup-bag{width:240px!important;max-width:80%!important}
@media(max-width:750px){html body .feature-1 .workshop-visual .makeup-bag{width:185px!important;max-width:80%!important}}

html body .feature-1 .workshop-visual .makeup-bag{margin:0!important;transform:none!important}