.published-world {
  margin: 0;
  background: var(--world-paper, #f7f3e9);
  color: var(--world-ink, #263c35);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  line-height: 2;
}
.published-world.sans {
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}
.published-world * {
  box-sizing: border-box;
}
.published-world img {
  display: block;
  width: 100%;
}
.published-world a {
  color: inherit;
}
.published-world h1,
.published-world h2 {
  font-weight: 400;
}
.world-entrance {
  min-height: 660px;
  height: 86svh;
  max-height: 1000px;
  position: relative;
  overflow: hidden;
  background: #263c35;
  color: #fff9ed;
}
.entrance-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.entrance-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #071910bb 0%,
    #1022175c 45%,
    #07191012 100%
  );
}
.entrance-copy {
  position: relative;
  z-index: 1;
  max-width: 1250px;
  padding: 100px 7vw;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.world-kicker {
  font-family: sans-serif;
  letter-spacing: 0.2em;
  font-size: 12px;
}
.entrance-copy h1 {
  max-width: 650px;
  font-size: clamp(30px, 4.3vw, 62px);
  line-height: 1.7;
  letter-spacing: 0.12em;
  margin: 25px 0;
  text-shadow: 0 2px 16px #0005;
  overflow-wrap: anywhere;
}
.entrance-copy p {
  font-size: 17px;
  letter-spacing: 0.12em;
}
.enter-world {
  text-decoration: none;
  border: 1px solid #fff9;
  border-radius: 99px;
  padding: 10px 34px;
  margin-top: 25px;
  font-size: 14px;
  background: #17302033;
}
.published-world main {
  max-width: 1250px;
  padding: 65px 35px;
  margin: auto;
}
.gallery-intro {
  text-align: center;
  margin-bottom: 45px;
}
.gallery-intro span {
  font: 9px sans-serif;
  letter-spacing: 0.28em;
  color: var(--world-accent);
}
.gallery-intro h2 {
  font-size: 27px;
  letter-spacing: 0.12em;
  margin-top: 15px;
}
.quote-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 35px;
}
.artwork {
  border: 1px solid #b9b19966;
  background: #ffffff45;
  overflow: hidden;
  border-radius: 3px;
}
.artwork > img {
  aspect-ratio: 1;
  object-fit: cover;
}
.artwork-copy {
  padding: 30px 35px 35px;
}
.work-number {
  font-size: 10px;
  letter-spacing: 0.2em;
  color: var(--world-accent);
}
.artwork blockquote {
  margin: 20px 0;
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 2;
  overflow-wrap: anywhere;
}
.artwork blockquote p {
  margin: 0 0 8px;
}
.quote-signature {
  font-size: 11px;
  color: var(--world-accent);
}
.world-footer {
  text-align: center;
  border-top: 1px solid #b9b19955;
  padding: 50px 25px;
}
.world-footer > span {
  font: 35px serif;
  color: var(--world-accent);
}
.world-footer p {
  font-size: 15px;
  letter-spacing: 0.1em;
}
.world-footer small {
  font: 10px sans-serif;
  opacity: 0.7;
}
@media (max-width: 650px) {
  .world-entrance {
    min-height: 530px;
    height: 78svh;
  }
  .entrance-copy {
    padding: 55px 8vw;
    justify-content: flex-end;
  }
  .entrance-shade {
    background: linear-gradient(0deg, #071910dd, #07191044 70%);
  }
  .entrance-copy h1 {
    font-size: 32px;
  }
  .entrance-copy p {
    font-size: 14px;
  }
  .published-world main {
    padding: 45px 20px;
  }
  .quote-gallery {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .artwork-copy {
    padding: 25px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .published-world {
    scroll-behavior: smooth;
  }
}