/* Editorial pages use the existing Hibrit palette and typography. */
.blog-page main h1,.blog-page main h2,.blog-page main h3{letter-spacing:-.045em;line-height:1.12}
.blog-skip{position:fixed;left:20px;top:12px;transform:translateY(-180%);padding:14px 20px;background:#182023;color:#fff;z-index:100}
.blog-skip:focus{transform:none}
.blog-page a:focus-visible{outline:3px solid #ad3400;outline-offset:6px}
.blog-heading{padding:38px 8vw 48px}
.blog-heading h1{font-size:clamp(2.8rem,6.2vw,5.5rem);max-width:1000px}
.blog-heading>p:last-child{font-size:1.125rem;line-height:1.7;color:#515d59;max-width:630px}
.blog-page .eyebrow{font-size:.875rem;letter-spacing:.1em}
.blog-feed{padding:0 8vw 90px}
.blog-feature{background:#11191b;color:#f6f3ed;border:1px solid #35403c}
.blog-feature-link{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.blog-feature-copy{padding:clamp(26px,4vw,64px)}
.blog-category{font-size:.875rem;font-weight:600;line-height:1.5;margin:0}
.blog-feature .blog-category{color:#ff935e;display:flex;flex-wrap:wrap;gap:10px 24px}
.blog-category>span{color:#c2ccc7;font-weight:400}
.blog-feature h2{font-size:clamp(2rem,3.8vw,3.5rem);margin:30px 0 20px}
.blog-feature-copy>p:not(.blog-category){font-size:1.0625rem;line-height:1.75;max-width:580px;color:#c2ccc7}
.blog-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.875rem;line-height:1.5;color:#57645e;margin-top:24px}
.blog-feature .blog-meta{color:#c2ccc7}
.blog-read{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:1rem;font-weight:700;padding-top:22px;margin-top:26px;border-top:1px solid #45504b}
.blog-read>span{font-size:1.6rem;color:#ff824a;transition:transform .2s}
.blog-feature-link:hover .blog-read>span,.blog-card>a:hover .blog-read>span{transform:translate(3px,-3px)}
.blog-feature-mark{background:#ff4d0a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:34px;gap:28px;overflow:hidden}
.blog-feature-mark img{display:block;width:min(100%,260px);height:auto;transform:rotate(-8deg);transition:transform .3s}
.blog-feature-link:hover .blog-feature-mark img{transform:rotate(-3deg)}
.blog-feature-mark>span{font:600 .875rem/1.6 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#11191b;text-align:center}
.blog-more-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:64px 0 28px}
.blog-more-heading h2{font-size:2rem;margin:0}
.blog-more-heading>span{font-size:.875rem;color:#57645e}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{border:1px solid #bac2b9;background:#fff;transition:transform .25s,border-color .25s}
.blog-card:hover{transform:translateY(-4px);border-color:#ad3400}
.blog-card>a{display:flex;flex-direction:column;height:100%;padding:clamp(24px,3vw,42px)}
.blog-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.blog-card .blog-category{color:#ad3400}
.blog-index{font:500 2.5rem 'Space Grotesk',sans-serif;color:#a9b3a9}
.blog-card h3{font:600 clamp(1.6rem,2.5vw,2.25rem)/1.15 'Space Grotesk',sans-serif;margin:38px 0 20px;max-width:520px}
.blog-card p{font-size:1rem;line-height:1.75;color:#515d59;margin:0 0 24px}
.blog-card .blog-meta{margin-top:auto}
.blog-card .blog-read{border-color:#cdd3c9}
.blog-card .blog-read>span{color:#ad3400}
.article-heading{padding:38px 8vw 46px;max-width:1300px;margin:auto}
.article-heading h1{font-size:clamp(2.5rem,5.6vw,4.75rem);max-width:1020px}
.article-heading .blog-meta{padding-bottom:26px;border-bottom:1px solid #bac2b9}
.article-lead{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.75;max-width:850px;color:#43504a;margin:28px 0 0}
.article-body{max-width:800px;margin:0 auto;padding:0 32px 76px}
.article-body section{margin-bottom:42px}
.article-body h2{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 20px}
.article-body section p{font-size:1.125rem;line-height:1.85;color:#43504a;margin:0 0 20px}
.article-next{padding:28px;background:#eae7df;border-left:3px solid #ad3400;margin:44px 0 32px}
.article-next p{font-size:1rem;color:#43504a;line-height:1.6;margin:0 0 14px}
.article-next a,.article-back{font-size:1rem;line-height:1.6}
.article-back{display:inline-block;padding:10px 0;border-bottom:1px solid #aab5a9}
.blog-related{padding:60px 8vw 80px;background:#11191b;color:#f6f3ed}
.blog-related h2{font-size:2rem;margin:0 0 32px}
.blog-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-related a{border:1px solid #44524c;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px;transition:border-color .2s}
.blog-related a:hover{border-color:#ff824a}
.blog-related a>span:first-child{font-size:.875rem;color:#c2ccc7;grid-column:1/-1}
.blog-related strong{font:500 1.4rem/1.4 'Space Grotesk',sans-serif}
.blog-related a>span:last-child{color:#ff824a}
@media(max-width:760px){
 .blog-heading,.article-heading{padding:28px 7vw 34px}
 .blog-feed{padding:0 7vw 60px}
 .blog-feature-link,.blog-grid,.blog-related>div{grid-template-columns:minmax(0,1fr)}
 .blog-feature-mark{display:none}
 .blog-more-heading{margin-top:42px;flex-wrap:wrap}
 .blog-card h3{margin-top:24px}
 .article-body{padding:0 7vw 55px}
 .article-body section p{font-size:1.0625rem}
 .blog-related{padding:48px 7vw 70px}
}
@media(prefers-reduced-motion:reduce){
 .blog-card,.blog-read>span,.blog-feature-mark img{transition:none!important;transform:none!important}
}