/* Link landing pages under /l/ — uses tokens and fonts from /css/style.css */
body.link-landing {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--unit-baseline) * 1.5) var(--unit-baseline);
  color: var(--colour-white);
  background: radial-gradient(
      ellipse 120% 80% at 50% 0%,
      var(--link-glow, rgba(255, 128, 0, 0.18)) 0%,
      transparent 55%
    ),
    linear-gradient(
      165deg,
      var(--link-bg-top, var(--colour-grey-deep)) 0%,
      var(--link-bg-bottom, var(--colour-black)) 100%
    );
}

.link-landing-card {
  width: 100%;
  max-width: 22rem;
  border-radius: var(--unit-border-radius);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--box-shadow);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.35);
}

.link-landing-art-wrap {
  position: relative;
  aspect-ratio: 1;
  background: var(--colour-black);
}

.link-landing-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.link-landing-body {
  padding: calc(var(--unit-baseline) * 1.25);
}

.link-landing-kind {
  font-family: var(--font-body);
  font-size: calc(var(--unit-basetext) * 0.75);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--colour-grey);
  margin-bottom: calc(var(--unit-baseline) / 2);
}

.link-landing-title {
  font-family: var(--font-header);
  font-weight: bold;
  font-size: calc(var(--unit-basetext) * 1.35);
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: calc(var(--unit-baseline) / 3);
}

.link-landing-artist {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--unit-basetext);
  color: var(--colour-orange);
  margin-bottom: calc(var(--unit-baseline) * 1.25);
}

.link-landing-stores {
  display: flex;
  flex-direction: column;
  gap: calc(var(--unit-baseline) / 2);
}

.link-landing-stores .news-item_link {
  display: flex;
}

@media screen and (min-width: 45rem) {
  .link-landing-stores .news-item_link {
    grid-column: auto;
  }
}

.link-landing-footer {
  margin-top: calc(var(--unit-baseline) * 2);
  text-align: center;
  font-family: var(--font-body);
  font-size: calc(var(--unit-basetext) * 0.875);
  color: var(--colour-grey);
}

.link-landing-footer a {
  color: var(--colour-orange);
  font-weight: 600;
  text-decoration: none;
}

.link-landing-footer a:hover,
.link-landing-footer a:focus {
  text-decoration: underline;
}