.hero h1.box-title{font-family:'Baloo 2','Nunito',sans-serif;font-weight:800;line-height:.95;letter-spacing:-2px;max-width:850px;margin:0 auto 15px;transform:rotate(-2deg)}
.box-title .box-name{display:block;color:#fff;font-size:clamp(47px,7.1vw,99px);-webkit-text-stroke:5px #281052;paint-order:stroke fill;text-shadow:0 6px 0 #281052,0 10px 0 #28105224;letter-spacing:1px}
.box-title .surprise-name{display:flex;justify-content:center;gap:2px;font-size:clamp(52px,8vw,112px);margin-top:7px}
.box-title .surprise-name span{display:inline-block;color:var(--color);-webkit-text-stroke:5px #281052;paint-order:stroke fill;text-shadow:0 6px 0 #281052,0 10px 0 #28105224;transform:rotate(var(--angle)) translateY(var(--offset))}
.box-subtitle{display:inline-block;background:#ffe438;color:#291052;border-radius:35px;padding:8px 23px;font-family:'Baloo 2','Nunito',sans-serif;font-size:clamp(17px,2.4vw,26px);font-weight:800;line-height:1.15;transform:rotate(-2deg);margin:3px auto 0;box-shadow:0 4px 0 #d7b239}
.hero .hero-copy>p{margin-top:16px}.hero-copy>.eyebrow{margin-bottom:17px}
@media(max-width:750px){.hero h1.box-title{letter-spacing:-1px}.box-title .box-name{-webkit-text-stroke:4px #281052;font-size:clamp(42px,10.8vw,73px)}.box-title .surprise-name{font-size:clamp(43px,11.5vw,78px);gap:0;margin-top:10px}.box-title .surprise-name span{-webkit-text-stroke:3px #281052;text-shadow:0 4px 0 #281052,0 7px 0 #28105224}.box-subtitle{font-size:19px;padding:8px 17px;margin-top:4px}.hero-copy{padding-top:30px}}