@font-face {
  font-family: 'Statue Roman';
  src: url('assets/Cinzel-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
html { background: #101820; color-scheme: dark; }
body { margin: 0; }
.statue-page {
  --statue-navy: #101820;
  --statue-gold: #c6ac79;
  --statue-green: #193b31;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  padding: 2.25rem 3.5rem 2.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--statue-navy);
  border-top: 0.375rem solid var(--statue-green);
  color: #f2eee4;
  text-align: center;
  font-family: 'Statue Roman', Georgia, 'Times New Roman', serif;
}
.statue-page::before,
.statue-page::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 1rem;
  border: 1px solid #7d6b45;
}
.statue-page::after { inset: 1.375rem; border-color: #364337; }
.statue-heading { flex: 0 0 auto; width: 100%; max-width: 64rem; }
.statue-ceremonial { display: flex; align-items: center; justify-content: center; gap: 1.25rem; width: min(100%, 20rem); margin: 0 auto 1.25rem; }
.statue-forces { display: block; width: auto; height: 4rem; object-fit: contain; }
.statue-braid { flex: 1; height: 0.25rem; border-block: 1px solid var(--statue-gold); background: var(--statue-green); }
.statue-title { margin: 0; text-transform: uppercase; font-weight: 800; }
.statue-the { display: block; font-size: 0.875rem; line-height: 1.5; letter-spacing: 0.3em; color: var(--statue-gold); }
.statue-name { display: block; margin-top: 0.5rem; font-size: clamp(2.25rem, 7.3vw, 4.5rem); line-height: 1.1; letter-spacing: 0.035em; }
.statue-word { display: block; margin-top: 0.5rem; font-size: clamp(1.125rem, 2.5vw, 1.75rem); line-height: 1.2; letter-spacing: 0.32em; padding-left: 0.32em; color: var(--statue-gold); }
.statue-figure { width: 100%; margin: 1.5rem 0 0; display: flex; flex: 1 0 auto; align-items: center; justify-content: center; }
.statue-art { display: block; width: auto; max-width: 100%; height: clamp(26rem, 58svh, 38rem); object-fit: contain; mask-image: linear-gradient(to bottom, transparent, black 2%, black 95%, transparent), linear-gradient(to right, transparent, black 12%, black 88%, transparent); mask-composite: intersect; }
/* Center the pedestal, whose midpoint is approximately x=599.5 in the 1024px artwork. */
.statue-art { transform: translateX(-8.545%); }
.statue-honor { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 1.25rem; width: min(100%, 20rem); margin-top: 0.5rem; }
.statue-medal { display: block; width: auto; height: 4.25rem; object-fit: contain; }
.statue-rule { height: 1px; flex: 1; background: #7d6b45; }
.statue-footer { width: min(100%, 46rem); margin-top: 2rem; border-top: 1px solid #7d6b45; }
.statue-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1.25rem 0; }
.statue-links a { display: flex; flex-direction: column; justify-content: center; min-height: 2.75rem; padding: 0.25rem 1rem; color: #e4d5b3; font-size: 0.9rem; line-height: 1.6; letter-spacing: 0.075em; text-decoration: none; text-transform: uppercase; }
.statue-links a + a { border-left: 1px solid #465345; }
.statue-links a span { color: #eee9dc; font-size: 0.75rem; letter-spacing: 0.04em; }
.statue-links a:hover { color: #fff6dc; text-decoration: underline; text-underline-offset: 0.2em; }
.statue-page a:focus-visible { outline: 2px solid #ecd9aa; outline-offset: 5px; }
.statue-organizations { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.375rem 1.75rem; border-block: 1px solid #53634b; background: #152d28; }
.statue-foundation-link { display: block; width: min(100%, 22rem); min-width: 0; }
.statue-foundation-logo { display: block; width: 100%; height: auto; }
.statue-america-link { display: block; flex: 0 0 auto; padding: 0.65rem 0.8rem; background: transparent; color: #fff; text-decoration: none; }
.statue-america-logo { display: block; width: 5.25rem; height: auto; }
.statue-america-dates { display: block; margin-top: 1.125rem; font-family: Georgia, 'Times New Roman', serif; font-size: 0.625rem; font-weight: normal; line-height: 1.2; letter-spacing: 0.1em; }
@media (max-width: 600px) {
  .statue-page { padding: 2rem 1.75rem 2.25rem; }
  .statue-page::before { inset: 0.625rem; }
  .statue-page::after { inset: 0.875rem; }
  .statue-ceremonial { width: 13rem; gap: 1rem; margin-bottom: 1rem; }
  .statue-forces { height: 3.5rem; }
  .statue-name { font-size: clamp(1.75rem, 8.3vw, 2.75rem); letter-spacing: 0; }
  .statue-word { font-size: 1.125rem; }
  .statue-art { height: clamp(24rem, 55svh, 31rem); }
  .statue-honor { width: 12rem; }
  .statue-medal { height: 3.75rem; }
  .statue-footer { margin-top: 1.5rem; }
  .statue-links a { padding-inline: 0.35rem; font-size: 0.72rem; letter-spacing: 0.03em; }
  .statue-links a span { font-size: 0.6875rem; letter-spacing: 0; }
  .statue-organizations { flex-direction: column; gap: 1.5rem; padding: 1.5rem 1rem; }
  .statue-foundation-link { width: min(100%, 17rem); }
  .statue-america-logo { width: 4.75rem; }
}