/* Hero composition: keep the real logo visible as the center anchor. */
.hero-art{min-height:520px;max-width:630px;overflow:visible}
.service-grid{grid-template-columns:repeat(3,1fr)}
.hero-logo{width:min(420px,74%);left:56%;z-index:2}
.burst-one{width:310px;height:310px;right:15%;top:1%}.burst-two{width:230px;height:230px;left:1%;bottom:1%}.burst-three{width:130px;height:130px;right:5%;bottom:1%}
.sticker-yellow{right:-1%;top:-1%;z-index:4}.sticker-pink{left:-2%;top:43%;z-index:4}.sticker-blue{right:10%;bottom:-2%;z-index:4}
.spark-a{top:-2%;left:8%}.spark-b{right:-1%;bottom:35%}
@media(max-width:850px){.hero-art{min-height:450px;max-width:600px}.hero-logo{width:min(370px,68%);left:54%}.sticker-yellow{right:2%}.sticker-blue{right:10%}}
@media(max-width:600px){.hero-art{min-height:340px}.hero-logo{width:235px;left:52%}.sticker{padding:13px 16px;font-size:21px}.sticker-pink{font-size:18px;left:0;top:37%}.sticker-yellow{right:0;top:0}.sticker-blue{right:8%;bottom:0;font-size:20px}}