/* Supplied transparent PNG exports: 834 × 1048, with a blank title reserve.
   Fit the lower 821px without stretching or clipping the foreground artwork. */
body.ui-study .starter-card,
body.ui-study .growth-story-art.card-image-frame{
 background:linear-gradient(180deg,#FFF 0%,#F2F8FF 42.31%);
}
body.ui-study .starter-card-art.card-image-frame{
 position:relative;
 overflow:hidden;
 background:transparent;
}
body.ui-study .card-image-frame>img{
 position:absolute;
 inset:auto auto 0 50%;
 display:block;
 width:min(100%,calc(var(--card-art-height) * 834 / 821));
 height:auto;
 max-width:none;
 max-height:none;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 object-fit:contain;
 object-position:center bottom;
 transform:translateX(-50%);
 opacity:1;
 filter:none;
 mix-blend-mode:normal;
 -webkit-mask-image:none;
 mask-image:none;
}
/* The scrolling illustration frame keeps its existing 834/789 aspect ratio. */
body.ui-study .growth-story-art.card-image-frame>img{
 width:calc(100% * 789 / 821);
}
@media(max-width:639px){
 body.ui-study .starter-card{
  flex-basis:min(320px,calc(100vw - var(--carousel-gutter,16px) * 2));
 }
}