/* Approved Training artwork, isolated from the portfolio's other page layouts. */
.hero--android .android-art { position: absolute; top: 5.5rem; right: 2%; bottom: 12rem; width: 51%; pointer-events: none; }
.hero--android .android-scene { position: absolute; inset: 0; }
.hero--android canvas { display: block; width: 100%; height: 100%; }
.hero--android #android-portrait { position: absolute; left: 14.2%; top: 14.3%; width: 46.7%; height: 85.7%; object-fit: contain; pointer-events: none; mask-image: linear-gradient(#000 82%, transparent 100%); }
.hero--android .hero__eyebrow, .hero--android .hero__title, .hero--android .hero__bottom { position: relative; z-index: 1; }
.hero--android #science-motion { position: absolute; right: 7%; bottom: 0; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 24px; background: var(--bg); color: var(--ink); font-size: 11px; cursor: pointer; pointer-events: auto; z-index: 2; }
.hero--android #science-motion[hidden] { display: none; }
.hero--android #science-motion:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.hero--android .motion-icon { margin-right: 5px; }
.hero--android .hero__bottom { width: 100%; margin: 1.75rem 0 0; align-items: flex-start; }
.hero--android .hero__bottom p { width: 65%; max-width: 62rem; font-size: clamp(.875rem, 1.15vw, 1.15rem); text-align: left; text-wrap: balance; }
@media (max-width: 820px) {
  .hero--android { min-height: auto; }
  .hero--android .hero__sticky { position: relative; }
  .hero--android .android-art { position: relative; top: auto; right: auto; bottom: auto; width: 100%; height: clamp(320px, 80vw, 530px); order: 1; margin-top: 1.5rem; }
  .hero--android .hero__bottom { display: contents; }
  .hero--android .hero__bottom p { width: 100%; margin-top: 1.5rem; font-size: 1rem; text-wrap: pretty; }
  .hero--android .circle-cta { order: 2; align-self: flex-end; margin-top: 1.5rem; }
  .hero--android #science-motion { right: 0; }
  .hero--android .scroll-cue { display: none; }
}