/* Photography owns one fixed Moon geometry from first paint through photo handoff. */
body[data-page="photography"] .ritual-moon,
body[data-page="photography"].is-photo-center .ritual-moon,
body[data-page="photography"].is-photo-eclipse .ritual-moon,
body[data-page="photography"].is-photo-handoff .ritual-moon,
body[data-page="photography"].is-photo-visible:not(.is-photo-handoff) .ritual-moon {
  transform: none;
}

body[data-page="photography"] .ritual-moon {
  transition:
    background 1100ms var(--ease),
    opacity 520ms var(--ease),
    visibility 520ms var(--ease);
}

body[data-page="photography"].is-photo-handoff .ritual-moon {
  animation: photographyMoonToFrame 1100ms var(--route-ease) both;
}

body[data-page="photography"] .frame-photo,
body[data-page="photography"] .frame-photo img {
  backface-visibility: hidden;
}

body[data-page="photography"] .frame-photo img {
  display: block;
  margin: 0;
}

@keyframes photographyMoonToFrame {
  0% {
    opacity: 0.72;
  }

  48% {
    opacity: 0.24;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 700px) {
  body[data-page="photography"] .ritual-moon,
  body[data-page="photography"].is-photo-center .ritual-moon {
    transform: none;
  }
}

@media (orientation: landscape) and (max-height: 560px) and (min-width: 701px) and (max-width: 980px) {
  body[data-page="photography"] .photo-copy {
    left: 28px;
    top: 96px;
    width: min(320px, 40vw);
  }

  body[data-page="photography"] .photo-copy h1 {
    font-size: clamp(32px, 4.5vw, 38px);
  }

  body[data-page="photography"] .photo-copy p {
    max-width: 300px;
    margin-top: 9px;
    font-size: 11.5px;
    line-height: 1.5;
  }

  body[data-page="photography"] .photo-copy .subnav-actions {
    margin-top: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="photography"] .ritual-moon,
  body[data-page="photography"].is-photo-handoff .ritual-moon,
  body[data-page="photography"] .frame-photo,
  body[data-page="photography"] .frame-photo img {
    animation: none;
    transition: none;
  }
}