.journal {background: #e9dfd1;}
.journal-cover,.journal-page-cover {
  background-color: #211710;
  background-image: linear-gradient(90deg,#170f0bf2,#170f0ba8 65%,#170f0b38),var(--editorial-cover,url('/assets/luft-notatki.webp'));
  background-size: cover;
  background-position: center,center 59%;
  color: #f9eee1;
}
.journal-cover {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: 430px;
  overflow: hidden;
}
.journal-cover-copy {max-width: 49ch;}
.journal-cover-copy .eyebrow,.journal-page-cover .eyebrow {color: #f0c394;}
.journal-cover-copy h2,.journal-page-cover h1 {margin: 14px 0 19px;}
.journal-cover-copy > p:last-child,.journal-page-cover > p:last-child {max-width: 55ch; color: #f3e5d7;}
.journal-move {
  width: clamp(100px,16vw,210px);
  aspect-ratio: 3 / 2;
  position: absolute;
  top: clamp(26px,5vw,72px);
  right: var(--gutter);
  display: grid;
  grid-template: repeat(2,1fr)/repeat(3,1fr);
  color: #f1c391;
}
.journal-move > span {border: 1px solid #f1c39149; background: #6c43263a;}
.journal-move > span:nth-child(even) {background: #db9a4b28;}
.journal-move > i {
  position: absolute;
  width: calc(100% / 3);
  height: 50%;
  display: grid;
  place-items: center;
  transform: translate(200%,100%);
  filter: drop-shadow(0 4px 6px #140a06);
}
.journal-move svg {width: 52%; height: auto;}
.journal-grid {
  padding-block: clamp(30px,5vw,66px);
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
}
.journal-card {
  padding: clamp(20px,3.2vw,44px);
  background: #f7eee2;
  border: 1px solid #c4b29d;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.journal-card h3,.journal-card p {margin: 0;}
.journal-card .eyebrow {color: #754629;}
.journal-card .journal-language-link {
  margin-top: auto;
  padding-top: 8px;
  color: #754629;
  font-weight: 650;
  font-size: var(--type-control);
  text-decoration: underline;
  text-underline-offset: 4px;
}
html:not([lang="en"]) [data-journal-lang="en"],html[lang="en"] [data-journal-lang="pl"] {display: none;}
.journal-checklists {justify-self: start; grid-column: 1/-1; margin-top: 16px;}
.journal-page {background: #f7eee2;}
.journal-page-nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 18px var(--gutter);
  color: #f9eee1;
  background: #201611;
  font-size: var(--type-control);
}
.journal-wordmark {font-weight: 800; letter-spacing: .12em;}
.journal-wordmark b {font-weight: 450;}
.journal-page-cover h1 {
  max-width: 16ch;
  font-size: var(--type-section);
  font-weight: 650;
  line-height: 1.04;
  letter-spacing: -.055em;
}
.journal-prose {max-width: 840px; margin-inline: auto;}
.journal-prose > section + section,.journal-sources {margin-top: 30px;}
.journal-prose > section h2 {font-size: var(--type-item); margin: 0 0 9px;}
.journal-prose p {margin: 0;}
.journal-sources a {text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere;}
.journal-prose > a {margin-top: 24px;}

@media (prefers-reduced-motion: no-preference) {
  .js:not(.motion-off) .journal-cover.is-visible .journal-move > i {
    animation: knight-move .95s cubic-bezier(.27,.72,.22,1) both;
  }
  .js:not(.motion-off) .journal-cover.is-visible .journal-move > span:first-child {
    animation: knight-origin .95s ease-out both;
  }
  .js:not(.motion-off) .journal-cover.is-visible .journal-move > span:last-of-type {
    animation: knight-destination .95s ease-out both;
  }
  .js:not(.motion-off) .journal-cover.is-visible .journal-cover-copy {
    animation: journal-copy .76s cubic-bezier(.18,.73,.24,1) .12s both;
  }
}
@keyframes knight-move {
  0% {transform: translate(0,0);}
  32% {transform: translate(88%,-18%) scale(1.11);}
  68% {transform: translate(180%,80%) scale(1.04);}
  100% {transform: translate(200%,100%);}
}
@keyframes knight-origin {from {background-color: #c891575e;} to {background-color: #6c43263a;}}
@keyframes knight-destination {0%,60% {background-color: #6c43263a;} 85% {background-color: #d9a0657a;} 100% {background-color: #8d623758;}}
@keyframes journal-copy {from {opacity: .25; transform: translateY(16px);} to {opacity: 1; transform: translateY(0);}}
@media (max-width: 600px) {
  .journal-cover,.journal-page-cover {background-position: center,66% center;}
  .journal-cover {min-height: 340px;}
  .journal-move {top: 22px; width: 92px;}
  .journal-grid {grid-template-columns: 1fr;}
}

@media (min-width: 901px) {
  .sector-cards {grid-template-columns: repeat(6,minmax(0,1fr));}
  .sector-card {grid-column: span 2;}
  .sector-card:nth-child(n+7) {grid-column: span 3;}
}

.journal-detail {margin: clamp(24px,4vw,42px) 0;}
.journal-detail img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}
@media (max-width: 600px) {
  .journal-cover,.journal-page-cover {
    background-image: linear-gradient(100deg,#170f0bf3,#170f0ba8),var(--editorial-cover,url('/assets/luft-notatki.webp'));
  }
}
