.pane {
  padding: 4.2rem 1.5rem;
}

.pane.without-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.pane.header-content {
  margin-top: -12.4rem;
}
.background-white {
  background-color: var(--white);
}
.background-primary-blue {
  background-color: var(--original-blue-01);
}
.background-secondary-blue {
  background-color: var(--original-blue-02);
}
.pane.full-width {
  padding-left: 0;
  padding-right: 0;
}
.pane.no-vertical-gap {
  padding: 0 1.5rem;
}
.pane.no-all-gap {
  padding: 0;
}
.pane.relative {
  position: relative;
}
.pane .pane-image {
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  margin-bottom: 4.2rem;
}
.pane .pane-image img {
  width: 100%;
}
.pane.spacing-default h2 {
  margin-bottom: 4.2rem;
}
.pane.spacing-default p {
  margin-bottom: 3.2rem;
}
@media (min-width: 720px) {
  .grid-pane {
    display: grid;
    grid-template-columns: 1fr 1.26fr;
    grid-template-areas:
      "photo-area title-area"
      "photo-area content-area";
    padding: 0;
  }
  .grid-pane.invert-pane {
    grid-template-areas:
      "title-area photo-area"
      "content-area photo-area";
  }
  .photo-area {
    grid-area: photo-area;
    padding-right: 4.9rem;
  }
  .grid-pane.invert-pane .photo-area {
    padding-left: 4.9rem;
    padding-right: 0;
  }
  .title-area {
    grid-area: title-area;
    padding-top: 2.8rem;
  }
  .content-area {
    grid-area: content-area;
  }
  .grid-pane .pane-image {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1360px) {
  .grid-pane {
    grid-template-columns: 1fr 1fr;
  }
}