/* Brána uses the apps_commons.brand.BRAND identity; styles stay within this section. */
.brana-intro { background: #FAF9F6; color: #232320; padding: clamp(48px, 7vw, 88px) 0; font-family: Inter, system-ui, sans-serif; }
.brana-intro-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(32px, 6vw, 88px); }
.brana-intro .eyebrow { color: #6B6459; font-family: "JetBrains Mono", monospace; }
.brana-intro .eyebrow::before { background: #C8732B; }
.brana-intro h2 { color: #1E2D4D; margin: 20px 0 0; font-size: clamp(36px, 4.4vw, 58px); line-height: 1.08; font-weight: 600; letter-spacing: -.045em; }
.brana-intro-copy p { margin: 0 0 18px; font-size: 17px; line-height: 1.7; }
.brana-intro-copy .brana-intro-meta { color: #6B6459; font-size: 14px; margin-top: 26px; }
.brana-intro-copy a { color: #1E2D4D; text-decoration: underline; text-underline-offset: .25em; line-height: 1.6; }
.brana-intro-copy a:hover { color: #9B2C2C; }
.brana-intro-copy a:focus-visible { outline: 3px solid #C8732B; outline-offset: 5px; }
@media (max-width: 720px) { .brana-intro-grid { grid-template-columns: 1fr; } }