.inner-page main>section{order:0}
@media(min-width:768px){
.inner-page .hero-copy{gap:22px}
.inner-page .hero-title{font-size:80px;line-height:1}
.inner-page .hero-intro{font-size:22px;line-height:1.45;max-width:30ch}
}
@media(max-width:767px){
.inner-page .hero-wrap{padding-block:104px 72px;gap:16px}
.inner-page .hero-title{font-size:46px;line-height:1.02;letter-spacing:-.04em}
.inner-page .hero-intro{font-size:17px;line-height:1.45}
.inner-page .hero-card{margin-top:8px}
.inner-page .hero-visual{display:block;width:100%;text-align:left}
}

.t-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;padding:10px 18px;box-shadow:var(--sh-card);height:64px;box-sizing:border-box}
.t-badge img{height:100%;width:auto;display:block}
@media(max-width:767px){.t-badge{padding:8px 14px;height:52px}}
.hero-badge-text{font:900 18px/1 Raleway,sans-serif;color:#50258d;white-space:nowrap}.hero-badge-text svg{vertical-align:-3px;margin-right:6px}
@media(max-width:767px){.inner-page .hero-wrap .t-crumbs{justify-content:center}}

@media(min-width:768px){.inner-page .hero-copy .t-badge{align-self:flex-start}}

@media(min-width:768px) and (max-width:1199px){
.inner-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.inner-page .hero-title{font-size:clamp(42px,5.2vw,64px)}
.inner-page .hero-card{padding:24px}
.inner-page .hero-intro{font-size:20px}
}