header.article-hero{min-height:660px;background-position:center 42%;}
      .article-section > .wrap,.article-read-more > .wrap{max-width:1148px;}
      .article-section{padding:190px 0 100px;background:#fff;}
      .article-title{padding-bottom:24px;border-bottom:1px solid #bbb;color:#111;font-size:52px;line-height:1.03;letter-spacing:-.045em;}
      .article-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:40px;margin-top:34px;align-items:start;}
      .article-aside{font-size:13px;line-height:1.25;color:#111;}
      .article-aside h2{margin-bottom:12px;font-size:14px;font-weight:700;}
      .article-toc li{position:relative;margin-bottom:10px;padding-left:18px;}
      .article-toc li::before{content:"";position:absolute;top:.52em;left:0;width:5px;height:5px;border-radius:50%;background:var(--green);}
      .article-share{margin-top:46px;}
      .article-share .pill{min-width:190px;padding:11px 24px;font-size:12px;}
      .article-socials{display:flex;gap:8px;margin:18px 0 0 8px;}
      .article-socials a{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;font-size:20px;font-weight:700;line-height:1;}
      .article-socials a:first-child{background:#4267a9;}
      .article-socials a:nth-child(2){background:#0a85b7;font-size:16px;}
      .article-socials a:last-child{background:linear-gradient(140deg,#7355cc,#ef3d83 50%,#f1b63a);}
      .article-content{color:#111;font-size:18px;line-height:1.25;}
      .article-content .article-date{margin:0 0 30px;font-weight:700;}
      .article-content p{margin-bottom:26px;font-size:inherit;line-height:inherit;}
      .article-content a{text-decoration:underline;}
      .article-image{margin:42px 0 90px;text-align:center;}
      .article-image img{width:100%;height:340px;object-fit:cover;object-position:center;border-radius:0;}
      .article-image figcaption{font-size:12px;line-height:1.35;}
      .article-image figcaption strong{display:block;font-size:15px;}
      .article-contact{padding:118px 0 65px;text-align:center;}
      .article-contact::before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:70px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);}
      .article-contact > .wrap{position:relative;z-index:1;display:block!important;margin-top:0!important;padding-right:24px!important;padding-left:24px!important;}
      .article-contact h2{margin-bottom:16px;color:#fff;font-size:48px;line-height:1.05;letter-spacing:-.04em;}
      .article-contact p{margin-bottom:24px;color:var(--lime2);font-size:16px;font-weight:600;}
      .article-contact .btn-row{width:fit-content;margin:0 auto;justify-content:center;}
      .article-contact .pill{width:320px;background:var(--lime2);color:#111;font-size:13px;}
      .article-contact .arrow-circle{background:var(--lime2);color:#111;}
      .article-read-more{padding:98px 0 106px;}
      .article-read-more h2{margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid #ccc;color:#111;font-size:34px;line-height:1;}
      .article-read-more .kc-grid{gap:28px 36px;margin-bottom:46px;}
      .article-read-more .kc-card{height:230px;border-radius:10px;}
      .article-read-more .kc-card .txt{padding:42px 12px 42px 44px;width:60%;}
      .article-read-more .kc-card .txt h4{font-size:28px;font-weight:400;line-height:1.06;letter-spacing:-.04em;}
      .article-read-more .kc-card .txt p{font-size:14px;}
      .article-read-more .kc-card .photo{width:40%;padding:0;}
      .article-read-more .center-btn2 .pill{width:230px;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;}
      @media (min-width:768px) and (max-width:1024px){
        header.article-hero{min-height:510px;}
        .article-section{padding:92px 0 130px;}
        .article-title{font-size:42px;}
        .article-layout{grid-template-columns:210px minmax(0,1fr);gap:44px;}
        .article-content{font-size:15px;}
        .article-image img{height:300px;}
        .article-read-more .kc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
        .article-read-more .kc-card{height:auto;min-height:230px;}
        .article-read-more .kc-card .txt{padding:26px 22px;width:64%;}
        .article-read-more .kc-card .txt h4{font-size:18px;}
        .article-read-more .kc-card .photo{width:36%;}
      }
      @media (max-width:767px){
        header.article-hero{min-height:360px;background-position:center;}
        .article-section{padding:66px 0 88px;}
        .article-title{padding-bottom:18px;font-size:34px;overflow-wrap:anywhere;}
        .article-layout{grid-template-columns:1fr;gap:46px;margin-top:28px;}
        .article-aside{order:2;}
        .article-content{order:1;font-size:15px;line-height:1.45;}
        .article-share{margin-top:30px;}
        .article-image{margin:34px 0 42px;}
        .article-image img{height:auto;aspect-ratio:1.45;}
        .article-contact{padding:84px 0 80px;}
        .article-contact h2{font-size:34px;}
        .article-contact .btn-row{width:100%;}
        .article-contact .pill{flex:1;width:auto;min-width:0;padding:10px 16px;font-size:11px;}
        .article-read-more{padding:70px 0 78px;}
        .article-read-more h2{font-size:30px;}
        .article-read-more .kc-grid{grid-template-columns:1fr!important;gap:20px;}
        .article-read-more .kc-card{height:auto;min-height:230px;}
        .article-read-more .kc-card .txt{padding:28px 20px;width:64%;}
        .article-read-more .kc-card .txt h4{font-size:18px;}
        .article-read-more .kc-card .photo{width:36%;}
      }

/* Figma: page-specific transition from the hero into the first section. */
header.article-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);
  clip-path: polygon(0 0, 100% 94%, 100% 100%, 0 100%);
}
header.article-hero + .band-top::after {
  display: none;
}

.article-contact + .band-b{height:80px;margin-top:-1px;background:#80b42d!important;clip-path:polygon(0 0,100% 0,0 100%)}
@media(max-width:767px){.article-aside h2{font-size:18px!important;line-height:1.2!important;letter-spacing:0!important}.article-contact h2{font-size:32px!important;line-height:1.1!important}.article-read-more h2{font-size:30px!important}.article-read-more .kc-card{height:auto;min-height:210px}.article-read-more .kc-card .txt p{font-size:12px}.article-contact + .band-b{height:40px}}

@media(min-width:1025px){.article-section > .wrap{max-width:1108px}.article-layout{grid-template-columns:275px minmax(0,1fr)}}
.article-socials svg{width:26px;height:26px}
