/* Candidate hero route: white on every screen size. Other outline buttons stay unchanged. */
.hero .hero-actions .button-outline{background:#fff;border-color:#fff;color:var(--teal)}
.hero .hero-actions .button-outline:hover{background:var(--paper);border-color:var(--paper);color:var(--teal)}
.hero .hero-actions .button-outline:focus-visible{outline:3px solid var(--copper);outline-offset:4px}

/* Phone-only compact stagger. Separate half-width image planes cannot overlap.
   Keep the original raster, masks, SVG light effects and motion controls intact. */
@media(max-width:640px){
  .hero-collage{height:220px;gap:0;align-items:start}
  .hero-collage .photo{width:min(50%,200px)}
  .hero-collage .photo-network{align-self:start}
  .hero-collage .photo-software{align-self:end}
  .hero-collage .connection-tag{top:0;right:8px;width:72px;height:72px;font-size:7px;padding:15px 0 0 11px}
  .hero-collage .connection-tag i{font-size:13px;right:11px;bottom:10px}
}
@media(max-width:360px){.hero-collage{height:200px}}