/* 26Eight Explore visual system · final rollout audit · 2026-09-02 */
:root{--hub-ink:#393e47;--hub-charcoal:#2e333d;--hub-paper:#fff;--hub-canvas:#f4f5f3;--hub-muted:#69717c;--hub-quiet:#969ca4;--hub-line:#d8dadd;--hub-gold:#b68a3f;--hub-gold2:#d7ae63}
html,body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;background:var(--hub-canvas)!important;color:var(--hub-ink)!important;font-weight:300}
.page{background:var(--hub-canvas)!important;color:var(--hub-ink)!important}
.top{min-height:76px!important;border-bottom:1px solid var(--hub-line)!important;color:var(--hub-ink)!important;background:#fff!important;padding-top:14px!important;padding-bottom:14px!important}
.brand strong{color:var(--hub-ink)!important}.brand small{color:var(--hub-gold)!important;font-weight:700!important}
.nav{gap:24px!important}.nav a{position:relative!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3f454e!important;padding:12px 0!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.hero{max-width:none!important;margin:0 calc(50% - 50vw)!important;padding:clamp(44px,7vw,78px) max(18px,calc((100vw - 1100px)/2))!important;background:var(--hub-charcoal)!important;color:#fff!important}
.hero h1,.card h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;letter-spacing:-.04em!important}
.hero p{color:#d6d9de!important}.eyebrow{color:var(--hub-gold2)!important;font-weight:700!important}
.grid,.cards{gap:18px!important;margin-top:28px!important}
.card,.note,.doctrine{border:1px solid var(--hub-line)!important;border-radius:0!important;background:#fff!important;color:var(--hub-ink)!important;box-shadow:0 10px 28px rgba(38,43,50,.05)!important}
.card p,.note,.doctrine{color:var(--hub-muted)!important}
.art{border-radius:0!important}
.button,.concepts a{border-radius:0!important;font-weight:700!important;box-shadow:none!important}
.button,.card .button{background:var(--hub-charcoal)!important;border:1px solid var(--hub-charcoal)!important;color:#fff!important}
.concepts a{background:#fff!important;border:1px solid var(--hub-line)!important;color:#526073!important}
.footer{color:var(--hub-quiet)!important;border-top:1px solid var(--hub-line)!important;padding-top:22px!important;font-weight:400!important}
@media(max-width:720px){.top{align-items:flex-start!important}.nav{gap:16px!important}}
@media(max-width:540px){.top{display:block!important}.nav{margin-top:14px!important}.nav a{margin-right:14px!important}.hero{padding-left:16px!important;padding-right:16px!important}}