:root{--blog-bg:#070a10;--blog-line:rgba(154,176,255,.14);--blog-blue:#8fa8ff;--blog-muted:#aeb8ca}
.blog-page{min-height:100vh;background:#070a10;padding-top:82px}
.blog-hero{position:relative;height:400px;overflow:hidden;border-bottom:1px solid var(--blog-line);background:#080c13}
.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(124,140,255,.13),transparent 28%),radial-gradient(circle at 84% 72%,rgba(103,215,255,.055),transparent 30%);pointer-events:none}
.blog-hero .shell{position:relative;z-index:1;height:100%;display:flex;align-items:center}
.blog-hero-copy{max-width:760px}
.blog-kicker{font-size:12px;letter-spacing:2px;color:var(--blog-blue);font-weight:700;margin:0 0 14px}
.blog-hero h1{font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-2.4px;margin:0;color:#f6f8ff}
.blog-hero h1 span{display:block;font-weight:300;color:#dfe4f2;margin-top:8px}
.blog-hero p:last-child{font-size:16px;line-height:1.8;color:var(--blog-muted);max-width:680px;margin:22px 0 0}
.blog-body{padding:80px 0 100px}
.blog-empty{border:1px solid var(--blog-line);background:rgba(255,255,255,.018);padding:48px 38px;text-align:center;max-width:820px;margin:0 auto}
.blog-empty h2{margin:0 0 14px;font-size:34px;letter-spacing:-1px;color:#f5f7fc}
.blog-empty p{margin:0;color:var(--blog-muted);font-size:16px;line-height:1.8}
@media(max-width:900px){.blog-page{padding-top:72px}.blog-hero{height:320px}.blog-body{padding:58px 0 80px}.blog-hero h1{font-size:clamp(40px,7vw,58px)}}
@media(max-width:560px){.blog-hero{height:250px}.blog-hero h1{font-size:clamp(30px,9.7vw,42px);letter-spacing:-1.3px}.blog-kicker{font-size:10px;margin-bottom:8px}.blog-hero p:last-child{font-size:12.5px;line-height:1.52;margin-top:12px}.blog-body{padding:44px 0 64px}.blog-empty{padding:32px 20px}.blog-empty h2{font-size:28px}}

/* v51 — Blog hero image, aligned with the approved site palette and inner-page hero proportions */
.blog-hero{
  background-color:#080c13;
  background-image:url('blog-hero-elkana-v52.png');
  background-repeat:no-repeat;
  background-position:left 44%;
  background-size:auto 118%;
}
.blog-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(8,12,19,.06) 0%, rgba(8,12,19,.16) 30%, rgba(8,12,19,.72) 58%, rgba(8,12,19,.97) 79%, #080c13 100%),
    linear-gradient(180deg, rgba(8,12,19,.06), rgba(8,12,19,.18));
  pointer-events:none;
}
.blog-hero .shell{position:relative;z-index:2}
.blog-hero-copy{max-width:680px;margin-left:auto;margin-right:0;text-align:right}
@media(max-width:900px){
  .blog-hero{background-position:left 46%;background-size:auto 112%}
  .blog-hero:before{background:linear-gradient(90deg,rgba(8,12,19,.12) 0%,rgba(8,12,19,.32) 35%,rgba(8,12,19,.86) 67%,#080c13 100%)}
}
@media(max-width:560px){
  .blog-hero{background-position:left 48%;background-size:auto 106%}
  .blog-hero:before{background:linear-gradient(90deg,rgba(8,12,19,.22) 0%,rgba(8,12,19,.50) 40%,rgba(8,12,19,.93) 72%,#080c13 100%)}
  .blog-hero-copy{max-width:72%}
}


/* v77 — polished ambient depth for blog */
.blog-page{
  background:
    radial-gradient(72% 46% at 74% 32%,rgba(83,99,154,.13) 0%,rgba(83,99,154,.045) 48%,transparent 76%),
    #070a10!important;
}
.blog-body{
  position:relative;
  background:
    radial-gradient(70% 48% at 28% 44%,rgba(61,111,128,.085) 0%,rgba(61,111,128,.028) 50%,transparent 76%),
    linear-gradient(180deg,#070a10 0%,#080b11 52%,#070a10 100%)!important;
}
@media(max-width:560px){
  .blog-page{background:#070a10!important}
  .blog-body{
    background:
      radial-gradient(96% 42% at 26% 42%,rgba(61,111,128,.07) 0%,rgba(61,111,128,.02) 50%,transparent 78%),
      #070a10!important;
  }
}