/* Blog-only editorial refinements. Shared brand and navigation stay intact. */
[data-page=blog] .page-title{padding-bottom:28px}
[data-page=blog] .page-title h1{font-size:clamp(2.64rem,5.28vw,5.28rem);max-width:1000px;margin-bottom:24px}
[data-page=blog] .page-title .page-intro{margin-bottom:0;max-width:65ch}
[data-page=blog] .blog-guide{padding-top:24px}
[data-page=blog] .style-index{margin-bottom:40px;padding-top:14px;padding-bottom:18px}
[data-page=blog] .style-article{padding-block:48px;row-gap:22px}
[data-page=blog] .style-signature{font-size:clamp(1.125rem,1.55vw,1.25rem);line-height:1.65;margin-bottom:28px}
[data-page=blog] .style-facts{background:transparent;padding:22px 0 0;border-top:1px solid var(--color-taupe);gap:24px 32px}
[data-page=blog] .style-facts>div{padding-bottom:16px;border-bottom:1px solid var(--color-stone)}
[data-page=blog] .style-facts h3{font-family:var(--sans);color:var(--olive);font-size:11px;line-height:1.4;letter-spacing:.11em;margin-bottom:10px}
[data-page=blog] .style-facts p{font-size:14px;line-height:1.7}
[data-page=blog] .cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-block:52px;position:relative}
[data-page=blog] .cta::before{content:'';position:absolute;top:26px;left:var(--page-gutter);width:40px;height:1px;background:var(--gold)}
[data-page=blog] .cta h2{font-size:clamp(2.25rem,3.3vw,3.5rem);max-width:22ch;margin:0}
[data-page=blog] .cta .button{justify-self:end}
@media(min-width:851px){
 [data-page=blog] .style-article:is(#style-3,#style-6,#style-9){grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
 [data-page=blog] .style-article:is(#style-3,#style-6,#style-9) .style-copy{grid-column:1;grid-row:2}
 [data-page=blog] .style-article:is(#style-3,#style-6,#style-9) .style-photo{grid-column:2;grid-row:2}
}
@media(max-width:850px){
 [data-page=blog] .page-title{padding-bottom:24px}
 [data-page=blog] .blog-guide{padding-top:16px}
 [data-page=blog] .style-index{margin-bottom:24px}
 [data-page=blog] .style-article{padding-block:36px;row-gap:20px}
 [data-page=blog] .style-facts{gap:20px 24px}
 [data-page=blog] .cta{grid-template-columns:1fr;gap:24px;padding-block:48px}
 [data-page=blog] .cta::before{left:6%;top:22px}
 [data-page=blog] .cta .button{justify-self:start}
}

@media(min-width:1100px){body[data-page=blog] .cta h2{max-width:none;white-space:nowrap;font-size:clamp(28px,2.35vw,34px)}}

/* Restrained journal hierarchy and consistent photographic rhythm. */
body[data-page=blog] .page-title{padding-top:clamp(36px,4vw,58px);padding-bottom:20px}
body[data-page=blog] .page-title h1{font-size:clamp(34px,3.75vw,54px);line-height:1.13;max-width:900px;margin-bottom:20px}
body[data-page=blog] .page-title .page-intro{font-size:clamp(18px,1.4vw,20px);line-height:1.7;max-width:65ch}
body[data-page=blog] .blog-guide{padding-top:18px}
body[data-page=blog] nav.style-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 20px;align-items:baseline;margin-bottom:28px;padding-block:14px}
body[data-page=blog] .style-index a{font-size:15px;gap:8px}
body[data-page=blog] .style-article{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5.5%;row-gap:20px;padding-block:36px}
body[data-page=blog] .style-heading{gap:14px;align-items:baseline}
body[data-page=blog] .style-heading h2{font-size:clamp(28px,2.4vw,34px);line-height:1.2}
body[data-page=blog] .style-number{font-size:16px;line-height:1;padding:0;background:transparent}
body[data-page=blog] .style-photo{aspect-ratio:4/5;align-self:start;width:100%;height:auto;min-height:0}
body[data-page=blog] .style-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-page=blog] .style-signature{font-size:18px;line-height:1.7;max-width:58ch;margin-bottom:22px}
body[data-page=blog] .style-facts{padding-top:18px;gap:18px 26px;border-top-color:var(--color-stone)}
body[data-page=blog] .style-facts>div{padding-bottom:12px}
body[data-page=blog] .style-facts h3{margin-bottom:8px}
body[data-page=blog] .blog-conclusion{max-width:72ch;margin:24px auto 0;font-size:18px;line-height:1.75}
@media(max-width:1100px) and (min-width:851px){body[data-page=blog] .style-index a{font-size:14px;gap:6px}body[data-page=blog] nav.style-index{column-gap:12px}}
@media(max-width:850px){
 body[data-page=blog] nav.style-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
 body[data-page=blog] .style-article{grid-template-columns:minmax(0,1fr);padding-block:30px;row-gap:18px}
 body[data-page=blog] .style-photo{max-width:520px;justify-self:center}
 body[data-page=blog] .style-signature{font-size:17px;max-width:none}
 body[data-page=blog] .blog-conclusion{font-size:17px;margin-top:20px}
}

@media(min-width:851px){body[data-page=blog] .style-article:is(#style-3,#style-6,#style-9){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact photo/text balance without changing the article hierarchy. */
body[data-page=blog] .style-article{padding-block:30px;row-gap:18px}
body[data-page=blog] .style-photo{width:100%;max-width:520px;aspect-ratio:26/27.5;max-height:550px;align-self:start}
@media(min-width:851px){
 body[data-page=blog] .style-article{grid-template-columns:minmax(0,42fr) minmax(0,52.5fr);column-gap:5.5%}
 body[data-page=blog] .style-article:is(#style-3,#style-6,#style-9){grid-template-columns:minmax(0,52.5fr) minmax(0,42fr)}
 body[data-page=blog] .style-article:is(#style-3,#style-6,#style-9) .style-photo{justify-self:end}
}
@media(max-width:850px){
 body[data-page=blog] .style-article{padding-block:26px;row-gap:18px}
 body[data-page=blog] .style-photo{width:100%;max-width:480px;justify-self:center}
}

/* Blog CTA: omit the decorative rule. */
body[data-page=blog] .cta::before{content:none}

/* Ten percent smaller article title. */
body[data-page=blog] #main .page-title h1{font-size:calc(var(--type-page-h1) * .9)!important}

/* Understated journal conclusion before the existing CTA. */
body[data-page=blog] #main .journal-closing{background:var(--color-ivory);padding:0 var(--page-gutter)}
body[data-page=blog] #main .journal-closing-content{border-top:1px solid var(--line);padding-block:clamp(36px,4vw,56px)}
body[data-page=blog] #main .journal-closing h2{font-size:clamp(26px,2.3vw,32px)!important;margin:0 0 20px}
body[data-page=blog] #main .journal-closing p{max-width:800px;margin:0;line-height:1.75}

/* One divider and a tighter transition into the journal conclusion. */
body[data-page=blog] #main .blog-guide{padding-bottom:0}
body[data-page=blog] #main .style-article:last-child{border-bottom:0}
body[data-page=blog] #main .journal-closing-content{padding-top:44px;padding-bottom:52px}