.book-type-projects .book-page article {
  max-width: 46rem;
}

.under-construction {
  --construction-yellow: #f7d64a;
  --construction-orange: #d96b2b;
  --construction-ink: #25170c;
  margin: 1.5rem 0 2rem;
  padding: 1.5rem;
  color: var(--construction-ink);
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.6), transparent 28%),
    linear-gradient(135deg, #fff6cf, #ffd672 54%, #ffc85a);
  border: 3px solid #4d3419;
  box-shadow: 8px 8px 0 rgba(77, 52, 25, 0.22);
  font-family: Verdana, Geneva, sans-serif;
  position: relative;
}

.under-construction::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(37, 23, 12, 0.08) 0,
      rgba(37, 23, 12, 0.08) 14px,
      transparent 14px,
      transparent 28px
    );
  pointer-events: none;
}

.under-construction > * {
  position: relative;
}

.under-construction__burst {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0.35rem 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff8de;
  background: linear-gradient(180deg, #ff4f38, #b81f10);
  border: 2px solid #6b1208;
  box-shadow: 3px 3px 0 rgba(37, 23, 12, 0.25);
}

.under-construction__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.82rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.under-construction h1 {
  margin: 0 0 0.8rem;
  font-size: clamp(1.9rem, 5vw, 2.9rem);
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 rgba(255, 248, 222, 0.85);
}

.under-construction__marquee {
  display: block;
  margin: 0 0 1rem;
  padding: 0.45rem 0.75rem;
  font-weight: 700;
  color: #fff8de;
  background: #2b190e;
  border: 2px inset #c3942d;
}

.under-construction__panel {
  padding: 1rem;
  background: rgba(255, 248, 222, 0.92);
  border: 2px dashed #8b5a20;
}

.under-construction__blink {
  margin-top: 0;
  font-weight: 700;
  text-transform: uppercase;
  animation: construction-blink 1.35s steps(2, start) infinite;
}

.under-construction__fineprint {
  margin-bottom: 0;
  font-size: 0.88rem;
  color: rgba(37, 23, 12, 0.78);
}

@keyframes construction-blink {
  50% {
    opacity: 0.4;
  }
}

@media (max-width: 700px) {
  .under-construction {
    padding: 1rem;
    box-shadow: 5px 5px 0 rgba(77, 52, 25, 0.18);
  }

  .under-construction__marquee {
    font-size: 0.95rem;
  }
}