.gibson-page-top-1 {
  position: relative; }

.gibson-page-top-1-container {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-1-container {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: 0.7fr 1.3fr auto;
      gap: 0px 0px;
      grid-auto-flow: row; } }
.gibson-page-top-1-image {
  order: 2;
  grid-area: 2 / 2 / 4 / 3;
  position: relative;
  align-self: flex-end;
  width: 80%;
  max-width: 320px; }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-1-image {
      align-self: unset;
      width: auto;
      max-width: 100%; } }
  .gibson-page-top-1-image img {
    max-width: 480px;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%; }

.gibson-page-top-1-text-1 {
  padding: 160px 44px 44px 44px;
  order: 1;
  grid-area: 2 / 1 / 3 / 2; }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-1-text-1 {
      padding: 0 66px 44px 66px; } }
  @media only screen and (min-width: 62em) {
    .gibson-page-top-1-text-1 {
      padding: 0 88px 44px 88px; } }
  .gibson-page-top-1-text-1 h1, .gibson-page-top-1-text-1 h2, .gibson-page-top-1-text-1 h3, .gibson-page-top-1-text-1 h4, .gibson-page-top-1-text-1 h5, .gibson-page-top-1-text-1 h6 {
    margin-left: -22px;
    padding-left: 22px;
    border-left: 3px solid var(--color-black); }
  .gibson-page-top-1-text-1 .text-inner {
    max-width: 620px; }
  .gibson-page-top-1-text-1 .email {
    font-size: 0.67em;
    letter-spacing: -0.02em;
    margin-right: -27px;
    display: block; }
    @media only screen and (min-width: 48em) {
      .gibson-page-top-1-text-1 .email {
        font-size: 1em;
        margin-right: 0px; } }
.gibson-page-top-1-text-2 {
  order: 3;
  padding: 44px 44px 44px 44px; }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-1-text-2 {
      padding: 44px 66px 44px 66px; } }
  @media only screen and (min-width: 62em) {
    .gibson-page-top-1-text-2 {
      padding: 44px 88px 22px 88px; } }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-1-text-2 {
      grid-area: 3 / 1 / 4 / 3; } }
  @media only screen and (min-width: 62em) {
    .gibson-page-top-1-text-2 {
      grid-area: 3 / 1 / 4 / 2; } }
  .gibson-page-top-1-text-2 .text-inner {
    max-width: 620px; }

.gibson-page-top-bg-color-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 70%;
  z-index: -1;
  grid-area: 1 / 1 / 3 / 3;
  background-color: var(--color-green);
  background-image: url("../../images/noise@2x.png");
  background-size: 100px 100px; }
  @media only screen and (min-width: 48em) {
    .gibson-page-top-bg-color-1 {
      position: relative;
      top: auto;
      left: auto;
      width: auto;
      height: auto; } }
/*# sourceMappingURL=gibson-page-top-1.css.map */