body {
    background-color: var(--color-ink);
    color: var(--color-background);
}
.site-header {
    background-color: rgba(33, 38, 39, 0.95) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.nav-link { color: var(--color-background) !important; }
.mine-hero {
    height: 60vh;
    min-height: 400px;
    background-image: linear-gradient(rgba(33, 38, 39, 0.7), rgba(33, 38, 39, 0.95)), url('../../assets/solutions_mine_reclamation.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: var(--space-2xl);
    border-bottom: 4px solid var(--color-accent);
}
.fractured-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--space-md);
    padding: var(--space-3xl) 0;
}
.fractured-block {
    background-color: #2a3032;
    padding: var(--space-2xl);
    border-top: 4px solid var(--color-accent);
}
.b1 { grid-column: 1 / -1; }
.b2 { grid-column: 1 / -1; }
.b3 { grid-column: 1 / -1; background-color: var(--color-background); color: var(--color-ink); border-top: 4px solid var(--color-ink); }

@media (min-width: 768px) {
    .b1 { grid-column: 1 / 8; }
    .b2 { grid-column: 6 / 13; margin-top: var(--space-2xl); }
    .b3 { grid-column: 2 / 10; margin-top: var(--space-3xl); }
}

h2 {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 5vw, 6rem);
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 var(--space-md) 0;
    text-wrap: balance;
}