/* Containers, sections, grids */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding-inline: var(--gutter); }
.section { padding-block: var(--section-y); }
.section--alt { background: var(--navy-900); border-top: 1px solid rgba(200,163,95,.15); }
.section-head { display: flex; flex-direction: column; gap: 16px; max-width: 680px; margin-bottom: clamp(36px, 4vw, 56px); }
.section-head--center { margin-inline: auto; text-align: center; align-items: center; }
.split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: clamp(32px, 5vw, 80px); align-items: center; }
.media-split { display: flex; flex-wrap: wrap; background: var(--navy-900); }
.media-split__media { flex: 1 1 340px; min-height: 380px; position: relative; background-size: cover; background-position: center; }
.media-split__body { flex: 2 1 560px; min-width: 0; padding: clamp(56px, 7vw, 100px) clamp(24px, 5vw, 90px) clamp(56px, 7vw, 100px) clamp(24px, 3vw, 44px); }
.fade-right::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,17,32,0) 50%, rgba(10,17,32,.75) 85%, var(--navy-900) 100%); }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 28px; }
main { display: block; }