@charset "UTF-8";
/*------------------------------------*\
    Custom css reset so we don't got so much bloat that we have to reset again
\*------------------------------------*/
*, *:before, *:after {
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  width: 100%; }

body,
html,
blockquote,
dl,
dd,
dt,
figure {
  margin: 0;
  padding: 0; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

a {
  font-family: inherit;
  text-decoration: none;
  background: transparent; }
  a:active, a:hover {
    outline: 0; }

img {
  border: 0;
  max-width: 100%;
  vertical-align: top; }

button {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  overflow: visible;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  color: inherit; }

button,
select {
  font-family: inherit;
  text-transform: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button[disabled],
html input[disabled] {
  cursor: default; }

input {
  line-height: normal; }

textarea,
input {
  font-family: inherit;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box; }
  textarea::-ms-clear,
  input::-ms-clear {
    display: none;
    width: 0;
    height: 0; }

textarea {
  font-family: inherit;
  overflow: auto;
  resize: none;
  word-wrap: break-word; }

input:required,
input:invalid {
  box-shadow: none; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none; }

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

@font-face {
  font-family: "GTA";
  src: url("/static/fonts/GT-America-Compressed-Black.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "GTA";
  src: url("/static/fonts/GT-America-Condensed-Black.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "GTA";
  src: url("/static/fonts/GT-America-Condensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Lyon";
  src: url("/static/fonts/Lyon-Text-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Lyon";
  src: url("/static/fonts/Lyon-Text-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Lyon";
  src: url("/static/fonts/Lyon-Text-Regular-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Lyon";
  src: url("/static/fonts/Lyon-Text-Bold-Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Lyon";
  src: url("/static/fonts/Lyon-Display-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

@keyframes fade-in {
  from {
    opacity: 0; } }

@keyframes fade-out {
  to {
    opacity: 0; } }

body {
  font-family: "Lyon", serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: contextual;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: contextual;
  -webkit-text-rendering: optimizeLegibility;
  font-size: 1rem;
  height: 100%;
  width: 100%;
  color: #424242;
  background-color: #fff;
  overflow-x: hidden; }
  body.block-scrolling {
    overflow: hidden; }

.page--issue {
  background-color: #F2F2F2; }

html {
  font-size: 15px;
  line-height: 1.5; }
  @media screen and (min-width: 340px) {
    html {
      font-size: 17px;
      line-height: 1.5; } }
  @media screen and (min-width: 640px) {
    html {
      font-size: calc(17px + (19 - 17) * ((100vw - 420px) / (1180 - 420)));
      line-height: 1.5; } }
  @media screen and (min-width: 1180px) {
    html {
      font-size: 19px;
      line-height: 1.5; } }
  @media screen and (min-width: 1000px) and (max-height: 900px) {
    html {
      font-size: 16px;
      line-height: 1.5; } }

::selection {
  color: #fff;
  background: #ad1409; }

.capitalize {
  text-transform: capitalize; }

h1,
h2,
h3,
h4 {
  font-family: "GTA", sans-serif;
  font-weight: 500;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: contextual;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: contextual;
  -webkit-text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 1rem; }

h1 {
  font-size: 2.2rem;
  line-height: 1.1; }
  @media screen and (min-width: 640px) {
    h1 {
      font-size: 2.8rem;
      line-height: 1.1; } }
  @media screen and (min-width: 1000px) {
    h1 {
      font-size: 3rem;
      line-height: 1.1; } }

h2 {
  font-size: 1.1rem;
  line-height: 1.35;
  margin-top: 1.8rem;
  margin-bottom: 0.3rem; }
  @media screen and (min-width: 640px) {
    h2 {
      font-size: 1.2rem;
      line-height: 1.35; } }

ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  ul li:not([class]) {
    margin-bottom: 1rem; }
    ul li:not([class]):before {
      content: '';
      display: inline-block;
      position: relative;
      vertical-align: baseline;
      top: -1px;
      width: 10px;
      height: 10px;
      margin-right: 0.3rem;
      background-color: currentColor; }

p {
  margin: 0 0 1rem; }

.strong {
  margin-top: 1rem; }

.square {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin-top: 0.43em;
  margin-right: 0.25em;
  width: 0.48em;
  height: 0.5em;
  background-color: currentColor;
  color: currentColor;
  max-height: 16px;
  max-width: 16px; }
  .square:not(:first-child) {
    margin-left: 0.65em; }

a:not([class]) {
  font-family: "Lyon", serif;
  font-weight: normal;
  cursor: pointer;
  color: #ad1409; }
  a:not([class]):not([class]) {
    text-decoration: underline; }
  a:not([class]):hover, a:not([class]):focus {
    color: #7A0000; }

.icon__line {
  stroke: currentColor;
  fill: none; }

.icon__fill {
  fill: currentColor; }

.icon--left {
  transform: rotate(180deg); }

.icon--right {
  transform: rotate(-90deg); }

.icon--light .icon__line {
  stroke: #fff; }

.icon--light .icon__fill {
  fill: #fff; }

.icon--primary .icon__line {
  stroke: #ad1409; }

.icon--primary .icon__fill {
  fill: #ad1409; }

.logo {
  display: block;
  width: 20px;
  overflow: hidden;
  margin: 0;
  color: currentColor; }
  @media (min-width: 640px) {
    .logo {
      width: 120px;
      height: 24px; }
      @supports (display: grid) {
        .logo {
          height: auto; } } }
  .logo__svg {
    display: block;
    width: inherit;
    fill: currentColor; }
    .logo__svg--large {
      display: none; }
      @media (min-width: 640px) {
        .logo__svg--large {
          display: block; } }
    @media (min-width: 640px) {
      .logo__svg--small {
        display: none; } }
  .logo__caption {
    font-family: "Lyon", serif;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.3;
    letter-spacing: -0.015em;
    color: #424242;
    text-align: center;
    margin-top: 0.3rem; }
    @media (min-width: 640px) {
      .logo__caption {
        font-size: 1rem;
        line-height: 1.5; } }
  .logo--light {
    color: #fff; }
  .logo--large {
    margin: 1rem auto;
    width: 400px;
    max-width: 80%;
    overflow: visible; }
    @media (min-width: 640px) {
      .logo--large {
        margin: 2.4rem auto 3.1rem; } }
    .logo--large .logo__svg {
      width: 100%; }
    .logo--large .logo__svg--large {
      display: block;
      height: 52px; }
    .logo--large .logo__svg--small {
      display: none; }
  .logo--fluid {
    width: 100%; }
    @media (min-width: 640px) {
      .logo--fluid {
        height: 52px; }
        @supports (display: grid) {
          .logo--fluid {
            height: auto; } } }
    .logo--fluid .logo__svg {
      width: 100%; }
    .logo--fluid .logo__svg--large {
      display: block; }
    .logo--fluid .logo__svg--small {
      display: none; }

.button {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.35;
  display: inline-block;
  letter-spacing: -0.015em;
  text-align: center;
  color: #fff;
  padding: 0.4rem 1rem 0.45rem;
  background-color: #424242;
  border: 0;
  text-decoration: none;
  border-radius: 2px;
  outline: 0;
  transition: transform 200ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  @media screen and (min-width: 640px) {
    .button {
      font-size: 1.2rem;
      line-height: 1.35; } }
  .button:hover, .button:focus {
    background-color: #1A1A1A; }
  .button:focus {
    box-shadow: 0 0 0 2px rgba(49, 173, 255, 0.5); }
  .button:active {
    transform: translateY(2px); }
  .button--primary {
    background-color: #ad1409; }
    .button--primary:hover, .button--primary:focus {
      background-color: #9c1208; }
  .button--dark {
    background-color: #1A1A1A; }
    .button--dark:hover, .button--dark:focus {
      background-color: #050505; }
  .button--large {
    padding: 0.95rem 1.8rem 1rem; }
  .button--medium {
    padding: 0.6rem 1.8rem 0.65rem; }
  .button--full {
    width: 100%; }

.container {
  width: 100%;
  max-width: 68rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 640px) {
    .container {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 1000px) {
    .container {
      padding-left: 3.8rem;
      padding-right: 3.8rem; } }
  @media screen and (min-width: 1000px) and (max-height: 900px) {
    .container {
      max-width: 69rem; } }
  .container--base {
    width: 100%;
    max-width: 68rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--base {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--base {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
    @media screen and (min-width: 1000px) and (max-height: 900px) {
      .container--base {
        max-width: 69rem; } }
  .container--base-alternate {
    width: 100%;
    max-width: 69rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--base-alternate {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--base-alternate {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
  .container--tight {
    width: 100%;
    max-width: 43rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--tight {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--tight {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
    @media screen and (min-width: 1000px) and (max-height: 900px) {
      .container--tight {
        max-width: 43rem; } }
  .container--tight-alternate {
    width: 100%;
    max-width: 43rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--tight-alternate {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--tight-alternate {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
  .container--medium {
    width: 100%;
    max-width: 52rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--medium {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--medium {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
    @media screen and (min-width: 1000px) and (max-height: 900px) {
      .container--medium {
        max-width: 52rem; } }
  .container--medium-alternate {
    width: 100%;
    max-width: 52rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .container--medium-alternate {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .container--medium-alternate {
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
  .container--article {
    font-size: 1.16rem;
    line-height: 1.4;
    padding-top: 2rem;
    padding-bottom: 2rem; }

.section__content {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 1000px) {
    .section__content {
      padding-top: 3.8rem;
      padding-bottom: 3.8rem; } }
  .section__content:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    left: 1rem;
    right: 1rem; }
    @media (min-width: 640px) {
      .section__content:after {
        left: 2rem;
        right: 2rem; } }
    @media (min-width: 1000px) {
      .section__content:after {
        left: 3.8rem;
        right: 3.8rem; } }

.section__title {
  font-family: "GTA", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  text-align: center;
  margin-top: -1.3em;
  margin-bottom: 0.55em; }
  @media (min-width: 1000px) {
    .section__title {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      height: 3.8rem; } }

.section:last-child .section__content:after {
  display: none; }

.section--single .section__content:after {
  display: none; }

.section--centered {
  text-align: center; }

.section--left .section__title {
  -ms-flex-pack: start;
      justify-content: flex-start;
  left: 2rem; }
  @media (min-width: 1000px) {
    .section--left .section__title {
      left: 3.8rem; } }

.section--promoted .section__title {
  font-size: 1.16rem; }

.aspect-ratio-image {
  position: relative; }
  .aspect-ratio-image__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .aspect-ratio-image__aspect-ratio {
    display: block;
    width: 100%;
    background-size: cover; }
    .aspect-ratio-image__aspect-ratio--md {
      display: none; }
      @media (min-width: 640px) {
        .aspect-ratio-image__aspect-ratio--md {
          display: block; } }
    @media (min-width: 640px) {
      .aspect-ratio-image__aspect-ratio--xs {
        display: none; } }

.about-paragraph {
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  display: block;
  margin-top: 2.4rem;
  margin-bottom: 0.7rem;
  font-style: italic; }
  .about-paragraph + .about-paragraph {
    margin-top: 0; }

.promo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 100%;
  overflow: visible; }
  .promo__title {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
    text-align: center; }
  .promo__image {
    max-width: 100%; }
  .promo--title {
    padding-top: 1rem;
    padding-bottom: 0; }
  .promo--frontpage {
    padding: 0;
    margin: 0; }
    .promo--frontpage .promo__title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      margin: 0;
      padding-top: 0.5em;
      padding-bottom: 0.55em; }
      @media (min-width: 1000px) {
        .promo--frontpage .promo__title {
          padding: 0;
          height: 3.8rem; } }

.ad {
  position: relative; }
  .ad--expanded {
    padding-bottom: 2rem; }
    @media (min-width: 1000px) {
      .ad--expanded {
        padding-bottom: 3.8rem; } }
    .ad--expanded:not(:last-child):after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      left: 1rem;
      right: 1rem; }
      @media (min-width: 640px) {
        .ad--expanded:not(:last-child):after {
          left: 2rem;
          right: 2rem; } }
      @media (min-width: 1000px) {
        .ad--expanded:not(:last-child):after {
          left: 3.8rem;
          right: 3.8rem; } }

.article {
  width: 100%;
  padding: 1.1rem 1.3rem 2.4rem; }
  .article:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 640px) {
    .article {
      padding: 3rem 2.4rem 0; } }
  @media (min-width: 1000px) {
    .article {
      padding: 4rem 3.2rem 0; } }
  .article__content {
    max-width: 34rem;
    margin: 0 auto; }
    .article__content--kommentar {
      color: #0078c8; }
    .article__content--meninger {
      color: #0078c8; }
    .article__content--innenriks {
      color: #A80000; }
    .article__content--ntburix {
      color: #A80000; }
    .article__content--utenriks {
      color: #A80000; }
    .article__content--ntbirix {
      color: #A80000; }
    .article__content--politikk {
      color: #A80000; }
    .article__content--viten {
      color: #1f996a; }
    .article__content--historie {
      color: #1f996a; }
    .article__content--kultur {
      color: #3B3B7F; }
    .article__content--kunst {
      color: #3B3B7F; }
    .article__content--moderne {
      color: #007E9B; }
    .article__content--film {
      color: #24324c; }
    .article__content--teater {
      color: #75003b; }
    .article__content--økonomi {
      color: #0b407f; }
    .article__content--musikkmagasinet {
      color: #DA372F; }
    .article__content--bokmagasinet {
      color: #9b1e30; }
    .article__content--kampanje {
      color: #A80000; }
    .article__content--magasin {
      color: #0078c8; }
    .article__content--sharing {
      padding-bottom: 1.1rem; }
      @media (min-width: 640px) {
        .article__content--sharing {
          padding-bottom: 3rem; } }
      @media (min-width: 1000px) {
        .article__content--sharing {
          padding-bottom: 4rem; } }
  .article__info {
    clear: both; }
    @media (min-width: 640px) {
      .article__info {
        display: -ms-flexbox;
        display: flex; } }
    .article__info--sharing {
      margin-top: 2.4rem;
      padding-top: 1rem;
      border-top: 1px solid #DBDBDB; }
  .article__mail-byline {
    display: inline-block;
    -ms-flex-order: 2;
        order: 2;
    margin-left: auto;
    font-style: italic;
    color: #424242;
    margin-bottom: 0.7rem; }
    @media (min-width: 640px) {
      .article__mail-byline {
        line-height: 28px;
        margin-bottom: 0; } }
  .article--preformatted .article__content {
    white-space: pre-wrap; }
  @media (min-width: 640px) {
    .article--small .article__content, .article--promo-word .article__content, .article--notice .article__content {
      max-width: 25rem; } }
  .article--notice, .article--promo-word {
    padding-bottom: 1rem; }
    .article--notice:not(:first-child), .article--promo-word:not(:first-child) {
      padding-top: 1rem; }
    .article--notice:not(:last-child) .article__content, .article--promo-word:not(:last-child) .article__content {
      padding-bottom: 1rem;
      border-bottom: 1px solid #C1C1C1; }
  @media (min-width: 640px) {
    .article--pillar .article__content {
      max-width: 21rem; } }
  .article--kampanje {
    background-color: #e2e2ec; }

.article-list {
  perspective: 1000px; }
  .article-list__item {
    display: block;
    position: relative;
    color: inherit;
    animation: article-list-item-enter 320ms cubic-bezier(0.165, 0.84, 0.44, 1) both;
    animation-delay: 340ms; }
    .article-list__item:nth-child(1) {
      animation-delay: 140ms; }
    .article-list__item:nth-child(2) {
      animation-delay: 180ms; }
    .article-list__item:nth-child(3) {
      animation-delay: 220ms; }
    .article-list__item:nth-child(4) {
      animation-delay: 260ms; }
    .article-list__item:nth-child(5) {
      animation-delay: 300ms; }
    .article-list__item:hover .article-list__title, .article-list__item:focus .article-list__title {
      text-decoration: underline; }
    .article-list__item:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 1.4rem;
      margin-bottom: 1.4rem; }
    @media (min-width: 440px) {
      .article-list__item--image {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 4fr 3fr;
        grid-template-columns: 4fr 3fr;
        -ms-flex-align: center;
            align-items: center;
        grid-gap: 3.8rem; } }
  .article-list__image {
    display: none; }
    @media (min-width: 440px) {
      .article-list__image {
        display: block; } }
  .article-list__category {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: #424242; }
    .article-list__category--kommentar {
      color: #0078c8; }
    .article-list__category--meninger {
      color: #0078c8; }
    .article-list__category--innenriks {
      color: #A80000; }
    .article-list__category--ntburix {
      color: #A80000; }
    .article-list__category--utenriks {
      color: #A80000; }
    .article-list__category--ntbirix {
      color: #A80000; }
    .article-list__category--politikk {
      color: #A80000; }
    .article-list__category--viten {
      color: #1f996a; }
    .article-list__category--historie {
      color: #1f996a; }
    .article-list__category--kultur {
      color: #3B3B7F; }
    .article-list__category--kunst {
      color: #3B3B7F; }
    .article-list__category--moderne {
      color: #007E9B; }
    .article-list__category--film {
      color: #24324c; }
    .article-list__category--teater {
      color: #75003b; }
    .article-list__category--økonomi {
      color: #0b407f; }
    .article-list__category--musikkmagasinet {
      color: #DA372F; }
    .article-list__category--bokmagasinet {
      color: #9b1e30; }
    .article-list__category--kampanje {
      color: #A80000; }
    .article-list__category--magasin {
      color: #0078c8; }
  .article-list__bylines {
    line-height: 1.1;
    font-family: "GTA", sans-serif;
    font-weight: normal;
    color: rgba(66, 66, 66, 0.75); }
  .article-list__date {
    display: inline-block; }
  .article-list__separator {
    opacity: 0.6;
    margin: 0 0.25em; }
    .article-list__separator:before {
      content: '|'; }
  .article-list__title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 0.7rem; }
    @media screen and (min-width: 640px) {
      .article-list__title {
        font-size: 2.1rem;
        line-height: 1.25; } }

@keyframes article-list-item-enter {
  from {
    opacity: 0;
    transform: translateY(-4rem) rotateX(20deg); } }

@keyframes article-list-timeline-enter {
  from {
    transform: scaleY(0); } }

.by-line {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.3;
  margin-top: 0.3rem;
  margin-bottom: 1.4rem; }
  .by-line__subject {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 0.21em; }
    .by-line__subject--separator:after {
      content: '|';
      font-family: "Lyon", serif;
      font-weight: normal;
      position: relative;
      top: -1px;
      margin: 0 0.15em 0 0.38em;
      color: #C1C1C1; }
  .by-line__author {
    font-family: "GTA", sans-serif; }
  .by-line__author-name {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    letter-spacing: -0.005em; }
  .by-line--multiline .by-line__info {
    display: block; }
  .by-line--kommentar .by-line__subject {
    color: #0078c8; }
  .by-line--meninger .by-line__subject {
    color: #0078c8; }
  .by-line--innenriks .by-line__subject {
    color: #A80000; }
  .by-line--ntburix .by-line__subject {
    color: #A80000; }
  .by-line--utenriks .by-line__subject {
    color: #A80000; }
  .by-line--ntbirix .by-line__subject {
    color: #A80000; }
  .by-line--politikk .by-line__subject {
    color: #A80000; }
  .by-line--viten .by-line__subject {
    color: #1f996a; }
  .by-line--historie .by-line__subject {
    color: #1f996a; }
  .by-line--kultur .by-line__subject {
    color: #3B3B7F; }
  .by-line--kunst .by-line__subject {
    color: #3B3B7F; }
  .by-line--moderne .by-line__subject {
    color: #007E9B; }
  .by-line--film .by-line__subject {
    color: #24324c; }
  .by-line--teater .by-line__subject {
    color: #75003b; }
  .by-line--økonomi .by-line__subject {
    color: #0b407f; }
  .by-line--musikkmagasinet .by-line__subject {
    color: #DA372F; }
  .by-line--bokmagasinet .by-line__subject {
    color: #9b1e30; }
  .by-line--kampanje .by-line__subject {
    color: #A80000; }
  .by-line--magasin .by-line__subject {
    color: #0078c8; }
  .by-line__common {
    display: block; }
  .by-line--kampanje .by-line__subject {
    display: inline-block;
    color: white;
    background-color: #A80000;
    padding: 0.1em 0.5em 0;
    margin-right: 0.5em; }
  .by-line--kampanje .by-line__subject--separator:after {
    content: '';
    margin: 0; }

.collection {
  --color-shade: 0, 0, 0;
  position: relative;
  display: block;
  color: #fff;
  padding: 0;
  border: 0;
  text-shadow: 0 0 20px rgba(var(--color-shade), 0.4);
  overflow: hidden;
  background-color: #1A1A1A; }
  .collection:not(:link) .collection__lead {
    display: block; }
  .collection:link:focus .collection__title {
    text-decoration: underline; }
  .collection:link:hover .collection__title {
    text-decoration: underline; }
  .collection:link:hover .collection__image {
    will-change: transform;
    transform: scale(1.025);
    transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .collection:link:hover .collection__grid-image:nth-child(odd) {
    transform: translateY(-20px); }
    @media (min-width: 640px) {
      .collection:link:hover .collection__grid-image:nth-child(odd) {
        transform: translateY(-50px); } }
  .collection:link:hover .collection__grid-image:nth-child(even) {
    transform: translateY(-15px); }
    @media (min-width: 640px) {
      .collection:link:hover .collection__grid-image:nth-child(even) {
        transform: translateY(-40px); } }
  .collection:link:hover:after {
    opacity: 0.4; }
  .collection__image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .collection__image-wrapper:after {
      content: '';
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: 0.7;
      background-image: linear-gradient(to bottom, rgba(var(--color-shade), 0.7), rgba(var(--color-shade), 1));
      mix-blend-mode: multiply;
      transition: opacity 500ms ease-out; }
  .collection__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px 8px 4px;
    color: #fff;
    background-color: #1A1A1A;
    font-size: 0.9rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-shadow: none;
    color: black;
    background-color: var(--color-base); }
  .collection__content {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 1rem 1.8rem;
    color: #fff; }
  .collection__image {
    display: block;
    width: 100%;
    margin: 0;
    background-color: #1A1A1A;
    transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  .collection__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0; }
    @media screen and (min-width: 640px) {
      .collection__title {
        font-size: 2.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .collection__title {
        font-size: 3rem;
        line-height: 1.1; } }
  .collection__lead {
    font-family: "Lyon", serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    text-align: center;
    max-width: 38rem;
    margin: 1.2rem auto -3em;
    display: none; }
    @media (min-width: 640px) {
      .collection__lead {
        display: block; } }
  .collection__icon {
    position: absolute;
    right: 1.2rem;
    top: calc(50% - 14px); }
  .collection__grid {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    top: -5%;
    left: 0;
    width: 100%;
    height: 115%;
    overflow: hidden;
    transition: transform 1500ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .collection__grid-image {
    width: 50%;
    overflow: hidden;
    object-fit: cover;
    transition: transform 1500ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    .collection__grid-image--three {
      -ms-flex-positive: 2;
          flex-grow: 2; }
  .collection--spacing {
    margin-top: 2.4rem; }
    .collection--spacing:not(:last-child) {
      margin-bottom: 2.4rem; }
  .collection--large .collection__title {
    font-size: 2.2rem;
    line-height: 1.1; }
    @media screen and (min-width: 640px) {
      .collection--large .collection__title {
        font-size: 3.4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .collection--large .collection__title {
        font-size: 4.1rem;
        line-height: 1.1; } }
  @media (min-width: 640px) {
    .collection--medium .collection__grid {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .collection--medium .collection__grid-image {
      object-fit: cover;
      object-position: center;
      width: 100%; }
      .collection--medium .collection__grid-image:nth-child(n+5) {
        display: none; }
    .collection--medium .collection__title {
      font-size: 2.2rem;
      line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .collection--medium .collection__title {
      font-size: 2.8rem;
      line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .collection--medium .collection__title {
      font-size: 3rem;
      line-height: 1.1; } }
  @media (min-width: 640px) {
    .collection--medium .collection__content {
      -ms-flex-pack: end;
          justify-content: flex-end;
      padding-bottom: 3.8rem; }
    .collection--medium .collection__lead {
      margin-bottom: 0; } }
  .collection--cover, .collection--small, .collection--small-light, .collection--small-dark {
    text-shadow: none;
    background-color: transparent;
    color: #424242; }
    .collection--cover .collection__content, .collection--small .collection__content, .collection--small-light .collection__content, .collection--small-dark .collection__content {
      position: relative;
      color: inherit; }
    .collection--cover .collection__image-wrapper, .collection--small .collection__image-wrapper, .collection--small-light .collection__image-wrapper, .collection--small-dark .collection__image-wrapper {
      position: relative; }
      .collection--cover .collection__image-wrapper:after, .collection--small .collection__image-wrapper:after, .collection--small-light .collection__image-wrapper:after, .collection--small-dark .collection__image-wrapper:after {
        opacity: 0.1; }
    .collection--cover .collection__lead, .collection--small .collection__lead, .collection--small-light .collection__lead, .collection--small-dark .collection__lead {
      margin-bottom: 0; }
    .collection--cover .collection__grid, .collection--small .collection__grid, .collection--small-light .collection__grid, .collection--small-dark .collection__grid {
      position: absolute;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      @media (min-width: 640px) {
        .collection--cover .collection__grid, .collection--small .collection__grid, .collection--small-light .collection__grid, .collection--small-dark .collection__grid {
          height: 123.5%; } }
    @media (min-width: 640px) {
      .collection--cover .collection__grid-image, .collection--small .collection__grid-image, .collection--small-light .collection__grid-image, .collection--small-dark .collection__grid-image {
        width: 100%; } }
    @media (min-width: 640px) {
      .collection--cover .collection__title, .collection--small .collection__title, .collection--small-light .collection__title, .collection--small-dark .collection__title {
        font-size: 2.2rem;
        line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .collection--cover .collection__title, .collection--small .collection__title, .collection--small-light .collection__title, .collection--small-dark .collection__title {
      font-size: 2.8rem;
      line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .collection--cover .collection__title, .collection--small .collection__title, .collection--small-light .collection__title, .collection--small-dark .collection__title {
      font-size: 3rem;
      line-height: 1.1; } }
  .collection--small .collection__keyword {
    color: #fff;
    background-color: black; }
  .collection--small-light .collection__keyword {
    color: #fff;
    color: var(--color-light);
    background-color: black; }
  .collection--small-light {
    padding: 1rem;
    color: var(--color-dark);
    background-color: var(--color-light); }
  .collection--small-dark {
    padding: 1rem;
    color: var(--color-xlight);
    background-color: var(--color-dark); }
  .collection--cover {
    color: var(--color-text); }
    .collection--cover .collection__keyword {
      color: var(--color-contrast);
      background-color: var(--color-text); }
    .collection--cover .collection__title {
      font-size: 2.2rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .collection--cover .collection__title {
          font-size: 2.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .collection--cover .collection__title {
          font-size: 3rem;
          line-height: 1.1; } }
    .collection--cover .collection__image-wrapper {
      width: 100%;
      max-width: 66rem;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 640px) {
        .collection--cover .collection__image-wrapper {
          max-width: 64rem; } }
      @media (min-width: 1000px) {
        .collection--cover .collection__image-wrapper {
          max-width: 60.4rem; } }
      @media screen and (min-width: 1000px) and (max-height: 900px) {
        .collection--cover .collection__image-wrapper {
          max-width: 61.4rem; } }
    @media (min-width: 1000px) {
      .collection--cover {
        padding: 0 3.8rem 3.8rem; } }

.cover-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  clear: both;
  padding: 0.7rem 1rem;
  margin: 2.4rem -1.3rem;
  color: #fff;
  background-color: #424242; }
  @media (min-width: 640px) {
    .cover-box {
      padding: 1rem;
      margin: 2.4rem 0; } }
  .cover-box__image {
    max-height: 7rem;
    margin-right: 1rem; }
    @media (min-width: 640px) {
      .cover-box__image {
        max-height: 8rem; } }
  @media (min-width: 640px) {
    .cover-box__content {
      padding-left: 0.3rem; } }
  .cover-box__title {
    margin: 0 0 0.7rem;
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.35rem;
    line-height: 1.2; }
    @media (min-width: 640px) {
      .cover-box__title {
        font-size: 1.45rem; } }
  .cover-box__description {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    display: inline;
    line-height: 1.3;
    margin: 0; }
    .cover-box__description:not(:last-of-type):after {
      content: '|';
      display: inline-block;
      margin: 0 0.38rem; }
      @media (min-width: 640px) {
        .cover-box__description:not(:last-of-type):after {
          margin: 0 0.3rem; } }
  .cover-box--kommentar {
    color: #fff;
    background-color: #0078c8; }
  .cover-box--meninger {
    color: #fff;
    background-color: #0078c8; }
  .cover-box--innenriks {
    color: #fff;
    background-color: #A80000; }
  .cover-box--ntburix {
    color: #fff;
    background-color: #A80000; }
  .cover-box--utenriks {
    color: #fff;
    background-color: #A80000; }
  .cover-box--ntbirix {
    color: #fff;
    background-color: #A80000; }
  .cover-box--politikk {
    color: #fff;
    background-color: #A80000; }
  .cover-box--viten {
    color: #fff;
    background-color: #1f996a; }
  .cover-box--historie {
    color: #fff;
    background-color: #1f996a; }
  .cover-box--kultur {
    color: #fff;
    background-color: #3B3B7F; }
  .cover-box--kunst {
    color: #fff;
    background-color: #3B3B7F; }
  .cover-box--moderne {
    color: #fff;
    background-color: #007E9B; }
  .cover-box--film {
    color: #fff;
    background-color: #24324c; }
  .cover-box--teater {
    color: #fff;
    background-color: #75003b; }
  .cover-box--økonomi {
    color: #fff;
    background-color: #0b407f; }
  .cover-box--musikkmagasinet {
    color: #fff;
    background-color: #DA372F; }
  .cover-box--bokmagasinet {
    color: #fff;
    background-color: #9b1e30; }
  .cover-box--kampanje {
    color: #fff;
    background-color: #A80000; }
  .cover-box--magasin {
    color: #fff;
    background-color: #0078c8; }
  .cover-box + .cover-box {
    margin-top: -1.7rem; }

.datepicker__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.7rem; }

.datepicker__month {
  font-family: "GTA", sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin: 0; }

.datepicker__table {
  table-layout: fixed;
  width: 100%; }

.datepicker__cell {
  will-change: transform;
  padding: 0; }

.datepicker__control {
  padding: 2px;
  outline: 0;
  transition: transform 150ms cubic-bezier(0, 0, 0.1, 1);
  will-change: transform; }
  .datepicker__control:hover, .datepicker__control:focus {
    filter: drop-shadow(0 0 5px #7A0000); }
  .datepicker__control--next:active {
    transform: translateX(2px); }
  .datepicker__control--back:active {
    transform: translateX(-2px); }
  .datepicker__control[disabled] {
    pointer-events: none;
    opacity: 0.5; }

.datepicker__day-name--long {
  display: none; }
  @media (min-width: 640px) {
    .datepicker__day-name--long {
      display: block; } }

.datepicker__day-name--short {
  display: block; }
  @media (min-width: 640px) {
    .datepicker__day-name--short {
      display: none; } }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 70ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 100ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 100ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 370ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 370ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 400ms; }

.datepicker__item {
  text-align: center;
  width: 100%; }
  .datepicker__item--action {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer;
    height: 3rem;
    outline: 0;
    padding: 1px;
    color: #ad1409;
    background-color: #fff; }
    @media screen and (min-width: 1000px) {
      .datepicker__item--action {
        font-size: 1.65rem;
        line-height: 1.2; } }
    .datepicker__item--action:hover, .datepicker__item--action:focus {
      color: #fff;
      background-color: #ad1409;
      box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); }
    .datepicker__item--action[disabled] {
      pointer-events: none;
      overflow: hidden;
      text-decoration: line-through;
      opacity: 0.5; }
    @media (min-width: 640px) {
      .datepicker__item--action {
        height: 4rem; } }
  .datepicker__item--header {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    margin-bottom: 0.3rem; }

@keyframes date-item-in {
  from {
    opacity: 0;
    transform: translateY(-20px); } }

.factbox {
  font-family: "GTA", sans-serif;
  font-size: 0.9rem;
  line-height: 1.3;
  clear: both;
  padding-bottom: 0;
  padding: 1rem;
  color: #fff;
  background-color: #424242; }
  .factbox__title {
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 1rem; }
    .factbox__title--toggle {
      margin: 0; }
  .factbox__toggle {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    outline: 0; }
    .factbox__toggle:hover, .factbox__toggle:focus {
      color: #ad1409; }
    @media (min-width: 640px) {
      .factbox__toggle {
        display: none; } }
  .factbox__toggle-icon {
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
    transform: rotate(-180deg);
    transition: transform 300ms cubic-bezier(0.19, 1, 0.22, 1); }
  @media (max-width: 639px) {
    .factbox__content {
      margin-top: 1rem;
      perspective: 1000px; } }
  @media (max-width: 639px) {
    .factbox--collapsable .factbox__title:not(.factbox__title--toggle) {
      display: none; } }
  @media (max-width: 639px) {
    .factbox--collapsable .factbox__content {
      perspective: 1000px; }
      .factbox--collapsable .factbox__content .image,
      .factbox--collapsable .factbox__content p,
      .factbox--collapsable .factbox__content li {
        animation: factbox-content-enter 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 360ms; }
        .factbox--collapsable .factbox__content .image:nth-child(1),
        .factbox--collapsable .factbox__content p:nth-child(1),
        .factbox--collapsable .factbox__content li:nth-child(1) {
          animation-delay: 40ms; }
        .factbox--collapsable .factbox__content .image:nth-child(2),
        .factbox--collapsable .factbox__content p:nth-child(2),
        .factbox--collapsable .factbox__content li:nth-child(2) {
          animation-delay: 80ms; }
        .factbox--collapsable .factbox__content .image:nth-child(3),
        .factbox--collapsable .factbox__content p:nth-child(3),
        .factbox--collapsable .factbox__content li:nth-child(3) {
          animation-delay: 120ms; }
        .factbox--collapsable .factbox__content .image:nth-child(4),
        .factbox--collapsable .factbox__content p:nth-child(4),
        .factbox--collapsable .factbox__content li:nth-child(4) {
          animation-delay: 160ms; }
        .factbox--collapsable .factbox__content .image:nth-child(5),
        .factbox--collapsable .factbox__content p:nth-child(5),
        .factbox--collapsable .factbox__content li:nth-child(5) {
          animation-delay: 200ms; }
        .factbox--collapsable .factbox__content .image:nth-child(6),
        .factbox--collapsable .factbox__content p:nth-child(6),
        .factbox--collapsable .factbox__content li:nth-child(6) {
          animation-delay: 240ms; }
        .factbox--collapsable .factbox__content .image:nth-child(7),
        .factbox--collapsable .factbox__content p:nth-child(7),
        .factbox--collapsable .factbox__content li:nth-child(7) {
          animation-delay: 280ms; }
        .factbox--collapsable .factbox__content .image:nth-child(8),
        .factbox--collapsable .factbox__content p:nth-child(8),
        .factbox--collapsable .factbox__content li:nth-child(8) {
          animation-delay: 320ms; } }
  .factbox--collapsed .factbox__toggle-icon {
    transform: none; }
  @media (max-width: 639px) {
    .factbox--collapsed .factbox__content {
      display: none; } }
  .factbox strong {
    letter-spacing: 0.01em; }
  .factbox ul {
    margin: 0; }
    .factbox ul > li:last-child {
      margin-bottom: 0; }
    .factbox ul > li:before {
      background-color: #bc2b28; }
  .factbox .image__caption {
    color: #fff;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid rgba(66, 66, 66, 0.75); }
  .factbox--insert {
    margin-bottom: 1.4rem; }
    @media (min-width: 640px) {
      .factbox--insert {
        float: left;
        width: 36%;
        max-width: 200px;
        margin: 1.4rem 2.4rem;
        margin-left: 0; } }
  .factbox--dark {
    background-color: #1A1A1A; }
  .factbox--light {
    color: #424242;
    background-color: #F2F2F2; }
  .factbox--large {
    font-family: "Lyon", serif;
    font-size: 1rem;
    line-height: 1.5; }
    @media (min-width: 640px) {
      .factbox--large {
        padding: 1.8rem; } }
    .factbox--large .factbox__title {
      font-size: 1.5rem;
      line-height: 1.2;
      text-transform: none; }
      @media screen and (min-width: 1000px) {
        .factbox--large .factbox__title {
          font-size: 1.65rem;
          line-height: 1.2; } }
    .factbox--large ul > li:not(:last-child) {
      margin-bottom: 0.3rem; }

@keyframes factbox-content-enter {
  from {
    opacity: 0;
    transform: translateY(-2.6rem) rotateX(30deg); } }

.facts {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 2rem 0;
  margin: 3.8rem 0;
  background-color: inherit; }
  .facts__separator {
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.2, 0.3, 1), opacity 350ms cubic-bezier(0.2, 0.2, 0.3, 1);
    transition-delay: 50ms;
    z-index: 2; }
    .facts__separator--top {
      top: 0;
      border-top: 2px dotted currentColor;
      transform: translateY(calc(50% - 1px)); }
    .facts__separator--bottom {
      bottom: 0;
      border-bottom: 2px dotted currentColor;
      transform: translateY(calc(-50% + 1px)); }
  .facts__content {
    max-width: 26rem;
    margin: 0 auto;
    opacity: 0;
    transform: scaleX(0.8) scaleY(0.65);
    transition: transform 350ms cubic-bezier(0.2, 0.2, 0.3, 1), opacity 350ms cubic-bezier(0.2, 0.2, 0.3, 1);
    transition-delay: 50ms; }
  .facts__title {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0; }
  .facts__text {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    margin: 0; }
  .facts__circle {
    display: inline-block;
    position: relative;
    top: -2px;
    border: 2.5px solid currentColor;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 0.4em; }
  .facts--active .facts__separator {
    opacity: 0.3;
    transform: none; }
  .facts--active .facts__content {
    opacity: 1;
    transform: none;
    transition-delay: 120ms; }

.info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center; }
  .info__title {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 0 1.8rem; }
    @media screen and (min-width: 1000px) {
      .info__title {
        font-size: 1.65rem;
        line-height: 1.2; } }

.tags {
  margin-left: -2px;
  margin-right: -2px; }
  .tags__item {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    margin: 2px;
    padding: 0.576em 0.9em 0.624em;
    border-radius: 2px;
    background-color: #F2F2F2;
    outline: 0;
    transition: transform 150ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    .tags__item:hover, .tags__item:focus {
      box-shadow: 0 0 0 2px rgba(49, 173, 255, 0.5); }
    .tags__item:active {
      transform: translateY(2px); }
    .tags__item--selected {
      background-color: #DBDBDB; }
  .tags__icon {
    margin-left: 0.5em;
    margin-right: -0.2em;
    transform: scale(0.8); }
  .tags--spacing {
    margin-top: 1rem; }

.frontpage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem; }
  @media (min-width: 640px) {
    .frontpage {
      padding: 1rem; } }
  .frontpage__section {
    width: 100%; }
  .frontpage__content {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1.8rem 1rem; }
    @media (min-width: 640px) {
      .frontpage__content {
        padding: 2.4rem 2.4rem 1.8rem; } }
  .frontpage__image-wrapper {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%; }
  .frontpage__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
    transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .frontpage__title {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: -0.01em;
    line-height: 1;
    margin-bottom: 1rem; }
    @media screen and (min-width: 640px) {
      .frontpage__title {
        font-size: 3.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .frontpage__title {
        font-size: 4.7rem;
        line-height: 1.1; } }
    @media (min-width: 640px) {
      .frontpage__title {
        margin-bottom: 2.4rem; } }
  .frontpage__sub-title {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    display: block;
    letter-spacing: -0.02em;
    margin-bottom: 0.7rem; }
    @media screen and (min-width: 1000px) {
      .frontpage__sub-title {
        font-size: 1.65rem;
        line-height: 1.2; } }
  .frontpage__sub-title--bullet::before {
    content: ' \25A0   '; }
  .frontpage__preamble {
    margin: 0;
    text-align: left; }
    @media (max-width: 439px) {
      .frontpage__preamble {
        font-size: 0.9rem;
        line-height: 1.4; } }
    .frontpage__preamble strong {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      display: inline-block;
      text-transform: uppercase;
      color: #fff;
      background-color: #ad1409;
      padding: 0 0.3rem;
      margin-right: 0.1rem; }
  .frontpage__logo {
    color: #ad1409; }
  .frontpage__item {
    outline: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    color: #fff;
    background-color: #1A1A1A;
    cursor: pointer;
    margin-bottom: 0.7rem; }
    @media (min-width: 640px) {
      .frontpage__item {
        margin-bottom: 1rem; } }
    .frontpage__item:hover .frontpage__image, .frontpage__item:focus .frontpage__image {
      transform: scale(1.03); }
    .frontpage__item--inverted {
      text-shadow: none;
      color: #424242;
      background-color: #DBDBDB; }
    .frontpage__item--image {
      -ms-flex-align: end;
          align-items: flex-end;
      background-color: black;
      padding-top: 9rem;
      min-height: 66vw;
      text-shadow: 0 0 20px rgba(26, 26, 26, 0.2); }
      @media (min-width: 54rem) {
        .frontpage__item--image {
          min-height: 630px; } }
      .frontpage__item--image .frontpage__image-wrapper:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 60%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); }
      .frontpage__item--image .frontpage__content {
        padding: 1.8rem 1rem 1rem; }
        @media (min-width: 640px) {
          .frontpage__item--image .frontpage__content {
            padding: 2.4rem 2.4rem 1.8rem; } }
    .frontpage__item--split-layout {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      text-shadow: none;
      min-height: 180px; }
      .frontpage__item--split-layout .frontpage__title {
        font-family: "GTA", sans-serif;
        font-weight: 500;
        font-size: 2.2rem;
        line-height: 1.1;
        letter-spacing: -0.015em;
        text-transform: none; }
        @media screen and (min-width: 640px) {
          .frontpage__item--split-layout .frontpage__title {
            font-size: 2.8rem;
            line-height: 1.1; } }
        @media screen and (min-width: 1000px) {
          .frontpage__item--split-layout .frontpage__title {
            font-size: 3rem;
            line-height: 1.1; } }
        @media (min-width: 640px) {
          .frontpage__item--split-layout .frontpage__title {
            margin-bottom: 1.8rem; } }
      .frontpage__item--split-layout .frontpage__sub-title {
        font-size: 1.16rem;
        line-height: 1.4;
        letter-spacing: -0.01em; }
      .frontpage__item--split-layout .frontpage__image-wrapper {
        position: relative;
        height: 100%;
        -ms-flex-order: 2;
            order: 2; }
        @media (max-width: 439px) {
          .frontpage__item--split-layout .frontpage__image-wrapper {
            width: 60%; } }
      .frontpage__item--split-layout .frontpage__image {
        position: absolute;
        will-change: transform; }
      @media (min-width: 440px) {
        .frontpage__item--split-layout .frontpage__preamble {
          font-size: 1rem;
          line-height: 1.5; } }
      .frontpage__item--split-layout .frontpage__content {
        margin: 0;
        padding: 1rem 0.9rem; }
        @media (min-width: 640px) {
          .frontpage__item--split-layout .frontpage__content {
            padding: 2.4rem; } }
    .frontpage__item--kommentar {
      background-color: #0078c8; }
      .frontpage__item--kommentar .frontpage__preamble strong {
        color: #0078c8;
        background-color: #fff; }
      .frontpage__item--kommentar .frontpage__title {
        font-family: "Lyon", serif;
        font-weight: 800;
        font-size: 2.1rem;
        line-height: 1.05;
        letter-spacing: 0; }
        @media screen and (min-width: 640px) {
          .frontpage__item--kommentar .frontpage__title {
            font-size: 2.6rem;
            line-height: 1.05; } }
    .frontpage__item--musikkmagasinet {
      background-color: #DA372F; }
      .frontpage__item--musikkmagasinet .frontpage__preamble strong {
        color: #DA372F;
        background-color: #fff; }
    .frontpage__item--bokmagasinet {
      background-color: #9b1e30; }
      .frontpage__item--bokmagasinet .frontpage__preamble strong {
        color: #9b1e30;
        background-color: #fff; }
    .frontpage__item--magasin {
      background-color: #0078c8; }
      .frontpage__item--magasin .frontpage__preamble strong {
        color: #0078c8;
        background-color: #fff; }
    .frontpage__item--kultur {
      background-color: #3B3B7F; }
      .frontpage__item--kultur .frontpage__preamble strong {
        color: #3B3B7F;
        background-color: #fff; }

.header__wrapper {
  max-width: 34rem;
  margin: 0 auto 0.7rem; }

.header__subtitle {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.35;
  margin-bottom: 0.3rem;
  max-width: 30rem; }
  @media screen and (min-width: 640px) {
    .header__subtitle {
      font-size: 1.2rem;
      line-height: 1.35; } }

.header__bullet:before {
  content: '\25A0';
  position: relative;
  top: 0.05em;
  font-size: 1.3em;
  margin-left: 0.4em;
  margin-right: 0.1em; }

.header__bullet:first-child:before {
  margin-left: 0; }

.header__title {
  font-family: "GTA", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding-bottom: 0.7rem;
  margin: 0; }

.header__illustration {
  height: auto;
  max-width: 6rem;
  max-height: 4rem;
  margin-bottom: 0.3rem; }
  .header__illustration--akknu {
    position: absolute;
    bottom: -2px;
    right: 0;
    margin: 0; }

.header--top-image .header__content {
  border: 0;
  padding-bottom: 0; }

@media (min-width: 640px) {
  .header--small .header__content,
  .header--small .header__wrapper, .header--promo-word .header__content,
  .header--promo-word .header__wrapper, .header--notice .header__content,
  .header--notice .header__wrapper {
    max-width: 25rem; }
  .header--small .image--hero, .header--promo-word .image--hero, .header--notice .image--hero {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto; } }

.header--medium .image--hero, .header--default .image--hero {
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 640px) {
  .header--large {
    text-align: center; } }

.header--large .header__title {
  font-family: "GTA", sans-serif;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 0.7rem; }
  @media screen and (min-width: 640px) {
    .header--large .header__title {
      font-size: 3.4rem;
      line-height: 1.1; } }
  @media screen and (min-width: 1000px) {
    .header--large .header__title {
      font-size: 4.1rem;
      line-height: 1.1; } }
  @media (min-width: 1000px) {
    .header--large .header__title {
      margin-left: -2.4rem;
      margin-right: -2.4rem; } }

.header--large .header__subtitle {
  word-spacing: normal; }
  @media (min-width: 640px) {
    .header--large .header__subtitle {
      margin-left: auto;
      margin-right: auto; } }

.header--large.header--meninger .header__title, .header--large.header--kommentar .header__title {
  font-size: 2.2rem;
  line-height: 1.1; }
  @media screen and (min-width: 640px) {
    .header--large.header--meninger .header__title, .header--large.header--kommentar .header__title {
      font-size: 2.8rem;
      line-height: 1.1; } }
  @media screen and (min-width: 1000px) {
    .header--large.header--meninger .header__title, .header--large.header--kommentar .header__title {
      font-size: 3rem;
      line-height: 1.1; } }
  @media (min-width: 640px) {
    .header--large.header--meninger .header__title, .header--large.header--kommentar .header__title {
      padding-left: 1rem;
      padding-right: 1rem; } }

.header--small .header__title {
  font-size: 2.1rem;
  line-height: 1.05; }
  @media screen and (min-width: 640px) {
    .header--small .header__title {
      font-size: 2.6rem;
      line-height: 1.05; } }

.header--large .header__wrapper, .header--dark .header__wrapper {
  max-width: none; }

.header--meninger .header__title, .header--kommentar .header__title, .header--opinionated .header__title, .header--fredag .header__title {
  font-family: "Lyon", serif;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1rem; }

.header--meninger:not(.header--large):not(.header--pillar) .header__title, .header--kommentar:not(.header--large):not(.header--pillar) .header__title, .header--opinionated:not(.header--large):not(.header--pillar) .header__title, .header--fredag:not(.header--large):not(.header--pillar) .header__title {
  font-size: 2.1rem;
  line-height: 1.05; }
  @media screen and (min-width: 640px) {
    .header--meninger:not(.header--large):not(.header--pillar) .header__title, .header--kommentar:not(.header--large):not(.header--pillar) .header__title, .header--opinionated:not(.header--large):not(.header--pillar) .header__title, .header--fredag:not(.header--large):not(.header--pillar) .header__title {
      font-size: 2.6rem;
      line-height: 1.05; } }

.header--promo-word {
  text-align: center; }
  .header--promo-word .header__subtitle {
    text-transform: uppercase; }
    .header--promo-word .header__subtitle strong,
    .header--promo-word .header__subtitle b {
      font-weight: inherit; }
  .header--promo-word .header__title {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-transform: uppercase; }
    .header--promo-word .header__title--short {
      font-size: 3.6rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .header--promo-word .header__title--short {
          font-size: 4rem;
          line-height: 1.05; } }
    .header--promo-word .header__title--kommentar {
      color: #0078c8; }
    .header--promo-word .header__title--meninger {
      color: #0078c8; }
    .header--promo-word .header__title--innenriks {
      color: #A80000; }
    .header--promo-word .header__title--ntburix {
      color: #A80000; }
    .header--promo-word .header__title--utenriks {
      color: #A80000; }
    .header--promo-word .header__title--ntbirix {
      color: #A80000; }
    .header--promo-word .header__title--politikk {
      color: #A80000; }
    .header--promo-word .header__title--viten {
      color: #1f996a; }
    .header--promo-word .header__title--historie {
      color: #1f996a; }
    .header--promo-word .header__title--kultur {
      color: #3B3B7F; }
    .header--promo-word .header__title--kunst {
      color: #3B3B7F; }
    .header--promo-word .header__title--moderne {
      color: #007E9B; }
    .header--promo-word .header__title--film {
      color: #24324c; }
    .header--promo-word .header__title--teater {
      color: #75003b; }
    .header--promo-word .header__title--økonomi {
      color: #0b407f; }
    .header--promo-word .header__title--musikkmagasinet {
      color: #DA372F; }
    .header--promo-word .header__title--bokmagasinet {
      color: #9b1e30; }
    .header--promo-word .header__title--kampanje {
      color: #A80000; }
    .header--promo-word .header__title--magasin {
      color: #0078c8; }
  .header--promo-word .by-line {
    display: none; }
  .header--promo-word .image {
    padding-bottom: 0;
    border-bottom: 0; }

.header--no-byline .header__content {
  border: 0; }

.header--notice .header__title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 0; }
  @media screen and (min-width: 1000px) {
    .header--notice .header__title {
      font-size: 1.65rem;
      line-height: 1.2; } }

.header--tight-notice .header__title {
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .header--tight-notice .header__title {
      font-size: 1.65rem;
      line-height: 1.2; } }

.header--small-notice .header__title {
  font-size: 1.5rem;
  line-height: 1.2; }
  @media screen and (min-width: 1000px) {
    .header--small-notice .header__title {
      font-size: 1.65rem;
      line-height: 1.2; } }

.header--small-notice .image {
  display: none; }

.header--pillar .header__title {
  font-family: "Lyon", serif;
  font-weight: normal;
  font-size: 2.1rem;
  line-height: 1.05;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-style: italic; }
  @media screen and (min-width: 640px) {
    .header--pillar .header__title {
      font-size: 2.6rem;
      line-height: 1.05; } }

.header--pillar .header__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.header--pillar .header__wrapper {
  position: relative;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #C1C1C1; }
  @media (min-width: 640px) {
    .header--pillar .header__wrapper {
      max-width: 21rem; } }

.header--pillar .by-line {
  margin-bottom: 0.7rem; }

.header--tegneserie .header__title {
  font-family: "Lyon", serif;
  font-weight: normal;
  font-size: 2.1rem;
  line-height: 1.05;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-style: italic; }
  @media screen and (min-width: 640px) {
    .header--tegneserie .header__title {
      font-size: 2.6rem;
      line-height: 1.05; } }

.header--tegneserie .header__wrapper {
  position: relative;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #C1C1C1; }
  @media (min-width: 640px) {
    .header--tegneserie .header__wrapper {
      max-width: 21rem; } }

.header--tegneserie .image__caption {
  display: none; }

.header--tegneserie.header--baksida .header__wrapper {
  border: 0;
  padding: 0; }
  @media (min-width: 640px) {
    .header--tegneserie.header--baksida .header__wrapper {
      max-width: 25rem; } }

.header--dark .header__title {
  font-family: "Lyon", serif;
  font-weight: normal;
  font-size: 2.1rem;
  line-height: 1.05;
  margin: 0;
  text-align: center;
  letter-spacing: 0;
  text-transform: none; }
  @media screen and (min-width: 640px) {
    .header--dark .header__title {
      font-size: 2.6rem;
      line-height: 1.05; } }

.header--dark .image--hero .image__caption {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: contextual;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: contextual;
  -webkit-text-rendering: optimizeLegibility;
  color: #fff;
  border: 0; }

.header--kampanje {
  text-align: center; }
  .header--kampanje .header__title {
    font-style: italic; }

.helper {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  position: fixed;
  display: none;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
  z-index: 30;
  top: 4.5rem;
  left: 0;
  width: 100%; }
  .has-js .helper {
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 1000px) {
    .helper {
      top: 10rem; } }
  .helper__text-mobile {
    display: block; }
    @media (min-width: 1000px) {
      .helper__text-mobile {
        display: none; } }
  .helper__text-desktop {
    display: none; }
    @media (min-width: 1000px) {
      .helper__text-desktop {
        display: block; } }
  .helper__wrapper {
    position: relative;
    width: 100%;
    max-width: 54rem;
    margin: 0 auto; }
  .helper__content {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0 0.7rem;
    height: 60px;
    color: #fff;
    background-color: #ad1409;
    animation: show-helper 300ms cubic-bezier(0, 0, 0.1, 1) both;
    animation-delay: 700ms;
    filter: drop-shadow(0 1px 25px rgba(0, 0, 0, 0.1));
    border-radius: 2px 0 0 2px; }
    @media (min-width: 1000px) {
      .helper__content {
        position: absolute;
        left: auto;
        bottom: auto;
        -ms-flex-pack: start;
            justify-content: flex-start;
        transform-origin: right center;
        height: 40px;
        animation: show-helper--md 350ms cubic-bezier(0, 0, 0.1, 1) both;
        animation-delay: 600ms;
        padding: 0 0.3rem 0 0.7rem; } }
    @media (min-width: 1180px) {
      .helper__content {
        right: -4.25rem;
        padding: 0 0.1rem 0 0.7rem; } }
    .helper__content:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      width: 28px;
      height: 28px;
      transform: translate(50%, -50%) rotate(45deg);
      background-color: inherit;
      border-radius: 0 2px 0 0; }
  .helper__icon-wrapper {
    position: relative;
    z-index: 2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding-bottom: 2px;
    border: 1px solid currentColor;
    margin-left: 0.7rem;
    border-radius: 2px; }
    .helper__icon-wrapper:last-child {
      margin-left: 0.3rem; }
  .helper__icon {
    position: relative;
    top: 1px; }

@keyframes show-helper {
  0% {
    transform: translateY(100%);
    opacity: 0; } }

@keyframes show-helper--md {
  0% {
    transform: translateX(30px);
    opacity: 0; }
  50% {
    transform: translateX(-5px);
    opacity: 1; } }

.image {
  display: block;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  break-after: always;
  -webkit-column-break-after: always;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  color: rgba(66, 66, 66, 0.75); }
  @media (min-width: 640px) {
    .image__background {
      overflow: hidden;
      height: 40rem;
      width: 100%;
      top: 0;
      left: 0;
      background-color: #1A1A1A; }
      .image__background, .image__background-blur {
        position: absolute; } }
  .image--hero .image__image {
    width: 100%; }
  .image--hero .image__caption {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #C1C1C1; }
  @media (min-width: 640px) {
    .image--hero {
      margin-left: -2.4rem;
      margin-right: -2.4rem; } }
  @media (min-width: 1000px) {
    .image--hero {
      margin-left: -3.2rem;
      margin-right: -3.2rem; } }
  .image--hero-portrait {
    position: relative; }
    .image--hero-portrait .image__image {
      position: relative;
      z-index: 2;
      margin: 0 auto;
      width: auto;
      max-height: 40rem; }
  .image--perspective .image__image {
    margin: 0 auto;
    width: auto;
    max-height: 800px; }
  .image--small {
    position: relative;
    float: left;
    clear: both;
    margin: 0.4rem 1.4rem;
    margin-left: 0;
    transition: transform 150ms cubic-bezier(0, 0, 0.1, 1);
    width: 50%;
    max-width: 140px; }
    .image--small .image__image {
      width: 100%; }
    @media (min-width: 640px) {
      .image--small {
        cursor: pointer;
        width: 36%;
        max-width: 200px;
        margin: 0.4rem 2.4rem;
        margin-left: 0; }
        .image--small:hover, .image--small:focus {
          transform: translateY(-6px); } }
  .image__image {
    display: block;
    max-width: 100%;
    height: auto; }
  .image__caption {
    display: block;
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.3;
    text-align: left;
    max-width: 34rem;
    margin: 0 auto;
    padding-top: 0.8rem; }
    @media (max-width: 639px) {
      .image__caption--cropped {
        position: relative;
        overflow: hidden;
        max-height: 4rem; }
        .image__caption--cropped:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 40px;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); } }
  @media (min-width: 640px) {
    .image--animate-back .image__image {
      will-change: transform;
      transform-origin: top left;
      animation: collapse-image 300ms cubic-bezier(0, 0, 0.1, 1) both; } }
  @media (min-width: 640px) {
    .image--expanded {
      float: none;
      width: auto;
      max-width: none;
      margin-top: 2.8rem;
      margin-right: 0; }
      .image--expanded, .image--expanded:hover, .image--expanded:focus {
        transform: none; }
      .image--expanded .image__image {
        position: relative;
        z-index: 2;
        width: 100%;
        max-height: none;
        will-change: transform;
        transform-origin: top left;
        animation: expand-image 300ms cubic-bezier(0, 0, 0.1, 1) both; }
      .image--expanded .image__caption {
        animation: expand-image-caption 200ms cubic-bezier(0, 0, 0.1, 1) both;
        animation-delay: 150ms; } }
  .image--pillar {
    cursor: default; }
    @media (min-width: 640px) {
      .image--pillar {
        position: relative;
        float: none;
        padding: 0;
        margin: 0; }
        .image--pillar .image__wrapper {
          position: absolute;
          left: -9.6rem;
          width: 8rem; } }
    .image--pillar:hover, .image--pillar:focus {
      transform: none; }
  .image--square {
    display: inline-block; }
    @supports (object-fit: cover) {
      .image--square .image__image {
        width: 10rem;
        height: 10rem;
        object-position: 50% 38%;
        object-fit: cover; } }
    .image--square .image__caption {
      text-align: center; }
  .image--factbox {
    margin-top: 0; }

@keyframes expand-image {
  from {
    transform: scale(0.45); } }

@keyframes collapse-image {
  from {
    transform: scale(2); } }

@keyframes expand-image-caption {
  from {
    opacity: 0;
    transform: translateY(-100px); } }

.image-group {
  width: 100%;
  clear: both;
  margin-bottom: 2.4rem; }
  .image-group__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    justify-items: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 1rem; }
    @media (min-width: 54rem) {
      .image-group__items {
        position: relative;
        left: 50%;
        width: 54rem;
        margin-left: -27rem;
        padding: 1rem;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr); } }
  .image-group__item {
    object-fit: cover; }
  .image-group__caption {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.3;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #C1C1C1; }
  @media (min-width: 54rem) {
    .image-group--2 .image-group__items, .image-group--4 .image-group__items {
      position: static;
      width: 100%;
      left: auto;
      margin-left: 0;
      padding: 0 0 0.7rem;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  .image-group--3 .image-group__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0.7rem; }
    @media (min-width: 54rem) {
      .image-group--3 .image-group__items {
        grid-column-gap: 1rem; } }
  .image-group--5 .image-group__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr); }
    @media (min-width: 54rem) {
      .image-group--5 .image-group__items {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 0.7rem; } }

.imprint {
  margin: 5rem auto 0;
  width: 100%;
  max-width: 21rem;
  margin-bottom: 2.4rem;
  list-style: none;
  font-size: 0.9rem;
  line-height: 1.3; }
  .imprint__item {
    padding: 0.1rem 0.7rem;
    margin-bottom: 0; }
    .imprint__item:before {
      display: none; }
    .imprint__item--separated {
      margin-top: 2.4rem;
      padding-top: 2.4rem;
      border-top: 1px solid #C1C1C1; }
  .imprint__link {
    text-decoration: underline;
    color: inherit; }
    .imprint__link:hover, .imprint__link:focus {
      color: #ad1409; }

.issue-selector__logo.logo {
  position: relative;
  padding: 0;
  margin: 0 auto auto;
  width: 60%;
  filter: drop-shadow(0 0 8px rgba(var(--shade), 0.5)); }

.issue-selector__content {
  position: absolute;
  z-index: 31;
  padding: 1rem 0 0;
  left: 0;
  right: 0;
  outline: 0;
  text-align: center;
  color: #fff;
  background-color: #bc2b28;
  animation: fade-in 300ms ease-out both; }

.issue-selector__issues {
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1rem 2.4rem 1.8rem;
  -webkit-overflow-scrolling: touch; }
  .issue-selector__issues:after {
    content: '';
    min-width: 2.4rem; }
    @media (min-width: 1180px) {
      .issue-selector__issues:after {
        display: none; } }

.issue-selector__datepicker {
  max-width: 34rem;
  margin: 0 auto;
  padding: 1rem 0.7rem 1.8rem; }

.issue-selector__issue {
  --shade: 0, 0, 0;
  color: #fff;
  animation: issue-selector-open 150ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 295ms;
  will-change: transform, opacity;
  margin: 0 0.3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .issue-selector__issue:nth-child(1) {
    animation-delay: 45ms; }
  .issue-selector__issue:nth-child(2) {
    animation-delay: 70ms; }
  .issue-selector__issue:nth-child(3) {
    animation-delay: 95ms; }
  .issue-selector__issue:nth-child(4) {
    animation-delay: 120ms; }
  .issue-selector__issue:nth-child(5) {
    animation-delay: 145ms; }
  .issue-selector__issue:nth-child(6) {
    animation-delay: 170ms; }
  .issue-selector__issue:nth-child(7) {
    animation-delay: 195ms; }
  .issue-selector__issue:nth-child(8) {
    animation-delay: 220ms; }
  .issue-selector__issue:nth-child(9) {
    animation-delay: 245ms; }
  .issue-selector__issue:nth-child(10) {
    animation-delay: 270ms; }
  .issue-selector__issue:first-child {
    margin-left: auto; }
  .issue-selector__issue:last-child {
    margin-right: auto; }
  .issue-selector__issue:nth-child(1) {
    transform-origin: 500px top; }
  .issue-selector__issue:nth-child(2) {
    transform-origin: 400px top; }
  .issue-selector__issue:nth-child(3) {
    transform-origin: 300px top; }
  .issue-selector__issue:nth-child(4) {
    transform-origin: 200px top; }
  .issue-selector__issue:nth-child(5) {
    transform-origin: 100px top; }
  .issue-selector__issue:nth-child(6) {
    transform-origin: 0px top; }
  .issue-selector__issue:nth-child(7) {
    transform-origin: -100px top; }
  .issue-selector__issue:nth-child(8) {
    transform-origin: -200px top; }
  .issue-selector__issue:nth-child(9) {
    transform-origin: -300px top; }
  .issue-selector__issue:nth-child(10) {
    transform-origin: -400px top; }
  .issue-selector__issue:hover, .issue-selector__issue:focus {
    transform: translateY(-0.15rem); }

.issue-selector__cover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  width: 8.6rem;
  height: 10.6rem;
  padding: 0.5rem 0.3rem;
  background-color: #424242;
  text-align: center; }
  .issue-selector__cover--image {
    background-size: cover;
    background-position: center top;
    text-shadow: 0 0 20px rgba(var(--shade), 0.3), 0 0 2px rgba(var(--shade), 0.2); }
    .issue-selector__cover--image:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      mix-blend-mode: multiply;
      opacity: 0.75;
      background-image: linear-gradient(to bottom, rgba(var(--shade), 0), rgba(var(--shade), 1)); }

.issue-selector__issue-title {
  position: relative;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-family: "GTA", sans-serif;
  font-weight: bold;
  font-size: 1.45rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin: 0; }

.issue-selector__date {
  display: block;
  font-family: "GTA", sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  white-space: nowrap;
  text-align: center; }

.issue-selector__backdrop {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: transparent;
  background-color: rgba(255, 255, 255, 0.9);
  animation: fade-in 150ms ease-out both;
  will-change: opacity; }

@keyframes issue-selector-open {
  from {
    opacity: 0;
    transform: translateY(-80%) scale(0.8); } }

.loading {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 3.8rem;
  margin-bottom: 3.8rem; }
  .loading__pages {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .loading__pages:before {
      content: '';
      position: absolute;
      top: 0;
      width: 2px;
      height: 100%;
      z-index: 3;
      background-color: #424242; }
  .loading__page {
    position: relative;
    border: 2px solid #424242;
    height: 5rem;
    width: 3.75rem;
    perspective: 230px;
    background-color: #fff; }
    .loading__page:first-child {
      border-right: 0; }
    .loading__page:last-child {
      border-left: 0; }
      .loading__page:last-child:before {
        content: '';
        z-index: 2;
        position: absolute;
        top: -2px;
        left: 0;
        bottom: -2px;
        right: -2px;
        border: inherit;
        border-left: 0;
        background-color: inherit;
        transform-origin: left;
        animation: loading-pages-spinner 800ms ease-in-out infinite;
        -webkit-backface-visibility: visible;
                backface-visibility: visible; }
  .loading__text {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1rem; }

@keyframes loading-pages-spinner {
  to {
    transform: rotateY(-180deg); } }

.magazine-logo {
  font-family: "GTA", sans-serif;
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 1.05;
  color: #fff;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1.4rem;
  margin-bottom: 2.4rem;
  perspective: 1000px; }
  @media screen and (min-width: 640px) {
    .magazine-logo {
      font-size: 2.6rem;
      line-height: 1.05; } }
  .magazine-logo--bokmagasinet.magazine-logo--animate .magazine-logo__logo-word {
    opacity: 0;
    transform-origin: center left;
    animation: flip-in--right 600ms ease forwards; }
    .magazine-logo--bokmagasinet.magazine-logo--animate .magazine-logo__logo-word--promo {
      transform-origin: center right;
      animation: flip-in--left 600ms ease forwards; }
  .magazine-logo--other .magazine-logo__logo-word {
    opacity: 0;
    animation: magazine-in 600ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 50ms; }
    .magazine-logo--other .magazine-logo__logo-word--promo {
      position: relative;
      z-index: 2;
      animation: name-in 600ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
      animation-delay: 50ms; }
  .magazine-logo--large {
    font-size: 2.2rem;
    line-height: 1.1; }
    @media screen and (min-width: 640px) {
      .magazine-logo--large {
        font-size: 3.4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .magazine-logo--large {
        font-size: 4.1rem;
        line-height: 1.1; } }
  .magazine-logo--small {
    font-size: 1.5rem;
    line-height: 1.2; }
    @media screen and (min-width: 1000px) {
      .magazine-logo--small {
        font-size: 1.65rem;
        line-height: 1.2; } }
  .magazine-logo--small {
    font-size: 1.5rem;
    line-height: 1.2; }
    @media screen and (min-width: 1000px) {
      .magazine-logo--small {
        font-size: 1.65rem;
        line-height: 1.2; } }
  .magazine-logo__logo-word {
    display: inline-block; }
    .magazine-logo__logo-word--promo {
      color: #1A1A1A; }
  .magazine-logo__letter {
    display: inline-block; }
    .magazine-logo--animate .magazine-logo__letter {
      opacity: 0;
      animation-delay: 320ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(odd) {
        animation: music-in--up 300ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(even) {
        animation: music-in--down 300ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(1) {
        animation-delay: 20ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(2) {
        animation-delay: 40ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(3) {
        animation-delay: 60ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(4) {
        animation-delay: 80ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(5) {
        animation-delay: 100ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(6) {
        animation-delay: 120ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(7) {
        animation-delay: 140ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(8) {
        animation-delay: 160ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(9) {
        animation-delay: 180ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(10) {
        animation-delay: 200ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(11) {
        animation-delay: 220ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(12) {
        animation-delay: 240ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(13) {
        animation-delay: 260ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(14) {
        animation-delay: 280ms; }
      .magazine-logo--animate .magazine-logo__letter:nth-child(15) {
        animation-delay: 300ms; }
    .magazine-logo__letter--promo {
      color: #1A1A1A; }
  .magazine-logo--inverted.magazine-logo--bokmagasinet {
    color: #9b1e30; }
  .magazine-logo--inverted.magazine-logo--musikkmagasinet {
    color: #DA372F; }
  .magazine-logo--inverted .magazine-logo__logo-word--promo,
  .magazine-logo--inverted .magazine-logo__letter--promo {
    color: #fff; }

@keyframes music-in--up {
  0% {
    opacity: 0;
    transform: translateY(70px); }
  20%,
  100% {
    opacity: 1; } }

@keyframes music-in--down {
  0% {
    opacity: 0;
    transform: translateY(-70px); }
  20%,
  100% {
    opacity: 1; } }

@keyframes flip-in--left {
  0% {
    opacity: 0;
    transform: rotateY(80deg); }
  20%,
  100% {
    opacity: 1; } }

@keyframes flip-in--right {
  0% {
    opacity: 0;
    transform: rotateY(-60deg); }
  20%,
  100% {
    opacity: 1; } }

@keyframes name-in {
  from {
    opacity: 0;
    transform: translateX(70%) scale(0.2); }
  to {
    opacity: 1; } }

@keyframes magazine-in {
  from {
    opacity: 0;
    transform: translateX(-50%) scale(0.2); }
  to {
    opacity: 1; } }

.magazine-front {
  min-height: 100vh; }
  .magazine-front__content {
    max-width: 42rem;
    padding: 0.7rem;
    margin: 0 auto; }
    @media (min-width: 640px) {
      .magazine-front__content {
        padding: 1rem; } }
  .magazine-front__title {
    margin-top: 1rem;
    text-align: center; }
  .magazine-front__preamble {
    text-align: center;
    max-width: 40ch;
    margin: 0 auto; }
    .magazine-front__preamble strong,
    .magazine-front__preamble b {
      font-family: "GTA", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      color: #424242;
      background-color: #fff;
      padding: 0 0.3rem;
      margin-right: 0.1rem; }
  .magazine-front--bokmagasinet {
    color: #fff;
    background-color: #9b1e30; }
    .magazine-front--bokmagasinet .magazine-front__preamble strong,
    .magazine-front--bokmagasinet .magazine-front__preamble b {
      color: #9b1e30; }
  .magazine-front--musikkmagasinet {
    color: #fff;
    background-color: #DA372F; }
    .magazine-front--musikkmagasinet .magazine-front__preamble strong,
    .magazine-front--musikkmagasinet .magazine-front__preamble b {
      color: #DA372F; }
  .magazine-front--magasin {
    color: #fff;
    background-color: #0078c8; }
    .magazine-front--magasin .magazine-front__preamble strong,
    .magazine-front--magasin .magazine-front__preamble b {
      color: #0078c8; }
  .magazine-front__subtitle {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    margin-top: 0.7rem;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .magazine-front__subtitle {
        font-size: 1.65rem;
        line-height: 1.2; } }
  .magazine-front__subtitle--bullet::before {
    content: ' \25A0   '; }

.menu {
  position: absolute;
  top: 0;
  right: 0; }
  .menu:empty {
    display: none; }
  .menu__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: fixed;
    z-index: 30;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #ad1409;
    outline: 0;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-top: 3.4rem;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media (min-width: 640px) {
      .menu__content {
        max-width: 640px;
        padding-top: 5.5rem;
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (min-width: 1000px) {
      .menu__content {
        max-width: 700px;
        padding-left: 3.8rem;
        padding-right: 3.8rem; } }
    .menu__content--compact .menu__header {
      height: 2.9rem;
      padding-left: 1rem;
      padding-right: calc(1rem + 20px); }
  .menu__header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 20px;
    background-color: inherit;
    height: 3.4rem;
    padding-left: 1rem;
    padding-right: calc(1rem + 20px); }
    @media (min-width: 640px) {
      .menu__header {
        height: 5.5rem;
        max-width: 640px;
        padding-left: 2rem;
        padding-right: calc(2rem + 20px); } }
    @media (min-width: 1000px) {
      .menu__header {
        max-width: 700px;
        padding-left: 3.8rem;
        padding-right: calc(3.8rem + 20px); } }
  .menu__search {
    width: 50%;
    max-width: 15rem;
    margin-right: auto; }
  .menu__separator {
    height: 2rem;
    width: 2px;
    margin-left: 1rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: #bc2b28; }
    .menu__separator:last-child {
      margin-right: 1rem; }
  .menu__link {
    color: #fff;
    margin-bottom: 1.4rem; }
    .menu__link:hover, .menu__link:focus {
      text-decoration: underline; }
    .menu__link--inline {
      white-space: nowrap;
      margin: 0;
      margin-left: 1rem; }
    .menu__link--large {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      font-size: 2.2rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .menu__link--large {
          font-size: 2.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .menu__link--large {
          font-size: 3rem;
          line-height: 1.1; } }
    @media (min-width: 640px) {
      .menu__link--muted {
        color: rgba(255, 255, 255, 0.75); } }
  .menu__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 1.4rem;
    white-space: nowrap; }
    .menu__links--large {
      margin-top: 3rem; }
    .menu__links--footer {
      margin-top: auto;
      padding-bottom: 2rem; }
  @media screen and (min-height: 720px) {
    .menu__wrapper {
      min-height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; } }
  .menu__backdrop {
    display: none;
    position: fixed;
    z-index: 29;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    color: transparent;
    opacity: 0.5;
    background-color: #fff; }
    @media (min-width: 640px) {
      .menu__backdrop {
        display: block; } }
  .menu--entering .menu__content {
    will-change: transform, opacity;
    animation: menu-enter 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both; }
    @media (min-width: 640px) {
      .menu--entering .menu__content {
        animation: menu-enter--md 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } }
  .menu--entering .menu__backdrop {
    will-change: opacity;
    animation: fade-in 400ms ease-out both; }
  .menu--exiting {
    pointer-events: none; }
    .menu--exiting .menu__content {
      will-change: transform, opacity;
      animation: menu-exit 420ms cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards; }
      @media (min-width: 640px) {
        .menu--exiting .menu__content {
          animation: menu-exit 360ms cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards; } }
    .menu--exiting .menu__backdrop {
      will-change: opacity;
      animation: fade-out 300ms ease-in forwards; }

@keyframes menu-enter {
  from {
    transform: translateX(92%); } }

@keyframes menu-enter--md {
  from {
    transform: translateX(100%); } }

@keyframes menu-item-enter {
  from {
    opacity: 0;
    transform: translateY(-120%); } }

@keyframes menu-exit {
  95% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translateX(92%); } }

.number-list {
  counter-reset: ol;
  list-style-type: none;
  margin: 0 auto;
  padding-left: 0;
  max-width: 21rem; }
  .number-list__item {
    position: relative;
    padding: 0.7rem 0;
    padding-left: 2.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    @media (min-width: 640px) {
      .number-list__item {
        padding-left: 3.2rem; } }
    .number-list__item:before {
      content: counter(ol);
      counter-increment: ol;
      position: absolute;
      left: 0;
      font-size: 2.2rem;
      line-height: 1.1;
      font-family: "GTA", sans-serif;
      font-weight: bold; }
      @media screen and (min-width: 640px) {
        .number-list__item:before {
          font-size: 2.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .number-list__item:before {
          font-size: 3rem;
          line-height: 1.1; } }
  .number-list__title {
    font-size: 1.16rem;
    line-height: 1.4;
    color: #424242;
    margin: 0; }
  .number-list__content {
    color: #424242;
    margin: 0; }
  .number-list--kommentar {
    color: #0078c8; }
  .number-list--meninger {
    color: #0078c8; }
  .number-list--innenriks {
    color: #A80000; }
  .number-list--ntburix {
    color: #A80000; }
  .number-list--utenriks {
    color: #A80000; }
  .number-list--ntbirix {
    color: #A80000; }
  .number-list--politikk {
    color: #A80000; }
  .number-list--viten {
    color: #1f996a; }
  .number-list--historie {
    color: #1f996a; }
  .number-list--kultur {
    color: #3B3B7F; }
  .number-list--kunst {
    color: #3B3B7F; }
  .number-list--moderne {
    color: #007E9B; }
  .number-list--film {
    color: #24324c; }
  .number-list--teater {
    color: #75003b; }
  .number-list--økonomi {
    color: #0b407f; }
  .number-list--musikkmagasinet {
    color: #DA372F; }
  .number-list--bokmagasinet {
    color: #9b1e30; }
  .number-list--kampanje {
    color: #A80000; }
  .number-list--magasin {
    color: #0078c8; }

.page-cover {
  margin-top: 3.8rem;
  margin-bottom: 3.8rem; }
  .page-cover__container {
    position: relative;
    z-index: 3;
    text-align: center; }
  .page-cover__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px 8px 4px;
    color: #fff;
    background-color: #1A1A1A;
    font-size: 0.9rem;
    line-height: 1.3; }
  .page-cover__title {
    font-size: 2.2rem;
    line-height: 1.1;
    margin: 0; }
    @media screen and (min-width: 640px) {
      .page-cover__title {
        font-size: 3.4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .page-cover__title {
        font-size: 4.1rem;
        line-height: 1.1; } }
    .page-cover__title:not(:last-child) {
      margin-bottom: 2rem; }
  .page-cover__lead {
    font-size: 1.4rem;
    line-height: 1.4;
    max-width: 44rem;
    margin-left: auto;
    margin-right: auto; }

.page-header {
  font-family: "GTA", sans-serif;
  font-weight: normal; }
  .page-header__content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 1rem; }
    @media (min-width: 640px) {
      .page-header__content {
        padding: 2rem; } }
    @media (min-width: 1000px) {
      .page-header__content {
        padding: 2rem 3.8rem; } }
    .page-header__content:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
      @media (min-width: 640px) {
        .page-header__content:before {
          left: 2rem;
          right: 2rem; } }
      @media (min-width: 1000px) {
        .page-header__content:before {
          left: 3.8rem;
          right: 3.8rem; } }
  .page-header__logo {
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem;
    color: #ad1409; }
    .page-header__logo:focus .page-header__brand {
      box-shadow: 0 0 0 2px rgba(49, 173, 255, 0.5); }
  .page-header__actions {
    margin-left: auto; }
  .page-header__link {
    color: #fff; }
    .page-header__link:not(:only-child):not(:last-child) {
      margin-right: 1rem; }
  .page-header__button {
    display: none;
    margin-top: -0.4rem;
    margin-bottom: -0.4rem;
    padding-top: 0.2rem;
    padding-bottom: 0.3rem; }
    @media (min-width: 1000px) {
      .page-header__button {
        display: inline-block; } }
  .page-header__toggle {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: 0;
    padding: 8px;
    top: 2px;
    margin-top: -8px;
    margin-bottom: -8px;
    margin-right: -8px;
    margin-left: 1rem;
    z-index: 31;
    border-radius: 2px;
    transition: color 100ms cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: 300ms; }
    .page-header__toggle .icon__line {
      transition: transform 300ms cubic-bezier(0.19, 1, 0.22, 1); }
    .page-header__toggle:hover:not(.page-header__toggle--expanded) .icon__line:first-child, .page-header__toggle:focus:not(.page-header__toggle--expanded) .icon__line:first-child {
      transform: translateY(-1.5px); }
    .page-header__toggle:hover:not(.page-header__toggle--expanded) .icon__line:last-child, .page-header__toggle:focus:not(.page-header__toggle--expanded) .icon__line:last-child {
      transform: translateY(1.5px); }
    .page-header__toggle:focus:not(:hover) {
      box-shadow: 0 0 0 2px rgba(49, 173, 255, 0.5); }
    .page-header__toggle--expanded {
      position: relative;
      z-index: 31;
      color: #fff;
      transition: none; }
  .page-header__issue-selector {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    left: calc(50% - 100px);
    width: 210px; }
  .page-header__issues-toggle {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    line-height: 1;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    max-width: 300px;
    border: 0;
    outline: 0;
    white-space: nowrap; }
    .page-header__issues-toggle:hover, .page-header__issues-toggle:focus {
      color: inherit;
      text-decoration: underline; }
  .page-header__indicator {
    position: relative;
    top: -3px;
    margin-left: 0.3rem;
    transition: transform 300ms cubic-bezier(0.86, 0, 0.4, 1); }
    .page-header__indicator--expanded {
      transform: rotate(-180deg); }
  .page-header__brand {
    position: relative;
    z-index: 3;
    color: inherit;
    transition: box-shadow 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .page-header__button {
    display: none; }
    @media (min-width: 1000px) {
      .page-header__button {
        display: inline-block; } }
  .page-header__search {
    position: absolute;
    width: 270px;
    overflow: hidden;
    z-index: 2; }
    .page-header__search-input {
      font-family: "GTA", sans-serif;
      font-weight: normal;
      font-size: 1rem;
      cursor: pointer;
      line-height: 1.2;
      padding: 10px;
      border: 2px solid #424242;
      border-radius: 2px;
      width: 100%;
      opacity: 0;
      transform: translateX(-234px);
      transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); }
      @media (min-width: 640px) {
        .page-header__search-input {
          padding: 12px; } }
    .page-header__search-button {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      top: 0;
      right: 0;
      height: 100%;
      width: 36px;
      padding-bottom: 2px;
      outline: 0;
      pointer-events: none;
      transform: translateX(-234px);
      transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    .page-header__search-input:focus {
      transform: none;
      opacity: 1;
      background-color: #fff;
      cursor: auto; }
      .page-header__search-input:focus ~ .page-header__search-button {
        transform: none;
        pointer-events: auto; }
    .page-header__search--expanded {
      z-index: 4; }
      .page-header__search--expanded .page-header__search-input {
        transform: none;
        opacity: 1;
        background-color: #fff;
        cursor: auto; }
      .page-header__search--expanded .page-header__search-button {
        transform: none;
        pointer-events: auto; }
  .page-header:not(.page-header--compact) .page-header__brand {
    position: absolute;
    left: calc(50% - 5rem);
    top: calc(50% - 1rem);
    width: 10rem; }
    @media (min-width: 640px) {
      .page-header:not(.page-header--compact) .page-header__brand {
        left: calc(50% - 7rem);
        top: calc(50% - 1.4rem);
        width: 14rem; } }
  .page-header--compact {
    color: #fff;
    background-color: #ad1409; }
    .page-header--compact .page-header__logo {
      color: #fff; }
    .page-header--compact .page-header__content {
      padding: 0.7rem 1rem; }
      .page-header--compact .page-header__content:before {
        display: none; }
    .page-header--compact .page-header__button {
      margin-top: -0.4rem;
      margin-bottom: -0.4rem;
      padding-top: 0.2rem;
      padding-bottom: 0.3rem; }
  .page-header--expanded {
    position: relative;
    z-index: 40; }
  .page-header--overlay {
    position: relative;
    z-index: 50;
    background-color: #ad1409; }
  .page-header--dark .page-header__logo {
    color: #1A1A1A; }
  .page-header--light {
    color: rgba(255, 255, 255, 0.8); }
    .page-header--light .page-header__logo {
      color: rgba(255, 255, 255, 0.9); }
  .page-header--borderless .page-header__content:before {
    border-color: transparent; }

.pager {
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden; }
  .pager__title {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    display: block;
    line-height: 1;
    color: #424242;
    margin-bottom: 8px;
    text-align: center;
    white-space: nowrap;
    outline: 0; }
  .pager__wrapper {
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding-bottom: 20px;
    margin-bottom: -20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .pager__content {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
  .pager__category {
    position: relative;
    padding: 11px 1rem;
    outline: 0; }
    @media (min-width: 1180px) {
      .pager__category {
        padding: 11px 1.3rem; } }
    .pager__category:not(:last-child):after {
      content: '';
      position: absolute;
      right: -1px;
      top: 7.7px;
      bottom: 7.7px;
      border-right: 1px solid #F2F2F2; }
    .pager__category--kommentar {
      color: #0078c8; }
    .pager__category--meninger {
      color: #0078c8; }
    .pager__category--innenriks {
      color: #A80000; }
    .pager__category--ntburix {
      color: #A80000; }
    .pager__category--utenriks {
      color: #A80000; }
    .pager__category--ntbirix {
      color: #A80000; }
    .pager__category--politikk {
      color: #A80000; }
    .pager__category--viten {
      color: #1f996a; }
    .pager__category--historie {
      color: #1f996a; }
    .pager__category--kultur {
      color: #3B3B7F; }
    .pager__category--kunst {
      color: #3B3B7F; }
    .pager__category--moderne {
      color: #007E9B; }
    .pager__category--film {
      color: #24324c; }
    .pager__category--teater {
      color: #75003b; }
    .pager__category--økonomi {
      color: #0b407f; }
    .pager__category--musikkmagasinet {
      color: #DA372F; }
    .pager__category--bokmagasinet {
      color: #9b1e30; }
    .pager__category--kampanje {
      color: #A80000; }
    .pager__category--magasin {
      color: #0078c8; }
    .pager__category:hover, .pager__category:focus, .pager__category--active {
      background-color: currentColor; }
      .pager__category:hover:after, .pager__category:focus:after, .pager__category--active:after {
        display: none; }
      .pager__category:hover .pager__title, .pager__category:focus .pager__title, .pager__category--active .pager__title {
        color: #fff; }
      .pager__category:hover .pager__page, .pager__category:focus .pager__page, .pager__category--active .pager__page {
        background-color: #fff; }
    .pager__category--active {
      padding-left: 2.4rem;
      padding-right: 2.4rem; }
      @media (min-width: 640px) {
        .pager__category--active {
          padding: 11px 1rem; } }
      @media (min-width: 1180px) {
        .pager__category--active {
          padding: 11px 1.3rem; } }
  .pager__pages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .pager__page {
    outline: 0;
    position: relative;
    z-index: 2;
    font-size: 1px;
    text-indent: -99rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 4px;
    height: 4px;
    overflow: hidden;
    background-color: #C1C1C1;
    margin-left: 2px;
    margin-right: 2px; }
    .pager__page--current {
      transform: scale(2);
      transition: transform 300ms cubic-bezier(0, 0, 0.1, 1); }
    .pager__page:first-of-type {
      margin-left: 0; }

.pages {
  position: relative;
  width: 100vw;
  overflow-x: hidden;
  /*
    * This is a generic background behind articles section
    * Background color will always (pre-animation start) be set
    * to the background of the page we're switching *to*. The idea
    * is fading out the current page so this background appears to
    * fade in. Since this is not animated, setting background should
    * require only a single paint.
    */ }
  .pages__wrapper {
    will-change: opacity;
    transition: opacity 300ms ease-out; }
    .pages__wrapper:after {
      content: '';
      display: table;
      clear: both; }
  .pages__page-container {
    margin: 0 auto;
    max-width: 54rem;
    position: relative;
    width: 100%;
    will-change: transform, opacity; }
  .pages__item {
    position: relative;
    width: 100%;
    min-height: 100vh;
    z-index: 20; }
    .pages__item--previous, .pages__item--next {
      -webkit-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-drag: none;
      user-drag: none;
      cursor: pointer;
      z-index: 21;
      will-change: transform;
      overflow: hidden;
      bottom: 0;
      position: absolute;
      top: 0;
      min-height: 100vh;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      user-select: none;
      transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
      @media (min-width: 640px) {
        .pages__item--previous, .pages__item--next {
          background-color: #e9e9e9; } }
      .pages__item--previous .pages__wrapper, .pages__item--next .pages__wrapper {
        pointer-events: none;
        opacity: 0.3;
        transform: translateZ(0);
        will-change: opacity, transform;
        transition: opacity 200ms ease-out; }
        @supports (will-change: opacity) {
          .pages__item--previous .pages__wrapper, .pages__item--next .pages__wrapper {
            transform: none;
            will-change: opacity; } }
        @media (min-width: 640px) {
          .pages__item--previous .pages__wrapper, .pages__item--next .pages__wrapper {
            opacity: 0.1; } }
      @media (min-width: 640px) {
        .pages__item--previous:hover .pages__wrapper, .pages__item--next:hover .pages__wrapper {
          opacity: 1; } }
    @media (min-width: 640px) {
      .pages__item--previous:hover {
        transform: translateX(1rem);
        border-color: #DBDBDB; } }
    @media (min-width: 640px) {
      .pages__item--next:hover {
        transform: translateX(-1rem);
        border-color: #DBDBDB; } }
    .pages__item--noscript-overlay {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%; }
    .pages__item--current .pages__item--noscript-overlay,
    .has-js .pages__item--noscript-overlay {
      display: none; }
  .pages__arrows {
    position: fixed;
    width: 100%;
    top: calc(50vh - 4px);
    color: rgba(0, 0, 0, 0.75); }
    .pages__arrows:before, .pages__arrows:after {
      content: '';
      position: absolute;
      z-index: 3;
      width: 8px;
      height: 8px;
      border-top-right-radius: 2px;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transition: opacity 400ms ease-in-out, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
      @media (min-width: 640px) {
        .pages__arrows:before, .pages__arrows:after {
          width: 12px;
          height: 12px; } }
    .pages__arrows:before {
      transform: rotate(-135deg);
      left: 0.3rem; }
      @media (min-width: 54rem) {
        .pages__arrows:before {
          left: 1rem; } }
      @media (min-width: 64rem) {
        .pages__arrows:before {
          left: calc(2vw + 1.8rem); } }
      @media (min-width: 68rem) {
        .pages__arrows:before {
          left: calc(50% - 27rem - 12px - 0.7rem); } }
    .pages__arrows:after {
      transform: rotate(45deg);
      right: 0.3rem; }
      @media (min-width: 54rem) {
        .pages__arrows:after {
          right: 1rem; } }
      @media (min-width: 64rem) {
        .pages__arrows:after {
          right: calc(2vw + 1.8rem); } }
      @media (min-width: 68rem) {
        .pages__arrows:after {
          right: calc(50% - 27rem - 12px - 0.7rem); } }
    .pages__arrows--hide-left:before {
      opacity: 0; }
    .pages__arrows--hide-right:after {
      opacity: 0; }
    .pages__arrows--hover-previous:before {
      transform: translateX(1rem) rotate(-135deg); }
    .pages__arrows--hover-next:after {
      transform: translateX(-1rem) rotate(45deg); }
  .pages--dark .pages__item {
    border-color: rgba(0, 0, 0, 0.01);
    background-color: transparent; }
    .pages--dark .pages__item--next, .pages--dark .pages__item--previous {
      border-color: rgba(255, 255, 255, 0.05); }
      .pages--dark .pages__item--next:hover, .pages--dark .pages__item--previous:hover {
        background-color: #1A1A1A; }
    .pages--dark .pages__item--current {
      color: #fff; }
  .pages--dark .pages__arrows {
    color: rgba(255, 255, 255, 0.65); }
  .pages--dark .pages__dark-background {
    opacity: 1;
    transition: opacity 300ms linear; }
  .pages--animating .pages__dark-background {
    opacity: 0; }
  .pages--animating .pages__item:before {
    display: none; }
  .pages--animating .pages__item, .pages--animating .pages__item:hover {
    transform: none;
    background-color: #F2F2F2; }
  .pages__dark-background {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: -1;
    background-color: #1A1A1A;
    transition: opacity 300ms linear; }

.paywall {
  clear: both;
  margin-top: 1rem;
  padding-bottom: 5rem; }
  .paywall__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 34rem;
    margin: 0 auto;
    padding: 0 1.3rem 0.7rem;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    color: #424242;
    background-color: #fff; }
    @media (min-width: 34rem) {
      .paywall__content {
        border: 1px solid #C1C1C1; } }
  .paywall__title, .paywall__sub-title {
    font-family: "Lyon", serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 2.4rem; }
  .paywall__sub-title {
    margin: 2.4rem auto 1.7rem; }
  .paywall__item {
    width: calc(50% - 0.3rem);
    margin-bottom: 0.7rem; }
    @media (min-width: 640px) {
      .paywall__item {
        width: calc(50% - 0.7rem); } }
    .paywall__item--full {
      width: 100%; }
  .paywall__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .paywall__action {
    font-family: "GTA", sans-serif;
    font-weight: normal; }
    .paywall__action:not(:only-child) {
      font-family: "GTA", sans-serif;
      font-weight: bold;
      text-decoration: underline;
      letter-spacing: 0.005em; }
  .paywall__info {
    margin-left: 0.3rem; }

.preamble {
  font-size: 1.16rem;
  line-height: 1.4;
  margin: 1.7rem 0; }
  .preamble__intro {
    text-transform: uppercase; }
  .preamble--small, .preamble--notice {
    font-size: inherit;
    line-height: inherit; }

.quote {
  font-family: "GTA", sans-serif;
  font-weight: 500;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: contextual;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: contextual;
  -webkit-text-rendering: optimizeLegibility;
  letter-spacing: -0.015em;
  position: relative;
  display: block;
  margin: 1.4rem 2.4rem;
  margin-left: 0; }
  @media (min-width: 640px) {
    .quote {
      margin: 2.4rem 0; } }
  .quote__content {
    font-size: 1.5rem;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    margin-bottom: 0.7rem; }
    @media screen and (min-width: 1000px) {
      .quote__content {
        font-size: 1.65rem;
        line-height: 1.2; } }
  .quote__author {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.3;
    font-style: normal;
    color: rgba(66, 66, 66, 0.75); }
  .quote--pillar {
    width: 100%;
    float: none;
    margin: 0;
    max-width: none;
    margin-bottom: 2.4rem; }
    .quote--pillar .quote__content {
      word-wrap: normal;
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      font-family: "Lyon", serif;
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 1rem; }
    .quote--pillar .quote__author {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      font-size: 1rem;
      display: block;
      line-height: 1.3;
      color: #424242; }
    .quote--pillar:only-child {
      margin-top: 1rem; }
      .quote--pillar:only-child .quote__content {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 0.7rem; }
        @media screen and (min-width: 1000px) {
          .quote--pillar:only-child .quote__content {
            font-size: 1.65rem;
            line-height: 1.2; } }

.sharing {
  display: -ms-flexbox;
  display: flex;
  color: rgba(66, 66, 66, 0.75); }
  .sharing__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    top: 50px; }
  .sharing__item {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    line-height: 28px;
    height: 28px;
    color: inherit; }
    .sharing__item:not(:last-child) {
      margin-right: 1rem; }
    .sharing__item:hover, .sharing__item:focus {
      color: #ad1409; }
  .sharing__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-align: center;
        align-items: center;
    transform: scale(0.65);
    transform-origin: left; }
    .sharing__icon--facebook {
      position: relative;
      top: -0.08rem;
      margin-right: 0.2rem; }
  .sharing__message {
    position: absolute;
    white-space: nowrap;
    padding: 0.3rem 0.7rem;
    left: 50%;
    bottom: -3rem;
    color: #fff;
    background-color: #ad1409;
    transform: translateX(-50%); }
    .sharing__message:before {
      content: '';
      position: absolute;
      top: -0.3rem;
      left: calc(50% - 0.3rem);
      width: 0.6rem;
      height: 0.6rem;
      background-color: inherit;
      transform: rotate(45deg); }
  .sharing--magazine {
    margin-top: 2.4rem;
    -ms-flex-pack: center;
        justify-content: center;
    color: rgba(255, 255, 255, 0.65); }
    .sharing--magazine .sharing__item:hover, .sharing--magazine .sharing__item:focus {
      color: #fff; }

.star-rating {
  display: block;
  margin-top: 1rem; }
  .star-rating__star {
    margin-right: 0.3rem; }

.sub-article {
  position: relative;
  padding-top: 5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  clear: both;
  margin: 2.4rem -1.3rem 0;
  padding: 1.1rem 1.3rem; }
  @media (min-width: 640px) {
    .sub-article {
      margin: 5rem -2.4rem 0;
      padding: 3rem 2.4rem; } }
  @media (min-width: 1000px) {
    .sub-article {
      margin: 5rem -3.2rem 0;
      padding: 4rem 3.2rem; } }
  .sub-article__header {
    text-align: center;
    margin-bottom: 2.4rem; }
    .sub-article__header .image__image {
      margin-left: auto;
      margin-right: auto; }
  .sub-article__title {
    font-size: 2.1rem;
    line-height: 1.05;
    margin-top: 0; }
    @media screen and (min-width: 640px) {
      .sub-article__title {
        font-size: 2.6rem;
        line-height: 1.05; } }
  .sub-article + .sub-article {
    margin-top: 0; }
    .sub-article + .sub-article:before {
      display: none; }

.switcher {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .switcher__item {
    outline: 0;
    min-width: 130px;
    padding: 0.3rem;
    padding-bottom: 0.33rem;
    border: 1px solid #fff; }
    .switcher__item:first-child {
      border-radius: 2px 0 0 2px; }
    .switcher__item:last-child {
      border-radius: 0 2px 2px 0; }
    .switcher__item:hover, .switcher__item:focus {
      position: relative;
      color: #ad1409;
      background-color: #fff; }
      .switcher__item:hover:not(.switcher__item--selected):before, .switcher__item:focus:not(.switcher__item--selected):before {
        content: '';
        position: absolute;
        top: 2px;
        bottom: 2px;
        width: 1px;
        left: -1px;
        background-color: #ad1409; }
      .switcher__item:hover:not(.switcher__item--selected):first-child:before, .switcher__item:focus:not(.switcher__item--selected):first-child:before {
        left: auto;
        right: -1px; }
    .switcher__item:active {
      color: #ad1409;
      background-color: #fff; }
    .switcher__item--selected, .switcher__item--selected:hover, .switcher__item--selected:focus {
      color: #ad1409;
      background-color: #fff; }

.sharing-modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  padding: 0.7rem;
  padding-top: calc((1rem + 10vh + 8vw) / 3);
  padding-bottom: calc((1rem + 10vh + 8vw) / 3);
  overflow-y: auto;
  perspective: 1000px;
  -webkit-overflow-scrolling: touch; }
  .sharing-modal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.95;
    animation: modal-backdrop-in 400ms cubic-bezier(0.165, 0.84, 0.44, 1) both; }
    .sharing-modal__backdrop--animate-out {
      animation: modal-backdrop-out 400ms ease-in forwards; }
  .sharing-modal__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 1.8rem; }
    @media screen and (min-width: 640px) {
      .sharing-modal__title {
        font-size: 2.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .sharing-modal__title {
        font-size: 3rem;
        line-height: 1.1; } }
  .sharing-modal__preamble {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0; }
  .sharing-modal__wrapper {
    width: 100%;
    max-width: 41rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    perspective: 1000px;
    z-index: 2;
    outline: 0; }
    @media (min-width: 640px) {
      .sharing-modal__wrapper {
        max-width: 39rem; } }
    @media (min-width: 1000px) {
      .sharing-modal__wrapper {
        max-width: 35.4rem; } }
    @media screen and (min-width: 1000px) and (max-height: 900px) {
      .sharing-modal__wrapper {
        max-width: 35.4rem; } }
  .sharing-modal__content {
    width: 100%;
    color: #fff;
    padding: 1.4rem 1rem;
    border-radius: 5px;
    background-color: #ad1409;
    animation: modal-enter 700ms cubic-bezier(0.175, 0.8, 0.3, 1.05) both; }
    @media (min-width: 640px) {
      .sharing-modal__content {
        padding: 2.4rem 3rem; } }
  .sharing-modal__copy-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    color: #424242;
    margin-bottom: 1rem; }
  .sharing-modal__copy {
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    white-space: nowrap;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .sharing-modal__copy:before {
      content: '';
      position: absolute;
      width: 16px;
      height: 100%;
      top: 0;
      left: -16px;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .sharing-modal__input {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0.9rem 1rem;
    padding-right: 2px;
    border-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .sharing-modal__sharing {
    position: relative;
    display: inline-block;
    height: 2.6rem;
    width: 2.6rem;
    overflow: hidden;
    color: #fff;
    margin-right: 0.7rem;
    background-color: #fff; }
  .sharing-modal__message {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 1.8rem;
    height: 3.6rem;
    bottom: -3.8rem;
    left: 0;
    width: 100%;
    margin: 0;
    color: #fff;
    border-radius: 2px;
    background-color: #1A1A1A;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
    animation: copy-message 3000ms cubic-bezier(0.19, 1, 0.22, 1) both; }
  .sharing-modal__some-buttons {
    display: -ms-flexbox;
    display: flex; }
    .sharing-modal__some-buttons:not(:last-child) {
      margin-bottom: 1rem; }
  .sharing-modal__some {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px;
    width: 46px;
    height: 46px;
    margin-right: 7px;
    border-radius: 2px;
    color: #fff;
    background-color: #1A1A1A; }
  .sharing-modal__close {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    z-index: 2;
    top: 0.7rem;
    right: 0.7rem;
    width: 2rem;
    height: 2rem;
    outline: 0;
    color: #fff; }
    @media (min-width: 440px) {
      .sharing-modal__close {
        top: 1rem;
        right: 1rem; } }
    .sharing-modal__close:hover .icon__line, .sharing-modal__close:focus .icon__line {
      stroke-width: 3; }
  .sharing-modal__hidden-close {
    position: absolute;
    width: 0;
    height: 0;
    -ms-flex-positive: 0;
        flex-grow: 0; }
  .sharing-modal--animate-out .sharing-modal__content {
    will-change: transform, opacity;
    animation: modal-exit 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; }

@keyframes modal-backdrop-in {
  from {
    opacity: 0; } }

@keyframes modal-backdrop-out {
  to {
    opacity: 0; } }

@keyframes copy-message {
  0%,
  100% {
    opacity: 0;
    transform: translateY(-100%); }
  0% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  16%,
  80% {
    opacity: 1;
    transform: none;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } }

@keyframes modal-enter {
  from {
    transform: rotateX(-70deg); }
  from,
  to {
    transform-origin: right; } }

@keyframes modal-exit {
  to {
    transform: rotateX(-80deg); } }

.shared-with {
  position: fixed;
  z-index: 20;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  perspective: 1000px;
  animation: shared-with-enter 500ms cubic-bezier(0.175, 0.8, 0.3, 1.05) both;
  animation-delay: 1000ms; }
  .shared-with__sharer {
    font-family: "Lyon", serif;
    font-weight: normal;
    margin: 0 0 0.7rem; }
    @media (min-width: 640px) {
      .shared-with__sharer {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0 0 1rem; } }
  .shared-with__name {
    font-family: "Lyon", serif;
    font-weight: 800; }
  .shared-with__dummy {
    height: 5rem; }

@keyframes shared-with-enter {
  from {
    opacity: 0;
    transform: translateY(8rem) rotateX(-120deg); } }

.event-cover {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  padding: 1rem 0 0;
  color: rgba(0, 0, 0, 0.75);
  perspective: 1000px;
  animation: event-cover-enter 200ms cubic-bezier(0.165, 0.84, 0.44, 1) both; }
  @media (min-width: 640px) {
    .event-cover {
      padding: 3.8rem 0 0; } }
  .event-cover__image {
    display: block;
    margin: 0 0 3.8rem;
    animation: event-cover-enter 500ms ease-in both;
    animation-delay: 50ms;
    overflow: hidden; }
    @media (min-width: 640px) {
      .event-cover__image {
        max-height: none; } }
  .event-cover__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    position: relative;
    z-index: 2; }
  .event-cover__meta {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    padding: 2rem 0 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    @media (min-width: 1000px) {
      .event-cover__meta {
        font-size: 1.5rem;
        line-height: 1.2; } }
  @media screen and (min-width: 1000px) and (min-width: 1000px) {
    .event-cover__meta {
      font-size: 1.65rem;
      line-height: 1.2; } }
  .event-cover__title {
    font-size: 2.2rem;
    line-height: 1.1;
    max-width: 48rem;
    margin: 0 0 1rem; }
    @media screen and (min-width: 640px) {
      .event-cover__title {
        font-size: 3.4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .event-cover__title {
        font-size: 4.1rem;
        line-height: 1.1; } }
    @media (min-width: 640px) {
      .event-cover__title {
        margin: 0 auto 2rem; } }
    @media (min-width: 1000px) {
      .event-cover__title {
        margin: 0 auto 3.8rem; } }
  .event-cover__cta {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem; }
    @media (min-width: 1000px) {
      .event-cover__cta {
        margin-bottom: 3.8rem; } }
  .event-cover__lead {
    font-size: 1.4rem;
    line-height: 1.4;
    max-width: 48rem;
    margin: 0 0 1rem; }
    @media (min-width: 640px) {
      .event-cover__lead {
        margin: 0 auto 2rem; } }
    @media (min-width: 1000px) {
      .event-cover__lead {
        margin: 0 auto 3.8rem; } }
  .event-cover__separator {
    margin: 0 0.6em; }
    .event-cover__separator:before {
      content: '|'; }
  .event-cover__meta, .event-cover__title, .event-cover__lead, .event-cover__cta {
    animation: event-cover-item-enter 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both;
    animation-delay: 310ms; }
    .event-cover__meta:nth-child(1), .event-cover__title:nth-child(1), .event-cover__lead:nth-child(1), .event-cover__cta:nth-child(1) {
      animation-delay: 110ms; }
    .event-cover__meta:nth-child(2), .event-cover__title:nth-child(2), .event-cover__lead:nth-child(2), .event-cover__cta:nth-child(2) {
      animation-delay: 160ms; }
    .event-cover__meta:nth-child(3), .event-cover__title:nth-child(3), .event-cover__lead:nth-child(3), .event-cover__cta:nth-child(3) {
      animation-delay: 210ms; }
    .event-cover__meta:nth-child(4), .event-cover__title:nth-child(4), .event-cover__lead:nth-child(4), .event-cover__cta:nth-child(4) {
      animation-delay: 260ms; }

@keyframes event-cover-enter {
  from {
    opacity: 0; } }

@keyframes event-cover-item-enter {
  from {
    opacity: 0;
    transform: translateY(-4rem) rotateX(30deg); } }

.event-entry {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  color: rgba(0, 0, 0, 0.8); }
  .event-entry:hover .event-entry__title, .event-entry:focus .event-entry__title {
    text-decoration: underline; }
  .event-entry:hover .event-entry__image, .event-entry:focus .event-entry__image {
    will-change: transform;
    transform: scale(1.03);
    transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  @media (min-width: 640px) {
    .event-entry {
      -ms-flex-direction: row;
          flex-direction: row;
      min-height: 19rem; } }
  .event-entry__image-wrapper {
    position: relative;
    background-size: cover;
    overflow: hidden; }
    @media (min-width: 640px) {
      .event-entry__image-wrapper {
        width: 50%;
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
  .event-entry__image {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media (min-width: 640px) {
      .event-entry__image {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        max-height: 100%; } }
  .event-entry__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 1.8rem 2.4rem; }
    @media (min-width: 640px) {
      .event-entry__content {
        width: 50%;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 5rem 2.4rem; } }
  .event-entry__title {
    font-size: 2.2rem;
    line-height: 1.1;
    margin: 0 0 1rem; }
    @media screen and (min-width: 640px) {
      .event-entry__title {
        font-size: 2.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .event-entry__title {
        font-size: 3rem;
        line-height: 1.1; } }
  .event-entry__meta {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--promo-color);
    margin: 0.3rem 0 0; }
    .event-entry__meta:not(:last-child) {
      margin-bottom: 1rem; }
  .event-entry__separator {
    margin: 0 0.6em; }
    .event-entry__separator:before {
      content: '|'; }
  .event-entry__attendants {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 36rem; }
  .event-entry__attendant {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0; }
    .event-entry__attendant:before {
      content: '';
      margin: 0 0.6rem;
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: var(--promo-color); }
    .event-entry__attendant:first-child:before {
      display: none; }
  .event-entry--margins {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    @media (min-width: 640px) {
      .event-entry--margins {
        margin-top: 2rem;
        margin-bottom: 2rem; } }
  @media (min-width: 640px) {
    .event-entry--small, .event-entry--no-image {
      min-height: 14rem; } }
  @media (min-width: 640px) {
    .event-entry--small .event-entry__image-wrapper, .event-entry--no-image .event-entry__image-wrapper {
      width: calc(33.33333% - 1rem);
      -ms-flex-negative: 0;
          flex-shrink: 0; } }
  .event-entry--small .event-entry__content, .event-entry--no-image .event-entry__content {
    padding: 1rem 2.4rem; }
    @media (min-width: 640px) {
      .event-entry--small .event-entry__content, .event-entry--no-image .event-entry__content {
        text-align: left;
        -ms-flex-align: start;
            align-items: flex-start;
        width: auto;
        -ms-flex-negative: initial;
            flex-shrink: initial;
        padding: 3.8rem; } }
  @media (min-width: 640px) {
    .event-entry--xsmall {
      -ms-flex-direction: column;
          flex-direction: column;
      min-height: 19rem; } }
  @media (min-width: 640px) {
    .event-entry--xsmall .event-entry__image-wrapper,
    .event-entry--xsmall .event-entry__content {
      width: 100%; } }
  @media (min-width: 640px) {
    .event-entry--xsmall .event-entry__content {
      padding: 1.8rem 2.4rem; } }
  @media (min-width: 640px) {
    .event-entry--xsmall .event-entry__image-wrapper {
      height: 22rem; } }
  .event-entry--no-image .event-entry__title {
    margin-bottom: 0; }
  .event-entry--no-image .event-entry__content {
    width: 100%; }
    @media (min-width: 640px) {
      .event-entry--no-image .event-entry__content {
        text-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.attendants {
  position: relative;
  z-index: 3;
  list-style: none;
  margin: 0; }
  @media (min-width: 640px) {
    .attendants {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
      grid-column-gap: 2rem;
      grid-row-gap: 1rem; } }
  @media (min-width: 1000px) {
    .attendants {
      grid-column-gap: 3.8rem; } }
  .attendants__item {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 0.7rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 640px) {
      .attendants__item {
        display: block;
        margin: 0; } }
    .attendants__item:before {
      display: none; }
    .attendants__item--image {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 3fr;
      grid-template-columns: 1fr 3fr;
      grid-column-gap: 1rem; }
      @media (min-width: 640px) {
        .attendants__item--image {
          display: block;
          margin: 0; } }
  .attendants__name {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    line-height: inherit;
    margin: 0; }
  .attendants__role, .attendants__info {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    margin: 0; }
  .attendants__avatar {
    width: 100%;
    margin: 0 0 0.3rem; }

.article-grid {
  --shade: 0, 0, 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @supports (display: grid) {
    .article-grid {
      display: -ms-grid;
      display: grid;
      grid-gap: 2rem; } }
  @media (min-width: 50rem) {
    .article-grid {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 2rem; } }
  @media (min-width: 1000px) {
    .article-grid {
      grid-gap: 3.8rem; } }
  .article-grid__content {
    position: relative;
    z-index: 3;
    text-align: inherit;
    max-width: 100%; }
    @supports (display: grid) {
      .article-grid__content {
        width: 100%; } }
  .article-grid__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0.63rem 0 0.77rem; }
    @media screen and (min-width: 640px) {
      .article-grid__title {
        font-size: 2.1rem;
        line-height: 1.25; } }
    @media (min-width: 640px) {
      .article-grid__title {
        margin: 0.63rem 0.5em 0.77rem; } }
  .article-grid__lead {
    display: block; }
    .article-grid__lead:last-child {
      margin-bottom: 0; }
  .article-grid__item {
    position: relative;
    text-align: center;
    min-height: calc(18rem + 10vw / 2);
    color: inherit;
    overflow: hidden; }
    @media (min-width: 640px) {
      .article-grid__item {
        width: calc(50% - 2rem); }
        @supports (display: grid) {
          .article-grid__item {
            width: auto; } } }
    @supports (display: grid) {
      .article-grid__item--portrait {
        min-height: calc(26rem + 14vw);
        -ms-grid-row-span: 2;
        grid-row: span 2; }
        @media (min-width: 1000px) {
          .article-grid__item--portrait {
            min-height: 46rem; } } }
    .article-grid__item--text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: stretch;
          align-items: stretch; }
      .article-grid__item--text .article-grid__title {
        font-size: 2.2rem;
        line-height: 1.1; }
        @media screen and (min-width: 640px) {
          .article-grid__item--text .article-grid__title {
            font-size: 2.8rem;
            line-height: 1.1; } }
        @media screen and (min-width: 1000px) {
          .article-grid__item--text .article-grid__title {
            font-size: 3rem;
            line-height: 1.1; } }
      .article-grid__item--text .article-grid__lead {
        font-size: 1.4rem;
        line-height: 1.4;
        margin-top: 1rem;
        margin-bottom: -0.2rem; }
      .article-grid__item--text .article-grid__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        max-height: 30rem; }
        @supports (display: grid) {
          .article-grid__item--text .article-grid__content {
            max-height: none; } }
    .article-grid__item--uppercase .article-grid__title {
      font-family: "GTA", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2.2rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .article-grid__item--uppercase .article-grid__title {
          font-size: 2.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .article-grid__item--uppercase .article-grid__title {
          font-size: 3rem;
          line-height: 1.1; } }
    .article-grid__item--image {
      display: block;
      text-align: center;
      min-height: 0; }
      .article-grid__item--image .article-grid__title {
        font-size: 1.6rem;
        line-height: 1.2;
        line-height: 1.2;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem; }
        @media screen and (min-width: 640px) {
          .article-grid__item--image .article-grid__title {
            font-size: 2.1rem;
            line-height: 1.25; } }
      .article-grid__item--image .article-grid__lead {
        display: block; }
        @media (min-width: 1000px) {
          .article-grid__item--image .article-grid__lead {
            max-width: 85%;
            margin-left: auto;
            margin-right: auto; } }
    .article-grid__item--portrait, .article-grid__item--image-overlay {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      color: #fff;
      text-shadow: 0 0 20px rgba(var(--shade), 0.3); }
      .article-grid__item--portrait:after, .article-grid__item--image-overlay:after {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60%;
        opacity: 0.95;
        background-image: linear-gradient(to bottom, rgba(var(--shade), 0), rgba(var(--shade), 1));
        mix-blend-mode: multiply; }
        @media (min-width: 640px) {
          .article-grid__item--portrait:after, .article-grid__item--image-overlay:after {
            height: 50%; } }
      .article-grid__item--portrait .article-grid__content, .article-grid__item--image-overlay .article-grid__content {
        padding: 2.4rem 1.8rem 1rem; }
    @media (min-width: 640px) {
      .article-grid__item--portrait-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; } }
    @supports (display: grid) {
      .article-grid__item--portrait-text {
        -ms-grid-row-span: 2;
        grid-row: span 2; }
        @media (min-width: 1000px) {
          .article-grid__item--portrait-text {
            min-height: 46rem; } } }
    .article-grid__item--portrait-text .article-grid__title {
      font-size: 1.6rem;
      line-height: 1.2;
      margin-top: 0.6rem;
      margin-bottom: 0.6rem; }
      @media screen and (min-width: 640px) {
        .article-grid__item--portrait-text .article-grid__title {
          font-size: 2.1rem;
          line-height: 1.25; } }
    .article-grid__item--portrait-text .article-grid__image {
      -ms-flex-positive: 2;
          flex-grow: 2; }
      @media (max-width: 639px) {
        .article-grid__item--portrait-text .article-grid__image {
          width: 100%;
          max-height: calc(26rem + 14vw);
          object-fit: cover; } }
    .article-grid__item--kommentar .article-grid__category {
      color: #0078c8; }
    .article-grid__item--kommentar .article-grid__keyword {
      color: #fff;
      background-color: #0078c8; }
    .article-grid__item--meninger .article-grid__category {
      color: #0078c8; }
    .article-grid__item--meninger .article-grid__keyword {
      color: #fff;
      background-color: #0078c8; }
    .article-grid__item--innenriks .article-grid__category {
      color: #A80000; }
    .article-grid__item--innenriks .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--ntburix .article-grid__category {
      color: #A80000; }
    .article-grid__item--ntburix .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--utenriks .article-grid__category {
      color: #A80000; }
    .article-grid__item--utenriks .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--ntbirix .article-grid__category {
      color: #A80000; }
    .article-grid__item--ntbirix .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--politikk .article-grid__category {
      color: #A80000; }
    .article-grid__item--politikk .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--viten .article-grid__category {
      color: #1f996a; }
    .article-grid__item--viten .article-grid__keyword {
      color: #fff;
      background-color: #1f996a; }
    .article-grid__item--historie .article-grid__category {
      color: #1f996a; }
    .article-grid__item--historie .article-grid__keyword {
      color: #fff;
      background-color: #1f996a; }
    .article-grid__item--kultur .article-grid__category {
      color: #3B3B7F; }
    .article-grid__item--kultur .article-grid__keyword {
      color: #fff;
      background-color: #3B3B7F; }
    .article-grid__item--kunst .article-grid__category {
      color: #3B3B7F; }
    .article-grid__item--kunst .article-grid__keyword {
      color: #fff;
      background-color: #3B3B7F; }
    .article-grid__item--moderne .article-grid__category {
      color: #007E9B; }
    .article-grid__item--moderne .article-grid__keyword {
      color: #fff;
      background-color: #007E9B; }
    .article-grid__item--film .article-grid__category {
      color: #24324c; }
    .article-grid__item--film .article-grid__keyword {
      color: #fff;
      background-color: #24324c; }
    .article-grid__item--teater .article-grid__category {
      color: #75003b; }
    .article-grid__item--teater .article-grid__keyword {
      color: #fff;
      background-color: #75003b; }
    .article-grid__item--økonomi .article-grid__category {
      color: #0b407f; }
    .article-grid__item--økonomi .article-grid__keyword {
      color: #fff;
      background-color: #0b407f; }
    .article-grid__item--musikkmagasinet .article-grid__category {
      color: #DA372F; }
    .article-grid__item--musikkmagasinet .article-grid__keyword {
      color: #fff;
      background-color: #DA372F; }
    .article-grid__item--bokmagasinet .article-grid__category {
      color: #9b1e30; }
    .article-grid__item--bokmagasinet .article-grid__keyword {
      color: #fff;
      background-color: #9b1e30; }
    .article-grid__item--kampanje .article-grid__category {
      color: #A80000; }
    .article-grid__item--kampanje .article-grid__keyword {
      color: #fff;
      background-color: #A80000; }
    .article-grid__item--magasin .article-grid__category {
      color: #0078c8; }
    .article-grid__item--magasin .article-grid__keyword {
      color: #fff;
      background-color: #0078c8; }
    .article-grid__item:hover .article-grid__title, .article-grid__item:focus .article-grid__title {
      text-decoration: underline; }
    .article-grid__item:hover .article-grid__image--full, .article-grid__item:focus .article-grid__image--full {
      will-change: transform;
      transform: scale(1.025);
      transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    .article-grid__item:hover .article-grid__text:after, .article-grid__item:focus .article-grid__text:after {
      transform: scaleY(0.4);
      transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .article-grid__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px 8px 4px;
    color: #fff;
    background-color: #1A1A1A;
    font-size: 0.9rem;
    line-height: 1.3;
    margin-bottom: 0;
    text-shadow: none;
    margin-top: 0.6rem; }
  .article-grid__strong {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase; }
  .article-grid__byline {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
    line-height: 1.3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    color: rgba(66, 66, 66, 0.75);
    margin-bottom: 0; }
  .article-grid__text {
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 1.8rem; }
    .article-grid__text:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 40%;
      transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
      transform-origin: bottom;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
      @supports (--css: variables) {
        .article-grid__text:after {
          background-image: linear-gradient(to bottom, rgba(var(--color-background, 255, 255, 255), 0), rgba(var(--color-background, 255, 255, 255), 1)); } }
    .article-grid__text ul:first-child {
      margin-top: 0; }
  .article-grid__text-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%; }
  .article-grid__image {
    object-fit: cover;
    background-size: cover;
    margin-bottom: 0.3rem; }
    .article-grid__image--full {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin: 0;
      transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  .article-grid__comment {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    opacity: 0.7;
    margin: 2rem 0 0; }
  .article-grid--margin {
    margin-top: 3.8rem;
    margin-bottom: 3.8rem; }

.timeline {
  color: var(--color-text);
  margin-top: 3.8rem;
  margin-bottom: 3.8rem; }
  .timeline__list {
    position: relative;
    color: inherit; }
    @media (min-width: 1000px) {
      .timeline__list {
        padding-top: 2rem; } }
    .timeline__list:before {
      display: none;
      content: '';
      position: absolute;
      width: 4px;
      height: 100%;
      top: 0;
      left: calc(50% - 2px);
      background-color: var(--color-lines); }
      @media (min-width: 1000px) {
        .timeline__list:before {
          display: block; } }
  .timeline__item {
    position: relative;
    display: block;
    color: inherit;
    width: 100%;
    margin-left: auto;
    margin-bottom: 4.8rem; }
    @media (min-width: 1000px) {
      .timeline__item {
        margin-left: 0;
        margin-bottom: 0;
        width: calc(50% - 4rem);
        text-align: right;
        min-height: 33.6rem; } }
    .timeline__item:before {
      display: none;
      pointer-events: none;
      content: '';
      position: absolute;
      height: 4px;
      width: calc(4rem - 16px - 12px);
      top: 16px;
      right: -4rem;
      background-color: var(--color-lines); }
      @media (min-width: 1000px) {
        .timeline__item:before {
          display: block; } }
    .timeline__item:after {
      pointer-events: none;
      content: '';
      position: absolute;
      left: calc(50% - 2px);
      bottom: -3.8rem;
      height: 3.8rem;
      border-left: 4px solid var(--color-lines); }
      @media (min-width: 1000px) {
        .timeline__item:after {
          display: block;
          height: 16px;
          width: 16px;
          top: 10px;
          left: auto;
          bottom: auto;
          right: -28px;
          border-radius: 50%;
          border: 4px solid var(--color-lines); } }
    @media (min-width: 1000px) {
      .timeline__item:not(:first-child) {
        margin-top: -13rem; }
      .timeline__item:nth-child(even) {
        text-align: left;
        margin-left: auto; }
        .timeline__item:nth-child(even):before {
          right: auto;
          left: -4rem; }
        .timeline__item:nth-child(even):after {
          right: auto;
          left: -28px; } }
    @media (min-width: 1000px) {
      .timeline__item {
        opacity: 0.1;
        transition: opacity 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition-delay: 110ms; } }
    .timeline__item--active {
      opacity: 1; }
  .timeline__facts {
    position: relative;
    z-index: 2;
    background-color: rgba(var(--color-background), 1); }
    .timeline__facts:before, .timeline__facts:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1.9rem;
      top: -1.9rem;
      left: 0;
      background-color: inherit; }
    .timeline__facts:after {
      top: auto;
      bottom: -1.9rem; }
  .timeline__dummy + .timeline__item:not(:first-child) {
    margin-top: 0; }
  .timeline__box {
    display: block;
    color: inherit; }
    @media (min-width: 1000px) {
      .timeline__box {
        margin: 0; } }
    .timeline__box:hover .timeline__title, .timeline__box:focus .timeline__title {
      text-decoration: underline; }
  .timeline__content {
    color: inherit;
    padding: 2rem;
    background-color: var(--color-box); }
  .timeline__keyword {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase; }
  .timeline__date {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.2;
    display: block;
    margin-bottom: 1rem;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .timeline__date {
        font-size: 1.65rem;
        line-height: 1.2; } }
    @media (min-width: 1000px) {
      .timeline__date {
        text-align: inherit; } }
  .timeline__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.1rem;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 2rem; }
    @media screen and (min-width: 640px) {
      .timeline__title {
        font-size: 2.6rem; } }
    @media (min-width: 640px) {
      .timeline__title {
        font-size: 1.6rem;
        line-height: 1.2; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .timeline__title {
      font-size: 2.1rem;
      line-height: 1.25; } }
    .timeline__title--main {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1.5rem;
      line-height: 1.2;
      display: none; }
      @media screen and (min-width: 1000px) {
        .timeline__title--main {
          font-size: 1.65rem;
          line-height: 1.2; } }
      @media (min-width: 1000px) {
        .timeline__title--main {
          display: block; } }
  .timeline__lead {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    text-align: left;
    margin: 0; }
  .timeline__comment {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    text-align: left;
    opacity: 0.7;
    margin: 2rem 0 0; }

.article-cards {
  color: var(--color-text);
  margin-top: 3.8rem;
  margin-bottom: 3.8rem; }
  .article-cards__list {
    position: relative;
    color: inherit; }
    @media (min-width: 1000px) {
      .article-cards__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3.8rem;
        padding-top: 2rem; } }
  .article-cards__item {
    position: relative;
    display: block;
    color: inherit;
    width: 100%;
    margin-bottom: 1rem; }
    @media (min-width: 1000px) {
      .article-cards__item {
        marign: 0;
        opacity: 0.1;
        transition: opacity 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition-delay: 110ms; }
        .article-cards__item:nth-of-type(2n) {
          margin-top: 75%; } }
    .article-cards__item--active {
      opacity: 1; }
  .article-cards__facts {
    position: relative;
    z-index: 2;
    background-color: rgba(var(--color-background), 1);
    grid-column: 1 / -1;
    margin: 0; }
    .article-cards__facts:before, .article-cards__facts:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1.9rem;
      top: -1.9rem;
      left: 0;
      background-color: inherit; }
    .article-cards__facts:after {
      top: auto;
      bottom: -1.9rem; }
  .article-cards__box {
    display: block;
    color: inherit; }
    @media (min-width: 1000px) {
      .article-cards__box {
        margin: 0; } }
    .article-cards__box:hover .article-cards__title, .article-cards__box:focus .article-cards__title {
      text-decoration: underline; }
  .article-cards__content {
    color: inherit;
    padding: 2.4rem 2rem 2rem;
    background-color: var(--color-box); }
  .article-cards__keyword {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase; }
  .article-cards__date {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.2;
    display: block;
    margin-bottom: 1rem;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .article-cards__date {
        font-size: 1.65rem;
        line-height: 1.2; } }
    @media (min-width: 1000px) {
      .article-cards__date {
        text-align: inherit; } }
  .article-cards__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.1rem;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 2rem; }
    @media screen and (min-width: 640px) {
      .article-cards__title {
        font-size: 2.6rem; } }
    @media (min-width: 640px) {
      .article-cards__title {
        font-size: 1.6rem;
        line-height: 1.2; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .article-cards__title {
      font-size: 2.1rem;
      line-height: 1.25; } }
    .article-cards__title--main {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1.5rem;
      line-height: 1.2;
      display: none; }
      @media screen and (min-width: 1000px) {
        .article-cards__title--main {
          font-size: 1.65rem;
          line-height: 1.2; } }
      @media (min-width: 1000px) {
        .article-cards__title--main {
          display: block; } }
  .article-cards__lead, .article-cards__text {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    text-align: left;
    margin: 0; }
  .article-cards__lead + .article-cards__text {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem; }
  .article-cards__comment {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    text-align: left;
    opacity: 0.7;
    margin: 2rem 0 0; }

.page-footer {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .page-footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    @media (min-width: 640px) {
      .page-footer:before {
        left: 2rem;
        right: 2rem; } }
    @media (min-width: 1000px) {
      .page-footer:before {
        left: 3.8rem;
        right: 3.8rem; } }
  .page-footer__header {
    max-width: 100%;
    width: 10rem;
    margin: 0 auto 1.7rem; }
    @media (min-width: 640px) {
      .page-footer__header {
        width: 14rem; } }
  .page-footer__logo {
    display: block;
    color: #ad1409;
    width: 100%;
    margin-bottom: 1rem; }
  .page-footer__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 640px) {
      .page-footer__links {
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 2rem;
        margin-bottom: 0.5rem; } }
  .page-footer__link {
    color: #ad1409;
    margin: 0 0 0.8rem; }
    .page-footer__link:hover, .page-footer__link:focus {
      text-decoration: underline; }
    @media (min-width: 640px) {
      .page-footer__link {
        margin: 0 1rem 1rem; } }
    .page-footer__link--muted {
      margin: 0;
      color: #424242;
      text-decoration: underline; }
      .page-footer__link--muted:hover, .page-footer__link--muted:focus {
        color: #ad1409; }
  .page-footer__contact-list {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 1rem; }
    @media (min-width: 640px) {
      .page-footer__contact-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 1rem 0; }
        @supports (display: grid) {
          .page-footer__contact-list {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr)[3];
            grid-template-columns: repeat(3, 1fr); } } }
  .page-footer__contact-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    @media (min-width: 640px) {
      .page-footer__contact-item {
        -ms-flex-direction: column;
            flex-direction: column;
        border: 0;
        padding: 0.5rem 0;
        width: calc(33.33333% - 2rem); }
        @supports (display: grid) {
          .page-footer__contact-item {
            width: auto; } } }
  .page-footer__label {
    color: rgba(66, 66, 66, 0.75); }
    .page-footer__label:after {
      content: '\B7';
      display: inline-block;
      margin: 0 0.6em; }
      @media (min-width: 640px) {
        .page-footer__label:after {
          display: none; } }
    .page-footer__label--block:after {
      display: none; }
  .page-footer__info {
    color: #424242; }
    .page-footer__info:link:hover, .page-footer__info:link:focus {
      color: #424242;
      text-decoration: underline; }
  .page-footer__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
  .page-footer__badge {
    color: rgba(66, 66, 66, 0.75);
    fill: currentColor;
    width: 66px;
    height: 66px;
    margin-bottom: 1rem; }
  .page-footer__editor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 1rem; }
  .page-footer__disclaimer {
    text-align: center;
    max-width: 18rem; }
  .page-footer--dark .page-footer__logo {
    color: #1A1A1A; }
  .page-footer--dark .page-footer__link {
    color: #424242; }
    .page-footer--dark .page-footer__link:hover, .page-footer--dark .page-footer__link:focus {
      color: #1A1A1A; }
  .page-footer--light:before {
    border-color: rgba(255, 255, 255, 0.1); }
  .page-footer--light .page-footer__logo {
    color: #fff; }
  .page-footer--light .page-footer__link {
    color: rgba(255, 255, 255, 0.8); }
    .page-footer--light .page-footer__link:hover, .page-footer--light .page-footer__link:focus {
      color: #fff; }
  .page-footer--light .page-footer__label {
    color: rgba(255, 255, 255, 0.5); }
  .page-footer--light .page-footer__info, .page-footer--light .page-footer__info:hover, .page-footer--light .page-footer__info:focus {
    color: rgba(255, 255, 255, 0.8); }
  .page-footer--light .page-footer__contact-list {
    border-color: rgba(255, 255, 255, 0.1); }

.issue-entry {
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #F2F2F2; }
  @media (min-width: 640px) {
    .issue-entry {
      font-size: 1.16rem;
      line-height: 1.4; } }
  .issue-entry:before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 100%;
    width: 1rem;
    height: 100%;
    top: 0;
    background-color: inherit;
    opacity: 0;
    transition: opacity 800ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .issue-entry__swipe-indicator {
    pointer-events: none;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    right: 10px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0.2);
    opacity: 0; }
    .issue-entry__swipe-indicator--ready {
      color: #fff;
      background-color: #ad1409; }
  .issue-entry__loader {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 2rem; }
  .issue-entry--swiping:before {
    opacity: 1; }
  .issue-entry--swipe-out .issue-entry__article,
  .issue-entry--swipe-out .issue-entry__page {
    animation: issue-swipe-out 500ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
  .issue-entry__article {
    --shade: 0, 0, 0;
    position: relative;
    display: block;
    color: #fff;
    background-color: #1A1A1A; }
    .issue-entry__article:hover .issue-entry__title, .issue-entry__article:focus .issue-entry__title {
      text-decoration: underline; }
    .issue-entry__article:hover .issue-entry__image, .issue-entry__article:focus .issue-entry__image {
      will-change: transform;
      transform: scale(1.02); }
    .issue-entry__article--inverted {
      color: #424242;
      background-color: #F2F2F2; }
      .issue-entry__article--inverted .issue-entry__page {
        background-color: #DBDBDB; }
    .issue-entry__article--image {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      color: #fff;
      text-shadow: 0 0 20px rgba(var(--shade), 0.3), 0 0 2px rgba(var(--shade), 0.2); }
      @media (min-width: 1000px) {
        .issue-entry__article--image {
          min-height: calc(32rem + 10vw); } }
      .issue-entry__article--image .issue-entry__title {
        margin: 0 auto 0.7rem; }
        @media (min-width: 640px) {
          .issue-entry__article--image .issue-entry__title {
            max-width: 90%;
            margin: 0 auto 1rem; } }
      .issue-entry__article--image .issue-entry__content {
        padding: 1rem;
        padding-top: 12rem; }
        @media (min-width: 640px) {
          .issue-entry__article--image .issue-entry__content {
            padding: 2rem;
            padding-top: 16rem; } }
        @media (min-width: 1000px) {
          .issue-entry__article--image .issue-entry__content {
            padding: 3.8rem;
            padding-top: 22rem; } }
      .issue-entry__article--image:after {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80%;
        opacity: 0.9;
        background-image: linear-gradient(to bottom, rgba(var(--shade), 0), rgba(var(--shade), 1) 50%);
        mix-blend-mode: multiply; }
        @media (min-width: 640px) {
          .issue-entry__article--image:after {
            background-image: linear-gradient(to bottom, rgba(var(--shade), 0), rgba(var(--shade), 1)); } }
  .issue-entry__page {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 0.75rem;
    background-color: #ad1409; }
    @media (min-width: 640px) {
      .issue-entry__page {
        position: absolute;
        z-index: 3;
        top: 0;
        height: 100%;
        left: 100%;
        padding: 0;
        min-width: 4.8rem;
        width: calc(((100vw - 68rem) / 2) + (3.8rem + 1rem));
        transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        background-color: #F2F2F2; }
        .issue-entry__page:hover, .issue-entry__page:focus {
          will-change: transform;
          transform: translateX(-1rem);
          transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
          .issue-entry__page:hover .issue-entry__helper, .issue-entry__page:focus .issue-entry__helper {
            transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
            transform: translateX(calc(-100% + 30px)); } }
  .issue-entry__helper {
    font-family: "GTA", sans-serif;
    font-weight: normal; }
    @media (min-width: 640px) {
      .issue-entry__helper {
        font-family: "GTA", sans-serif;
        font-weight: normal;
        position: absolute;
        white-space: nowrap;
        padding-left: 14px;
        padding-right: 19px;
        height: 58px;
        line-height: 58px;
        z-index: 4;
        left: 0;
        top: calc(50% - 29px);
        color: #fff;
        background-color: #ad1409;
        filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.1));
        transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transform: translateX(calc(-100% + 20px)); } }
    .issue-entry__helper-arrow {
      display: none;
      position: absolute;
      top: 0;
      right: -58px;
      width: 58px;
      height: 58px;
      fill: #ad1409; }
      @media (min-width: 640px) {
        .issue-entry__helper-arrow {
          display: block; } }
  .issue-entry__arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    right: 0;
    transform: translateY(-50%); }
    @media (max-width: 639px) {
      .issue-entry__arrow {
        transform: translateY(-50%) scale(0.6); }
        .issue-entry__arrow .icon__line {
          stroke-width: 3; } }
    @media (min-width: 640px) {
      .issue-entry__arrow {
        right: -14px; } }
  .issue-entry__content {
    position: relative;
    z-index: 3;
    text-align: center;
    width: 100%;
    padding: 3.4rem 1rem 2rem; }
    @media (min-width: 640px) {
      .issue-entry__content {
        padding: 3.4rem 2rem 2rem; } }
    @media (min-width: 1000px) {
      .issue-entry__content {
        padding: 5.2rem 3.8rem 3.8rem; } }
  .issue-entry__sub-title {
    display: block;
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    margin: 0 0 0.7rem; }
    @media (min-width: 640px) {
      .issue-entry__sub-title {
        font-size: 1.5rem;
        line-height: 1.2;
        margin: 0 0 1rem; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .issue-entry__sub-title {
      font-size: 1.65rem;
      line-height: 1.2; } }
  .issue-entry__title {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1.1;
    margin: 0 auto 1.8rem; }
    @media screen and (min-width: 640px) {
      .issue-entry__title {
        font-size: 4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .issue-entry__title {
        font-size: 5rem;
        line-height: 1.02; } }
    @media screen and (min-width: 1180px) {
      .issue-entry__title {
        font-size: 5.6rem;
        line-height: 1.02; } }
    @media (min-width: 640px) {
      .issue-entry__title {
        max-width: 85%;
        margin: 0 auto 1rem; } }
    .issue-entry__title--long {
      font-size: 2.6rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .issue-entry__title--long {
          font-size: 3.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .issue-entry__title--long {
          font-size: 4.7rem;
          line-height: 1.1; } }
    .issue-entry__title--loong {
      font-size: 2.1rem;
      line-height: 1.2; }
      @media screen and (min-width: 640px) {
        .issue-entry__title--loong {
          font-size: 2.6rem; } }
      @media (min-width: 640px) {
        .issue-entry__title--loong {
          font-size: 2.2rem;
          line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .issue-entry__title--loong {
      font-size: 3.4rem;
      line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .issue-entry__title--loong {
      font-size: 4.1rem;
      line-height: 1.1; } }
  .issue-entry__lead {
    display: none;
    line-height: 1.4;
    max-width: 100%;
    margin-bottom: -0.5em;
    text-align: left; }
    @media (min-width: 640px) {
      .issue-entry__lead {
        display: block;
        line-height: 1.5;
        margin-top: 2.4rem; } }
  .issue-entry__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    font-size: inherit;
    line-height: inherit;
    margin-right: 0.1em; }
  .issue-entry__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    background-size: cover;
    transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .issue-entry__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover; }

@keyframes issue-swipe-out {
  to {
    transform: translateX(calc(-100% - 1rem)); } }

.magazines {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden; }
  .magazines__wrapper {
    position: relative; }
  .magazines__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    height: 100%;
    width: calc(100% + 1rem); }
    @media (min-width: 640px) {
      .magazines__list {
        width: calc(100% + 1rem); } }
    @media (min-width: 1000px) {
      .magazines__list {
        width: calc(100% + 1.5rem); } }
    .magazines__list--animate {
      transition: transform 400ms cubic-bezier(0.2, 0.2, 0.3, 1); }
  .magazines__control {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    z-index: 4;
    width: calc(3.8rem - 16px);
    height: 3.8rem;
    top: calc(50% - 1.9rem);
    transition: opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    outline: 0;
    background-color: rgba(255, 255, 255, 0.9); }
    @media (min-width: 640px) {
      .magazines__control {
        width: 44px; } }
    .magazines__control:hover, .magazines__control:focus {
      color: #fff;
      background-color: #ad1409; }
    .magazines__control[disabled] {
      opacity: 0;
      pointer-events: none; }
    .magazines__control--back {
      padding-right: 0.2em;
      left: 0; }
      @media (min-width: 640px) {
        .magazines__control--back {
          left: 12px; } }
    .magazines__control--next {
      right: 0;
      padding-left: 0.2em; }
      @media (min-width: 640px) {
        .magazines__control--next {
          right: 10px; } }
  .magazines__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc(50% - 1rem); }
    .magazines__item:not(:last-child) {
      margin-right: 1rem; }
    @media (min-width: 640px) {
      .magazines__item {
        width: calc(50% - 1rem); }
        .magazines__item:not(:last-child) {
          margin-right: 1rem; } }
    @media (min-width: 1000px) {
      .magazines__item {
        width: calc(33.33333% - 1.5rem); }
        .magazines__item:not(:last-child) {
          margin-right: 1.5rem; } }
    .magazines__item--hidden {
      visibility: hidden; }
    .magazines__item--more {
      font-family: "GTA", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1.6rem;
      line-height: 1.2;
      color: #424242;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      background-color: #F2F2F2; }
      @media screen and (min-width: 640px) {
        .magazines__item--more {
          font-size: 2.1rem;
          line-height: 1.25; } }
      .magazines__item--more:hover, .magazines__item--more:focus {
        text-decoration: underline; }

.magazine {
  --shade: 0, 0, 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  color: #fff;
  text-shadow: 0 0 20px rgba(var(--shade), 0.3); }
  .magazine:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    opacity: 0.75;
    background-image: linear-gradient(to bottom, rgba(var(--shade), 0), rgba(var(--shade), 1));
    mix-blend-mode: multiply; }
    @media (min-width: 640px) {
      .magazine:after {
        transition: opacity 1600ms cubic-bezier(0.165, 0.84, 0.44, 1); } }
  .magazine--musikkmagasinet .magazine__header {
    background-color: #DA372F; }
  .magazine--bokmagasinet .magazine__header {
    background-color: #9b1e30; }
  .magazine:hover, .magazine:focus {
    color: #fff; }
    @media (min-width: 640px) {
      .magazine:hover, .magazine:focus {
        opacity: 1;
        transition: opacity 1600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
        .magazine:hover .magazine__image, .magazine:focus .magazine__image {
          transform: scale(1.02);
          transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1); }
        .magazine:hover:after, .magazine:focus:after {
          opacity: 0.4; } }
  .magazine__image {
    object-fit: cover;
    -ms-flex-positive: 2;
        flex-grow: 2; }
    @media (min-width: 640px) {
      .magazine__image {
        transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        will-change: transform; } }
  .magazine__content {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.4rem 0.2rem 1rem; }
    @media (min-width: 440px) {
      .magazine__content {
        padding: 0.4rem 0.2rem 1.4rem; } }
  .magazine__header {
    position: relative;
    z-index: 4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    min-height: 3.8rem;
    background-color: #424242;
    padding: 0.6rem 1rem; }
    @media (min-width: 1180px) {
      .magazine__header {
        padding: 1rem 1rem; } }
  .magazine__title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: auto 0 0; }
    @media screen and (min-width: 640px) {
      .magazine__title {
        font-size: 2.1rem;
        line-height: 1.25; } }
  .magazine__date {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.3;
    display: block;
    color: #fff;
    text-shadow: none; }
    @media (min-width: 640px) {
      .magazine__date {
        margin-top: 0.1rem; } }
    @media (min-width: 640px) {
      .magazine__date--short {
        display: none; } }
    @media (max-width: 639px) {
      .magazine__date--long {
        display: none; } }
  .magazine__logo {
    white-space: nowrap;
    text-shadow: none;
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.2; }
    @media (min-width: 640px) {
      .magazine__logo {
        font-size: 1.5rem; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .magazine__logo {
      font-size: 1.65rem; } }

.propaganda {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 1000px) {
    .propaganda {
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: baseline;
          align-items: baseline; } }
  .propaganda:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    left: 1rem;
    right: 1rem; }
    @media (min-width: 640px) {
      .propaganda:not(:last-child):after {
        left: 2rem;
        right: 2rem; } }
    @media (min-width: 1000px) {
      .propaganda:not(:last-child):after {
        left: 3.8rem;
        right: 3.8rem; } }
  .propaganda__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    @media (min-width: 1000px) {
      .propaganda__content {
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: baseline;
            align-items: baseline; } }
  .propaganda__action {
    margin: 1rem 0 0; }
    @media (min-width: 1000px) {
      .propaganda__action {
        margin: 0;
        font-size: 1.16rem; } }
  .propaganda__title {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    margin: 0; }
    @media (min-width: 1000px) {
      .propaganda__title {
        margin-right: 2.4rem; } }
  .propaganda__illustration {
    position: relative;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    width: 6rem;
    -ms-flex-order: 2;
        order: 2;
    margin-left: auto;
    margin-top: -0.8rem;
    margin-bottom: -0.8rem; }
    @media (min-width: 1000px) {
      .propaganda__illustration {
        width: 10rem;
        margin-top: -2rem;
        margin-bottom: -2rem;
        -ms-flex-order: 0;
            order: 0;
        margin-left: 0;
        margin-right: 2rem; } }
  .propaganda__image {
    position: absolute; }
    .propaganda__image--paper {
      top: calc(50% - 2.6rem);
      right: -0.75rem;
      width: 7rem;
      max-width: 7rem; }
      @media (min-width: 1000px) {
        .propaganda__image--paper {
          top: -0.4rem;
          right: -1rem;
          width: 10rem;
          max-width: 10rem; } }
    .propaganda__image--digital {
      bottom: 0.1rem;
      right: 0;
      height: 7.8rem; }
    .propaganda__image--both {
      bottom: 0;
      right: 0;
      width: 9rem;
      max-width: 9rem; }
      @media (min-width: 1000px) {
        .propaganda__image--both {
          width: 11rem;
          max-width: 11rem; } }

.inline-action {
  position: relative;
  display: block;
  width: 100%; }
  .inline-action__input {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.7rem 1rem;
    border: 1px solid #C1C1C1;
    width: 100%;
    border-radius: 2px; }
    .inline-action__input:focus {
      border-color: #ad1409; }
  .inline-action__submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    outline: 0;
    padding-top: 0.2em;
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
  .inline-action--light {
    color: #fff; }
    .inline-action--light .inline-action__input {
      border-width: 2px;
      border-color: #bc2b28;
      color: #fff;
      background-color: #ad1409; }
      .inline-action--light .inline-action__input:-ms-input-placeholder {
        color: #fff; }
      .inline-action--light .inline-action__input::placeholder {
        color: #fff; }
      .inline-action--light .inline-action__input:hover {
        border-color: rgba(255, 255, 255, 0.4); }
      .inline-action--light .inline-action__input:focus {
        border-color: #fff; }
  .inline-action--small .inline-action__input {
    padding: 0.4rem 0.7rem; }
  .inline-action--small .inline-action__icon {
    transform: scale(0.85); }
  .inline-action--expandable .inline-action__form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .inline-action--expanded .inline-action__form {
    will-change: width;
    position: absolute;
    box-shadow: 0 0 20px 2px #ad1409;
    width: calc(100vw - 4rem); }
    @media (min-width: 640px) {
      .inline-action--expanded .inline-action__form {
        width: 530px; } }
    @media (min-width: 1000px) {
      .inline-action--expanded .inline-action__form {
        width: 520px; } }

.from-our-own-navel {
  font-family: "GTA", sans-serif;
  font-weight: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  color: rgba(0, 0, 0, 0.8); }
  @media (min-width: 1000px) {
    .from-our-own-navel {
      -ms-flex-direction: row;
          flex-direction: row;
      min-height: 19rem; } }
  .from-our-own-navel__image-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    background-size: cover;
    overflow: hidden;
    -ms-flex-order: 1;
        order: 1;
    max-height: 20rem; }
    @media (min-width: 1000px) {
      .from-our-own-navel__image-wrapper {
        max-height: none;
        -ms-flex-order: initial;
            order: initial;
        width: 50%;
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
  .from-our-own-navel__image {
    transition: transform 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    object-fit: cover; }
    @media (min-width: 440px) {
      .from-our-own-navel__image {
        max-width: 32rem; } }
    @media (min-width: 1000px) {
      .from-our-own-navel__image {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        max-width: 100%; } }
    .from-our-own-navel__image--alpha {
      max-width: 400px;
      object-fit: contain; }
      @media (min-width: 1000px) {
        .from-our-own-navel__image--alpha {
          max-width: 100%;
          object-fit: cover; } }
  .from-our-own-navel__content {
    -ms-flex-order: 2;
        order: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 1.8rem 2.4rem; }
    @media (min-width: 1000px) {
      .from-our-own-navel__content {
        -ms-flex-order: initial;
            order: initial;
        width: 50%;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 7rem 2.4rem; } }
  .from-our-own-navel__title {
    font-size: 2.2rem;
    line-height: 1.1;
    margin: 0 0 1rem; }
    @media screen and (min-width: 640px) {
      .from-our-own-navel__title {
        font-size: 2.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .from-our-own-navel__title {
        font-size: 3rem;
        line-height: 1.1; } }
  .from-our-own-navel__lead {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 0 1.8rem; }
  .from-our-own-navel__cta {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0;
    background-color: var(--promo-color); }
  .from-our-own-navel--uppercase .from-our-own-navel__title {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  .from-our-own-navel--serif {
    font-family: "Lyon", serif;
    font-weight: normal; }
    .from-our-own-navel--serif .from-our-own-navel__title {
      font-size: 2.1rem;
      line-height: 1.05;
      font-family: "Lyon", serif;
      font-weight: 800; }
      @media screen and (min-width: 640px) {
        .from-our-own-navel--serif .from-our-own-navel__title {
          font-size: 2.6rem;
          line-height: 1.05; } }
    .from-our-own-navel--serif .from-our-own-navel__cta {
      font-family: "Lyon", serif;
      font-weight: bold;
      letter-spacing: 0;
      padding: 0.77rem 1.8rem 0.63rem; }
  @media (min-width: 640px) {
    .from-our-own-navel--small {
      min-height: 10rem; } }
  .from-our-own-navel--small .from-our-own-navel__title {
    font-size: 2.1rem;
    line-height: 1.05; }
    @media screen and (min-width: 640px) {
      .from-our-own-navel--small .from-our-own-navel__title {
        font-size: 2.6rem;
        line-height: 1.05; } }
  .from-our-own-navel--small .from-our-own-navel__lead {
    font-size: 1.16rem;
    line-height: 1.4; }
  .from-our-own-navel--small .from-our-own-navel__cta {
    padding: 0.63rem 1rem 0.77rem;
    font-size: 1.16rem;
    line-height: 1.4; }
  .from-our-own-navel--small .from-our-own-navel__image--alpha {
    object-fit: contain;
    max-width: 300px; }
    @media (min-width: 1000px) {
      .from-our-own-navel--small .from-our-own-navel__image--alpha {
        max-width: 100%; } }
  .from-our-own-navel--small .from-our-own-navel__content {
    padding: 1rem 2.4rem; }
    @media (min-width: 640px) {
      .from-our-own-navel--small .from-our-own-navel__content {
        padding: 2.4rem 2.4rem; } }

.notfound-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 3.8rem;
  padding-bottom: 3.8rem; }
  .notfound-header__illustration {
    max-width: 16rem;
    animation: notfound-newspaper 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) both;
    animation-delay: 500ms; }
  .notfound-header__title {
    font-size: 2.1rem;
    line-height: 1.05;
    text-align: center;
    margin: 3.8rem 0; }
    @media screen and (min-width: 640px) {
      .notfound-header__title {
        font-size: 2.6rem;
        line-height: 1.05; } }
  .notfound-header__sub-title {
    text-align: center;
    margin: 0 0 1.8rem; }
  .notfound-header__search {
    width: 100%;
    max-width: 400px; }
  .notfound-header__input {
    margin: 0 0 2.4rem; }

@keyframes notfound-newspaper {
  from {
    opacity: 0;
    transform: rotate(-720deg) scale(0.2); } }

.editorial {
  max-width: 37.73333rem;
  margin: 0 auto;
  text-align: center; }
  .editorial__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1.1;
    max-width: 14ch;
    text-align: center;
    margin: 0 auto 1.5rem; }
    @media screen and (min-width: 640px) {
      .editorial__title {
        font-size: 2.8rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .editorial__title {
        font-size: 3rem;
        line-height: 1.1; } }
  .editorial__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    color: #0078c8;
    font-size: 0.9rem;
    line-height: 1.3; }
  .editorial__list {
    list-style: none;
    counter-reset: counter;
    text-align: left;
    padding: 0;
    margin: 0.75rem 0 0; }
    @media (min-width: 640px) {
      .editorial__list {
        margin: 1.5rem 0 0; } }
  .editorial__item {
    font-family: "Lyon", serif;
    font-weight: normal;
    font-size: 1.16rem;
    line-height: 1.4;
    position: relative;
    padding-top: 1rem;
    padding-left: 2rem;
    counter-increment: counter; }
    @media (min-width: 640px) {
      .editorial__item {
        font-size: 1.4rem;
        line-height: 1.4;
        padding-top: 1.8rem;
        padding-left: 3.8rem; } }
    .editorial__item:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 1rem; }
      @media (min-width: 640px) {
        .editorial__item:not(:last-child) {
          padding-bottom: 1.8rem; } }
    .editorial__item:before {
      content: counter(counter) ".";
      position: absolute;
      left: 0; }
  .editorial__lead {
    margin-bottom: 0.7rem; }
    @media (min-width: 640px) {
      .editorial__lead {
        margin-bottom: 1rem; } }
  .editorial__article {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.5;
    color: #1A1A1A; }
    @media (min-width: 640px) {
      .editorial__article {
        font-size: 1.16rem;
        line-height: 1.4; } }
    .editorial__article:hover, .editorial__article:focus {
      text-decoration: underline; }
    .editorial__article:after {
      content: '  \203A'; }

.opinions {
  margin-top: 1rem; }
  @media (min-width: 640px) {
    .opinions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @supports (display: grid) {
        .opinions {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 3.8rem; } } }
  .opinions__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 0.6rem;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .opinions__title {
        font-size: 1.65rem;
        line-height: 1.2; } }
    @media (min-width: 640px) {
      .opinions__title {
        text-align: left;
        margin-bottom: 1rem; } }
  .opinions__byline {
    font-family: "GTA", sans-serif;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    color: rgba(66, 66, 66, 0.75); }
    @media (min-width: 640px) {
      .opinions__byline {
        text-align: left;
        margin-bottom: 0;
        color: inherit; } }
  .opinions__lead {
    margin: 0; }
  .opinions__item {
    display: block;
    color: #424242; }
    @media (min-width: 640px) {
      .opinions__item {
        width: calc(33.33333% - 2rem); }
        @supports (display: grid) {
          .opinions__item {
            width: auto; } } }
    .opinions__item:not(:last-child) {
      margin-bottom: 2rem; }
      @media (min-width: 640px) {
        .opinions__item:not(:last-child) {
          margin: 0; } }
    .opinions__item:hover .opinions__title, .opinions__item:focus .opinions__title {
      text-decoration: underline; }

@media (min-width: 640px) {
  .topics {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @supports (display: grid) {
      .topics {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2rem; } } }

.topics__title {
  font-family: "Lyon", serif;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0; }
  @media screen and (min-width: 1000px) {
    .topics__title {
      font-size: 1.65rem;
      line-height: 1.2; } }
  @media (min-width: 640px) {
    .topics__title {
      text-align: center; } }

.topics__image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 80px; }
  @media (min-width: 640px) {
    .topics__image-wrapper {
      -ms-flex-align: end;
          align-items: flex-end;
      height: 230px;
      margin-bottom: 1.8rem; } }

.topics__image {
  width: 100%; }
  @media (min-width: 640px) {
    .topics__image {
      width: auto;
      max-height: 100%; } }

.topics__item {
  color: #424242; }
  @supports (display: grid) {
    .topics__item {
      display: -ms-grid;
      display: grid;
      -ms-flex-align: center;
          align-items: center;
      -ms-grid-columns: 1fr 2fr;
      grid-template-columns: 1fr 2fr;
      grid-gap: 2rem; } }
  @media (min-width: 640px) {
    .topics__item {
      display: block;
      width: calc(33.33333% - 2rem); }
      @supports (display: grid) {
        .topics__item {
          width: auto; } } }
  .topics__item:not(:last-child) {
    margin-bottom: 2rem; }
    @media (min-width: 640px) {
      .topics__item:not(:last-child) {
        margin: 0; } }
  .topics__item:hover .topics__title, .topics__item:focus .topics__title {
    text-decoration: underline; }
  .topics__item--kryssord .topics__image {
    width: 80%; }
    @media (min-width: 640px) {
      .topics__item--kryssord .topics__image {
        width: auto; } }
  @media (min-width: 640px) {
    .topics__item--dunce .topics__image {
      max-height: 87%;
      margin-bottom: -0.05rem; } }
  .topics__item--kviss .topics__image {
    width: 70%; }
    @media (min-width: 640px) {
      .topics__item--kviss .topics__image {
        width: auto;
        max-height: 90%; } }
  @media (min-width: 640px) {
    .topics__item--grovt-sagt .topics__image {
      max-height: 85%;
      margin-bottom: -0.075rem; } }
  @media (min-width: 640px) {
    .topics__item--teppet .topics__image {
      max-height: 72%; } }
  @media (min-width: 640px) {
    .topics__item--akknu .topics__image {
      max-height: 85%; } }

.promo-article {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #424242; }
  .promo-article:hover .promo-article__title, .promo-article:focus .promo-article__title {
    text-decoration: underline; }
  .promo-article__title {
    font-family: "Lyon", serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1.1;
    margin: 1.1rem 0;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .promo-article__title {
        font-size: 3.4rem;
        line-height: 1.1; } }
    @media screen and (min-width: 1000px) {
      .promo-article__title {
        font-size: 4.1rem;
        line-height: 1.1; } }
    .promo-article__title--uppercase {
      font-family: "GTA", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2.2rem;
      line-height: 1.1; }
      @media screen and (min-width: 640px) {
        .promo-article__title--uppercase {
          font-size: 3.4rem;
          line-height: 1.1; } }
      @media screen and (min-width: 1000px) {
        .promo-article__title--uppercase {
          font-size: 4.1rem;
          line-height: 1.1; } }
      @media (min-width: 640px) {
        .promo-article__title--uppercase {
          font-size: 3rem;
          line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 640px) {
    .promo-article__title--uppercase {
      font-size: 4rem;
      line-height: 1.1; } }
  @media screen and (min-width: 640px) and (min-width: 1000px) {
    .promo-article__title--uppercase {
      font-size: 5rem;
      line-height: 1.02; } }
  @media screen and (min-width: 640px) and (min-width: 1180px) {
    .promo-article__title--uppercase {
      font-size: 5.6rem;
      line-height: 1.02; } }
  .promo-article__content {
    text-align: center; }
    @media (min-width: 640px) {
      .promo-article__content {
        font-size: 1.16rem;
        line-height: 1.4; } }
  .promo-article__lead {
    max-width: 43rem;
    margin: 0 auto;
    text-align: left; }
    @media (min-width: 640px) {
      .promo-article__lead {
        text-align: inherit; } }
  .promo-article__keyword {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GTA", sans-serif;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px 8px 4px;
    color: #fff;
    background-color: #1A1A1A;
    font-size: 0.9rem;
    line-height: 1.3;
    margin-top: 1rem;
    margin-bottom: 0;
    text-shadow: none; }
  .promo-article__image {
    display: block;
    margin: 0;
    object-fit: cover;
    background-size: cover; }
  .promo-article--kommentar .promo-article__keyword {
    color: #fff;
    background-color: #0078c8; }
  .promo-article--meninger .promo-article__keyword {
    color: #fff;
    background-color: #0078c8; }
  .promo-article--innenriks .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--ntburix .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--utenriks .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--ntbirix .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--politikk .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--viten .promo-article__keyword {
    color: #fff;
    background-color: #1f996a; }
  .promo-article--historie .promo-article__keyword {
    color: #fff;
    background-color: #1f996a; }
  .promo-article--kultur .promo-article__keyword {
    color: #fff;
    background-color: #3B3B7F; }
  .promo-article--kunst .promo-article__keyword {
    color: #fff;
    background-color: #3B3B7F; }
  .promo-article--moderne .promo-article__keyword {
    color: #fff;
    background-color: #007E9B; }
  .promo-article--film .promo-article__keyword {
    color: #fff;
    background-color: #24324c; }
  .promo-article--teater .promo-article__keyword {
    color: #fff;
    background-color: #75003b; }
  .promo-article--økonomi .promo-article__keyword {
    color: #fff;
    background-color: #0b407f; }
  .promo-article--musikkmagasinet .promo-article__keyword {
    color: #fff;
    background-color: #DA372F; }
  .promo-article--bokmagasinet .promo-article__keyword {
    color: #fff;
    background-color: #9b1e30; }
  .promo-article--kampanje .promo-article__keyword {
    color: #fff;
    background-color: #A80000; }
  .promo-article--magasin .promo-article__keyword {
    color: #fff;
    background-color: #0078c8; }
  @supports (display: grid) {
    @media (min-width: 1000px) {
      .promo-article--split {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr;
        grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas: "content image image";
        grid-gap: 3.8rem; } }
    @media (min-width: 1000px) {
      .promo-article--split .promo-article__image {
        -ms-flex-order: 2;
            order: 2;
        grid-area: image; } }
    .promo-article--split .promo-article__keyword {
      margin: 1rem auto 0.4rem; }
      @media (min-width: 1000px) {
        .promo-article--split .promo-article__keyword {
          margin: 0.1rem auto 1rem; } }
    .promo-article--split .promo-article__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      grid-area: content; }
    @media (min-width: 1000px){
      .promo-article--split .promo-article__image {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 3; }
      .promo-article--split .promo-article__content {
      -ms-grid-row: 1;
      -ms-grid-column: 1; } }
    .promo-article--split .promo-article__lead {
      overflow-wrap: break-word;
      word-break: break-word;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      text-align: left; }
    .promo-article--split .promo-article__title {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      text-align: center; }
      @media (min-width: 640px) {
        .promo-article--split .promo-article__title {
          font-size: 2.2rem;
          line-height: 1.1;
          margin: 0.12em 0 2.4rem; } }
      @media screen and (min-width: 640px) and (min-width: 640px) {
        .promo-article--split .promo-article__title {
          font-size: 2.8rem;
          line-height: 1.1; } }
      @media screen and (min-width: 640px) and (min-width: 1000px) {
        .promo-article--split .promo-article__title {
          font-size: 3rem;
          line-height: 1.1; } } }

.grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 2rem;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2rem; }
  @media (min-width: 1000px) {
    .grid {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); } }
  .grid--double {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    @media (min-width: 1000px) {
      .grid--double {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 3.8rem; } }
  .grid--aside {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-flex-align: start;
        align-items: start;
    grid-gap: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media (min-width: 640px) {
      .grid--aside {
        margin-top: 3.8rem;
        margin-bottom: 3.8rem;
        grid-gap: 3.8rem;
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr; } }
    .grid--aside .grid__item:first-child {
      -ms-flex-order: 2;
          order: 2; }
      @media (min-width: 640px) {
        .grid--aside .grid__item:first-child {
          -ms-flex-order: 0;
              order: 0; } }

.page {
  font-size: 1.16rem;
  line-height: 1.4;
  margin: 0 0 3.8rem; }
  .page__title {
    margin: 2.6rem 0 1rem; }
    .page__title--2 {
      font-size: 1.6rem;
      line-height: 1.2; }
      @media screen and (min-width: 640px) {
        .page__title--2 {
          font-size: 2.1rem;
          line-height: 1.25; } }
    .page__title--3 {
      font-size: 1.4rem;
      line-height: 1.4; }
  .page--spaceless {
    margin: 0; }
    .page--spaceless .page__text:last-child {
      margin-bottom: 0; }
  @media (min-width: 640px) {
    .page--columns {
      column-count: 2;
      column-gap: 2rem; } }
  @media (min-width: 1000px) {
    .page--columns {
      column-gap: 3.8rem; } }