.characters-stage{position:relative;display:block;width:260px;max-width:100%;margin:auto;overflow:hidden;border-radius:16px;background:#091323;aspect-ratio:520/565}.characters-stage .characters-image{display:block;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;animation:none!important;filter:none!important;transform:none!important}.characters-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.characters-stage[data-animated=true] .characters-image{visibility:hidden}.pq-portal .hero .mascot{max-width:280px}.pq-portal .hero .mascot-label{margin-top:12px}.pq-portal .hero .mascot .characters-stage{width:240px}.kids-mascot .characters-stage{width:240px}@media(max-width:650px){.pq-portal .hero .mascot .characters-stage,.characters-stage{width:180px}.pq-portal .hero .mascot{width:100%!important;max-width:none!important}}@media(prefers-reduced-motion:reduce){.characters-stage canvas{display:none}.characters-stage[data-animated=true] .characters-image{visibility:visible}}
/* Natural cutout: no framed background and no triangulated mesh. */
.characters-stage{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;isolation:isolate;animation:characters-gentle 7s ease-in-out infinite;transform-origin:50% 85%}
.characters-stage .characters-image,.characters-stage canvas{mask:url('/characters-silhouette.svg') center/100% 100% no-repeat;-webkit-mask:url('/characters-silhouette.svg') center/100% 100% no-repeat;border:0!important;border-radius:0!important;box-shadow:none!important}
.pq-portal .hero .mascot{justify-self:end!important;margin-left:auto!important;margin-right:0!important;width:320px!important;max-width:100%!important;align-self:center}
.pq-portal .hero .mascot .characters-stage{width:300px;max-width:100%;margin-left:auto;margin-right:0}
.pq-portal .hero .mascot:before,.pq-portal .hero .mascot>.orbit{display:none!important}
@keyframes characters-gentle{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-3px) rotate(.35deg)}}
@media(max-width:650px){.pq-portal .hero .mascot{max-width:100%!important;width:100%!important;align-items:flex-end!important}.pq-portal .hero .mascot .characters-stage{width:210px!important;margin:0 0 0 auto}.pq-portal .hero .mascot-label{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.characters-stage{animation:none!important}}

/* Transparent artwork integrates with the existing navy site palette. */
.characters-stage{aspect-ratio:1129/1393;background:transparent!important;border:0!important;box-shadow:none!important}
.characters-stage .characters-image,.characters-stage canvas{mask:none!important;-webkit-mask:none!important;background:transparent!important;filter:none!important}

/* Family artwork: original transparent cutout, compact responsive sizing. */
.characters-stage{aspect-ratio:1374/1145!important;background:transparent!important;border:0!important;box-shadow:none!important}
.characters-stage .characters-image,.characters-stage canvas{mask:none!important;-webkit-mask:none!important;background:transparent!important;border:0!important;filter:none!important}
.pq-portal .hero .mascot .characters-stage{width:280px!important;max-width:100%!important}
@media(max-width:650px){.pq-portal .hero .mascot .characters-stage{width:220px!important}}