.site-notice {
  position: relative;
  z-index: 50;
  padding: 0.8rem var(--page-gutter);
  background: var(--color-burgundy);
  color: var(--color-white);
  text-align: center;
}

.site-mark {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.site-mark__title {
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 0.92rem + 0.55vw, 1.6rem);
}

.site-mark__descriptor,
.eyebrow,
.issue-number,
.section-note,
.issue-reader figcaption {
  font-family: var(--font-interface);
  font-size: clamp(0.75rem, 0.71rem + 0.12vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1.35;
  text-transform: uppercase;
}

.site-mark__descriptor {
  color: #bcb6b0;
  font-size: 0.75rem;
}

.eyebrow {
  margin-bottom: var(--space-1);
  color: var(--color-burgundy);
}

.section-dark .eyebrow {
  color: #df9daf;
}

.language-switcher {
  display: flex;
  min-height: 44px;
  margin-top: var(--space-2);
  align-items: center;
  gap: 0.6rem;
  font-size: 0.875rem;
  letter-spacing: 0.12em;
}

.language-switcher a {
  display: inline-flex;
  min-inline-size: 44px;
  min-block-size: 44px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.language-switcher a[aria-current="page"] {
  border-bottom: 2px solid currentColor;
}

.opening__enter,
.issue-hero__open,
.text-link {
  display: inline-flex;
  min-inline-size: 44px;
  min-block-size: 44px;
  width: fit-content;
  margin-top: var(--space-2);
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid currentColor;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-decoration: none;
  text-transform: uppercase;
}

.text-link--light {
  color: var(--color-white);
}

.section-note {
  max-width: 25rem;
  color: var(--color-muted);
}

.issue-card__cover,
.issue-hero__artwork,
.next-issue__cover,
.issue-reader figure {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #e8e1d8;
}

.issue-card__cover img,
.issue-hero__artwork img,
.next-issue__cover img,
.issue-reader figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.issue-card__link {
  text-decoration: none;
}

.issue-card__link {
  display: grid;
  gap: var(--space-2);
}

.issue-card__cover {
  box-shadow: 0 1.5rem 4rem rgb(17 17 17 / 12%);
}

.issue-card__meta {
  display: grid;
  gap: 0.65rem;
  padding-inline: 0.25rem;
}

.issue-card__meta p {
  color: var(--color-muted);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.issue-card__action {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.issue-hero__taxonomy {
  color: #c8c2bc;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.issue-reader figure {
  position: relative;
  box-shadow: 0 1rem 4rem rgb(17 17 17 / 10%);
}

.issue-reader figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.6rem 0.8rem;
  background: var(--color-black);
  color: var(--color-white);
}

.issue-credits dt {
  color: var(--color-muted);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.issue-credits dd {
  max-width: 54rem;
}

.empty-state {
  padding-block: var(--space-3);
  border-block: var(--rule);
  color: var(--color-muted);
}

@media (hover: hover) and (pointer: fine) {
  .issue-card__cover img,
  .next-issue__cover img {
    transition: transform 450ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }

  .issue-card__link:hover .issue-card__cover img,
  .next-issue a:hover ~ .next-issue__cover img {
    transform: scale(1.018);
  }
}