header.blog-hero{min-height:555px;background-position:center 42%;}
      .blog-main{position:relative;z-index:2;margin-top:-450px;padding-bottom:72px;}
      .blog-shell{position:relative;overflow:hidden;max-width:1080px;padding:62px 56px 54px;border-radius:0 0 8px 8px;background:var(--dark);color:#fff;}
      .blog-shell::before{content:"";position:absolute;top:0;right:0;left:0;height:44px;background:var(--green);clip-path:polygon(0 0,100% 0,100% 100%,0 18%);}
      .blog-heading{margin-bottom:44px;}
      .blog-heading h1{font-size:40px;line-height:1;color:#fff;letter-spacing:-.04em;}
      .blog-heading p{font-size:15px;line-height:1.35;color:#fff;}
      .blog-filters{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;padding:0;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;}
      .blog-filters a{position:relative;}
      .blog-filters a:not(:last-child)::after{content:"";position:absolute;top:1px;right:-15px;width:5px;height:16px;background:var(--green);clip-path:polygon(50% 0,100% 100%,0 100%);}
      .blog-filters a:first-child{color:var(--lime2);}
      .blog-feature{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:58px;align-items:center;min-height:280px;margin-bottom:58px;}
      .blog-feature > *{position:relative;z-index:1;}
      .blog-feature h2{max-width:530px;margin-bottom:8px;color:var(--lime2);font-size:27px;line-height:1.08;letter-spacing:-.035em;}
      .blog-feature p{max-width:520px;margin-bottom:30px;color:#fff;font-size:14px;line-height:1.35;}
      .blog-feature .pill,.blog-card .pill{min-width:130px;padding:10px 28px;background:var(--lime2);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;}
      .blog-feature .arrow-circle{background:var(--lime2);color:#111;}
      .blog-feature__image{width:100%;height:240px;border-radius:160px 0 0 160px;background-position:center;}
      .blog-feature::after{content:"";position:absolute;z-index:0;top:18px;right:-140px;width:250px;height:250px;border-radius:50%;background:var(--lime2);}
      .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 34px;}
      .blog-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);min-height:230px;overflow:hidden;border-radius:7px;background:var(--green);color:var(--dark);}
      .blog-card__copy{display:flex;flex-direction:column;align-items:flex-start;padding:34px 24px 22px;}
      .blog-card h2{font-size:23px;line-height:1.02;letter-spacing:-.035em;}
      .blog-card .pill{min-width:116px;margin-top:auto;}
      .blog-card .photo{width:100%;height:100%;padding:0;border-radius:0;background-position:center;}
      .blog-rule{grid-column:1/-1;width:62%;height:1px;margin:10px auto 18px;background:var(--green);}
      .blog-more{display:flex;justify-content:center;margin-top:54px;}
      .blog-more .pill{width:min(100%,340px);background:var(--lime2);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;}
      @media (min-width:768px) and (max-width:1024px){
        header.blog-hero{min-height:500px;}
        .blog-main{margin-top:-380px;padding-bottom:60px;}
        .blog-shell{width:calc(100% - 80px);padding:72px 42px 58px;}
        .blog-feature{gap:38px;}
        .blog-feature__image{height:230px;}
        .blog-grid{gap:22px;}
        .blog-card{grid-template-columns:1fr;grid-template-rows:auto 190px;}
        .blog-card__copy{min-height:225px;padding:32px 24px 24px;}
      }
      @media (max-width:767px){
        header.blog-hero{min-height:330px;background-position:center;}
        .blog-main{margin-top:-220px;padding-bottom:42px;}
        .blog-shell{width:calc(100% - 28px);padding:58px 20px 42px;}
        .blog-shell::before{height:30px;}
        .blog-heading{margin-bottom:38px;}
        .blog-heading h1{font-size:32px;}
        .blog-heading p{font-size:13px;}
        .blog-filters{gap:12px 21px;font-size:10px;}
        .blog-feature{grid-template-columns:1fr;gap:28px;min-height:0;margin-bottom:48px;}
        .blog-feature h2{font-size:24px;}
        .blog-feature p{font-size:13px;}
        .blog-feature__image{height:auto;aspect-ratio:1.55;}
        .blog-feature::after{display:none;}
        .blog-grid{grid-template-columns:1fr;gap:20px;}
        .blog-card{grid-template-columns:minmax(0,1.1fr) minmax(118px,.9fr);min-height:225px;}
        .blog-card__copy{min-height:225px;padding:28px 18px 20px;}
        .blog-card h2{font-size:19px;}
        .blog-card .pill{min-width:92px;padding:9px 20px;font-size:13px;}
        .blog-rule{width:75%;margin:2px auto 8px;}
        .blog-more{margin-top:38px;}
      }

/* Figma: page-specific transition from the hero into the first section. */
header.blog-hero + .band-top {
  --hero-transition-height: clamp(24px, 6vw, 88px);
  height: var(--hero-transition-height);
  margin-top: calc(-1 * var(--hero-transition-height));
  margin-bottom: 0;
  background: var(--green-deep);
  clip-path: polygon(0 0, 100% 94%, 100% 100%, 0 100%);
}
header.blog-hero + .band-top::after {
  display: none;
}

.blog-shell::before {
  background: var(--green-deep);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

/* Keep the floating panel at its existing position while the wedge overlays the hero. */
header.blog-hero + .band-top { margin-bottom: 96px; }
@media (max-width: 900px) {
  header.blog-hero + .band-top { margin-bottom: 72px; }
}
@media (max-width: 600px) {
  header.blog-hero + .band-top { margin-bottom: 48px; }
}

/* Final blog reference proportions; approved navigation and footer are retained. */
.blog-feature .pill,.blog-card .pill,.blog-more .pill{color:var(--dark)}
.blog-feature__image{border-radius:0 160px 160px 0}
.blog-card{background:var(--green-deep)}
@media(min-width:1100px){
 .blog-main{margin-top:-435px;padding-bottom:55px}
 .blog-shell{max-width:1212px;padding:78px 62px 36px}
 .blog-shell::before{height:50px}
 .blog-heading h1{font-size:44px}
 .blog-heading p{font-size:18px;margin-top:5px}
 .blog-filters{font-size:14px;gap:14px 40px;margin-top:34px}
 .blog-filters a:not(:last-child)::after{right:-23px}
 .blog-heading{margin-bottom:60px}
 .blog-feature{grid-template-columns:1.25fr 1fr;gap:70px;margin-bottom:90px}
 .blog-feature h2{font-size:27px;max-width:550px}
 .blog-feature p{font-size:17px;line-height:1.2}
 .blog-feature__image{height:270px}
 .blog-feature::after{width:280px;height:280px;right:-210px;top:0}
 .blog-grid{margin-inline:24px 14px;gap:26px 42px}
 .blog-card{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:260px}
 .blog-card__copy{padding:46px 17px 25px}
 .blog-card h2{font-size:23px;line-height:1.02}
 .blog-card .pill{min-width:105px;padding:10px 26px}
 .blog-rule{margin:10px auto 14px}
 .blog-more{margin-top:22px}
}
.blog-filters{justify-content:flex-start}
.blog-card__copy{min-width:0}
@media(min-width:1100px){.blog-feature{grid-template-columns:1.15fr 1fr;gap:70px}.blog-card h2{max-width:245px}.blog-feature::after{right:-240px}}
@media(max-width:767px){.blog-main .blog-feature h2{font-size:24px!important;line-height:1.08!important}.blog-main .blog-card h2{font-size:19px!important;line-height:1.04!important;letter-spacing:-.035em!important}.blog-card .pill{margin-top:22px}.blog-card__copy{justify-content:space-between}}