.page-shell {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-x: clip;
}

.content-section > * {
    max-width: var(--content-max-width);
    margin-left: auto;
    margin-right: auto;
}

.hero-panel,
.content-section,
.footer-bar,
.bottom-nav {
    background: var(--panel-bg);
}

.hero-panel {
    border-top: 1px solid var(--panel-border);
    overflow-x: clip;
    overflow-y: visible;
}

.content-section {
    padding: 34px 42px;
}

.section-heading {
    text-align: center;
    margin-bottom: 64px;
}

.section-heading h2 {
    font-family: "Anta", sans-serif;
    color: var(--accent);
    font-size: 60px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
}

/* Cross-component hover overrides */
.testimonial-card a:hover,
.project-tabs a:hover,
.footer-copy a:hover {
    color: var(--text-main);
    opacity: 1;
}