/* "AI from earth" slogan: identical on every Automation Nomad site. Master: 06-Inc-desk-app/web/slogan/ (afe.css + afe-snippet.html). */
.afe { pointer-events: none; width: min(760px, calc(100% - 32px)); margin: 0 0 18px max(16px, 6vw); padding: 10px 18px 4px; border-radius: 22px; background: #f7efe1; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35); box-sizing: border-box; }
.afe-svg { display: block; width: 100%; height: auto; overflow: visible; }
.afe-text { font-family: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif; font-style: normal; font-weight: 400; font-size: 190px; paint-order: stroke; stroke: #3d2410; stroke-width: 2px; letter-spacing: 0; }
.afe-vine { fill: none; stroke: #4e6b2f; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.afe-thin { stroke-width: 3.5; }
.afe-leaf-a { fill: #5f8a3a; } .afe-leaf-b { fill: #7aa04a; } .afe-leaf-c { fill: #8b7a35; }
.afe-rib { fill: none; stroke: #2f4a1c; stroke-width: 1.6; stroke-linecap: round; opacity: 0.7; }
.afe-leaf > path { transform-box: fill-box; transform-origin: 0% 50%; animation: afe-sway 6s ease-in-out infinite alternate; }
.afe-l1 > path { animation-delay: -1.5s; } .afe-l2 > path { animation-delay: -3s; } .afe-l3 > path { animation-delay: -4.5s; }
@keyframes afe-sway { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }
@media (prefers-reduced-motion: reduce) { .afe-leaf > path { animation: none; } }
/* 3D chapter sites and hubs: the slogan sits above the first card inside the first chapter */
main > .chapter:first-of-type { flex-direction: column; align-items: flex-start; justify-content: center; }
main > .chapter:first-of-type > .card { margin-top: 0; }
main > .chapter:first-of-type > .afe { width: min(520px, calc(100% - 32px)); } /* stays left of the 3D scene, like the card */
/* Customers and Companies & owners: a centred band right above the hero */
.afe-wrap { display: flex; justify-content: center; padding: 18px 16px 0; }
.afe-wrap .afe { margin: 0; }
@media (max-width: 760px) {
  .afe { width: calc(100% - 24px); margin: 0 auto 14px; padding: 6px 10px 2px; border-radius: 16px; }
  main > .chapter:first-of-type { align-items: center; justify-content: flex-end; }
  main > .chapter:first-of-type > .afe { width: calc(100% - 24px); }
}