/* サイトのロゴ: 唇が「MACARON」と話しているところ。iPhone アプリのヘッダー（SpokenWordmark）と同じ式。
   文字ごとに右へ行くほど大きく(20→28)、波打つ角度(sin(i*1.3)*6°)と上下(sin(i*1.1)*3px)、ピンクのグラデーション */
a.spoken, div.spoken { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; letter-spacing: 0; }
.spoken .lips { display: block; height: 34px; width: auto; flex: none; }
.spoken .sw { display: inline-flex; align-items: center; white-space: nowrap; line-height: 1;
  font-family: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Nunito", "Varela Round", system-ui, sans-serif;
  font-weight: 900; letter-spacing: 0; }
.spoken .sw > span { display: inline-block; line-height: 1.1; padding: 0 .01em;
  background: linear-gradient(to bottom, rgb(255,115,173), rgb(255,61,140));
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); }
.spoken .sw>span:nth-child(1){font-size:20.00px;transform:translateY(0.00px) rotate(0.00deg)}
.spoken .sw>span:nth-child(2){font-size:21.33px;transform:translateY(2.67px) rotate(5.78deg)}
.spoken .sw>span:nth-child(3){font-size:22.67px;transform:translateY(2.43px) rotate(3.09deg)}
.spoken .sw>span:nth-child(4){font-size:24.00px;transform:translateY(-0.47px) rotate(-4.13deg)}
.spoken .sw>span:nth-child(5){font-size:25.33px;transform:translateY(-2.85px) rotate(-5.30deg)}
.spoken .sw>span:nth-child(6){font-size:26.67px;transform:translateY(-2.12px) rotate(1.29deg)}
.spoken .sw>span:nth-child(7){font-size:28.00px;transform:translateY(0.93px) rotate(5.99deg)}