/* Hero Section */
.hero {
    padding: 56px 0 26px;
    background: #fff;
    border-bottom: solid 3px var(--red-border);
    -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 1);
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, 1);
}

.hero h1 {
    margin: 0 0 10px;
    font-size: 42px;
    line-height: 1.12;
    letter-spacing: -0.6px;
    color: var(--text);
}

.hero p {
    margin: 0 0 18px;
    color: var(--muted);
    max-width: 90ch;
    font-size: 16px;
    line-height: 1.55;
}

/* Container */
.hero .wrap {
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 20px;
}

/* Responsive Design */
@media (max-width: 960px) {
    .hero h1 {
        font-size: 34px;
    }
}

@media (max-width: 720px) {
    .hero {
        padding: 0 0 20px 0;
    }

    .hero h1 {
        font-size: 30px;
    }

    .hero .wrap {
        padding: 0 16px;
    }
}

/* Editor-specific styles */
.wp-block-custom-hero {
    margin: 0;
}

.wp-block-custom-hero .hero {
    background: white;
}