/* ==========================================================
   INFORMATION — INTRO
   ========================================================== */

.information-intro {
  padding-bottom: 40px;
}

.information-contact {
  grid-column: 1 / 5;
}

.information-social {
  margin-top: 20px;
}

.information-intro a {
  color: inherit;
  text-decoration: none;
}

.information-intro a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
}

.information-image {
  grid-column: 8 / 13;
}

.information-image img {
  width: 100%;
  height: auto;
}


/* ==========================================================
   INFORMATION — BIO
   ========================================================== */

.information-bio {
  padding-bottom: 60px;
}

.information-bio-title {
  grid-column: 1 / 5;
}

.information-bio-copy {
  grid-column: 5 / 13;
}

.information-bio-title h1,
.information-bio-copy p {
  margin: 0;
  font-weight: 400;
}


/* ==========================================================
   INFORMATION — PRICING
   ========================================================== */

.information-pricing {
  padding-bottom: 60px;
}

.information-pricing-title {
  grid-column: 1 / 5;
}

.information-pricing-copy {
  grid-column: 5 / 13;
}

.information-pricing-title h2 {
  margin: 0;
  font-weight: 400;
}

.information-pricing-copy p {
  margin-top: 0;
  margin-bottom: 16px;
}

.information-pricing-copy p:last-child {
  margin-bottom: 0;
}

.information-pricing-copy a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}


/* ==========================================================
   INFORMATION — AI POLICY
   ========================================================== */

.information-ai {
  padding-bottom: 60px;
}

.information-ai-title {
  grid-column: 1 / 5;
}

.information-ai-copy {
  grid-column: 5 / 13;
}

.information-ai-title h2,
.information-ai-copy p {
  margin: 0;
  font-weight: 400;
}


/* ==========================================================
   INFORMATION — TESTIMONIALS
   ========================================================== */

.information-testimonials {
  padding-bottom: 60px;
}

.information-testimonials-title {
  grid-column: 1 / 5;
}

.information-testimonials-title h2 {
  margin: 0;
  font-weight: 400;
}

.information-testimonial {
  grid-column: 5 / 13;
  margin: 0 0 30px;
}

.information-testimonial blockquote {
  margin: 0;
}

.information-testimonial figcaption {
  margin-top: 10px;
}

.information-testimonial:last-child {
  margin-bottom: 0;
}


/* ==========================================================
   INFORMATION — AGENCY EXPERIENCE
   ========================================================== */

.information-experience {
  padding-bottom: 0;
}

.information-experience-title {
  grid-column: 1 / 5;
}

.information-experience-title h2 {
  margin: 0;
  font-weight: 400;
}

.information-experience-list {
  grid-column: 5 / 13;

  columns: 2;
  column-gap: var(--gutter);
}

.information-experience-list p {
  margin: 0;
}


/* ==========================================================
   INFORMATION — TABLET
   ========================================================== */

@media (max-width: 1199px) and (min-width: 768px) {

  /* Intro */

  .information-intro {
    padding-bottom: 40px;
  }

  .information-contact {
    grid-column: 1 / 5;
  }

  .information-image {
    grid-column: 8 / 13;
  }


  /* Bio */

  .information-bio {
    padding-bottom: 40px;
  }

  .information-bio-title {
    grid-column: 1 / 5;
  }

  .information-bio-copy {
    grid-column: 5 / 13;
  }


  /* Pricing */

  .information-pricing {
    padding-bottom: 40px;
  }

  .information-pricing-title {
    grid-column: 1 / 5;
  }

  .information-pricing-copy {
    grid-column: 5 / 13;
  }


  /* AI Policy */

  .information-ai {
    padding-bottom: 40px;
  }

  .information-ai-title {
    grid-column: 1 / 5;
  }

  .information-ai-copy {
    grid-column: 5 / 13;
  }


  /* Testimonials */

  .information-testimonials {
    padding-bottom: 40px;
  }

  .information-testimonials-title {
    grid-column: 1 / 5;
  }

  .information-testimonial {
    grid-column: 5 / 13;
  }


  /* Agency Experience */

  .information-experience {
    padding-bottom: 0;
  }

  .information-experience-title {
    grid-column: 1 / 5;
  }

  .information-experience-list {
    grid-column: 5 / 13;

    columns: 2;
    column-gap: var(--gutter);
  }

}


/* ==========================================================
   INFORMATION — MOBILE
   ========================================================== */

@media (max-width: 767px) {

  /* Intro */

  .information-intro {
    padding-bottom: 40px;
  }

  .information-contact {
    grid-column: 1 / 13;
  }

  .information-social {
    margin-top: 20px;
  }

  .information-image {
    grid-column: 1 / 13;
    margin-top: 40px;
  }


  /* Bio */

  .information-bio {
    padding-bottom: 40px;
  }

  .information-bio-title,
  .information-bio-copy {
    grid-column: 1 / 13;
  }

  .information-bio-copy {
    margin-top: 20px;
  }


  /* Pricing */

  .information-pricing {
    padding-bottom: 40px;
  }

  .information-pricing-title,
  .information-pricing-copy {
    grid-column: 1 / 13;
  }

  .information-pricing-copy {
    margin-top: 20px;
  }


  /* AI Policy */

  .information-ai {
    padding-bottom: 40px;
  }

  .information-ai-title,
  .information-ai-copy {
    grid-column: 1 / 13;
  }

  .information-ai-copy {
    margin-top: 20px;
  }


  /* Testimonials */

  .information-testimonials {
    padding-bottom: 40px;
  }

  .information-testimonials-title,
  .information-testimonial {
    grid-column: 1 / 13;
  }

  .information-testimonial:first-of-type {
    margin-top: 20px;
  }

  .information-testimonial {
    margin-bottom: 30px;
  }

  .information-testimonial:last-child {
    margin-bottom: 0;
  }


  /* Agency Experience */

  .information-experience {
    padding-bottom: 0;
  }

  .information-experience-title,
  .information-experience-list {
    grid-column: 1 / 13;
  }

  .information-experience-list {
    columns: 1;
    column-gap: 0;
    margin-top: 20px;
  }

}