* {
  box-sizing: border-box; }

/* Darkest Navy */
/* Cobalt Blue */
/* Navy */
/* Navy */
/* White Linen */
/* Pink Energy */
/* Green Verve */
/* Orange Zeal */
.homepage-header {
  position: relative;
  min-height: Min(100vh, 1100px);
  background: linear-gradient(223.48deg, #1D4057 -11.71%, #142A33 91.73%);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: stretch;
  overflow: hidden; }
  .homepage-header__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch; }
  .homepage-header .image-overlay {
    opacity: 0.8;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 547px;
    background-position: 30% 100%; }
    .homepage-header .image-overlay:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      height: 221px;
      background: linear-gradient(0deg, rgba(37, 37, 37, 0) 0%, #111F25 100%); }
    .homepage-header .image-overlay:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 566px;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(29, 43, 57, 0.86) 100%); }
  .homepage-header .posts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    width: 100%;
    background-color: #fff;
    color: #0B272D;
    padding: 2.5rem 2.1875rem; }
    .homepage-header .posts a {
      color: inherit; }
  .homepage-header .post {
    padding: 1.25rem 0;
    width: 100%;
    position: relative; }
    .homepage-header .post:hover .post__title {
      text-decoration: underline;
      color: #DD2476; }
    .homepage-header .post__title {
      font-family: "DM Serif Display", serif;
      font-size: 1.1875rem;
      font-weight: 400;
      letter-spacing: 1px;
      line-height: 1.58;
      margin: 0; }
      .homepage-header .post__title a {
        text-decoration: none; }
  .homepage-header .post-featured {
    padding: 2.5rem 2.1875rem 0;
    position: relative;
    width: 100%; }
    .homepage-header .post-featured__date {
      color: rgba(11, 39, 45, 0.65);
      font-size: 0.9375rem;
      font-weight: 500;
      display: inline-block;
      margin-bottom: 1.25rem; }
    .homepage-header .post-featured__title {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      letter-spacing: 1px;
      font-size: 1.75rem;
      margin: 0 0 1.25rem 0; }
      .homepage-header .post-featured__title a {
        text-decoration: none; }
  @media screen and (max-width: 991px) {
    .homepage-header .container {
      padding: 0; }
    .homepage-header .post {
      border-top: 1px solid; }
    .homepage-header__inner {
      background: #fff; } }
  @media screen and (min-width: 992px) {
    .homepage-header .image-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-position: top center; }
    .homepage-header .posts {
      width: 50%;
      padding: 4.875rem 0 4.875rem 1.875rem;
      background-color: transparent;
      color: #fff; }
      .homepage-header .posts .post {
        width: calc(1 / 2 * 100% - (1 - (1 / 2)) * 0px * 1.005);
        flex: 0 1 auto;
        padding: 1.0625rem 2.1875rem 1.0625rem 2.5rem; } }
    @media screen and (min-width: 992px) and (min-width: 500px) {
      .homepage-header .posts .post:nth-child(n) {
        margin-right: 0px; }
      .homepage-header .posts .post:nth-child(2n) {
        margin-right: 0; } }
  @media screen and (min-width: 992px) {
        .homepage-header .posts .post:nth-child(-n+2) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
        .homepage-header .posts .post:nth-child(2n+1) {
          border-right: 1px solid rgba(255, 255, 255, 0.5);
          padding-left: 0; }
        .homepage-header .posts .post:nth-child(2n+2) {
          padding-right: 0 !important; }
    .homepage-header .post-featured {
      width: 50%;
      padding: 3.125rem 3.125rem 4.0625rem 0; }
      .homepage-header .post-featured__title {
        font-size: 2.25rem; }
      .homepage-header .post-featured:before {
        content: '';
        display: block;
        width: 50vw;
        position: absolute;
        top: 0;
        right: calc(100% - 1px);
        bottom: 0;
        background: #fff; } }
  @media screen and (min-width: 1200px) {
    .homepage-header .posts {
      padding: 4.875rem 0 4.875rem 6.875rem; } }

@media screen and (min-width: 1200px) {
  .homepage-header .posts {
    padding: 2.5rem 0 2.5rem 4rem; } }

@media screen and (min-width: 992px) {
  .homepage-header .post-featured {
    width: 50%;
    padding: 2.5rem 4rem 2.5rem 0; } }