:root {
  --dq-bg: #080b08;
  --dq-surface: #111610;
  --dq-surface-2: #181b15;
  --dq-text: #f2ead6;
  --dq-muted: #b7b5a7;
  --dq-moss: #7fa070;
  --dq-gold: #d6ad52;
  --dq-burgundy: #ad593c;
  --dq-line: rgba(225, 202, 145, 0.18);
}

html {
  background: var(--dq-bg);
}

.hexapucchu-page h1,
.hexapucchu-page h2 {
  font-family: "Trajan Quest", Georgia, serif;
}

.hexapucchu-page .dq-hero-image {
  object-position: center 50%;
}

.hexapucchu-page .dq-hero-shade {
  background: rgba(3, 7, 4, 0.24);
  box-shadow: inset 0 -220px 170px rgba(3, 6, 3, 0.78);
}

.hexapucchu-page .dq-hero h1 {
  color: #f0c96c;
  font-size: clamp(48px, 7vw, 86px);
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.85);
}

.hexapucchu-page .dq-kicker,
.hexapucchu-page .dq-section-label,
.hexapucchu-page .dq-scroll-link,
.hexapucchu-page .dq-back,
.hexapucchu-page .dq-language-switch,
.hexapucchu-page .dq-status {
  letter-spacing: .08em;
}

.hexapucchu-page .dq-gallery-heading .dq-section-label {
  color: var(--dq-burgundy);
}

.hexapucchu-page .dq-scene-frame {
  aspect-ratio: 16 / 9;
  background: #0a100b;
  border-radius: 6px;
}

.hexapucchu-page .dq-scene img {
  object-fit: cover;
}

.hexapucchu-page .dq-making .dq-section-label,
.hexapucchu-page .dq-status > span:first-child {
  color: var(--dq-moss);
}

.hexapucchu-page .dq-status > span:first-child {
  background: var(--dq-moss);
  box-shadow: 0 0 14px rgba(127, 160, 112, 0.55);
}

@media (max-width: 640px) {
  .hexapucchu-page .dq-hero-image {
    object-position: center 50%;
  }

  .hexapucchu-page .dq-hero h1 {
    font-size: clamp(36px, 11vw, 54px);
    letter-spacing: 0;
  }

}