/* Separate speech and artwork rows prevent overlap at every viewport. */
.cp-home .cp-scene{height:auto;min-height:380px;display:grid;grid-template-rows:auto auto;justify-items:center;align-content:start;gap:12px;padding:20px;--cp-base-size:280px}
.cp-home .cp-scene .cp-speech{position:relative;inset:auto;max-width:min(100%,360px);width:fit-content;margin:0;align-self:start;line-height:1.6;z-index:3}
.cp-home .cp-scene .cp-art{position:relative;left:auto;bottom:auto;transform:none;width:min(100%,290px);max-width:100%;aspect-ratio:1;margin:0}
.cp-home .cp-scene .cp-image,.cp-home .cp-scene .appearance-overlay{transform:none}
.cp-home .cp-scene .cp-art:has(img[src*="bell_wearing_"]){mix-blend-mode:multiply}
.wardrobe-preview .cp-art:has(img[src*="bell_wearing_"]){mix-blend-mode:multiply}
.g-hero-buddy{background:var(--color-bg)}
.g-hero-buddy .g-banner{object-fit:cover;object-position:center}
.g-hero-buddy:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg) 94%,transparent),color-mix(in srgb,var(--color-bg) 65%,transparent) 30%,transparent 75%)}
@media(max-width:767px){.cp-home .cp-scene{padding:16px;min-height:340px}.cp-home .cp-scene .cp-art{width:min(100%,260px)}.cp-home .cp-scene .cp-speech{max-width:100%;font-size:15px}}