/* Original DogOS companion: a real illustration, with bounded, optional motion. */
.dg .dg-dog-workspace { min-width: 0; position: relative; }
.dg .dg-dog-scene { display: flex; justify-content: flex-end; padding-right: 26px; height: 224px; margin-bottom: -12px; position: relative; z-index: 2; pointer-events: none; }
.dg .dg-dog-companion { margin: 0; width: 226px; height: 226px; overflow: hidden; flex: none; }
.dg .dg-dog-companion img { display: block; width: 100%; height: 100%; object-fit: contain; transform-origin: 50% 95%; }
.dg .dg-dog-companion.is-arriving img { animation: dg-dog-emerge 850ms cubic-bezier(.2,.7,.2,1) both; }
.dg .dg-dog-companion.is-curious img { animation: dg-dog-curious 750ms ease-in-out both; }
.dg .dg-dog-workspace > :is(.dg-agent-desk, .dg-agent-map) { position: relative; z-index: 1; }
.dg-home .dg-agent-hero { align-items: center; padding-top: 6px; }
.dg-home .dg-agent-human { margin-top: 22px; }
.dg-home .dg-agent-human img { display: none; }
.dg-home .dg-agent-human p { font-size: 17px; }
.dg-ecosystem .dg-standard-agent-hero { padding-top: 6px; align-items: center; }
.dg-ecosystem .dg-dog-scene { height: 220px; padding-right: 24px; }
.dg-ecosystem .dg-dog-companion { width: 222px; height: 222px; }
.dg-ecosystem .dg-agent-map { padding-top: 32px; }
@keyframes dg-dog-emerge {
  0% { transform: translateY(78%) rotate(-7deg); }
  70% { transform: translateY(-2%) rotate(2deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes dg-dog-curious {
  0%, 100% { transform: rotate(0) translateY(0); }
  40% { transform: rotate(-4deg) translateY(-3px); }
  70% { transform: rotate(2deg) translateY(0); }
}
@media (max-width: 1025px) {
  .dg .dg-dog-scene { height: 200px; padding-right: 16px; }
  .dg .dg-dog-companion { width: 202px; height: 202px; }
}
@media (max-width: 760px) {
  .dg-home .dg-agent-hero, .dg-ecosystem .dg-standard-agent-hero { position: relative; padding-top: 20px; }
  .dg-home .dg-dog-workspace, .dg-ecosystem .dg-dog-workspace { position: static; }
  .dg-home .dg-dog-scene, .dg-ecosystem .dg-dog-scene { position: absolute; top: 45px; right: 12px; padding: 0; height: 154px; width: 154px; margin: 0; }
  .dg-home .dg-dog-companion, .dg-ecosystem .dg-dog-companion { width: 154px; height: 154px; }
  .dg-home .dg-agent-hero h1 { font-size: clamp(32px, 8.2vw, 36px); width: calc(100% - 140px); line-height: 1.12; margin-bottom: 40px; }
  .dg-home .dg-agent-intro > .dg-eyebrow { font-size: 12px; }
  .dg-ecosystem .dg-standard-agent-hero h1 { font-size: clamp(30px, 8vw, 36px); width: calc(100% - 140px); line-height: 1.1; }
  .dg-ecosystem .dg-dog-scene { top: 52px; }
  .dg-ecosystem .dg-standard-agent-hero .dg-eyebrow { font-size: 12px; }
  .dg-ecosystem .dg-agent-map { padding-top: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .dg .dg-dog-companion.is-arriving img, .dg .dg-dog-companion.is-curious img { animation: none; transform: none; }
}