/* Optical spacing for the public Cleyora pages. Keep branded logos and the
   intentional kerning/tracking teaching examples in their original styles. */
body{font-kerning:normal;font-variant-ligatures:common-ligatures}
h1,h2,h3,button,a,p{font-kerning:normal}

/* Large display type needs room between shapes, rather than near-touching letters. */
body:not(.briefs-page) .hero h1{letter-spacing:-.025em;line-height:.84}
body .product-opening h1{letter-spacing:-.025em;line-height:1.02}
body .creative-guidance .campaign-title{letter-spacing:-.025em;line-height:.95}
body .creative-guidance .format-title{letter-spacing:-.025em;line-height:.96}
body .review-feature-intro h2{letter-spacing:-.025em;line-height:1.04}

/* Relative tracking stays proportionate as heading sizes change at breakpoints. */
body .join h2,body .journey-heading h2,body .project-heading h2,
body .problem-intro h2,body .readiness h2,body .principles h2,
body .workspace-summary h2,body .teaser-copy h2,body .learning-heading h2,
body .guide-opening h1,body .guide-beyond h2,body .guide-bridge h2,
body .creative-guidance h1,body .creative-guidance h2,
body .pro-teaser .pro-heading h2{letter-spacing:-.025em}
body .creative-guidance .focus-content>h3{letter-spacing:-.02em}
body .closing p{letter-spacing:-.025em}
body .guess p{letter-spacing:-.02em}

/* Serif accents need a gentler rhythm than the bold sans-serif capitals. */
body .join h2 em,body .product-opening h1 em,body .review-feature-intro h2 em,
body .problem-intro h2 em,body .readiness h2 em,body .project-heading h2 em,
body .journey-heading h2 em,body .principles h2 em,body .workspace-summary h2 em,
body .teaser-copy h2 em,body .learning-heading h2 em,body .guide-opening h1 em,
body .guide-beyond h2 em,body .guide-bridge h2 em,
body .creative-guidance h1 em,body .creative-guidance h2 em,
body .creative-guidance .focus-content>h3 em,body .pro-teaser .pro-heading h2 em,
body .closing p em{letter-spacing:-.02em}
body .creative-guidance .campaign-title em{letter-spacing:-.025em}

/* Briefs uses its own layout; keep the same optical scale without altering its artwork. */
body.briefs-page h1{letter-spacing:-.025em;line-height:.96}
body.briefs-page h2{letter-spacing:-.025em;line-height:1.08}
body.briefs-page h2 em{letter-spacing:-.02em}
body.briefs-page h3{letter-spacing:-.015em}

@media(max-width:700px){
 body:not(.briefs-page) .hero h1{letter-spacing:-.025em}
 body .product-opening h1{letter-spacing:-.025em}
 body .creative-guidance .campaign-title,body .creative-guidance .format-title{letter-spacing:-.025em}
 body.briefs-page h1{letter-spacing:-.025em}
}
@media(max-width:700px){body:not(.briefs-page) .hero h1{font-size:24vw}}

/* Cleyora's wordmark remains its existing branded lettering. */
body .logo,body .small-logo,body .creative-guidance .brand,body .creative-guidance .small-brand,body .teaser-window-top strong,body .type-window-bar strong{font-family:Inter,Arial,sans-serif}
/* Manrope display weights and Cleyora's round accent dot. */
body:not(.briefs-page) .hero h1{font-weight:750;letter-spacing:-.025em}
body .product-opening h1,body .review-feature-intro h2,
body .creative-guidance .campaign-title,body .creative-guidance .format-title,
body.briefs-page h1{font-weight:700}
body:not(.briefs-page) .hero h1 .period{display:inline-block;width:.11em;height:.11em;margin-left:.075em;background:#d9ff65;border-radius:50%;color:transparent;overflow:hidden;vertical-align:baseline;line-height:0}

/* Separate the heading shapes and their supporting copy at small sizes. */
body .product-opening h1{line-height:1.07}
body .review-feature-intro h2{line-height:1.08}
body .creative-guidance .campaign-title,body .creative-guidance .format-title{line-height:1.01}
body.briefs-page h1{line-height:1.01}
body .hero h1 .period{margin-left:.075em}