/* 06–12: keep the full construction visible, with room for its gentle motion. */
@media(min-width:769px){
 :is(.variant-6,.variant-7) .form-hero{
  --hero-height:clamp(660px,100svh,1050px);
 }
 :is(.variant-6,.variant-7) .form-hero-layout{
  inset:90px 3% 28px 6%;
  grid-template-rows:minmax(0,1fr);
 }
 :is(.variant-6,.variant-7) .geometry-hero{
  /* The animated drawing occupies about 85% of its square SVG canvas. */
  width:min(112%,calc((var(--hero-height) - 115px)/.85));
  margin:0;
  justify-self:center;
  align-self:center;
 }
 :is(.variant-6,.variant-7) .form-hero-copy{min-width:0}
}

/* Selected versions: a little more presence, still bounded by the available height. */
@media(min-width:769px){
 :is(.variant-13,.variant-14) .geometry-hero{
  width:min(118%,calc((var(--hero-height) - 100px)/.85));
  /* Account for the SVG's empty right edge so the base shares the copy's 6% gutter. */
  justify-self:end;
  translate:calc(9.1667% - 3vw) 0;
 }
}