@font-face { font-family: 'Inter Brand'; src: url('/assets/inter-latin.woff') format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; }
.brand-page { font-family: 'Inter Brand', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.brand-page h1 { color: var(--ink); font-size: clamp(60px, 7vw, 94px); line-height: 1.04; }
.brand-page h1 span { color: var(--blue); }
.brand-hero { padding-block: 94px 86px; display: grid; grid-template-columns: 1.7fr 1fr; align-items: center; gap: 90px; }
.brand-hero .section-label { margin-bottom: 25px; }
.brand-hero-copy > p:not(.eyebrow):not(.brand-file-note) { margin-top: 28px; max-width: 565px; font-size: 18px; color: var(--muted); line-height: 1.8; }
.brand-downloads { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.button-outline { color: var(--ink); border: 1px solid #c8d0e2; background: transparent; }
.button-outline:hover { background: var(--mist); }
.brand-file-note { color: var(--muted); margin-top: 18px; font-size: 13px; }
.brand-file-note > span { padding-inline: 8px; color: #9099ab; }
.brand-file-note a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.brand-hero-mark { background: var(--mist); aspect-ratio: 1 / 1.15; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 46px; gap: 40px; }
.brand-hero-mark img { width: 64%; height: auto; }
.brand-hero-mark p { font-size: 12px; letter-spacing: .1em; color: #56678d; align-self: flex-start; line-height: 1.8; }
.brand-index { display: flex; flex-wrap: wrap; gap: 12px 27px; padding-block: 22px; border-block: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.brand-index a:hover { color: var(--blue); }
.brand-section { padding-block: 90px; scroll-margin-top: 24px; }
.brand-tinted { background: #f5f6fa; }
.brand-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 50px; }
.brand-principles article { padding-top: 24px; border-top: 1px solid var(--line); }
.brand-principles article > span { font-size: 12px; font-weight: 600; letter-spacing: .08em; color: var(--blue); }
.brand-principles h3 { margin-top: 17px; }
.brand-principles p { color: var(--muted); font-size: 16px; margin-top: 12px; line-height: 1.8; }
.brand-lead { max-width: 680px; color: var(--muted); font-size: 17px; line-height: 1.8; margin-top: 24px; }
.logo-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 42px; }
.logo-gallery figure { margin: 0; min-width: 0; }
.logo-stage { height: 220px; display: flex; align-items: center; justify-content: center; padding: 40px; background: #fff; border: 1px solid #e0e4ed; }
.logo-stage img { width: 75%; height: auto; }
.logo-stage-dark { background: var(--ink); border-color: var(--ink); }
.logo-stage-stacked img { width: auto; max-width: 70%; max-height: 150px; }
.logo-stage-mark img { width: 105px; }
.logo-gallery figcaption { display: flex; flex-direction: column; gap: 5px; padding-top: 16px; font-size: 14px; }
.logo-gallery figcaption strong { font-weight: 600; }
.logo-gallery figcaption span { color: var(--muted); }
.brand-space-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.brand-small { font-size: 14px; color: var(--muted); line-height: 1.8; margin-top: 20px; max-width: 900px; }
.clearspace-demo { padding: 40px 30px; background: #f5f6fa; position: relative; }
.clearspace-frame { border: 1px dashed #8c9bca; padding: 4.66%; }
.clearspace-frame img { width: 100%; height: auto; outline: 1px solid #b5c0dc; }
.space-label { display: block; color: var(--blue); font-size: 12px; text-align: center; }
.space-label-top { margin-bottom: 12px; }
.space-label-bottom { margin-top: 12px; }
.brand-table-wrap { margin-top: 40px; overflow-x: auto; }
.brand-table { border-collapse: collapse; width: 100%; text-align: left; font-size: 16px; }
.brand-table caption { text-align: left; font-weight: 600; font-size: 16px; margin-bottom: 15px; }
.brand-table td,.brand-table th { padding: 15px 20px; border-bottom: 1px solid var(--line); }
.brand-table thead { background: var(--mist); }
.brand-table th { font-weight: 500; }
.brand-swatches { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 40px; gap: 20px; }
.brand-swatches article > div { height: 155px; padding: 20px; display: flex; align-items: end; font-size: 16px; border: 1px solid #111b3212; }
.brand-swatches p { display: flex; flex-direction: column; gap: 5px; font-size: 14px; margin-top: 15px; }
.brand-swatches strong { font-weight: 600; }
.brand-swatches p span { color: var(--muted); }
.brand-type { display: grid; grid-template-columns: 1fr 1.2fr; gap: 65px; border-top: 1px solid var(--line); padding-top: 45px; margin-top: 45px; }
.type-specimen { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 30px; }
.type-aa { font-size: 108px; font-weight: 500; line-height: 1; letter-spacing: -.04em; color: var(--blue); }
.type-specimen strong { font-size: 38px; font-weight: 500; }
.type-specimen p { grid-column: 1 / -1; font-size: 14px; color: var(--muted); margin-top: 15px; }
.brand-type > div:last-child p { color: var(--muted); line-height: 1.8; margin-top: 17px; }
.brand-type > div:last-child strong { color: var(--ink); font-weight: 600; }
.brand-usage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; }
.brand-usage-grid article { padding: 30px; background: #f5f6fa; }
.brand-usage-grid .usage-good { background: var(--mist); }
.usage-label { font-size: 12px; letter-spacing: .1em; font-weight: 600; color: var(--blue); }
.brand-usage-grid h3 { margin-top: 15px; }
.brand-usage-grid ul { padding-left: 20px; margin-top: 20px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.brand-usage-grid li + li { margin-top: 10px; }
.brand-verbal { background: var(--ink); color: #fff; }
.brand-verbal .section-label,.brand-verbal .section-intro,.brand-verbal .brand-principles p { color: #bfc9df; }
.brand-verbal .section-label span,.brand-verbal .brand-principles article > span { color: #94a8ff; }
.brand-verbal .brand-principles article { border-top-color: #ffffff2b; }
.brand-voice-example { padding: 34px 40px; border-left: 2px solid #829aff; background: #ffffff05; margin-top: 45px; }
.brand-voice-example > span { color: #bfc9df; font-size: 12px; letter-spacing: .12em; }
.brand-voice-example p { margin-top: 17px; font-size: clamp(28px,3vw,40px); line-height: 1.35; }
.brand-download-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; }
.brand-download-grid article { padding: 32px; border: 1px solid var(--line); }
.download-filetype { display: inline-block; color: var(--blue); background: var(--mist); font-size: 12px; font-weight: 600; letter-spacing: .07em; padding: 7px 11px; margin-bottom: 22px; }
.brand-download-grid p { color: var(--muted); font-size: 16px; line-height: 1.8; margin-top: 16px; max-width: 440px; }
.brand-download-grid .text-link { margin-top: 25px; }
.download-secondary { display: block; width: fit-content; font-size: 14px; color: var(--blue); margin-top: 17px; text-underline-offset: 4px; }
.download-secondary:hover { text-decoration: underline; }
.brand-download-grid .download-meta { font-size: 13px; margin-top: 17px; }
.brand-contact-note { display: flex; flex-wrap: wrap; gap: 10px 20px; border-top: 1px solid var(--line); padding-top: 26px; margin-top: 46px; color: var(--muted); font-size: 14px; }
.brand-contact-note a, .brand-contact-note .email-reveal { color: var(--blue); }
.brand-contact-note > span { width: 100%; font-size: 12px; margin-top: 8px; }
@media(max-width: 1000px) { .brand-hero { gap: 40px; grid-template-columns: 1.6fr 1fr; } .brand-hero-mark { padding: 30px; } .brand-downloads { flex-direction: column; align-items: flex-start; } .brand-space-grid { gap: 35px; } .brand-type { gap: 35px; } .type-aa { font-size: 86px; } .brand-swatches { gap: 14px; } }
@media(max-width: 700px) {
  .brand-hero { grid-template-columns: 1fr; padding-block: 50px; gap: 35px; }
  .brand-page h1 { font-size: clamp(56px,13vw,78px); }
  .brand-hero-copy > p:not(.eyebrow):not(.brand-file-note) { font-size: 16px; }
  .brand-hero-mark { aspect-ratio: auto; flex-direction: row; padding: 30px; gap: 35px; }
  .brand-hero-mark img { width: 95px; }
  .brand-hero-mark p { align-self: center; font-size: 11px; }
  .brand-index { gap: 13px 20px; }
  .brand-section { padding-block: 58px; }
  .brand-principles,.brand-space-grid,.brand-type,.brand-usage-grid,.brand-download-grid { grid-template-columns: 1fr; gap: 28px; }
  .brand-principles { margin-top: 30px; }
  .logo-gallery { grid-template-columns: 1fr; gap: 26px; }
  .logo-stage { height: 185px; padding: 30px; }
  .logo-stage-stacked img { max-height: 130px; }
  .brand-swatches { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
  .brand-swatches article > div { height: 125px; padding: 15px; }
  .brand-table td,.brand-table th { padding: 12px 10px; font-size: 14px; }
  .type-specimen { justify-content: start; grid-template-columns: auto auto; width: fit-content; }
  .brand-usage-grid article,.brand-download-grid article { padding: 25px; }
  .brand-voice-example { padding: 25px; }
}

.swatch-blue { background: #3157ff; color: #fff; }
.swatch-ink { background: #111b32; color: #fff; }
.swatch-mist { background: #eef2ff; color: #111b32; }
.swatch-white { background: #fff; color: #111b32; }