.page-character-plane{position:relative;width:100%;aspect-ratio:1}
.design-live .page-hero .page-character-plane img{border-radius:22px}
.animated-portrait .portrait-control{position:relative;bottom:auto;left:auto;display:block;margin:12px auto 0;background:#fff;color:#2f4858;border-color:#c2d7ce}
.animated-portrait .art-caption{bottom:65px}
.ambient-portrait .ambient-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#ddfbef;color:#2f4858;border:1px solid #c3dbcf;box-shadow:0 8px 24px #2f485812;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:600;opacity:0;translate:0 16px;transition:opacity .7s,translate .7s}
.ambient-portrait .chip-one{right:3%;top:10%}.ambient-portrait .chip-two{right:1%;bottom:18%;background:#fbe5d7;transition-delay:.18s}
.ambient-portrait.portrait-in-view .ambient-chip{opacity:1;translate:0 0;animation:portrait-drift 6s ease-in-out infinite}
.ambient-portrait.portrait-in-view .chip-two{animation-delay:-3s}
.ambient-chip i{width:9px;height:9px;border-radius:50%;background:#2f4858;box-shadow:0 0 0 5px #2f485812;animation:portrait-signal 3s ease-out infinite}
@keyframes portrait-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes portrait-signal{50%{box-shadow:0 0 0 10px #2f485800}}
.motion-off .ambient-chip{opacity:1;translate:none;animation:none!important}
@media(prefers-reduced-motion:reduce){.ambient-portrait .ambient-chip{opacity:1;translate:none;animation:none!important;transition:none}.ambient-chip i{animation:none}}
@media(max-width:720px){.ambient-portrait .ambient-chip{font-size:10px;padding:9px 11px}.ambient-portrait .chip-one{top:6%}.ambient-portrait .chip-two{bottom:15%}}

.ambient-portrait:not(.portrait-in-view) .ambient-chip,.ambient-portrait:not(.portrait-in-view) .ambient-chip i{animation-play-state:paused}