/* * DBC / BIOTEN V7.30.1 — About DBC corporate refinement * Scope: about.html only. Resolves the inherited mobile title cascade, * restores dark-surface heading contrast and compresses the corporate story. */ html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero { min-height: min(46rem, calc(100svh - 4rem)); padding: clamp(5.75rem, 7vw, 7rem) 0 clamp(4.25rem, 6vw, 5.5rem); } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__grid { align-items: center; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__copy { align-content: center; padding-bottom: 0; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-eyebrow { margin-bottom: clamp(2rem, 3.4vw, 3rem); } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__visual { min-height: 29rem; aspect-ratio: 4 / 4.8; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__lead { margin-top: clamp(1.5rem, 2.5vw, 2.1rem); } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] :is( .dbc-about-profile, .dbc-about-capability, .dbc-about-network, .dbc-about-evidence ) { padding-block: clamp(4.75rem, 7vw, 6.5rem); } /* * The legacy global cascade repeats body[class] seven times. Match that * specificity here so the intended page-family type scale wins predictably. */ html body[class][class][class][class][class][class][class].dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] main.dbc-about :is( .dbc-about-section-head h2, .dbc-about-capability__head h2, .dbc-about-evidence h2, .dbc-about-final h2 ) { color: var(--dbc-about-ink) !important; font-size: clamp(2.4rem, 4.35vw, 4.15rem) !important; font-weight: 520 !important; line-height: 1.07 !important; letter-spacing: -.052em !important; -webkit-text-fill-color: currentColor !important; text-wrap: balance; } html body[class][class][class][class][class][class][class].dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] main.dbc-about .dbc-about-profile :is( .dbc-about-section-head > p, .dbc-about-section-head h2 ), html body[class][class][class][class][class][class][class].dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] main.dbc-about .dbc-about-final :is( .dbc-about-final__grid > div:first-child > p, h2 ) { color: #f7fafc !important; -webkit-text-fill-color: #f7fafc !important; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-capability { border-top: 0; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-network { border-top: 1px solid var(--dbc-about-line); } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-network__grid { margin-top: clamp(2.75rem, 5vw, 4.25rem); } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-evidence__items article { min-height: 7.25rem; align-content: start; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-final { padding-block: clamp(4rem, 6vw, 5.5rem); } @media (max-width: 64rem) { html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero { min-height: 0; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__visual { min-height: 26rem; } } @media (max-width: 56.25rem) { html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero { padding-top: 6rem; padding-bottom: 4rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__visual { min-height: 0; margin-top: .5rem; aspect-ratio: 16 / 9; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] :is( .dbc-about-profile, .dbc-about-capability, .dbc-about-network, .dbc-about-evidence ) { padding-block: 4.5rem; } } @media (max-width: 45rem) { /* The V7.20.2 rule made every span 12px, including both H1 lines. */ html body[class][class][class][class][class][class][class].dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] main.dbc-about .dbc-about-hero h1 > span { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero { padding-top: 4.5rem; padding-bottom: 3.35rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-eyebrow { margin-bottom: 2rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-hero__lead { line-height: 1.72 !important; } html body[class][class][class][class][class][class][class].dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] main.dbc-about :is( .dbc-about-section-head h2, .dbc-about-capability__head h2, .dbc-about-evidence h2, .dbc-about-final h2 ) { font-size: clamp(2.05rem, 9.6vw, 2.65rem) !important; line-height: 1.09 !important; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] :is( .dbc-about-profile, .dbc-about-capability, .dbc-about-network, .dbc-about-evidence ) { padding-block: 3.35rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-profile__year { margin-top: 1.1rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-capability__chain, html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-network__grid { margin-top: 2.35rem; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-evidence__items article { min-height: 0; } html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-final { padding-block: 3.35rem; } } @media (max-width: 23.75rem) { html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about-actions { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { html body.dbc-about-page[data-v7301-about-refinement="corporate-clarity-r1"] .dbc-about * { transition-duration: .01ms !important; animation-duration: .01ms !important; } }