/* Brinkman Data — design v2 shared classes (cyndra-class restyle, 2026-07-15).
   Source of truth for the sitewide sweep; homepage carries an inline copy.
   Spec: DESIGN-OVERHAUL-PLAN.md 2026-07-15 addendum. */
/* Sentence case + terminal period sitewide (owner ruling 2026-07-16, typo verdict).
   700 stated honestly: the self-hosted set has no inter-600, so 600 rendered 700 anyway. */
.display-h1 { font-weight: 700; font-size: clamp(2.75rem, 6vw, 4.5rem); line-height: 1.03; letter-spacing: -0.025em; color: #fafafa; }
.display-h2 { font-weight: 700; font-size: clamp(1.75rem, 3.4vw, 2.75rem); line-height: 1.1; letter-spacing: -0.02em; color: #fafafa; }
.kicker { font-size: 12px; font-weight: 500; color: #71717a; letter-spacing: .01em; }
/* The one place caps survive: a small mono eyebrow above a hero H1, <=2 per page. */
.kicker-caps { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: .14em; color: #71717a; }
.btn-txt { font-weight: 600; font-size: 15px; letter-spacing: 0; text-transform: none; }
.tile { background: rgba(255,255,255,.02); transition: background .15s ease; }
.tile:hover { background: rgba(255,255,255,.05); }

/* MOBILE PERF (2026-07-16, owner: scroll jank + content appearing late on phones).
   Phones get zero scroll effects: reveals always-visible, no backdrop blur
   (continuous GPU repaint), no fixed full-viewport grid layer (compositing cost).
   Desktop keeps the full treatment. */
@media (max-width: 767px) {
    /* Mobile type de-bulk (owner 2026-07-16: hero too text-heavy on phones —
       big H1, big buttons, photo invisible). Words unchanged, sizes calmer. */
    .display-h1 { font-size: 2.25rem; }
    .display-h2 { font-size: 1.45rem; }
    .btn-txt { font-size: 14px; }

    /* Mobile keeps the full look (grid, glows-as-gradients, shadows) AND the
       scroll fade-ins — cyndra-style. Only the two genuinely GPU-expensive
       effects stay off: backdrop-filter (continuous repaint under the nav)
       and blur() filters (the radial-gradient glows still render, just
       without the extra filter pass). Reveal = cheap opacity/transform only,
       no blur, reveals once and stays (owner spec 2026-07-16). */
    .backdrop-blur-xl, .backdrop-blur-sm, .backdrop-blur { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-color: rgba(9, 9, 11, 0.92) !important; }
    [class*="blur-["] { filter: none !important; }
    .reveal { opacity: 0; transform: translateY(12px); filter: none !important; }
    .reveal.reveal--in { opacity: 1; transform: none; transition: opacity 0.45s ease-out, transform 0.45s ease-out; }
}