.anglers-hemingway-quote {
  position: fixed;
  z-index: 2;
  right: max(22px, calc(env(safe-area-inset-right) + 12px));
  bottom: max(11.9svh, calc(env(safe-area-inset-bottom) + 82px));
  width: max-content;
  max-width: calc(100vw - 44px);
  margin: 0;
  color: #031f32;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.4vw, 36px);
  font-weight: 400;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: right;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 1),
               0 0 14px rgba(255, 255, 255, .92),
               0 3px 12px rgba(0, 20, 35, .18);
  opacity: .96;
  pointer-events: none;
  user-select: none;
}

.js .anglers-hemingway-quote {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}

.js .anglers-hemingway-quote.is-ready {
  animation: anglers-quote-with-logo 9.5s cubic-bezier(.37, 0, .63, 1) .25s both;
}

.anglers-hemingway-quote p {
  margin: 0;
  white-space: nowrap;
}

.anglers-hemingway-quote cite {
  display: block;
  margin-top: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .66em;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .72;
}

@keyframes anglers-quote-with-logo {
  from {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
  }
  to {
    opacity: .96;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 720px) {
  .anglers-hemingway-quote {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(11.75svh, calc(env(safe-area-inset-bottom) + 88px));
    width: max-content;
    max-width: calc(100vw - 24px);
    font-size: clamp(10px, 3.1vw, 14px);
    font-weight: 600;
    line-height: 1.3;
  }

  .anglers-hemingway-quote cite {
    font-weight: 600;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  .anglers-hemingway-quote {
    right: 12px;
    bottom: max(7.65svh, 36px);
    width: max-content;
    max-width: calc(100vw - 24px);
    font-size: clamp(15px, 2.7vw, 22px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .anglers-hemingway-quote.is-ready {
    animation-duration: 1.2s;
  }
}
