/* WPBakery exact homepage wrapper
 * Recreates: <main class="container"> ...sections... </main>
 * This keeps section widths, grids, and spacing identical to index-figma-ready.html
 * while each section remains editable as a separate WPBakery element.
 */

html,
body {
  overflow-y: auto;
}

.lan-exact-main-container {
  width: min(var(--container), calc(100% - 48px));
  margin: 28px auto 0;
}

.lan-exact-main-container > .section,
.lan-exact-main-container .wpb_wrapper > .section {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.lan-exact-main-container > .section + .section,
.lan-exact-main-container .wpb_wrapper > .section + .section {
  margin-top: 28px;
}

body .wpb_wrapper .lan-exact-main-container .grid,
body .lan-exact-main-container .grid {
  display: grid;
  gap: 20px;
}

body .wpb_wrapper .lan-exact-main-container .grid-2,
body .lan-exact-main-container .grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body .wpb_wrapper .lan-exact-main-container .about-layout,
body .lan-exact-main-container .about-layout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 36px;
  align-items: stretch;
}

body .wpb_wrapper .lan-exact-main-container .skill-cards,
body .lan-exact-main-container .skill-cards {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 28px;
}

body .wpb_wrapper .lan-exact-main-container .category-cards,
body .lan-exact-main-container .category-cards {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 30px;
}

body .wpb_wrapper .lan-exact-main-container .case-grid,
body .lan-exact-main-container .case-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 28px;
}

body .wpb_wrapper .lan-exact-main-container .experience-grid,
body .lan-exact-main-container .experience-grid {
  display: grid;
  grid-template-columns: 1.6fr .8fr;
  gap: 30px;
  margin-top: 28px;
}

body .wpb_wrapper .lan-exact-main-container .chips,
body .lan-exact-main-container .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

body .wpb_wrapper .lan-exact-main-container .chip,
body .lan-exact-main-container .chip {
  display: inline-flex;
  align-items: center;
}

body .wpb_wrapper .lan-exact-main-container .skill-card-iconic {
  position: relative;
  overflow: hidden;
  padding-top: 24px;
}

body .wpb_wrapper .lan-exact-main-container .skill-icon svg,
body .lan-exact-main-container .skill-icon svg {
  width: 23px;
  height: 23px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body .wpb_wrapper .lan-exact-main-container .case-card,
body .lan-exact-main-container .case-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body .wpb_wrapper .lan-exact-main-container .case-card img,
body .lan-exact-main-container .case-card img {
  width: 100%;
  height: 156px;
  flex: 0 0 156px;
  object-fit: cover;
}

body .wpb_wrapper .lan-exact-main-container .case-card-body,
body .lan-exact-main-container .case-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

body .wpb_wrapper .lan-exact-main-container .featured-more-wrap,
body .lan-exact-main-container .featured-more-wrap {
  margin-top: 32px;
  text-align: center;
}

@media (max-width: 1180px) {
  body .wpb_wrapper .lan-exact-main-container .skill-cards,
  body .wpb_wrapper .lan-exact-main-container .category-cards,
  body .wpb_wrapper .lan-exact-main-container .case-grid,
  body .lan-exact-main-container .skill-cards,
  body .lan-exact-main-container .category-cards,
  body .lan-exact-main-container .case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .wpb_wrapper .lan-exact-main-container .about-layout,
  body .wpb_wrapper .lan-exact-main-container .experience-grid,
  body .lan-exact-main-container .about-layout,
  body .lan-exact-main-container .experience-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .lan-exact-main-container {
    width: min(100% - 28px, var(--container));
  }

  body .wpb_wrapper .lan-exact-main-container .skill-cards,
  body .wpb_wrapper .lan-exact-main-container .category-cards,
  body .wpb_wrapper .lan-exact-main-container .case-grid,
  body .wpb_wrapper .lan-exact-main-container .grid-2,
  body .lan-exact-main-container .skill-cards,
  body .lan-exact-main-container .category-cards,
  body .lan-exact-main-container .case-grid,
  body .lan-exact-main-container .grid-2 {
    grid-template-columns: 1fr;
  }
}