section.hero {
  --_accent-color: var(--accent-color, var(--sand-300));
}
section.hero.accent-sand-400 {
  --_accent-color: var(--sand-400);
}
section.hero.accent-energi-200 {
  --_accent-color: var(--energi-200);
}
section.hero.accent-energi-300 {
  --_accent-color: var(--energi-300);
}
section.hero.accent-energi-400 {
  --_accent-color: var(--energi-400);
}
section.hero.accent-mint-400 {
  --_accent-color: var(--mint-400);
}
section.hero.accent-grass-100 {
  --_accent-color: var(--grass-100);
}
section.hero h1 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font: var(--h2-font);
}
section.hero .links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 10px;
}
@container main (min-width: 64.0625rem) {
  section.hero.layout-two-col .text-col {
    padding-top: 6px;
  }
}
section.hero .media-col .img-wrapper {
  border-radius: var(--image-radius);
  overflow: hidden;
}
section.hero .media-col .img-wrapper img,
section.hero .media-col .img-wrapper video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@container main (min-width: 64.0625rem) {
  section.hero .media-col .img-wrapper {
    height: 720px;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.hero .media-col .img-wrapper {
    height: 500px;
  }
}
@container main (max-width: 47.9375rem) {
  section.hero .media-col .img-wrapper {
    aspect-ratio: 343/560;
  }
}
@container main (max-width: 47.9375rem) {
  section.hero .media-col.gridno-2 .img-wrapper:nth-child(1), section.hero .media-col.gridno-3 .img-wrapper:nth-child(1) {
    aspect-ratio: 500/500;
  }
}
@container main (min-width: 64.0625rem) {
  section.hero .media-col.gridno-2 {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  section.hero .media-col.gridno-2 .img-wrapper:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1/8;
  }
  section.hero .media-col.gridno-2 .img-wrapper:nth-child(2) {
    grid-column: 8/-1;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.hero .media-col.gridno-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@container main (max-width: 64rem) {
  section.hero .media-col.gridno-2 .img-wrapper:nth-child(3) {
    display: none;
  }
}
@container main (max-width: 47.9375rem) {
  section.hero .media-col.gridno-2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@container main (min-width: 90rem) {
  section.hero .media-col.gridno-3 {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  section.hero .media-col.gridno-3 .img-wrapper:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  section.hero .media-col.gridno-3 .img-wrapper:nth-child(2) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
  }
  section.hero .media-col.gridno-3 .img-wrapper:nth-child(3) {
    grid-column: 7/-1;
  }
  section.hero .media-col.gridno-3.image_middle .img-wrapper:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  section.hero .media-col.gridno-3.image_middle .img-wrapper:nth-child(2) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    grid-column: 4/10;
  }
  section.hero .media-col.gridno-3.image_middle .img-wrapper:nth-child(3) {
    grid-column: 10/-1;
  }
  section.hero .media-col.gridno-3.image_left .img-wrapper:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
  }
  section.hero .media-col.gridno-3.image_left .img-wrapper:nth-child(2) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    grid-column: 7/10;
  }
  section.hero .media-col.gridno-3.image_left .img-wrapper:nth-child(3) {
    grid-column: 10/-1;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 89.9375rem) {
  section.hero .media-col.gridno-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.hero .media-col.gridno-3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@container main (max-width: 64rem) {
  section.hero .media-col.gridno-3 .img-wrapper:nth-child(3) {
    display: none;
  }
}
@container main (max-width: 47.9375rem) {
  section.hero .media-col.gridno-3 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.hero .icons-list {
    padding-top: 40px;
  }
}
section.hero .item .roundicon {
  background-color: var(--_accent-color);
}
section.hero .item h3 {
  font: var(--h6-font);
}
@container main (min-width: 90rem) {
  section.hero .item {
    padding-right: 35px;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 89.9375rem) {
  section.hero .item {
    padding-right: 25px;
  }
}