/* Single blog post - ported from the html/blog/*.html mockup (.article /
   .article-body / .article-back / .cta), scoped under .blog_single. */
.blog_single{background:var(--navy)}

/* Hero is full-width (padding-top clears the fixed header = 160px, matching
   page_hero). Breadcrumb sits at the left gutter (matches the mockup); the
   article head is a centred 760px column. */
.blog_single_hero{padding:160px 0 20px}
.blog_single_hero .breadcrumb{margin:0 0 40px;padding:0 48px}
.blog_single_head{max-width:760px;margin:0 auto;padding:20px 24px 0}
@media(max-width:1024px){
  .blog_single_hero{padding-top:120px}
  .blog_single_hero .breadcrumb{padding:0 24px}
}
.blog_single_head h1{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;line-height:1.08;color:var(--ecru);margin:14px 0 0}
.blog_single_meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:rgba(241,237,226,0.6);letter-spacing:.04em;margin:22px 0 0}
.blog_single_meta span{display:inline-flex;align-items:center;gap:8px}

.blog_single_body{max-width:760px;margin:0 auto;padding:20px 24px 60px}
.blog_single_body p{font-size:17px;line-height:1.8;color:rgba(241,237,226,0.82);margin:0 0 24px}
.blog_single_body h2{font-size:26px;font-weight:600;color:var(--ecru);letter-spacing:-0.01em;margin:44px 0 16px}
.blog_single_body h3{font-size:21px;font-weight:600;color:var(--ecru);letter-spacing:-0.01em;margin:32px 0 12px}
.blog_single_body ul,.blog_single_body ol{margin:0 0 24px;padding-left:24px;color:rgba(241,237,226,0.82);font-size:17px;line-height:1.8}
.blog_single_body li{margin-bottom:8px}
.blog_single_body a{color:var(--sky)}
.blog_single_body a:hover{color:var(--copper-light)}
.blog_single_body blockquote{margin:32px 0;padding:20px 26px;border-left:3px solid transparent;border-image:var(--copper-gradient) 1;background:rgba(241,237,226,0.04);border-radius:0 8px 8px 0;font-style:italic;font-size:17px;color:var(--ecru);line-height:1.7}
.blog_single_body blockquote p{margin:0}
.blog_single_body img{max-width:100%;height:auto;border-radius:10px;margin:16px 0}

.blog_single_back{max-width:760px;margin:0 auto 40px;padding:0 24px}
.blog_single_back a{color:var(--copper-light);text-decoration:none;font-size:14px;letter-spacing:.03em}
.blog_single_back a:hover{text-decoration:underline}

.blog_single_cta{background:var(--navy-deep);padding:100px 24px;text-align:center}
.blog_single_cta_inner{max-width:680px;margin:0 auto}
.blog_single_cta .eyebrow{justify-content:center}
.blog_single_cta h2{margin:16px 0 0;font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-0.02em;color:var(--ecru)}
.blog_single_cta h2 em{font-style:normal;color:var(--sky);font-weight:300}
.blog_single_cta p{margin:18px 0 0;font-size:16.5px;color:rgba(241,237,226,0.72);line-height:1.7}
.blog_single_cta_actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.blog_single_cta .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:60px;font-size:14px;font-weight:500;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:all .25s}
.blog_single_cta .btn-copper{background:var(--copper-gradient);color:var(--ecru);border:none}
.blog_single_cta .btn-copper:hover{background:var(--copper-gradient-bright)}
.blog_single_cta .btn-ghost-light{border:1px solid rgba(241,237,226,0.3);color:var(--ecru)}
.blog_single_cta .btn-ghost-light:hover{background:rgba(241,237,226,0.08)}

@media(max-width:1024px){
  .blog_single_cta{padding:80px 24px}
}