/* The narrative stays inline; only the animated prompt is a speech bubble. */
.ai-section .prompt-play{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:210px;
  max-width:100%;
  height:40px;
  margin:0;
  padding:0 13px;
  border:1px solid #e8e3ef;
  border-radius:20px;
  background:#f8f6fb;
  box-shadow:0 3px 6px #33234605,0 8px 18px #33234605;
  font-size:inherit;
  line-height:20px;
  vertical-align:middle;
  top:calc(.5ex - .36em);
  top:calc(.5ex - .5cap);
  opacity:.25;
  overflow:visible;
  transform:translateY(5px) rotate(-2deg);
  transform-origin:28px bottom;
  transition:opacity .5s,transform .6s var(--spring);
}
.ai-section .prompt-play:after{
  content:"";
  position:absolute;
  left:27px;
  bottom:-5px;
  width:9px;
  height:9px;
  border-right:1px solid #e8e3ef;
  border-bottom:1px solid #e8e3ef;
  border-bottom-right-radius:2px;
  background:#f8f6fb;
  transform:rotate(45deg);
}
.ai-section .prompt-play.active{opacity:1;transform:none}
.ai-section #ai-prompt-label{font-size:13px}
.prompt-play[data-prompt-index="0"] .prompt-progress i:nth-child(1),
.prompt-play[data-prompt-index="1"] .prompt-progress i:nth-child(2),
.prompt-play[data-prompt-index="2"] .prompt-progress i:nth-child(3){background:#9785b7}

.home-page .footer-email-line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.home-page .footer-email-line .footer-email{white-space:nowrap}
.home-page .footer-social-link img{filter:grayscale(1);opacity:.5;transition:filter .2s,opacity .2s}
.home-page .footer-social-link:hover img,
.home-page .footer-social-link:focus-visible img{filter:none;opacity:1}
.home-page .footer-social-link:focus-visible{outline:2px solid currentColor;outline-offset:2px;background:#00000005}

@media(prefers-reduced-motion:reduce){
  .ai-section .prompt-play{opacity:1;transform:none;transition:none}
  .home-page .footer-social-link img{transition:none}
}