/* Shared typography: Archivo headings, reading text and supporting UI. */
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/archivo.ttf') format('truetype')}
h1,h2,h3,.preview-copy h3,.habit h3{font-family:Archivo,'DM Sans',sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.08}
.intro #chapterCopy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08}
.preview-copy h3{font-size:clamp(36px,3.8vw,56px)}
.work-heading h2,.habits-heading h2,.testimonials>h2{font-size:clamp(42px,5vw,68px)}
.habit h3{font-size:clamp(30px,2.8vw,40px)}
.case-hero h1{font-size:clamp(46px,5.5vw,80px)}
.case-chapter h2{font-size:clamp(34px,3.4vw,48px)}
#momentDialog .modal-copy h2{font-size:38px}
@media(max-width:760px){
 .intro #chapterCopy h1{font-size:32px;line-height:1.08}
 .preview-copy h3{font-size:40px}
 .habit h3{font-size:32px}
 .case-hero h1{font-size:clamp(40px,11vw,48px)}
 .case-chapter h2{font-size:36px}
 #momentDialog .modal-copy h2{font-size:34px}
}
/* Shared reading and supporting-text styles. */
:root{font-family:Archivo,Arial,sans-serif;font-weight:400;-webkit-text-size-adjust:100%;--reading-colour:#bdc1c2;--caption-colour:#a8afb1}
body{font-family:Archivo,Arial,sans-serif}
p{letter-spacing:0}
.preview-copy p,.habit-copy>p,.case-hero p,.case-chapter p{font-size:17px;line-height:1.65;color:var(--reading-colour);font-weight:400;letter-spacing:0}
.preview-copy p{max-width:42ch}
.habit-copy>p{max-width:55ch}
.case-chapter p{max-width:62ch;margin:0 0 1.25em}
.case-hero p{max-width:45ch}
.intro p{font-family:Archivo,Arial,sans-serif;line-height:1.6;color:var(--reading-colour)}
#momentDialog .modal-copy p:not(.eyebrow):not(.sample){font-family:Archivo,Arial,sans-serif;font-size:17px;line-height:1.65;letter-spacing:0;color:var(--reading-colour)}
.testimonial blockquote p{font-family:Archivo,Arial,sans-serif;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.45;letter-spacing:-.015em;color:#e8e7e2}
.testimonial figcaption{font-size:14px;line-height:1.5;color:var(--caption-colour)}
.testimonial figcaption strong{font-weight:600}
.contact-footer .contact-link,.case-end p{font-family:Archivo,Arial,sans-serif;font-weight:600;font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em}
.finance-results dd{font-family:Archivo,Arial,sans-serif;font-weight:600;font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em;font-variant-numeric:lining-nums}
.finance-results small{font-family:Archivo,Arial,sans-serif;font-weight:400;font-size:14px;letter-spacing:0}
.case-page figcaption,.habit figcaption{font-size:13px;line-height:1.5;color:var(--caption-colour)}
.case-facts{font-size:14px;line-height:1.45}
.case-facts dt,.case-end small{color:var(--caption-colour)}
.work-link,.habit-link,.case-sources a,.case-end>a{font-weight:500}
.work-kicker{letter-spacing:.09em;line-height:1.5}
h1,h2,h3{ text-wrap:balance }
@media(max-width:760px){
 .intro p{font-size:14px;line-height:1.5}
 .testimonial blockquote p{font-size:23px;line-height:1.45}
 .finance-results dd{font-size:32px}
 .case-route nav a{font-size:12px;line-height:1.3}
 .case-chapter h2{font-size:clamp(30px,8.5vw,36px)}
 .preview-copy h3{font-size:clamp(34px,9vw,40px)}
}

/* A lighter chapter for the working approach. */
.how-i-work{background:#f7f6f2;color:#23282b;padding-top:104px;padding-bottom:112px}
.how-i-work .habits-heading h2,.how-i-work .habit h3{color:#23282b}
.how-i-work .habit-copy>p,.how-i-work .habits-heading>p{color:#4d5558}
.how-i-work .work-kicker,.how-i-work figcaption{color:#5e686b}
.how-i-work .habit-link{color:#285b50}
.how-i-work .habit-link:hover{color:#17191b;text-decoration:underline;text-underline-offset:5px}
.how-i-work .habit-link:focus-visible{outline-color:#285b50}
.how-i-work .habit-image{background:#e8e7e2}
.how-i-work .habit-placeholder{color:#4d5558}
.how-i-work+.testimonials{padding-top:104px}
@media(max-width:760px){
 .how-i-work{padding-top:64px;padding-bottom:72px}
 .how-i-work+.testimonials{padding-top:64px}
}

/* Give the opening title two deliberate lines without widening the body copy. */
@media(min-width:761px){
 .intro:not(.is-chapter) #chapterCopy h1{width:40vw;max-width:600px;font-size:clamp(32px,4.1vw,64px)}
 .opening-title-line{display:block;white-space:nowrap}
}