.container {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: clamp(var(--s5), 5vw, var(--s9));
}

section { padding-block: clamp(var(--s9), 12vw, var(--s11)); }

.grid-halves { display: grid; grid-template-columns: 1fr 1fr; }
.grid-thirds  { display: grid; grid-template-columns: repeat(3, 1fr); }

/* .main-content {
    padding-top: 50px;
} */

@media (max-width: 768px) {
    .grid-halves, .grid-thirds { grid-template-columns: 1fr; }
    /* .main-content { padding-top: 20px; } */
}

.rule { height: 1px; background: var(--flint); border: none; }
.rule--gold { background: linear-gradient(90deg, transparent, var(--gold-deep), transparent); opacity: .5; }