/* Owner-reviewed photo, readable InBody history and four clear coaching themes. */
.sparkle{font-size:15px;vertical-align:2px}
.hero-photo{background-image:linear-gradient(90deg,#1d102ef0 0%,#201134e0 31%,#26143f62 62%,#25153a33 100%),url('assets/alexander-hero.webp');background-position:center}
.chat-photo{background-image:linear-gradient(0deg,#281442d0,transparent 38%),url('assets/alexander-client.webp')}
.caption-spark{width:52px;height:52px;margin-bottom:12px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:29px;line-height:1;color:#ff963b}

/* Preserve the actual screen aspect ratio. The old fixed-height card clipped it. */
.inbody-art{min-height:800px}
.history-card{width:min(315px,55%);height:auto;top:140px;right:16px;padding:18px;overflow:visible;transform:rotate(4deg)}
.history-card img{width:100%;max-width:none;height:auto;margin:18px auto 0;object-fit:contain}

/* The four themes sit entirely within the infographic, below the copy. */
.more-content>p{margin:43px 0 56px}
.more-visual{height:315px}
.visual-orbit{width:245px;height:245px;animation:none}
.visual-orbit span{animation:none;white-space:nowrap;z-index:2}
.visual-orbit span:nth-child(1){top:-19px;left:50%;right:auto;bottom:auto;transform:translateX(-50%)}
.visual-orbit span:nth-child(2){top:58px;right:-34px;left:auto;bottom:auto;transform:none}
.visual-orbit span:nth-child(3){top:auto;right:auto;bottom:40px;left:-31px;transform:none}
.visual-orbit span:nth-child(4){top:auto;right:auto;bottom:-19px;left:50%;transform:translateX(-50%)}

@media(max-width:900px){
  .inbody-art{min-height:730px}
  .history-card{width:min(250px,58%);top:170px;right:5px}
}
@media(max-width:650px){
  .hero-photo{background-image:linear-gradient(0deg,#1d102ff5 0%,#1d102fd4 39%,#28133c2e 76%),url('assets/alexander-hero.webp');background-position:82% top}
  .inbody-art{min-height:1260px}
  .phone-card{width:250px;top:66px;left:calc(50% - 125px);transform:rotate(-3deg)}
  .history-card{width:min(290px,calc(100% - 34px));top:605px;right:17px;padding:16px;transform:none}
  .history-card img{margin-top:15px}
  .more-content>p{margin:0 0 66px}
  .more-visual{height:290px;margin:0 auto;overflow:visible}
  .visual-orbit{width:215px;height:215px}
  .visual-orbit span{font-size:12px;padding:8px 12px}
  .visual-orbit span:nth-child(2){top:47px;right:-25px}
  .visual-orbit span:nth-child(3){bottom:38px;left:-25px}
  .visual-center{width:118px;height:118px;font-size:16px}
  .visual-center img{width:44px;height:44px}
}