/* ============================================================ */
/* Pages: HOME */

/* ------------------------------ Main */
.page-home main {
/*  */
}

.page-home main h1 {
  grid-column: span 2;
}

/* ------------------------------ Text */
.text :first-child:first-letter {
  float: left;
  padding-right: .65rem;
  margin: 0 0 -1rem 0.5rem;
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-orange);
}

/* ------------------------------ Profile */
.page-home--profile {
  display: none;
}

/* ------------------------------ Media queries */
@media screen and (min-width: 577px) {
  .page-home main {
    grid-template-columns: [text] 2fr [profile] 1fr;
  }

  .page-home--text {
    grid-column: text;
  }

  .page-home--profile {
    display: block;
    grid-column: profile;
    justify-self: center;
  }
}

@media screen and (min-width: 769px) {
  .text {
    column-count: 2;
    column-gap: calc(var(--space-page) * 2);
    align-self: center;
  }

  .text p {
    break-inside: avoid-column;
  }
}