.builder-hero-copy{min-width:0}
.builder-hero-copy>h1{max-width:900px;margin:.15em 0;font-size:clamp(2.7rem,7vw,6.5rem);line-height:.94;color:inherit}
.builder-hero-copy .builder-hero-teaser{margin-inline:0}
.builder-hero.has-foreground .builder-hero-content{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);align-items:center;gap:clamp(28px,5vw,80px)}
.builder-hero.has-foreground .builder-hero-copy>h1{font-size:clamp(2.7rem,6vw,5.6rem)}
.builder-hero-foreground{position:relative;width:100%;max-width:370px;margin:0;justify-self:center}
.builder-hero-foreground img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.builder-hero-foreground figcaption{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:8px 12px 8px 30px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(11,25,31,.86);color:#fff;font-size:.82rem;font-weight:700}
.builder-hero-foreground figcaption::before{position:absolute;top:50%;left:11px;width:9px;aspect-ratio:1;background:var(--accent);border-radius:50%;content:"";transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
@media(max-width:760px){.builder-hero.has-foreground .builder-hero-content{grid-template-columns:1fr}.builder-hero-foreground{max-width:320px;justify-self:start}}