:root {
  --dark-tone: #222831;
  --darker-tone: #0A131E;
  --default-color: #E6E6E6;
  --ink-color: #49423b;
  --light-tone: #5D6D78;
  --primary-color: #5b69fc;
  --red-tone: #5F1F20;
  --very-large-breakpoint: 80rem;
  --large-breakpoint: 64rem;
  --medium-breakpoint: 48rem;
  --small-breakpoint: 40rem;
  --very-small-breakpoint: 30rem;
}

main > section.article-container {
  background: var(--dark-tone);
  display: flex;
  flex-direction: column;
  height: max(100vh, 50rem);
}
@media (max-width: 30rem) {
  main > section.article-container > article.preview {
    margin: 0;
    padding: 1rem;
    width: calc(100% - 2rem);
  }
  main > section.article-container > article.preview.paper {
    border-radius: 0;
  }
}
main > section#news_article {
  background: var(--darker-tone);
  height: auto;
}
@media (max-width: 30rem) {
  main > section#news_article {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
main > section#news_article > article {
  border-radius: 0.25rem;
  width: min(100% - 2rem, var(--medium-breakpoint) + 2rem);
}
@media (max-width: 30rem) {
  main > section#news_article > article {
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 2rem;
    max-width: 100%;
  }
  main > section#news_article > article > .content img {
    height: auto;
    max-width: 100%;
  }
  main > section#news_article > article > .heading > h1 {
    font-size: 8vw;
  }
}
main > section#news_article > article > .heading > img {
  display: block;
  height: 15rem;
  margin: auto;
  width: fit-content;
}
main > section#news_front_page {
  background: var(--dark-tone);
}
main > section#news_heading {
  background: #502010;
}
main > section#news_heading > div .image-container {
  margin: 2rem 0;
}
@media (max-width: 64rem) {
  main > section#news_heading > div .image-container {
    margin: 0;
  }
}
main > section#news_heading > div .image-container > img {
  border-radius: 1rem;
  box-shadow: 0 0 1rem black;
}
@media (max-width: 40rem) {
  main > section#news_heading > div .image-container > img {
    border-radius: 0;
    mask-image: linear-gradient(transparent 0%, black 25%);
    max-height: 100%;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
  }
}
main > section#other_news {
  align-items: center;
  background: var(--darker-tone);
  display: flex;
  flex-direction: column;
  padding-bottom: 4rem;
  min-height: 0;
}
@media (max-width: 30rem) {
  main > section#other_news {
    padding-left: 0;
    padding-right: 0;
  }
}
main > section#other_news > nav {
  flex: 1;
  width: min(100% - 2rem, var(--medium-breakpoint) + 2rem);
}
@media (max-width: 30rem) {
  main > section#other_news > nav {
    width: 100%;
  }
  main > section#other_news > nav article.preview {
    margin: 0;
    padding: 1rem;
    width: calc(100% - 2rem);
  }
  main > section#other_news > nav article.preview.paper {
    border-radius: 0;
  }
}
main > section#other_news > nav:hover > .splide__arrows {
  visibility: visible;
}
main > section#other_news > nav > .splide__arrows {
  visibility: hidden;
}
main > section#other_news > nav > .splide__pagination {
  bottom: 0;
  transform: translateY(100%);
}
main > section#other_news > nav > .splide__track {
  height: 100%;
}
main > section#other_news > nav > .splide__track > ul > li {
  display: flex;
  flex-direction: column;
}
main > section#other_news > nav > .splide__track > ul > li > article.preview {
  flex: 1;
}
main > section article.preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 0;
  min-height: 0;
  padding: 2rem;
  width: min(100% - 4rem, var(--medium-breakpoint));
}
main > section article.preview.paper {
  border-radius: 0.25rem;
}
main > section article.preview > .image-container {
  flex: 1;
  min-height: 8rem;
}
main > section h2 {
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
  width: min(100% - 2rem, var(--medium-breakpoint));
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/components/variables.scss%22,%22../../assets/styles/news.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAcA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBA;EACC;EACA;EACA;EACA;;AAEA;EACC;IACC;IACA;IACA;;EAEA;IACC;;;AAMJ;EACC;EACA;;AAEA;EAJD;IAKE;IACA;IACA;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;IACA;IACA;IACA;;EAEA;IACC;IACA;;EAGD;IACC;;;AAKD;EACC;EACA;EACA;EACA;;AAMJ;EACC;;AAGD;EACC;;AAEA;EACC;;AAEA;EAHD;IAIE;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;IACA;IACA;IACA;IACA;IACA;;;AAMJ;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EARD;IASE;IACA;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;;AAMF;EACC;;AAIF;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;AAOL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA%22,%22file%22:%22news-3c6bdcddc9.output.css%22%7D */