@import "variables";
@import "mixins";

section.header {
  max-width: 850px;
  margin: 0 auto;
  .title-wrap {
    margin: $space-lg 0 6rem;
    @include bp("md") {
      margin: $space-sm 0 $space-sm;
    }
    h1 {
      color: $col-sec;
    }
  }
  .thumbnail {
    width: 100%;
    border-radius: $border-radius;
    object-fit: cover;
    aspect-ratio: 16/9;
  }
  .meta {
    display: flex;
    justify-content: space-between;
    color: $gray400;
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}

section.content {
  max-width: 850px;
  margin: $space-md auto $space-lg;
  @include bp("md") {
    margin: $space-sm auto $space-lg;
  }
}
