/* Brandguide IO editorial system — inherits the marketing site's fonts and colours */
.blog-page{background:#f7f6f2;color:#171717}.blog-page .blog-kicker,.blog-page .blog-section-label,.blog-page .blog-byline,.blog-page .blog-section-num{font-size:12px!important;letter-spacing:.09em;text-transform:uppercase}.blog-page a{color:inherit}.blog-landing-intro{padding-top:clamp(75px,9vw,145px)!important;padding-bottom:90px!important}.blog-landing-intro h1{max-width:1100px;font-size:clamp(62px,10vw,148px)!important;line-height:.92!important;letter-spacing:-.066em!important;margin:24px 0 36px!important;font-weight:600}.blog-landing-intro h1 em{font-family:Georgia,serif;font-weight:400}.blog-landing-intro>p{max-width:670px;font-size:clamp(17px,2vw,22px)!important;line-height:1.5!important}.blog-section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a5a39b;padding:18px 0;margin:40px 0 24px;color:#555}.blog-featured .blog-card{display:grid;grid-template-columns:1.15fr 1fr;min-height:500px}.blog-card{display:flex;flex-direction:column;text-decoration:none;background:#efeee9;border-radius:19px;overflow:hidden;transition:transform .2s ease,background .2s ease}.blog-card:hover{transform:translateY(-3px);background:#e8e8df}.blog-card-copy{padding:clamp(23px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}.blog-card h2{font-size:clamp(25px,3vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em;margin:14px 0!important}.blog-featured .blog-card h2{font-size:clamp(40px,4.4vw,72px)!important}.blog-card p{font-size:15px!important;line-height:1.6!important;margin:0}.blog-card .blog-read{margin-top:auto;padding-top:30px;text-decoration:underline;text-underline-offset:5px;font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-placeholder{background:linear-gradient(140deg,#dbe8cd,#e7e4ed 62%,#e9d5bd);min-height:250px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:0;border-radius:15px;color:#30322e;overflow:hidden;gap:30px}.blog-placeholder span,.blog-placeholder small{font-size:11px!important;letter-spacing:.09em;text-transform:uppercase}.blog-placeholder strong{font-size:clamp(27px,3vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:600}.blog-card .blog-placeholder{border-radius:0;min-height:330px}.blog-featured .blog-placeholder{min-height:500px}.blog-tail{padding:90px 0!important;max-width:850px}.blog-tail h2{font-size:clamp(34px,5vw,65px)!important;letter-spacing:-.045em;line-height:1.1}.blog-tail p{font-size:18px!important;line-height:1.55!important}.blog-tail a,.blog-article-body a{text-decoration:underline;text-underline-offset:4px}.blog-article{padding-top:70px!important}.blog-article-hero{margin-bottom:65px}.blog-back{display:inline-block;font-size:14px;margin:0 0 55px;text-decoration:underline;text-underline-offset:5px}.blog-article-hero h1{max-width:1160px;font-size:clamp(49px,8vw,110px)!important;letter-spacing:-.06em!important;line-height:1.03!important;margin:24px 0!important;font-weight:600}.blog-deck{max-width:800px;font-size:clamp(17px,2vw,23px)!important;line-height:1.5!important}.blog-byline{display:flex;flex-wrap:wrap;gap:20px;margin:32px 0}.blog-hero-placeholder{min-height:clamp(360px,53vw,670px)}.blog-reading-layout{display:grid;grid-template-columns:260px minmax(0,770px);justify-content:space-between;column-gap:clamp(36px,6vw,120px)}.blog-toc{min-width:0}.blog-toc-inner{position:sticky;top:110px;border-top:1px solid #a7a59d;padding-top:22px}.blog-toc-inner>span{font-size:12px!important;letter-spacing:.1em}.blog-toc nav{display:flex;flex-direction:column;gap:6px;margin:24px 0}.blog-toc nav a{font-size:13px!important;text-decoration:none;border-left:2px solid #d0cec7;padding:10px 12px;color:#62605b;line-height:1.45}.blog-toc nav a.is-active{border-color:#222;color:#161616;background:#ebeae5;font-weight:600}.blog-toc-back{font-size:13px!important;text-decoration:underline;text-underline-offset:3px}.blog-article-body{min-width:0}.blog-quick-answer{padding:clamp(26px,3vw,42px);background:#e9eee2;border-radius:18px;margin:0 0 65px}.blog-quick-answer>span{font-size:12px!important;letter-spacing:.1em}.blog-quick-answer p{font-size:clamp(19px,2.3vw,27px)!important;line-height:1.45!important;letter-spacing:-.015em!important;margin:20px 0 0!important}.blog-article-section{scroll-margin-top:120px;margin:0 0 75px}.blog-article-section h2{font-size:clamp(31px,4vw,49px)!important;letter-spacing:-.04em!important;line-height:1.16!important;margin:18px 0 25px!important}.blog-article-section>p,.blog-reference{font-size:17px!important;line-height:1.8!important;color:#373631}.blog-section-num{color:#6c6a62}.blog-inline-image{margin:35px 0;min-height:370px}.blog-post-faq details{border-top:1px solid #aaa8a0;padding:20px 0}.blog-post-faq summary{font-size:18px;line-height:1.45;cursor:pointer;font-weight:600}.blog-post-faq details p{font-size:16px!important;line-height:1.65!important}.blog-reference{border-top:1px solid #bcb9af;padding-top:24px}.blog-related{margin:105px 0}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-related-grid a{background:#ecebe6;border-radius:16px;padding:30px;text-decoration:none;min-height:230px;display:flex;flex-direction:column}.blog-related-grid a span{font-size:12px!important;text-transform:uppercase;letter-spacing:.07em}.blog-related-grid h3{font-size:23px!important;line-height:1.2!important;margin:16px 0}.blog-related-grid strong{font-size:13px;margin-top:auto;text-decoration:underline}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:25px}}@media(max-width:700px){.blog-landing-intro{padding-top:55px!important;padding-bottom:32px!important}.blog-grid,.blog-related-grid{grid-template-columns:1fr}.blog-featured .blog-card{display:flex}.blog-featured .blog-placeholder{min-height:350px}.blog-article{padding-top:38px!important}.blog-back{margin-bottom:35px}.blog-reading-layout{display:block}.blog-toc-inner{position:relative;top:auto;padding:16px 0;margin-bottom:42px}.blog-toc nav{display:flex;overflow-x:auto;flex-direction:row;gap:4px;scrollbar-width:thin}.blog-toc nav a{flex:0 0 auto;max-width:180px;border-left:0;border-bottom:2px solid #ccc}.blog-toc nav a.is-active{border-bottom-color:#222}.blog-article-hero{margin-bottom:40px}.blog-hero-placeholder{min-height:320px}.blog-article-section{margin-bottom:50px}.blog-article-section>p{font-size:16px!important}.blog-related{margin:55px 0}}

/* 2026-10-21 editorial layout audit: align type with sitewide Helvena hierarchy. */
html body.blog-page :is(.blog-landing-intro h1,.blog-article-hero h1){font-family:inherit!important;font-size:clamp(46px,6vw,86px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:500!important;text-transform:none!important}
html body.blog-page .blog-landing-intro h1 em{font-family:inherit!important;font-style:normal!important;font-weight:500!important}
html body.blog-page .blog-card h2{font-size:clamp(24px,2.4vw,34px)!important;font-weight:500!important;line-height:1.18!important;letter-spacing:-.025em!important}
html body.blog-page .blog-featured .blog-card h2{font-size:clamp(35px,3.4vw,54px)!important;line-height:1.12!important;font-weight:500!important}
html body.blog-page .blog-article-section h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:500!important}
html body.blog-page .blog-tail h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.15!important;font-weight:500!important}
html body.blog-page .blog-related h3{font-size:22px!important;font-weight:500!important}
html body.blog-page .blog-placeholder strong{font-size:clamp(22px,2.7vw,38px)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.02em!important}
html body.blog-page .blog-article{max-width:1200px!important;margin-inline:auto}
html body.blog-page .blog-reading-layout{display:grid;grid-template-columns:230px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(26px,3.3vw,48px);max-width:1030px;margin:0 auto}
html body.blog-page .blog-toc-inner{top:110px}
html body.blog-page .blog-article-body{min-width:0;width:100%}
html body.blog-page .blog-article-hero{max-width:1130px;margin-inline:auto}
html body.blog-page .blog-grid{align-items:stretch}
html body.blog-page .blog-card{min-width:0}
html body.blog-page .blog-card-copy{min-width:0}
html body.blog-page .blog-article-body :is(p,a){overflow-wrap:break-word}
html body.blog-page .blog-article-section{scroll-margin-top:120px}
html body.blog-page .blog-post-faq summary{font-weight:500!important}
html body.blog-page .blog-card-cta{padding-top:45px!important;padding-bottom:70px!important}
html body.blog-page .blog-card-cta-inner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:clamp(32px,4vw,65px);min-height:290px;border-radius:20px;overflow:hidden;background:#dce7cd;color:#141c14}
html body.blog-page .blog-cta-image-placeholder{position:absolute;inset:0;z-index:-1;background:linear-gradient(108deg,#dbe8c9 0%,#e6e4d9 52%,#d7dfec 100%);display:flex;align-items:flex-end;padding:18px}
html body.blog-page .blog-cta-image-placeholder span{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;opacity:.5}
html body.blog-page .blog-cta-copy{max-width:720px;position:relative}
html body.blog-page .blog-cta-eyebrow{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
html body.blog-page .blog-cta-copy h2{font-size:clamp(31px,3.5vw,52px)!important;line-height:1.13!important;font-weight:500!important;letter-spacing:-.03em!important;margin:17px 0!important}
html body.blog-page .blog-cta-copy p{font-size:16px!important;line-height:1.55!important;max-width:590px;margin:0}
html body.blog-page .blog-cta-button{flex:none;position:relative;white-space:nowrap}
html body.blog-page .site-prefooter-cta{display:none!important}
@media(max-width:900px){html body.blog-page .blog-reading-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}html body.blog-page .blog-card-cta-inner{gap:22px}}
@media(max-width:700px){html body.blog-page .blog-reading-layout{display:block}html body.blog-page .blog-toc-inner{position:relative;top:auto}html body.blog-page .blog-card-cta-inner{flex-direction:column;align-items:flex-start;min-height:310px}html body.blog-page .blog-cta-button{align-self:flex-start}html body.blog-page .blog-landing-intro h1,html body.blog-page .blog-article-hero h1{font-size:clamp(42px,10vw,60px)!important}html body.blog-page .blog-card-cta{padding-top:20px!important;padding-bottom:45px!important}}
@media(prefers-reduced-motion:reduce){html body.blog-page .blog-card{transition:none!important}}

/* Journal polish: consistent cards, separate article kicker, truly sticky navigation. */
html body.blog-page .blog-grid .blog-card h2{font-size:clamp(19px,1.65vw,26px)!important;line-height:1.23!important;letter-spacing:-.018em!important}
html body.blog-page .blog-featured .blog-card h2{font-size:clamp(30px,2.8vw,43px)!important}
html body.blog-page .blog-article-hero .blog-back{display:table;width:max-content;max-width:100%;margin:0 0 27px;text-decoration:underline;text-underline-offset:5px;font-size:14px!important;line-height:1.5}
html body.blog-page .blog-article-hero .blog-kicker{display:block;clear:both;margin:0 0 18px;font-size:12px!important;line-height:1.5!important;letter-spacing:.075em}
html body.blog-page .blog-reading-layout{align-items:start!important;overflow:visible!important;transform:none!important}
html body.blog-page .blog-toc{position:sticky!important;top:100px!important;align-self:start!important;height:max-content;max-height:calc(100vh - 125px);overflow-y:auto;overscroll-behavior:contain;z-index:2}
html body.blog-page .blog-toc-inner{position:static!important;top:auto!important}
html body.blog-page .blog-related-grid{align-items:stretch}
html body.blog-page .blog-related-grid .blog-card{min-width:0;min-height:0;display:flex;flex-direction:column;background:#efeee9}
html body.blog-page .blog-related-grid .blog-card .blog-placeholder{min-height:225px}
html body.blog-page .blog-related-grid .blog-card .blog-card-copy{padding:25px;flex:1}
html body.blog-page .blog-related-grid .blog-card h2{font-size:clamp(19px,1.65vw,25px)!important;line-height:1.23!important;letter-spacing:-.018em!important;margin:8px 0!important}
html body.blog-page .blog-related-grid .blog-card p{font-size:15px!important;line-height:1.6!important}
html body.blog-page .blog-related-grid .blog-card .blog-read{margin-top:auto;font-size:13px}
@media(max-width:700px){html body.blog-page .blog-toc{position:relative!important;top:auto!important;max-height:none;overflow:visible}html body.blog-page .blog-grid .blog-card h2,html body.blog-page .blog-related-grid .blog-card h2{font-size:23px!important}}

/* Related stories on article pages: centered contained grid, no outer card shell. */
html body.blog-page .blog-article:has(.blog-related) {max-width:1200px!important;width:100%;margin-inline:auto}
html body.blog-page .blog-related {width:100%;max-width:1100px!important;margin:90px auto 65px}
html body.blog-page .blog-related-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
html body.blog-page .blog-related-grid .blog-card {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible;transform:none!important}
html body.blog-page .blog-related-grid .blog-card:hover {background:transparent!important}
html body.blog-page .blog-related-grid .blog-card .blog-placeholder {border-radius:14px;min-height:240px}
html body.blog-page .blog-related-grid .blog-card .blog-card-copy {padding:18px 0 0!important;background:transparent!important;gap:6px}
html body.blog-page .blog-related-grid .blog-card .blog-read {padding-top:15px}
@media(max-width:700px){html body.blog-page .blog-related-grid{grid-template-columns:1fr}html body.blog-page .blog-related{margin:60px 0 45px}}

/* User-provided CTA artwork (scaled WebP embedded to avoid requiring separate asset deployment). */
html body.blog-page .blog-cta-image-placeholder{background-image:linear-gradient(90deg,rgba(23,12,17,.40),rgba(23,12,17,.20)),url("data:image/webp;base64,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")!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
html body.blog-page .blog-cta-image-placeholder span{display:none!important}
html body.blog-page .blog-card-cta-inner{background:#713d40!important;color:#fff!important}
html body.blog-page .blog-cta-copy,html body.blog-page .blog-cta-copy h2,html body.blog-page .blog-cta-copy p,html body.blog-page .blog-cta-eyebrow{color:#fff!important}
html body.blog-page .blog-cta-button{background:#fff!important;color:#161616!important;border-color:#fff!important}
html body.blog-page .blog-cta-button:hover{background:#ece9e6!important;color:#161616!important}

/* Preserve the complete uploaded CTA artwork without cropping its edges. */
html body.blog-page .blog-cta-image-placeholder{
 background-size:100% 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}

/* Responsive editorial artwork; intrinsic dimensions reserve space before loading. */
html body.blog-page .blog-editorial-media{display:block;padding:0;overflow:hidden;background:#e9e6df;border:0;border-radius:15px}
html body.blog-page .blog-editorial-media img{display:block;width:100%;height:auto;object-fit:cover}
html body.blog-page .blog-card-media{border-radius:0;aspect-ratio:3/2}
html body.blog-page .blog-card-media img{height:100%}
html body.blog-page .blog-featured .blog-card-media{aspect-ratio:auto;min-height:500px}
html body.blog-page .blog-feature-image{margin:0;aspect-ratio:3/2}
html body.blog-page .blog-supporting-image{margin:35px 0;aspect-ratio:3/2}
html body.blog-page .blog-related-grid .blog-card-media{border-radius:14px}
@media(max-width:700px){html body.blog-page .blog-featured .blog-card-media{min-height:0;aspect-ratio:3/2}}


/* 2026-10-24: Match uploaded 16:9 photography to the existing blog image placeholders.
   Fill the entire 3:2 (or featured-card) frame without distortion or letterboxing. */
html body.blog-page :is(.blog-card-media, .blog-feature-image, .blog-supporting-image) {
  position: relative;
  overflow: hidden;
}
html body.blog-page :is(.blog-card-media, .blog-feature-image, .blog-supporting-image) > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center center;
}