@layer pages {
  .engraved { position: absolute; inset: 0; overflow: hidden; container-type: size; direction: ltr; }
  .engraved::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(54% 74% at 56% 46%, rgb(220 182 64 / .12) 0%, rgb(220 182 64 / .05) 40%, rgb(220 182 64 / 0) 74%);
  }
  .engraved__stage { position: absolute; top: 50%; left: 50%; inline-size: 118cqh; aspect-ratio: 1; translate: -50% -50%; }
  .engraved__layer { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; }
  @media (max-width: 1023.98px) { .engraved__stage { inline-size: 136cqh; } }
.orbit__half { position: absolute; inset-block: 0; inline-size: 50%; overflow: hidden; }
  .orbit__half--right { left: 50%; }
  .orbit__half--left { left: 0; }
  .orbit__line { position: absolute; top: 0; inline-size: 200%; block-size: 100%; max-inline-size: none; }
  .orbit__half--right .orbit__line { left: -100%; }
  .orbit__half--left .orbit__line { left: 0; }
  .orbit__medal { position: absolute; left: var(--x); top: var(--y); inline-size: 24.4%; block-size: auto; aspect-ratio: 1; max-inline-size: none; translate: -50% -50%; }
  @media screen {
    @keyframes orbit-draw { from { transform: rotate(-180deg); } }
    @keyframes orbit-up { from { transform: rotate(-24deg); opacity: .72; } }
    :root.mt .orbit__half--right .orbit__line { animation: orbit-draw 650ms linear 180ms backwards; }
    :root.mt .orbit__half--left .orbit__line { animation: orbit-draw 650ms linear 830ms backwards; }
    :root.mt .orbit__medal { animation: orbit-up 760ms cubic-bezier(.2, .72, .2, 1) calc(180ms + var(--i) * 433ms) backwards; }
  }
@media screen { :root.mt .engraved__layer { animation: en-turn var(--en-dur, 1400ms) cubic-bezier(.2, .72, .2, 1) backwards; } }
.title-plate--engraved .title-plate__media::after { z-index: 1; background: linear-gradient(to top, rgb(13 28 24 / .55) 0%, rgb(13 28 24 / .16) 10%, rgb(13 28 24 / 0) 22%); }
  .title-plate--engraved::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: repeating-radial-gradient(circle at 73% 50%, rgb(220 182 64 / .1) 0 1px, rgb(220 182 64 / 0) 1px 11px);
    -webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / .32) 0%, rgb(0 0 0 / .62) 24%, rgb(0 0 0 / 1) 44%);
    mask-image: linear-gradient(to right, rgb(0 0 0 / .32) 0%, rgb(0 0 0 / .62) 24%, rgb(0 0 0 / 1) 44%);
  }
  .title-plate--engraved::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(70% 120% at 73% 50%, rgb(220 182 64 / .085) 0%, rgb(220 182 64 / .04) 46%, rgb(220 182 64 / 0) 100%);
  }
  .title-plate--engraved .title-plate__media { background: transparent; }
  @media (max-width: 1023.98px) {
    .title-plate--engraved::before, .title-plate--engraved::after { content: none; }
    .title-plate--engraved .title-plate__media { background: var(--surface-sunken); }
  }
}