/* Explain: Layout utilities for section padding and tactical panel styling. */
.section-pad {
    padding-top: clamp(4rem, 8vw, 7rem);
    padding-bottom: clamp(4rem, 8vw, 7rem);
}
.tactical-panel {
    background: rgba(26, 26, 26, 0.6);
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
    backdrop-filter: blur(10px);
    transition: border-color 0.3s ease;
}
.tactical-panel:hover {
    border-color: rgba(255, 255, 255, 0.25);
}
.hero-split {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.4), var(--background-color)),
                url('https://files.cdn-files-a.com/uploads/12301213/normal_6a73789265fae.jpg?format=avif');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}