/* Transparent Studio illustrations retain the page's existing background. */
body.mx-public-page img.studio-art{display:block;width:100%;height:auto;aspect-ratio:1200/675;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.24))}
/* Override the shared screenshot/card treatment only around these illustrations. */
body.mx-public-page .studio-art-frame{padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important}
.mx-public-page .stem-hero-overview{min-width:0;align-self:center}
.mx-public-page .stem-hero-overview h2{font-size:1.15rem;letter-spacing:-.02em;margin:1.4rem 0 1rem}

/* A reference is one clear visual story, with no labels floating over the art. */
.reference-story{position:relative;background:radial-gradient(ellipse at 76% 42%,rgba(107,83,142,.09),transparent 58%)}
.reference-story-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3rem;align-items:center}
.reference-story-copy .home-kicker{margin-bottom:1.35rem}
.reference-story-copy h2{max-width:21ch;margin:0 0 1.4rem;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.12}
.reference-story-copy h2 span{color:#e8cb8a}
.reference-story-copy>p{max-width:54ch;margin:0 0 1.65rem;color:var(--mx-muted,#aeb2bc);font-size:1.04rem;line-height:1.75}
.reference-story-copy .home-secondary-btn{gap:.8rem}
.reference-story-art{min-width:0;position:relative}
.reference-story-steps{list-style:none;margin:3.2rem 0 0;padding:1.5rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;border-top:1px solid rgba(226,205,159,.16)}
.reference-story-steps li{display:flex;gap:.9rem;align-items:baseline}
.reference-step-number{flex:none;color:#d4b778;font:500 .72rem ui-monospace,monospace;letter-spacing:.08em}
.reference-story-steps h3{margin:0 0 .45rem;color:#f3f0e8;font-size:1rem;line-height:1.3;font-weight:650;letter-spacing:-.015em}
.reference-story-steps p{margin:0;max-width:31ch;color:var(--mx-muted,#aeb2bc);font-size:.88rem;line-height:1.65}
@media(max-width:900px){.reference-story-layout{grid-template-columns:1fr;gap:1.5rem}.reference-story-copy h2{max-width:25ch;font-size:clamp(2rem,5vw,3rem)}.reference-story-art{width:min(100%,660px);margin:0 auto}.reference-story-steps{margin-top:1.5rem;gap:1.4rem}}
@media(max-width:560px){.reference-story-copy h2{font-size:2.15rem;line-height:1.13}.reference-story-copy>p{font-size:1rem}.reference-story-steps{grid-template-columns:1fr;gap:1.25rem;padding-top:1.4rem}.reference-story-steps li{gap:1rem}.reference-story-steps p{max-width:42ch}.reference-story-art{margin:.25rem 0}}