/* Hub Hero Block Frontend Styles */
.wp-block-crates-hub-hero {
    padding: 2.5rem 0; /* py-10 */
    border-bottom: 1px solid #374151; /* border-gray-800 */
    margin-bottom: 2rem; /* mb-8 */
}

.crates-hub-hero__container {
    max-width: 100%;
}

.crates-hub-hero__title {
    font-size: 2.25rem; /* text-4xl */
    font-weight: 700; /* font-bold */
    margin-bottom: 1rem; /* mb-4 */
    color: #ffffff; /* text-white */
    line-height: 1.25;
}

.crates-hub-hero__description {
    color: #D1D5DB; /* text-gray-300 */
    max-width: 48rem; /* max-w-3xl */
    font-size: 1.125rem; /* text-lg */
    line-height: 1.625; /* leading-relaxed */
    margin: 0;
}

/* Responsive typography */
@media (min-width: 768px) {
    .crates-hub-hero__title {
        font-size: 3rem; /* md:text-5xl */
    }
}