/* The existing minimal landing, with four concrete missions. */
@media(min-width:701px){
  .builder-story .story-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .story-steps::before{display:none}
  .story-steps li:nth-child(n) .step-marker{justify-self:start}
}
@media(min-width:1100px){.builder-story .story-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.builder-story .story-steps img{aspect-ratio:3/2;max-width:100%}
.builder-story .story-steps h3{font-size:clamp(23px,2.3vw,32px);overflow-wrap:anywhere}
.builder-story .included-art img{object-fit:contain}
.site-footer{flex-wrap:wrap;gap:16px}

/* Approved mature Builder identity, shared with the course. */
.builder-mature { mix-blend-mode: normal; mask-image:none; }
.builder-mature img { object-fit: contain; image-rendering: pixelated; }
.builder-mature .builder-greeting { opacity: 0; }
.builder-mature.animation-playing .sprite-base { animation: builder-working 8s steps(1,end) infinite; }
.builder-mature.animation-playing .builder-greeting { animation: builder-greeting 8s steps(1,end) infinite; }
@keyframes builder-working { 0%,100% { opacity:1; } 65% { opacity:0; } 88% { opacity:1; } }
@keyframes builder-greeting { 0%,100% { opacity:0; } 65% { opacity:1; } 88% { opacity:0; } }
.builder-story .method-art img,.builder-story .coop-art img,.builder-story .story-steps img { mix-blend-mode:normal; filter:none; }
.builder-story .hero-app-art { width:31%; left:0; top:12%; }
@media(max-width:700px) {
  .builder-story .hero-art { width:360px; max-width:100%; }
  .builder-story .story-steps li:nth-child(n) { grid-template-columns:24px minmax(0,1fr); gap:12px; }
  .builder-story .story-steps img { grid-column:2; grid-row:2; width:min(100%,300px); margin:0; }
  .builder-story .story-steps .step-copy { grid-column:2; grid-row:1; }
}