/* Photo-led editorial layer shared by the homepage, services and resources. */
:root{--off-white:#fff;--warm-white:#EFE7E4;--border:#ddd9d1}
.page-hero::before,.book::before,.how::before{display:none}
.page-hero{background:#EFE7E4;color:#222323;padding:106px 5vw 54px}
.page-hero h1,.resource-page .guide-hero h1{font-size:clamp(2rem,3.65vw,3.6rem);line-height:1.13;max-width:800px;letter-spacing:-.025em}
.page-hero .section-label{color:#625f56;letter-spacing:.12em}
.page-hero .answer,.page-hero .article-meta,.resource-page .guide-meta{color:#57564f;font-weight:400}
.page-hero .answer{font-size:1.05rem;line-height:1.75;margin-top:22px}
.breadcrumbs{margin-bottom:30px}.breadcrumbs li,.breadcrumbs a{color:#67665e}.breadcrumbs [aria-current]{color:#30312d}.breadcrumbs li::after{color:#a5a197}.breadcrumbs a:hover{color:#222323}
.editorial-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:5vw}
.editorial-intro{min-width:0}.editorial-photo{margin:0;min-width:0}
.editorial-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;background:#e6e2dc}
.editorial-photo figcaption{font-family:var(--font-body);font-size:11px;line-height:1.55;letter-spacing:0;color:#646258;margin-top:9px;font-weight:400}
.editorial-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.editorial-hero .editorial-photo img{aspect-ratio:4/5;max-height:590px;object-position:center}
.editorial-hero .btn-primary{background:#222323;color:#fff}.editorial-hero .btn-secondary{border-color:#8a887e;color:#222323}
.resource-page .guide-answer{background:transparent;border:0;border-top:1px solid #cac6bc;padding:20px 0 0;margin-top:24px}.resource-page .guide-answer p{font-size:1rem;line-height:1.7}
.hero{background:#EFE7E4;color:#222323;min-height:0;padding:118px 5vw 62px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:5vw}
.hero h1{font-size:clamp(2.5rem,4.7vw,4.6rem);letter-spacing:-.025em}.hero h1 em{color:inherit;font-style:normal}.hero-tag{color:#68675e;margin-bottom:22px}.hero-sub{color:#55564f;margin:24px 0 30px;font-weight:400}.hero .editorial-photo img{aspect-ratio:4/5;max-height:690px}.hero .btn-primary{background:#222323;color:#fff}.hero .btn-secondary{color:#222323;border-color:#8a887e}
.section,.why{padding-top:72px;padding-bottom:72px}.section h2,.why h2{letter-spacing:-.015em}.book{padding-top:64px;padding-bottom:64px}.book-explainer{max-width:580px!important}
.resource-hub .resource-grid{gap:32px}.resource-hub .resource-card{padding:0;background:transparent;border:0;border-bottom:1px solid #d6d2c9;padding-bottom:25px}.resource-card-copy{padding-top:18px}.resource-card h3{font-size:1.5rem;line-height:1.3}.resource-card-copy .source-note{font-size:12px;color:#68665f;margin-top:14px}.card-photo img{aspect-ratio:16/10}.card-photo figcaption{font-size:10px}
.resource-hub .hub-jump a{border-radius:0;background:transparent}.guide-toc{border-top-width:1px}.guide-related{gap:14px}.guide-layout{padding-top:54px}
@media(min-width:1500px){.editorial-hero-grid,.hero{column-gap:80px}.page-hero{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:800px){.editorial-hero-grid,.hero{grid-template-columns:1fr;gap:30px}.page-hero{padding-top:94px}.editorial-hero .editorial-photo img,.hero .editorial-photo img{aspect-ratio:3/2;max-height:none}.hero{padding-top:100px}.hero .editorial-photo{margin-top:6px}.page-hero h1,.resource-page .guide-hero h1{font-size:2.3rem}.resource-page .guide-hero{padding-bottom:35px}.section,.why{padding-top:48px;padding-bottom:48px}.book{padding:48px 6vw}}
@media(max-width:380px){.page-hero h1,.resource-page .guide-hero h1{font-size:2rem}.editorial-photo figcaption{font-size:10px}}
@media print{.editorial-photo{display:none}.editorial-hero-grid,.hero{display:block}}

/* Established Essentia identity; see WEBSITE_BRAND_GUIDE.md. */
@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--font-body:Satoshi,Arial,sans-serif;--font-heading:Satoshi,Arial,sans-serif;--dark:#222323;--warm-white:#EFE7E4}
body,button,input,textarea,select{font-family:Satoshi,Arial,sans-serif;font-weight:500}
h1,h2,h3,h4,h5,h6,.logo,.wordmark{font-family:Satoshi,Arial,sans-serif!important;font-weight:700!important;font-style:normal}
p,li,a,span,figcaption,label{font-weight:500}
strong,b{font-weight:700}
button,.btn,.btn-primary,.btn-secondary,.nav-cta,.resource-card,.guide-answer{border-radius:4px!important}
.editorial-photo figcaption,.card-photo figcaption{font-size:12px!important;font-weight:500}
:root{--font-head:Satoshi,Arial,sans-serif}

/* Spread article photographs through the reading flow. */
.inline-photo{margin:32px 0 40px}.inline-photo img{aspect-ratio:3/2;max-height:520px}.inline-photo figcaption{max-width:75ch}.resource-card .card-photo img{aspect-ratio:16/10}
.page-hero .hdb-role-note{color:#57564f}