@import "settings.breakpoints";
@import "settings.colors";
@import "settings.fonts";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-wine-author-profile {
  background: $color-stone-150;
  padding: rem(10);
  @include display-grid;
  @include grid-columns(rem(10), rem(90) 1fr);
  @include grid-rows(0, 1fr);

  .c-wine-author-profile__img {
    @include grid-column-area(1, 2);
    @include grid-row-area(1, 2);
  }
  .c-wine-author-profile__content {
    @include grid-column-area(2, 3);
    @include grid-row-area(1, 2);
    @include display-grid;
    @include grid-columns(0, 1fr);
    @include grid-rows(rem(10), grid-repeat(3, auto));
  }

  .c-wine-author-profile__name {
    @include grid-column-area(1, 2);
    @include grid-row-area(1, 2);
  }
  .c-beat {
    display: block;
  }
  .c-button {
    @include grid-column-area(1, 2);
    @include grid-row-area(2, 3);
  }
  .c-wine-author-profile__bio {
    @include grid-column-area(1, 2);
    @include grid-row-area(3, 4);
    color: $color-grey-700;
    font-size: rem(14);
  }
}
