@media all {
    #hero .hero_group { }

    #hero #inner_hero .hero_box p { font-size:var(--font-size-1S); font-weight:var(--font-weight-normal); }
    #hero #inner_hero .hero_box p:last-of-type { margin-bottom:0px; }
    
    #hero .hero_group { align-items:center; gap:var(--spacing-5L); }
    #hero .hero_group h2 { margin:0px; font-size:var(--font-size-0); color:var(--color-white); }

    #hero .hero_group > div:nth-child(2) { background-color:rgba(0, 0, 0, .9); }
    #hero .hero_group > div:nth-child(2) .body { padding:var(--spacing-3L); }
}

@media (max-width:1000px) {
    #hero .hero_group { grid-template-columns:1fr 1fr; gap:var(--spacing-1L); }
}

@media (max-width:700px) {
    #hero .hero_group { grid-template-columns:1fr; }
    #hero .hero_group > div:nth-child(1) { display:none; }
}