/* Blog-only editorial layout and the top-of-home teaser. */
.home-blog-teaser{display:flex;align-items:center;gap:22px;margin-top:18px!important;margin-bottom:0!important;padding:18px 24px!important;background:#fff;color:#13202b;border-top:4px solid #f4511e;border-radius:5px;position:relative;z-index:1}
.home-blog-teaser .teaser-copy{flex:1;min-width:0}
.home-blog-teaser .teaser-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#a9320d;margin:0 0 5px}
.home-blog-teaser h2{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:0;color:#13202b;font-weight:800}
.home-blog-teaser p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#45576a}
.home-blog-teaser .teaser-actions{display:flex;gap:14px;align-items:center;flex:none}
.home-blog-teaser a{font-size:13px;font-weight:750;color:#183041;text-underline-offset:4px}
.home-blog-teaser .teaser-read{background:#f4511e;color:#111b23;padding:13px 18px;border-radius:3px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:14px}
.teaser-art{position:relative;width:64px;height:64px;flex:none}
.teaser-art i{position:absolute;width:43px;height:50px;background:#fff;border:1px solid #193043;transform:rotate(-9deg);left:2px;top:7px}
.teaser-art i:nth-child(2){left:11px;top:4px;transform:rotate(0);background:#f1f5f8}
.teaser-art i:nth-child(3){left:19px;top:10px;transform:rotate(9deg);background:#f4511e;box-shadow:4px 5px 0 #193043}
.teaser-art i:nth-child(3):after{content:'';display:block;width:25px;height:3px;background:#172532;margin:11px auto;box-shadow:0 9px 0 #172532,0 18px 0 #172532}
.home-blog-teaser a:focus-visible{outline:3px solid #163044;outline-offset:4px}
.blog-page{background:#fff;color:#192632}
.blog-page:before{height:720px!important}
.blog-shell{max-width:1176px;width:calc(100% - 80px);margin:0 auto}
.blog-hero{padding:40px 0 54px;color:#fff}
.blog-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.8;margin-bottom:28px;color:#d1dee8}
.blog-crumbs a{color:#fff;text-underline-offset:4px}
.blog-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}
.blog-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.6;text-transform:uppercase;color:#a8320c;margin:0 0 14px}
.blog-hero .blog-kicker{color:#ffad83}
.blog-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.1;letter-spacing:-.048em;margin:0 0 22px;font-weight:750;color:#fff;max-width:700px}
.blog-hero .blog-dek{font-size:19px;line-height:1.65;color:#d7e3ed;margin:0;max-width:620px}
.blog-byline{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#d7e3ed;line-height:1.8;margin-top:24px}
.blog-cover{margin:0;border:1px solid #657b8d;border-top:4px solid #f4511e;background:#fff;border-radius:4px;box-shadow:12px 12px 0 #f4511e33;overflow:hidden}
.blog-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain}
.blog-cover figcaption{padding:15px 20px;color:#172736;font-size:12px;line-height:1.65}
.blog-cover a{display:inline-block;margin-top:8px;color:#982b0b;font-weight:800;text-underline-offset:4px}
.blog-state-note{padding:18px 0;font-size:13px;line-height:1.75;color:#344b5d;border-bottom:1px solid #d3dce3;background:#fff}
.blog-state-note strong{color:#a3320d}
.blog-layout{display:grid;grid-template-columns:minmax(0,800px) 250px;gap:62px;align-items:start;padding-top:48px;padding-bottom:70px;background:#fff}
.blog-article{min-width:0}
.blog-section{padding-bottom:32px;scroll-margin-top:26px}
.blog-section h2{font-size:32px;line-height:1.25;letter-spacing:-.035em;color:#172736;margin:0 0 18px;max-width:760px}
.blog-section p{font-size:18px;line-height:1.85;color:#304757;margin:0 0 18px;max-width:73ch}
.blog-sidebar{position:sticky;top:24px;background:#f5f8fa;border:1px solid #cfdbe4;border-top:4px solid #f4511e;padding:23px 21px}
.blog-sidebar h2{font-size:15px;line-height:1.5;color:#1a2e3d;margin:0 0 15px;letter-spacing:0}
.blog-sidebar nav{display:grid;gap:12px}
.blog-sidebar nav a{font-size:13px;line-height:1.6;color:#344c5d;text-underline-offset:4px}
.blog-sidebar .blog-back{margin-top:22px;display:block;font-size:12px;font-weight:750;color:#9c2c0a;text-underline-offset:4px}
.blog-sidebar button{margin-top:18px;min-height:44px;background:#fff;border:1px solid #627d91;color:#173146;border-radius:3px;padding:10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.blog-sidebar button[hidden]{display:none}
.blog-visual{margin:28px 0 34px;border:1px solid #c1d0da;border-top:4px solid #f4511e;background:#f6f9fb;padding:26px;border-radius:4px;box-shadow:6px 7px 0 #d9e2e9}
.blog-visual>figcaption{font-size:11px;letter-spacing:.07em;font-weight:800;line-height:1.65;color:#5a3941;margin-bottom:20px;text-transform:uppercase}
.blog-visual .visual-caption{font-size:12px;line-height:1.75;margin:20px 0 0;color:#3c5262}
.blog-evidence-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.blog-layer{padding:20px;border:1px solid #b1c2cf;background:#fff;box-shadow:3px 4px 0 #c6d2dc;min-width:0}
.blog-layer>span{font-size:10px;letter-spacing:.06em;font-weight:800;color:#824128}
.blog-layer h3{font-size:19px;line-height:1.3;margin:8px 0;color:#1a2c3a;letter-spacing:-.02em}
.blog-layer p{font-size:13px;line-height:1.7;color:#355062;margin:0}
.blog-layer.roi-layer{background:#f4511e;border-color:#f4511e;transform:translateY(-4px);box-shadow:5px 6px 0 #182a38}
.blog-layer.roi-layer p,.blog-layer.roi-layer>span,.blog-layer.roi-layer h3{color:#13212c}
.blog-layer.report-layer{background:#162736;border-color:#162736}
.blog-layer.report-layer p,.blog-layer.report-layer h3{color:#fff}
.blog-layer.report-layer>span{color:#ffb18c}
.blog-apparel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.blog-apparel-card{background:#fff;border:1px solid #b2c3cf;border-top:3px solid #182b3b;padding:22px;min-width:0}
.blog-apparel-card:last-child{border-top-color:#ef4b17}
.blog-apparel-card svg{width:76px;height:76px;display:block;margin-bottom:15px;color:#b3330a}
.blog-apparel-card h3{font-size:22px;line-height:1.35;letter-spacing:-.03em;margin:0 0 17px}
.blog-apparel-card dl{margin:0;display:grid;gap:12px}
.blog-apparel-card dl div{border-bottom:1px solid #d7e1e8;padding-bottom:10px}
.blog-apparel-card dt{font-size:11px;line-height:1.6;color:#4a6172}
.blog-apparel-card dd{font-size:21px;font-weight:750;color:#192e3d;margin:3px 0 0}
.blog-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.blog-milestone{padding:22px 16px;background:#fff;border:1px solid #b9cad6;min-width:0}
.blog-milestone>span{font-size:11px;color:#5a4550;letter-spacing:.06em;font-weight:800}
.blog-milestone strong{display:block;font-size:26px;line-height:1.3;color:#a12b0b;margin:12px 0}
.blog-milestone:nth-child(2) strong{font-size:20px;color:#193346}
.blog-milestone:nth-child(3){background:#162b3a;border-color:#162b3a}
.blog-milestone:nth-child(3)>span,.blog-milestone:nth-child(3) p{color:#d1e0eb}
.blog-milestone:nth-child(3) strong{color:#ffab80}
.blog-milestone p{font-size:12px;line-height:1.7;margin:0;color:#3e5465}
.blog-bant{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.blog-bant>div{padding:20px;background:#fff;border:1px solid #b4c6d3}
.blog-bant strong{font-size:18px;color:#172e3e;display:block;margin-bottom:9px}
.blog-bant p{font-size:13px;line-height:1.7;color:#395466;margin:0}
.blog-unknown{display:inline-block;margin-top:15px;background:#ffdfa8;border:1px solid #8e5a0d;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#4b2d04}
.blog-pullquote{margin:0 0 36px;padding:28px;border-left:5px solid #f4511e;background:#182c3c;color:#fff}
.blog-pullquote p{font-size:26px;line-height:1.4;letter-spacing:-.03em;margin:0;color:#fff}
.blog-pullquote cite{display:block;margin-top:15px;font-size:12px;font-style:normal;line-height:1.6;color:#d3e1ea}
.blog-source-note{font-size:13px;line-height:1.8;border-top:1px solid #c9d6e0;padding-top:22px;color:#465e70}
.blog-cta{background:#f4511e;padding:44px 0;color:#17212a}
.blog-cta-layout{display:flex;justify-content:space-between;align-items:center;gap:35px}
.blog-cta h2{font-size:33px;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;color:#14202a}
.blog-cta p{font-size:15px;line-height:1.7;margin:0;max-width:720px;color:#223340}
.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;background:#172b3b;color:#fff;border:1px solid #172b3b;padding:14px 20px;border-radius:3px;font-size:14px;font-weight:750;text-decoration:none;white-space:normal;flex:none}
.blog-page .blog-button{color:#fff}
.blog-page :focus-visible{outline:3px solid #172f42;outline-offset:4px}
.blog-page .blog-hero :focus-visible,.blog-page .site-header :focus-visible{outline-color:#fff}
.blog-index{padding:46px 0 76px;background:#fff}
.blog-index h2{font-size:31px;line-height:1.3;letter-spacing:-.03em;color:#152b3b;margin:0 0 24px}
.blog-index-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.blog-index-intro h2{margin:0}
.blog-state-link{font-size:13px;font-weight:750;color:#932809;text-underline-offset:4px}
.blog-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #b9cad6;border-top:4px solid #f4511e;background:#fff;box-shadow:8px 9px 0 #dce5ec;color:#182d3d;text-decoration:none}
.blog-card-image{background:#eef4f8;display:flex;align-items:center;padding:24px}
.blog-card-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #d1dce5}
.blog-card-copy{padding:35px;align-self:center}
.blog-card-copy h3{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:12px 0 18px;color:#172b3b}
.blog-card-copy p{font-size:16px;line-height:1.75;color:#385367;margin:0 0 20px}
.blog-card-meta{font-size:12px;color:#6b4350;line-height:1.7}
.blog-card-read{font-size:14px;display:inline-block;color:#a52e0c;font-weight:800;line-height:1.6;border-bottom:1px solid #a52e0c}
.blog-collection-description{font-size:16px;line-height:1.8;color:#3e5567;max-width:720px;margin:0 0 32px}
@media(max-width:1000px){.blog-shell{width:calc(100% - 48px)}.blog-hero-grid{gap:32px}.blog-hero h1{font-size:47px}.blog-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.blog-section h2{font-size:29px}.home-blog-teaser .teaser-actions{gap:9px}.home-blog-teaser h2{font-size:17px}.blog-card-copy{padding:25px}}
@media(max-width:800px){.blog-hero-grid,.blog-layout{grid-template-columns:1fr}.blog-hero h1{font-size:43px}.blog-cover{max-width:620px}.blog-page:before{height:1050px!important}.blog-layout{padding-top:30px}.blog-sidebar{position:static;grid-row:1;padding:22px}.blog-sidebar nav{grid-template-columns:1fr 1fr;gap:10px 18px}.home-blog-teaser{gap:14px;flex-wrap:wrap;padding:17px 20px!important}.home-blog-teaser .teaser-actions{width:100%;margin-left:78px;flex-wrap:wrap}.blog-cta-layout{flex-direction:column;align-items:flex-start}.blog-card{grid-template-columns:1fr}.blog-card-image{padding:24px}.blog-card-copy{padding:28px}.blog-index-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.blog-shell{width:calc(100% - 36px)}.home-blog-teaser{width:calc(100% - 36px)!important;margin-top:12px!important;padding:15px!important;gap:12px}.home-blog-teaser .teaser-art{width:47px;height:58px;transform:scale(.78);transform-origin:left center;margin-right:-8px}.home-blog-teaser h2{font-size:16px}.home-blog-teaser .teaser-label{font-size:9px}.home-blog-teaser p{font-size:11px}.home-blog-teaser .teaser-actions{margin-left:0;justify-content:space-between;gap:10px}.home-blog-teaser .teaser-read{font-size:12px;padding:12px 14px}.home-blog-teaser a{font-size:12px}.blog-hero{padding:25px 0 35px}.blog-crumbs{margin-bottom:22px;font-size:11px}.blog-hero h1{font-size:36px}.blog-hero .blog-dek{font-size:17px}.blog-hero-grid{gap:30px}.blog-cover{box-shadow:5px 6px 0 #f4511e33}.blog-cover figcaption{padding:14px;font-size:11px}.blog-byline{font-size:11px;gap:9px}.blog-state-note{font-size:12px}.blog-sidebar nav{grid-template-columns:1fr}.blog-section h2{font-size:27px}.blog-section p{font-size:17px;line-height:1.85}.blog-visual{padding:18px;margin:24px 0 30px;box-shadow:4px 5px 0 #d9e2e9}.blog-evidence-stack,.blog-apparel,.blog-milestones,.blog-bant{grid-template-columns:1fr}.blog-layer.roi-layer{transform:none}.blog-layer{padding:18px}.blog-visual>figcaption{font-size:10px}.blog-apparel-card{padding:20px}.blog-milestone{padding:20px}.blog-milestone strong{font-size:29px}.blog-cta h2{font-size:29px}.blog-card-copy h3{font-size:29px}.blog-card-copy{padding:22px}.blog-card-image{padding:17px}.blog-pullquote{padding:23px}.blog-pullquote p{font-size:23px}.blog-index h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.blog-page *,.home-blog-teaser *{scroll-behavior:auto!important;transition:none!important}}
@media print{.blog-page:before,.blog-page .site-header,.blog-sidebar,.blog-cta,.home-blog-teaser{display:none!important}.blog-shell{width:100%;max-width:none}.blog-hero{color:#000;padding:0 0 20px}.blog-hero h1,.blog-hero .blog-dek,.blog-byline,.blog-hero .blog-kicker,.blog-crumbs,.blog-crumbs a{color:#000}.blog-layout{display:block;padding:20px 0}.blog-section p{font-size:11pt;line-height:1.6}.blog-section h2{font-size:19pt}.blog-cover{box-shadow:none}.blog-visual{break-inside:avoid;box-shadow:none}.blog-page .site-footer{color:#000;background:#fff}.blog-source-note{font-size:10pt}}

/* Blog hero owns its surface; never depend on the homepage backdrop. */
.blog-page:before{display:none!important}
.blog-hero{background:#101820}
.blog-page main{background:#fff}

.blog-cta p{color:#101820}

.blog-page .blog-sidebar nav a{display:block!important}
.blog-page .blog-crumbs a{display:inline-block!important}
