/* About Us page: one cream band (942 tall in the 1728px design) with the
   purple swoosh rising from the bottom left and right-aligned copy. */
.a-hero { position: relative; height: calc(942 * var(--u)); background: var(--cream); overflow: hidden; }
.a-swoosh { position: absolute; left: 0; top: calc(3 * var(--u)); width: 100%; height: auto; }
.a-copy { position: absolute; right: calc(134 * var(--x)); top: calc(308 * var(--u)); width: calc(681 * var(--u)); text-align: right; }
.a-copy h1 { margin: 0; color: var(--plum-link); font-family: var(--display); font-weight: 900; font-size: calc(65 * var(--u)); line-height: 1; }
.a-copy p { margin: calc(47 * var(--u)) 0 0; font-family: var(--display); font-weight: 900; font-size: calc(36 * var(--u)); line-height: calc(36 * var(--u)); }

@media (max-width: 960px) {
  .a-hero { height: auto; min-height: 560px; padding: 56px 20px 260px; }
  .a-swoosh { top: auto; bottom: 0; left: 0; width: 100%; height: 48%; object-fit: cover; object-position: 0% 100%; }
  .a-copy { position: relative; right: auto; top: auto; width: auto; }
  .a-copy h1 { font-size: clamp(40px, 11vw, 56px); }
  .a-copy p { margin-top: 20px; font-size: clamp(20px, 5.6vw, 26px); line-height: 1.1; }
}