/* Blog uses the existing inner-page shell and shared footer. */
.blog-page{padding-bottom:30px}
.blog-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center;padding:64px 0 62px}
.blog-intro h1{font-size:clamp(70px,9.7vw,140px);line-height:.94;letter-spacing:-5px;margin-top:22px}
.blog-intro h1 em{color:var(--olive)}
.blog-intro-note{border-left:1px solid var(--line);padding:28px 0 28px 64px;max-width:490px}
.blog-intro-note h2{font-size:clamp(25px,2.5vw,38px);line-height:1.12;margin-bottom:23px}
.blog-intro-note p{font-size:15px;line-height:1.8;color:var(--muted)}
.blog-feature{display:grid;grid-template-columns:1.7fr 1fr;gap:58px;align-items:center;margin-left:-18px;margin-bottom:50px}
.blog-feature-photo{display:block;aspect-ratio:1.2;overflow:hidden;background:#e8dfcc}
.blog-feature-photo img,.blog-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.blog-feature-photo:hover img,.blog-card-photo:hover img{transform:scale(1.025)}
.blog-feature-copy{padding:24px 0}
.blog-feature-copy h2{font-size:clamp(34px,4.3vw,64px);line-height:1.06;letter-spacing:-1.5px;margin:21px 0 24px}
.blog-feature-copy>p:not(.eyebrow),.blog-card-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--muted)}
.blog-read{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--clay);color:var(--clay);font-family:var(--serif);font-size:21px;padding:6px 0;margin-top:25px}
.blog-read:hover{color:var(--olive);border-color:var(--olive)}
.blog-categories{display:flex;flex-wrap:wrap;gap:20px 46px;border-block:1px solid var(--line);padding:25px 0;margin-bottom:42px}
.blog-categories a{font:18px var(--serif);padding:6px 0;position:relative}
.blog-categories a[aria-current="page"]{color:var(--clay)}
.blog-categories a[aria-current="page"]:after{content:"";position:absolute;height:2px;background:var(--clay);left:0;right:0;bottom:-26px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}
.blog-card{min-width:0;display:flex;flex-direction:column}
.blog-card-photo{display:block;aspect-ratio:1.18;background:#e8dfcc;overflow:hidden}
.blog-card-copy{padding:23px 0 0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.blog-card h2{font-size:clamp(26px,2.9vw,42px);letter-spacing:-.8px;margin:12px 0 19px}
.blog-card-copy>.blog-read{margin-top:auto;padding-top:22px}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:65px 0 20px}
.blog-pagination a{min-width:30px;padding:4px 8px;text-align:center;font-size:14px}
.blog-pagination [aria-current="page"]{background:var(--clay);color:var(--cream);border-radius:5px}
.blog-empty{padding:70px 0 100px;text-align:center;color:var(--muted);font-size:16px}
.blog-no-photo{display:grid;height:100%;min-height:180px;place-content:center;text-align:center;font:italic 30px var(--serif);color:var(--olive);padding:30px}
.blog-preview-note{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.blog-article-heading{max-width:900px;margin:40px auto 45px;text-align:center}
.blog-article-heading h1{font-size:clamp(42px,5vw,76px);letter-spacing:-2px;line-height:1.06;margin:22px 0}
.blog-article-heading time{font-size:13px;color:var(--muted)}
.blog-article-cover{width:100%;max-height:650px;object-fit:cover;aspect-ratio:1.65;margin-bottom:55px}
.blog-article-body{max-width:740px;margin:auto;font-size:18px;line-height:1.9;overflow-wrap:anywhere}
.blog-article-body p{margin:0 0 26px}.blog-article-body h2{font-size:36px;margin:45px 0 20px}.blog-article-body h3{font-size:28px;margin:32px 0 16px}
.blog-article-body ul,.blog-article-body ol{padding-left:24px;margin-bottom:25px}.blog-article-body img{max-width:100%;height:auto}.blog-article-body a{color:var(--clay);text-decoration:underline}.blog-article-body blockquote{border-left:2px solid var(--clay);padding:0 0 0 24px;margin:30px 0;font:italic 28px/1.4 var(--serif)}
.blog-article-body table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow:auto}.blog-article-body th,.blog-article-body td{border:1px solid var(--line);padding:10px}
.blog-article-gallery{max-width:900px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:45px auto}.blog-article-gallery img{width:100%;height:auto}
.blog-back{margin:35px 0 65px}.blog-related{border-top:1px solid var(--line);padding:50px 0 65px}.blog-related>h2{font-size:42px;margin:16px 0 35px}
@media(max-width:991px){.blog-intro{gap:35px;padding:48px 0}.blog-intro h1{font-size:88px}.blog-intro-note{padding-left:30px}.blog-feature{gap:30px;grid-template-columns:1.2fr 1fr}.blog-feature-copy h2{font-size:38px}.blog-grid{gap:35px 22px}.blog-card h2{font-size:29px}}
@media(max-width:650px){.blog-intro{grid-template-columns:1fr;gap:30px;padding:38px 0}.blog-intro h1{font-size:clamp(64px,16vw,90px);letter-spacing:-3px}.blog-intro-note{padding:0;border:0;max-width:100%}.blog-intro-note h2{font-size:27px;margin-bottom:15px}.blog-feature{grid-template-columns:1fr;gap:0;margin-bottom:30px}.blog-feature-copy{padding:27px 0 8px}.blog-feature-copy h2{font-size:40px;margin:14px 0 20px}.blog-feature-photo{aspect-ratio:1.2}.blog-categories{gap:16px 23px;padding:20px 0}.blog-categories a{font-size:16px}.blog-categories a[aria-current="page"]:after{bottom:-5px}.blog-grid{grid-template-columns:1fr;gap:40px}.blog-card-photo{aspect-ratio:1.4}.blog-card h2{font-size:33px}.blog-card-copy>.blog-read{padding-top:15px}.blog-pagination{gap:9px;margin:40px 0 15px}.blog-article .breadcrumbs{flex-wrap:wrap;gap:8px}.blog-article-heading{margin:20px auto 30px}.blog-article-heading h1{font-size:43px}.blog-article-cover{aspect-ratio:1.2;margin-bottom:32px}.blog-article-body{font-size:17px}.blog-article-body h2{font-size:30px}.blog-article-gallery{grid-template-columns:1fr}.blog-related>h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.blog-feature-photo img,.blog-card-photo img{transition:none}}

/* Measurements follow the approved editorial reference; the site footer remains shared. */
.blog-surface .page-header{width:85%;height:130px}
.blog-surface .page-header .wordmark{font-size:36px;letter-spacing:8px}
.blog-surface .page-header .main-nav a{font-size:13px;text-transform:none;letter-spacing:0}
.blog-surface .page-header .main-nav>.nav-group>summary{font-size:13px;text-transform:none;letter-spacing:0}
.blog-surface .page-header .main-nav a[href$="/blog"],.blog-surface .page-header .main-nav a[href$="/blog.html"]{border-bottom:2px solid var(--clay)}
.blog-intro-note p{font-size:18px;line-height:1.6}
.blog-intro-note h2{font-size:40px}
.blog-page .eyebrow{font-size:12px}
.blog-feature-copy h2{margin:21px 0 28px}
.blog-pagination{margin:52px 0 35px;gap:23px}
.blog-pagination a,.blog-pagination>span{font-size:14px;line-height:1.2;min-width:28px}
.blog-pagination .pagination-arrow{font-size:28px;font-family:var(--serif);font-weight:400;min-width:35px}
@media(max-width:991px){.blog-surface .page-header{height:112px}.blog-intro-note h2{font-size:30px}.blog-feature{margin-left:0}.blog-intro-note p,.blog-feature-copy>p:not(.eyebrow),.blog-card-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:650px){.blog-surface .page-header{width:88%;height:100px}.blog-surface .page-header .wordmark{font-size:29px}.blog-intro-note h2{font-size:27px}.blog-feature{margin-left:0}.blog-read{font-size:18px}.blog-page .eyebrow{font-size:10px}}

@media(min-width:992px){.blog-card:first-child h2{max-width:360px}}

/* English article titles run longer; retain the editorial hierarchy at a smaller size. */
html[lang="en"] .blog-card h2{font-size:clamp(25px,2.25vw,34px);line-height:1.16;letter-spacing:-.5px}