#database-hero{padding:1.5rem 1rem 1.25rem}
@media (min-width: 768px){
#database-hero{padding:2.5rem 0 1.75rem}
}

#database-hero h1{color:var(--color-text-main);font-family:var(--font-display);font-size:clamp(1.75rem, 8vw, 2.5rem);font-weight:var(--font-weight-display);letter-spacing:-0.03em;line-height:1.08}
@media (min-width: 768px){
#database-hero h1{font-size:2.5rem}
}

#database-hero h1::after{background-color:var(--color-primary);border-radius:var(--radius-full);content:"";display:block;height:0.25rem;margin-top:0.625rem;width:3rem}

#database-hero p{color:var(--color-text-muted);font-size:0.8125rem;margin-top:0.625rem}
@media (min-width: 768px){
#database-hero p{font-size:0.9375rem}
}