@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

button {
  outline: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

q {
  display: inline;
  font-style: italic; }

q:before {
  content: '"';
  font-style: normal; }

q:after {
  content: '"';
  font-style: normal; }

textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th, td {
  padding: 2px; }

big {
  font-size: 120%; }

small, sup, sub {
  font-size: 80%; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

dd {
  margin-left: 20px; }

kbd, tt {
  font-family: courier;
  font-size: 12px; }

ins {
  text-decoration: underline; }

del, strike, s {
  text-decoration: line-through; }

dt {
  font-weight: bold; }

address, cite, var {
  font-style: italic; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

@font-face {
  font-family: 'Roman Antique';
  src: url("../assets/fonts/RomanAntique.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Roman Antique';
  src: url("../assets/fonts/RomanAntique-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Roman New Times';
  src: url("../assets/fonts/Roman_New_Times.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

html {
  margin-top: 0 !important; }

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #dad4c5;
  color: #2a2922;
  font-size: 18px;
  line-height: 1.5;
  padding-top: 80px;
  background-image: url("../assets/img/paper.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat; }
  @media (max-width: 414px) {
    body {
      font-size: 16px; } }

h1, h2, h3 {
  font-family: 'Roman Antique';
  line-height: 1; }

h1 {
  font-size: 48px;
  font-weight: bold;
  color: #2a2922; }
  @media (max-width: 1023px) {
    h1 {
      font-size: 36px; } }
  @media (max-width: 414px) {
    h1 {
      font-size: 30px; } }

h2 {
  font-size: 36px;
  font-weight: bold;
  color: #2a2922; }
  @media (max-width: 1023px) {
    h2 {
      font-size: 30px; } }
  @media (max-width: 414px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 30px;
  font-weight: bold;
  color: #2a2922; }
  @media (max-width: 1023px) {
    h3 {
      font-size: 24px; } }
  @media (max-width: 414px) {
    h3 {
      font-size: 20px; } }

.button {
  padding: 4px 12px;
  background-color: #e4a20a;
  color: #2a2922;
  font-weight: bold;
  font-size: 24px;
  min-width: 120px;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  font-family: 'Roman New Times';
  text-transform: uppercase; }
  .button--secondary {
    background-color: #2a2922;
    color: #e4a20a; }

.container, .header__inner, .footer__inner, .hero__inner, .hero__container, .intro__inner, .grid-container__inner, .post__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 414px) {
    .container, .header__inner, .footer__inner, .hero__inner, .hero__container, .intro__inner, .grid-container__inner, .post__inner {
      padding: 0 15px; } }

.header {
  background: #2a2922;
  padding: 10px 0 5px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  height: 80px; }
  .header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; }
  .header .logo {
    width: 250px; }
    @media (max-width: 414px) {
      .header .logo {
        width: 170px; } }
  .header .menu {
    display: flex;
    align-items: center; }
    @media (max-width: 1023px) {
      .header .menu {
        flex-direction: column;
        align-items: flex-end; } }
    .header .menu-item {
      font-weight: bold;
      line-height: 1; }
      @media (min-width: 415px) {
        .header .menu-item {
          margin: 0 20px; } }
      @media (max-width: 414px) {
        .header .menu-item {
          font-size: 14px; } }
      .header .menu-item a {
        color: #e4a20a;
        text-decoration: none;
        font-family: 'Roman New Times';
        text-transform: uppercase;
        font-size: 24px; }

.footer {
  background-color: #2a2922;
  color: #dad4c5;
  font-size: 16px;
  text-align: center;
  margin-top: 80px; }
  .footer__inner {
    padding: 40px;
    width: 100%; }
  .footer__text {
    max-width: 800px;
    margin: 0 auto; }
    .footer__text p {
      margin: 20px 0; }

.hero {
  color: #2a2922;
  position: relative;
  height: 100vh; }
  .hero__inner {
    max-width: 940px;
    text-align: center;
    height: 100%;
    margin-top: -80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative; }
  .hero__heading {
    font-size: 16px;
    padding: 0 10px; }
    .hero__heading img {
      max-width: 100%; }
  .hero__container {
    max-width: 500px; }
  .hero__text {
    font-size: 18px; }
    @media (max-width: 414px) {
      .hero__text {
        font-size: 16px; } }
  .hero__buttons {
    margin-top: 30px;
    display: flex;
    align-items: center; }
    @media (max-width: 414px) {
      .hero__buttons {
        flex-direction: column; } }
    @media (min-width: 415px) {
      .hero__buttons .button {
        width: 50%;
        margin-right: 20px; } }
    @media (max-width: 414px) {
      .hero__buttons .button {
        width: 100%;
        margin-bottom: 20px; } }
  .hero__image {
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }

.intro {
  padding: 40px 0;
  text-align: center; }
  .intro__heading {
    margin-bottom: 15px; }
  .intro__inner {
    max-width: 680px; }
  .intro__text {
    margin-top: 30px; }
    .intro__text p {
      margin: 20px 0; }

.content-container {
  display: flex;
  flex-direction: column;
  gap: 80px; }
  @media (max-width: 414px) {
    .content-container {
      gap: 60px; } }

.grid-container__heading {
  margin-bottom: 15px; }
  @media (max-width: 1023px) {
    .grid-container__heading {
      margin-bottom: 10px; } }

.grid-container__portraits {
  margin-top: 30px; }

.grid {
  display: grid;
  grid-gap: 30px; }
  @media (min-width: 1024px) {
    .grid {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 1023px) {
    .grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 414px) {
    .grid {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 10px; } }

.grid--5 {
  display: grid;
  grid-gap: 20px; }
  @media (min-width: 1024px) {
    .grid--5 {
      grid-template-columns: repeat(5, 1fr); } }
  @media (max-width: 1023px) {
    .grid--5 {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 414px) {
    .grid--5 {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px; } }
  .grid--5 .grid-item__img {
    height: 150px; }
    @media (max-width: 1023px) {
      .grid--5 .grid-item__img {
        height: 100px; } }
    @media (max-width: 414px) {
      .grid--5 .grid-item__img {
        height: 80px;
        width: 80px; } }
  .grid--5 .grid-item__img {
    height: 160px; }
    @media (max-width: 1023px) {
      .grid--5 .grid-item__img {
        height: 140px; } }
    @media (max-width: 414px) {
      .grid--5 .grid-item__img {
        height: 80px;
        width: 100%;
        object-fit: cover; } }
  @media (max-width: 414px) {
    .grid--5 .grid-item__body {
      padding: 0;
      margin-top: 10px; } }
  .grid--5 .grid-item__label {
    display: none; }
  .grid--5 .grid-item__title {
    font-size: 14px; }
    @media (max-width: 414px) {
      .grid--5 .grid-item__title {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 8px;
        margin: 0; } }
  @media (min-width: 1024px) {
    .grid--5 .grid-item__excerpt {
      font-size: 14px; } }

.grid-item {
  font-size: 16px;
  min-width: 0; }
  @media (max-width: 414px) {
    .grid-item {
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      background-color: #dad4c5;
      padding: 8px;
      border-radius: 10px;
      font-size: 14px; } }
  .grid-item a {
    color: #2a2922;
    text-decoration: none; }
    @media (max-width: 414px) {
      .grid-item a {
        display: flex;
        align-items: stretch; } }
  .grid-item__title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #2a2922; }
    @media (max-width: 1023px) {
      .grid-item__title {
        font-size: 14px; } }
    @media (max-width: 414px) {
      .grid-item__title {
        font-size: 12px;
        margin: 0 0 10px 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word; } }
  .grid-item__relation {
    margin: 5px 0;
    font-size: 13px;
    font-style: italic; }
    @media (max-width: 414px) {
      .grid-item__relation {
        font-size: 12px; } }
  @media (max-width: 414px) {
    .grid-item__body {
      padding-left: 15px;
      padding-right: 15px; } }
  .grid-item__excerpt {
    font-size: 15px; }
    @media (max-width: 414px) {
      .grid-item__excerpt {
        display: none; } }
    .grid-item__excerpt--mobile {
      display: none;
      margin-top: 5px;
      width: 100%;
      font-size: 12px; }
      .grid-item__excerpt--mobile.open {
        display: block; }
  .grid-item__img {
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden; }
    @media (min-width: 1024px) {
      .grid-item__img {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } }
    @media (max-width: 1023px) {
      .grid-item__img {
        height: 200px; } }
    @media (max-width: 414px) {
      .grid-item__img {
        height: 60px;
        width: 100px;
        flex-shrink: 0; } }
    .grid-item__img img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      max-width: 100%;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .grid-item__label {
    background: #dad4c5;
    color: #7d655e;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 4px;
    z-index: 1;
    padding: 2px 8px;
    text-align: center;
    font-family: 'Roman New Times';
    text-transform: uppercase; }
    @media (max-width: 414px) {
      .grid-item__label {
        display: none; } }
    @media (max-width: 414px) {
      .grid-item__label--mobile {
        display: block;
        position: static;
        background: #7d655e;
        color: #dad4c5;
        font-size: 12px;
        padding: 2px 8px; } }
  .grid-item__controls {
    display: none; }
    @media (max-width: 414px) {
      .grid-item__controls {
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end; } }
  .grid-item__read-more {
    margin-top: auto; }
    .grid-item__read-more.open img {
      transform: rotate(180deg);
      transition: transform 200ms; }

.post {
  padding-top: 50px; }
  @media (max-width: 1023px) {
    .post {
      padding-top: 30px; } }
  .post iframe {
    width: 100%;
    height: 100%; }
  .post__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 1023px) {
      .post__inner {
        flex-direction: column; } }
  .post__left {
    width: 100%; }
    @media (min-width: 1024px) {
      .post__left {
        width: 65%; } }
  .post__right {
    width: 100%; }
    @media (max-width: 1023px) {
      .post__right {
        margin-top: 30px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .post__right {
        width: 35%;
        padding-left: 80px; } }
    .post__right h3 {
      margin-bottom: 20px; }
      @media (max-width: 1023px) {
        .post__right h3 {
          margin-bottom: 10px; } }
    @media (max-width: 1023px) {
      .post__right ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px; } }
    @media (max-width: 414px) {
      .post__right ul {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px; } }
    @media (min-width: 1024px) {
      .post__right ul li {
        margin-bottom: 30px; } }
  .post__header {
    margin-bottom: 15px; }
  .post-body {
    margin-top: 30px; }
    @media (max-width: 1023px) {
      .post-body {
        margin-top: 20px; } }
    .post-body p {
      margin: 20px 0; }
    .post-body strong {
      font-weight: bold; }
    .post-body em {
      font-style: italic; }
    .post-body a {
      color: #2a2922; }
    .post-body__read-more {
      display: inline-flex;
      align-items: center;
      cursor: pointer; }
      @media (min-width: 1024px) {
        .post-body__read-more {
          display: none; } }
      .post-body__read-more span {
        margin-right: 10px;
        text-decoration: underline; }
      .post-body__read-more.open img {
        transform: rotate(180deg);
        transition: transform 200ms; }
    .post-body__content {
      display: none; }
      @media (min-width: 1024px) {
        .post-body__content {
          display: block; } }
      .post-body__content.open {
        display: block; }

.social-grid {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
  background-color: #7d655e;
  padding: 12px;
  border-radius: 12px; }
  @media (max-width: 414px) {
    .social-grid {
      width: 100%; } }
  .social-grid__link {
    display: flex; }
    .social-grid__link:not(:last-child) {
      margin-right: 20px; }
    .social-grid__link img {
      width: 40px;
      height: 40px; }
      @media (max-width: 1023px) {
        .social-grid__link img {
          width: 30px;
          height: 30px; } }

.trailers {
  position: relative;
  max-width: 80%;
  margin: 0 auto; }
  .trailers__carousel {
    width: 100%; }
    .trailers__carousel iframe {
      width: 100%;
      height: 100%; }
  .trailers .slick-next,
  .trailers .slick-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px; }
    .trailers .slick-next:before,
    .trailers .slick-prev:before {
      display: none; }
  .trailers .slick-next {
    margin-right: -15px; }
  .trailers .slick-prev {
    margin-left: -15px; }