/* One decorative headset. All positioning is out of flow; the Plateau stays intact. */
.feature-atlas [data-feature-atlas] { position:relative; }
.feature-atlas .atlas-nav-logo {
  --atlas-logo-size:52px;
  position:absolute;
  top:0;
  left:0;
  width:var(--atlas-logo-size);
  height:var(--atlas-logo-size);
  z-index:12;
  transform-origin:50% 78.7%; /* Same transparent PNG and feet as Home. */
  pointer-events:none;
  visibility:hidden;
}
.feature-atlas .atlas-nav-logo[data-ready] { visibility:visible; }
.feature-atlas.atlas-entering .atlas-nav-logo { visibility:hidden; }
.atlas-nav-logo img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; filter:drop-shadow(0 2px 4px #0008); }
.feature-atlas .app-card { position:relative; }
.feature-atlas :is(.app-card,.feature-card)::after {
  content:'';
  position:absolute;
  inset:-1px;
  border:1px solid #91e7dd;
  border-radius:inherit;
  box-shadow:0 0 12px #77e6d32e,inset 0 0 9px #77e6d312;
  opacity:0;
  pointer-events:none;
}
.feature-atlas .atlas-logo-perch::after { opacity:.34; }
@media (prefers-reduced-motion:no-preference) {
  .feature-atlas :is(.app-card,.feature-card)::after { transition:opacity 160ms ease-out; }
  .feature-atlas .atlas-logo-impact::after { animation:atlas-logo-impact 280ms ease-out; }
  @keyframes atlas-logo-impact { from { opacity:.8; } to { opacity:.34; } }
}
/* Clear the Applications heading above the first mobile row. */
@media (max-width:690px) { .feature-atlas .atlas-nav-logo { --atlas-logo-size:32px; } }