.hero-mascot{position:absolute;z-index:4;right:-28px;bottom:35px;width:260px;height:auto;filter:drop-shadow(0 25px 22px rgba(0,0,0,.25));animation:mascot-float 6s ease-in-out infinite;transition:filter .3s}
.hero-mascot:hover{filter:drop-shadow(0 25px 30px rgba(103,215,255,.24))}
.hero-stage .tag-two{right:auto;left:18%;bottom:14px}
.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;text-align:left;padding:110px max(24px,calc((100vw - var(--max))/2))}
.contact-content .eyebrow{justify-content:flex-start}.contact-content h2{font-size:clamp(2.9rem,4.4vw,5rem)}.contact-content p{margin:0 0 35px;max-width:530px}
.contact-mascot{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center}
.contact-mascot img{width:100%;max-width:450px;height:auto;filter:drop-shadow(0 25px 40px rgba(0,0,0,.3));animation:mascot-float 7s ease-in-out infinite}
.contact-mascot span{font-size:.8rem;letter-spacing:.025em;color:#b5d5f2;border:1px solid rgba(103,215,255,.25);border-radius:99px;padding:9px 18px;margin-top:10px;background:rgba(6,21,47,.6)}
@keyframes mascot-float{50%{transform:translateY(-12px) rotate(-2deg)}}
@media(max-width:900px){.hero-mascot{width:235px;right:-10px;bottom:-15px}.contact{grid-template-columns:1fr;gap:38px;text-align:center;padding-top:85px;padding-bottom:95px}.contact-mascot{order:2}.contact-mascot img{max-width:300px}.contact-content .eyebrow{justify-content:center}.contact-content p{margin:0 auto 35px}}
@media(max-width:600px){.hero-mascot{width:165px;right:-10px;bottom:-20px}.hero-stage .tag-one{top:5px}.contact-content h2{font-size:2.8rem}.contact-mascot img{max-width:260px}}
@media(prefers-reduced-motion:reduce){.hero-mascot,.contact-mascot img{animation:none}}