/* Homepage hero on phones (round 16, 9 Oct 2026): the big orange circle ran through "Discover what we do"
   and "Email or call", and "Pause motion" sat on the logo. Under 760px: "Discover what we do" is hidden, and
   "Email or call" (left) and "Pause motion" (right) sit in a row under the spinning logo, above the
   "From first idea / Launch · Build · Grow" caption. Desktop and tablet are unchanged: there the extra
   "Email or call" copy in .scene-actions is hidden and .scene-actions doesn't affect layout. */
.scene-actions{display:contents}
.scene-actions .reach-out{display:none}
@media(max-width:760px){
  .hero .circle-link,.hero-bottom .reach-out{display:none}
  .hero .scene-wrap{height:auto;display:flex;flex-direction:column}
  .hero .brand-stage{position:relative;inset:auto;height:300px;margin-top:10px}
  .scene-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:14px}
  .scene-actions .reach-out{display:block;flex:1 1 auto;margin:0}
  .scene-actions .motion-toggle{position:static;flex:0 0 auto;padding:10px 14px}
  .hero .image-caption{position:static;margin-top:22px}
}