@layer components{.hero-wrapper{background-color:var(--brand-charcoal);gap:50px;min-block-size:60dvh;inline-size:100%;padding-block:60px;padding-inline:20px}.hero-wrapper .logo-wrapper{block-size:100%;color:var(--brand-red);flex-wrap:wrap;gap:40px;padding-block-start:25px}.hero-wrapper .hero-logo,.hero-wrapper .hero-text{block-size:auto;inline-size:auto}.hero-wrapper .hero-logo{max-block-size:8rem}.hero-wrapper .hero-text{max-inline-size:60%}.hero-wrapper .hero-mantra{color:#fff;text-align:center;block-size:100%;padding-inline:20px;font-size:1.5rem;display:block}@media (min-width:480px){.hero-wrapper .logo-wrapper{gap:60px}.hero-wrapper .hero-logo{max-block-size:18rem}.hero-wrapper .hero-text{max-block-size:8rem;inline-size:auto}}}