:root {
    --brand-navy: #0f2745;
    --brand-dunes: #a0795a;
    --brand-sand: #f7f1ea;
    --brand-blue: #a7cad4;
    --brand-deep: #091b30;
    --brand-ink: #203248;
    --brand-muted: #526175;
    --brand-line: #e7e8e9;
    --brand-accent: #805b40;
    --brand-radius: 16px;
    --brand-shadow: 0 8px 32px rgba(15, 39, 69, .045);
    --brand-sans: 'Montserrat', Arial, sans-serif;
    --brand-serif: var(--brand-sans);
}
*, *::before, *::after { box-sizing: border-box; }
:focus-visible { outline: 3px solid var(--brand-dunes); outline-offset: 4px; }
.brand-icon { width: 24px; height: 24px; flex-shrink: 0; vertical-align: middle; }
.brand-eyebrow { display: block; font-family: var(--brand-sans); font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: .08em; text-transform: uppercase; color: var(--brand-accent); }
.brand-skip { position: fixed; inset-block-start: 10px; inset-inline-start: 10px; padding: 12px 20px; background: #fff; color: var(--brand-navy); z-index: 10000; transform: translateY(-180%); }
.brand-skip:focus { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}