/* Responsive vector and graphics containment — last-loaded, non-destructive. */
html,body{max-width:100%;overflow-x:clip}
main,section,.container,.row,[class*="-grid"],[class*="-inner"]{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
object[type="image/svg+xml"],object.original-animated-svg,object.hyeperks-svg{display:block;max-width:100%;min-width:0;border:0}
/* Retain each original SVG viewBox and animation; size its viewport responsively. */
.hero-live-art{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:5/3!important;object-fit:contain!important}
.hyeperks-svg{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:13/7!important;object-fit:contain!important}
#road-ahead object.original-animated-svg{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1182.5/726.5!important;object-fit:contain!important}
#stablecoins img[src$=".svg"],#technology img[src$=".svg"]{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
#products .hye-perks-grid,#products .hye-perks-left,#products .hye-perks-left-inner{min-width:0}
#products img,#wallets img,#technology img{max-width:100%;height:auto;object-fit:contain}
#products .hye-perks-grid > *,#technology .hye-global-row > *{min-width:0}
@media(max-width:991.98px){
 .hero-live-art,.hyeperks-svg,#road-ahead object.original-animated-svg{width:100%!important;max-width:100%!important}
 #products .hye-perks-grid{max-width:100%}
 #products .hye-perks-grid img{max-width:100%}
}
@media(max-width:767.98px){
 /* Prevent fixed desktop artwork from expanding the mobile viewport. */
 .hero-live-art{aspect-ratio:5/3!important;min-height:0!important}
 .hyeperks-svg{aspect-ratio:13/7!important;min-height:0!important}
 #road-ahead object.original-animated-svg{aspect-ratio:1182.5/726.5!important;min-height:0!important}
 #products .hye-perks-grid{width:100%;min-width:0}
 #products .hye-perks-grid > *{max-width:100%;min-width:0}
 #wallets .wallets-reference-coin{max-width:100%!important}
 #wallets .wallets-reference-coin img{max-width:100%!important;height:auto!important}
 #technology .hye-global-inner,#technology .hye-global-row{max-width:100%;min-width:0}
 .section img,.live-section img{max-width:100%;height:auto}
}
@media(max-width:420px){
 .hero-live-art,.hyeperks-svg,#road-ahead object.original-animated-svg{max-width:100vw!important}
}