/* The loader band, shared by every content version.
   The ship loader, cut out of the daytime photograph and graded toward the
   sunrise plates, stands on the bone ground at the right of the band. The
   band has no bottom padding so the stream runs off its foot into the band
   beneath; the statement keeps its own clearance. Class names keep the
   c2- prefix they were built under. */

.c2-quote-band { position: relative; overflow: hidden; padding-bottom: 0; }
.c2-quote {
  position: relative; z-index: 1;
  display: flex;
  align-items: center;
  min-height: clamp(420px, 40vw, 600px);
}
.c2-quote__panel {
  max-width: 620px;
  margin: 0;
  padding: 0 0 var(--band-y);
}
.c2-quote__mark { color: var(--rust); display: block; margin-bottom: clamp(18px, 2.2vw, 28px); }
.c2-quote__text {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3.1vw, 2.75rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.022em;
  color: var(--green);
  margin: 0;
  text-wrap: balance;
}
.c2-quote__attrib { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); margin: clamp(20px, 2.6vw, 30px) 0 0; }
.c2-quote__attrib .pending { margin-right: 8px; }
.c2-quote__loader {
  position: absolute; right: 0; bottom: 0; z-index: 0;
  height: calc(100% - var(--band-y) * 0.5);
  display: block;
  line-height: 0;
  pointer-events: none;
}
.c2-quote__loader img { height: 100%; width: auto; display: block; }


@media (max-width: 900px) {
  .c2-quote { min-height: 0; }
  .c2-quote__panel { max-width: none; padding-right: 30%; }
  .c2-quote__loader { height: 62%; opacity: 0.9; }
}
@media (max-width: 640px) {
  .c2-quote__panel { padding-right: 0; }
  .c2-quote__loader { display: none; }
  .c2-quote-band { padding-bottom: var(--band-y); }
}