.welcome-art, .result-mascot, .review-hero img, .collection-hero img {
  mask-image: radial-gradient(ellipse 70% 75% at center, #000 50%, transparent 76%);
}
@media (max-width: 600px) {
  .intro-row { display:block; position:relative; padding-bottom:48px; margin-bottom:18px; }
  .intro-row .subtitle { max-width:none; }
  .intro-row .grade-picker { position:absolute; bottom:0; right:0; margin:0; }
  .page-title { font-size:23px; }
  .intro-row .eyebrow { font-size:12px; }
  .grade-picker button { font-size:13px; padding:7px 14px; }
  .welcome h2 { font-size:21px; }
  .welcome { min-height:229px; }
  .welcome-copy { max-width:69%; }
  .welcome-art { width:164px; height:174px; right:-4px; bottom:4px; }
  .welcome p { max-width:176px; font-size:12px; }
  .welcome .pill { margin-bottom:12px; }
  .subject-tab { gap:8px; padding-inline:11px; }
  .subject-tab.active { padding-inline:10.5px; }
  .subject-symbol { min-width:31px; height:34px; }
  .subject-tab small { font-size:11px; line-height:1.6; }
  .topbar { height:69px; }
  .hero-link { font-size:13px; min-height:42px; }
  .question-prompt { overflow-wrap:anywhere; }
  .companion-change { font-size:10px; }
  .nav button { min-height:63px; }
}
@media (max-width:365px) {
  .welcome h2 { font-size:19px; }
  .welcome-art { width:146px; height:159px; right:-8px; }
  .welcome p { max-width:159px; }
  .page-title { font-size:21px; }
  .welcome { padding-inline:17px; }
}