@import url('../components/parallax-banner.css');
.home-intro { background: var(--rain-water); color: white; }
.home-intro .container { display: flex; align-items: center; justify-content: center; gap: 45px; padding-block: 20px; }
.home-intro p { font-size: .8rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; margin: 0; }
.home-intro span { width: 4px; height: 4px; background: var(--accent); border-radius: 50%; }
@media (max-width: 760px) { .home-intro .container { gap: 15px; } .home-intro p { font-size: .65rem; letter-spacing: .09em; } }