/* ==========================================================================
   Front page.
   ========================================================================== */
.is-front {
  .main {
    background-color: var(--color-bg-secondary);
  }

  .l-banner .main-header {
    border-color: rgba(#fff, .5);
  }

  .layout__region {
    background-color: var(--color-bg);
    border-radius: 4px;

    .block {
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: var(--space-l) var(--space-l) 0;
      height: 100%;
      border-radius: inherit;
    }

    .block--image {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  }

  .builder-row {
    justify-content: center;

    &:first-child {
      margin-top: 0;
    }
  }

  .builder-row-background {
    border-radius: 4px;
    overflow: hidden;
  }
}