/* * BIOTEN page-family governance · V7.16.0 * Scope: bioten-platform + agriculture + personal care + waterborne coatings. * This file is intentionally linked last and gated by .bioten-family-v7160. */ body.bioten-family-v7160 { --btf-paper: #f5f8f6; --btf-white: #fcfdfc; --btf-ink: #102f3b; --btf-copy: #516a70; --btf-muted: #778c90; --btf-blue: #174f96; --btf-blue-deep: #123a68; --btf-green: #13846f; --btf-green-soft: #77cdb3; --btf-aqua: #dff3ef; --btf-line: rgba(24, 73, 88, .14); --btf-line-strong: rgba(24, 73, 88, .22); --btf-shadow: 0 28px 72px rgba(23, 71, 85, .11); --btf-shadow-soft: 0 16px 44px rgba(23, 71, 85, .075); --btf-radius: 22px; --btf-radius-sm: 14px; color: var(--btf-ink); background: radial-gradient(circle at 7% 2%, rgba(79, 182, 153, .08), transparent 30rem), var(--btf-paper); } body.bioten-family-v7160 :is(h1, h2, h3, h4, p, li, dt, dd, strong, span, a) { text-rendering: optimizeLegibility; } body.bioten-family-v7160 :is(.btp580-main, .v520-app-main) { overflow: clip; } body.bioten-family-v7160 :is(.btp580-shell, .v520-shell, .btf716-footer__inner) { width: min(1240px, calc(100% - 80px)); margin-inline: auto; } body.bioten-family-v7160 :is(.btp580-button, .v520-action) { min-height: 44px; padding: 0 19px; border-radius: 999px; font-size: 13px; font-weight: 680; line-height: 1; letter-spacing: .01em; transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease; } body.bioten-family-v7160 :is(.btp580-button, .v520-action):is(:hover, :focus-visible) { transform: translateY(-2px); } body.bioten-family-v7160 :is(a, button):focus-visible { outline: 3px solid rgba(39, 127, 206, .28); outline-offset: 3px; } /* -------------------------------------------------------------------------- BIOTEN material-platform homepage -------------------------------------------------------------------------- */ body.bioten-family-v7160.bioten-platform-v580 .btp580-hero { min-height: clamp(720px, 78vh, 880px); isolation: isolate; border-bottom: 1px solid var(--btf-line); background: linear-gradient(90deg, rgba(252, 253, 252, .99) 0%, rgba(249, 252, 250, .96) 35%, rgba(243, 250, 248, .66) 61%, rgba(232, 246, 244, .38) 100%), var(--btf-paper) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .72; background-image: linear-gradient(rgba(24, 79, 102, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(24, 79, 102, .04) 1px, transparent 1px), radial-gradient(circle at 71% 45%, rgba(31, 156, 126, .12), transparent 24rem); background-size: 48px 48px, 48px 48px, auto; mask-image: linear-gradient(90deg, transparent 0%, #000 43%, #000 100%); } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero::after { opacity: .5; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__inner { z-index: 5; min-height: inherit; display: flex; align-items: center; padding-block: 82px 72px; pointer-events: none; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__copy { width: min(49%, 610px) !important; max-width: 610px !important; pointer-events: auto; } body.bioten-family-v7160.bioten-platform-v580 .btp580-kicker { margin-bottom: 18px; color: var(--btf-blue); font-size: 12px; font-weight: 760; letter-spacing: .095em; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-hero h1 { max-width: 9.7em !important; margin: 0; color: var(--btf-ink) !important; font-size: clamp(51px, 4.9vw, 76px) !important; font-weight: 620 !important; line-height: 1.04 !important; letter-spacing: -.062em !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero h1 span { display: block; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero h1 em { color: var(--btf-green) !important; font-style: normal; font-weight: 690; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__lead { max-width: 42em !important; margin-top: 24px !important; color: var(--btf-copy) !important; font-size: 16px !important; line-height: 1.82 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-actions { margin-top: 30px; gap: 10px; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-button--primary { border-color: rgba(20, 74, 144, .86) !important; background: linear-gradient(135deg, var(--btf-blue), #2476b5) !important; color: #fff !important; box-shadow: 0 12px 28px rgba(23, 79, 150, .18); } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-button--quiet { border-color: var(--btf-line-strong) !important; background: rgba(252, 253, 252, .76) !important; color: var(--btf-ink) !important; backdrop-filter: blur(16px) saturate(120%); } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__visual { inset: 0 0 0 40% !important; width: auto !important; z-index: 2 !important; overflow: hidden; opacity: 1 !important; filter: none !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .3) 10%, #000 25%, #000 100%) !important; mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .3) 10%, #000 25%, #000 100%) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-hero__visual::before { opacity: .58; background: radial-gradient(circle at 48% 46%, rgba(246, 255, 252, .94) 0 7%, rgba(112, 215, 191, .14) 12%, transparent 27%), linear-gradient(108deg, rgba(238, 247, 243, .18), transparent 28% 74%, rgba(223, 239, 234, .14)) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-hero__visual::after { background: none !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-field { opacity: .74 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-field img { filter: saturate(.78) contrast(1.035) brightness(1.08) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core { top: 40%; left: 44%; width: 126px; border-color: rgba(20, 132, 111, .25); background: rgba(247, 253, 250, .94); color: var(--btf-blue-deep); box-shadow: 0 14px 34px rgba(32, 97, 104, .11), 0 0 0 12px rgba(211, 241, 232, .16), inset 0 1px rgba(255, 255, 255, .96); backdrop-filter: none; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core small { color: var(--btf-green); } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-flow { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: visible; pointer-events: none; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-flow path { fill: none; stroke: rgba(20, 132, 111, .3); stroke-width: 1.1; stroke-dasharray: 4 9; stroke-linecap: round; vector-effect: non-scaling-stroke; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-flow circle { fill: rgba(20, 132, 111, .7); stroke: rgba(245, 253, 250, .92); stroke-width: 2; vector-effect: non-scaling-stroke; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index { position: absolute; right: 4.2%; bottom: 8.5%; z-index: 6; width: min(338px, 39%); padding-left: 18px; color: var(--btf-ink); } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 1px; background: linear-gradient(180deg, rgba(20, 132, 111, .12), rgba(20, 132, 111, .72), rgba(23, 79, 150, .16)); } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__eyebrow { margin: 0 0 9px; color: var(--btf-blue); font-size: 9px; font-weight: 760; letter-spacing: .13em; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__list { display: grid; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 13px 0; border-top: 1px solid rgba(24, 73, 88, .14); opacity: 0; transform: translate3d(0, 14px, 0); animation: btf716-index-enter 760ms cubic-bezier(.22, .78, .2, 1) forwards; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item:nth-child(1) { animation-delay: 320ms; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item:nth-child(2) { animation-delay: 430ms; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item:nth-child(3) { animation-delay: 540ms; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__icon { display: grid; width: 36px; aspect-ratio: 1; place-items: center; border-radius: 50%; color: var(--btf-green); background: rgba(246, 252, 249, .78); box-shadow: inset 0 0 0 1px rgba(20, 132, 111, .13), 0 8px 20px rgba(23, 79, 96, .045); } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item strong, body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item small { display: block; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item strong { color: var(--btf-ink); font-size: 13px; font-weight: 700; line-height: 1.3; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item small { margin-top: 3px; color: var(--btf-copy); font-size: 9.5px; line-height: 1.4; } @keyframes btf716-index-enter { to { opacity: 1; transform: translate3d(0, 0, 0); } } body.bioten-family-v7160.bioten-platform-v580 .btp580-section { padding-block: clamp(86px, 8vw, 122px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system { background: radial-gradient(circle at 90% 12%, rgba(47, 159, 134, .1), transparent 28rem), linear-gradient(180deg, #f9fbfa, #eff6f4) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-section-head { max-width: 880px !important; margin: 0 0 46px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp730-section-kicker { margin-bottom: 14px; color: var(--btf-green) !important; font-size: 11px; font-weight: 780; letter-spacing: .14em; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-section-head h2 { max-width: 17em; color: var(--btf-ink) !important; font-size: clamp(37px, 3.55vw, 55px) !important; font-weight: 620 !important; line-height: 1.1 !important; letter-spacing: -.048em !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-section-head > p:not(.btp730-section-kicker) { max-width: 62em !important; margin-top: 18px !important; color: var(--btf-copy) !important; font-size: 15px !important; line-height: 1.82 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip { grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr) !important; gap: 0 !important; margin: 0 0 34px !important; overflow: hidden; border: 1px solid var(--btf-line) !important; border-radius: var(--btf-radius) !important; background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(226, 244, 239, .78)) !important; box-shadow: var(--btf-shadow-soft) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip::before { opacity: .55 !important; background: radial-gradient(circle, rgba(37, 155, 128, .17) 1px, transparent 1.4px) !important; background-size: 16px 16px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__copy { padding: clamp(32px, 4vw, 54px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__eyebrow { color: var(--btf-blue) !important; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp732-ip h3 { max-width: 17em !important; color: var(--btf-ink) !important; font-size: clamp(27px, 2.45vw, 38px) !important; line-height: 1.18 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__copy > p:last-child { color: var(--btf-copy) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metrics { border-left: 1px solid var(--btf-line) !important; background: rgba(239, 248, 245, .72) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric { min-height: 156px; padding: 28px 32px !important; border-color: var(--btf-line) !important; background: transparent !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric strong { color: var(--btf-blue) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric--granted strong { color: var(--btf-green) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric span { color: var(--btf-ink) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric dd, body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__evidence p { color: var(--btf-copy) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__evidence { border-color: var(--btf-line) !important; background: rgba(255, 255, 255, .48) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__panel { display: grid !important; grid-template-columns: minmax(330px, .85fr) minmax(0, 1.15fr) !important; gap: 0 !important; overflow: hidden; border: 1px solid var(--btf-line) !important; border-radius: var(--btf-radius) !important; background: rgba(252, 253, 252, .8) !important; box-shadow: var(--btf-shadow-soft) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__visual { min-height: 100% !important; border: 0 !important; border-right: 1px solid var(--btf-line) !important; border-radius: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__visual img { object-fit: cover; filter: saturate(.88) contrast(1.02); } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__visual figcaption { color: rgba(255, 255, 255, .86); background: linear-gradient(180deg, transparent, rgba(9, 38, 50, .8)); } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__chain { padding: 12px clamp(22px, 3vw, 38px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__chain li { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 16px !important; padding: 18px 0 !important; border-color: var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__chain > li > span { color: var(--btf-green) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__chain strong { color: var(--btf-ink) !important; font-size: 15px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__chain p { margin-top: 6px !important; color: var(--btf-copy) !important; font-size: 13px !important; line-height: 1.65 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; margin-top: 28px !important; border-block: 1px solid var(--btf-line) !important; background: transparent !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article { min-height: 184px !important; padding: 28px 24px !important; border: 0 !important; border-right: 1px solid var(--btf-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article:last-child { border-right: 0 !important; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-capabilities h3 { color: var(--btf-ink) !important; font-size: 16px !important; line-height: 1.35 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-capabilities p { color: var(--btf-copy) !important; font-size: 13px !important; line-height: 1.7 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domains { background: radial-gradient(circle at 12% 22%, rgba(27, 132, 111, .08), transparent 24rem), var(--btf-white) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain-grid { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 18px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:first-child, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:not(:first-child) { grid-column: span 5; display: grid !important; grid-template-columns: 1fr !important; align-content: start; overflow: hidden; min-height: 0 !important; border: 1px solid var(--btf-line) !important; border-radius: var(--btf-radius) !important; background: rgba(252, 253, 252, .92) !important; box-shadow: var(--btf-shadow-soft) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(1), body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(4) { grid-column: span 7; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:hover { transform: translateY(-4px) !important; border-color: rgba(19, 132, 111, .3) !important; box-shadow: var(--btf-shadow) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__media, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:first-child .btp580-domain__media, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:not(:first-child) .btp580-domain__media { width: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 9; border: 0 !important; border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 520ms cubic-bezier(.2, .8, .2, 1); } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:hover .btp580-domain__media img { transform: scale(1.025); } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__body, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:first-child .btp580-domain__body, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:not(:first-child) .btp580-domain__body { display: flex !important; flex-direction: column; align-items: flex-start !important; min-width: 0; padding: clamp(27px, 3vw, 38px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp730-domain-status { color: var(--btf-green) !important; font-size: 10px !important; letter-spacing: .13em !important; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-domain h3, html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-domain:first-child h3 { margin-top: 10px !important; color: var(--btf-ink) !important; font-size: clamp(26px, 2.4vw, 36px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__subtitle { color: var(--btf-blue) !important; font-size: 14px !important; font-weight: 680 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__body > p:not(.btp580-domain__subtitle, .btp730-domain-status) { display: block !important; margin-top: 15px !important; color: var(--btf-copy) !important; font-size: 14px !important; line-height: 1.74 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-keywords { display: flex !important; margin-top: 20px !important; color: var(--btf-muted); } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain__body > a { margin-top: 24px !important; color: var(--btf-blue) !important; font-size: 13px !important; font-weight: 720; } body.bioten-family-v7160.bioten-platform-v580 .btp580-close { background: linear-gradient(135deg, rgba(232, 244, 242, .88), rgba(241, 247, 251, .96)) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; border: 1px solid var(--btf-line) !important; border-radius: var(--btf-radius) !important; background: rgba(252, 253, 252, .62) !important; overflow: hidden; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths > div { padding: 28px 30px !important; border: 0 !important; border-right: 1px solid var(--btf-line) !important; border-bottom: 1px solid var(--btf-line) !important; background: transparent !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths > div:nth-child(2n) { border-right: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths > div:nth-last-child(-n + 2) { border-bottom: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths dt { color: var(--btf-ink) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths dd { color: var(--btf-copy) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-collaboration { margin-top: 30px !important; padding: clamp(30px, 4vw, 52px) !important; border: 1px solid rgba(24, 73, 88, .16) !important; border-radius: var(--btf-radius) !important; background: rgba(252, 253, 252, .72) !important; box-shadow: var(--btf-shadow-soft) !important; backdrop-filter: blur(16px) saturate(120%); } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-collaboration h3 { color: var(--btf-ink) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-collaboration p { color: var(--btf-copy) !important; } /* -------------------------------------------------------------------------- BIOTEN application pages -------------------------------------------------------------------------- */ body.bioten-family-v7160.v520-app { --v520-app-accent: #2f8e70; --v520-app-deep: #173f4b; --v520-app-soft: #e6f3ed; --v520-app-wash: #f5f8f6; background: var(--btf-paper) !important; } body.bioten-family-v7160.v520-app--care { --v520-app-accent: #2c8190; --v520-app-deep: #153f50; --v520-app-soft: #e6f3f5; } body.bioten-family-v7160.v520-app--coatings { --v520-app-accent: #35649a; --v520-app-deep: #183d63; --v520-app-soft: #e8eff8; } body.bioten-family-v7160.v520-app .v520-app-hero { min-height: 610px; padding: 66px 0 62px; border-bottom: 1px solid var(--btf-line); background: linear-gradient(rgba(24, 79, 102, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(24, 79, 102, .035) 1px, transparent 1px), radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--v520-app-accent) 15%, transparent), transparent 31rem), linear-gradient(125deg, #fbfdfc 0%, var(--v520-app-wash) 58%, var(--v520-app-soft) 100%) !important; background-size: 52px 52px, 52px 52px, auto, auto !important; } body.bioten-family-v7160.v520-app .v520-app-hero__grid { grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr) !important; gap: clamp(52px, 6vw, 92px) !important; } body.bioten-family-v7160.v520-app .v520-app-hero__copy { max-width: 600px; } body.bioten-family-v7160.v520-app .v520-kicker { margin-bottom: 16px; color: var(--v520-app-accent); font-size: 11px; font-weight: 780; letter-spacing: .11em; } html body.bioten-family-v7160.v520-app main#main-content .v520-app-hero h1 { max-width: 10.7em; color: var(--btf-ink) !important; font-size: clamp(45px, 4vw, 66px) !important; font-weight: 620 !important; line-height: 1.07 !important; letter-spacing: -.055em !important; } body.bioten-family-v7160.v520-app .v520-app-hero__lead { margin-top: 22px; color: var(--btf-copy) !important; font-size: 16px; line-height: 1.78; } body.bioten-family-v7160.v520-app .v520-actions { gap: 10px; margin-top: 28px; } body.bioten-family-v7160.v520-app .v520-action--solid { border-color: var(--v520-app-deep) !important; background: linear-gradient(135deg, var(--v520-app-deep), var(--v520-app-accent)) !important; color: #fff !important; box-shadow: 0 12px 26px color-mix(in srgb, var(--v520-app-accent) 20%, transparent); } body.bioten-family-v7160.v520-app .v520-action:not(.v520-action--solid) { border-color: var(--btf-line-strong); background: rgba(252, 253, 252, .92); color: var(--btf-ink); backdrop-filter: none; } body.bioten-family-v7160.v520-app .v520-app-hero__visual { min-height: 0 !important; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid rgba(23, 71, 85, .15); border-radius: 28px !important; background: #e8efec; box-shadow: 0 20px 54px rgba(23, 71, 85, .09) !important; } body.bioten-family-v7160.v520-app .v520-app-hero__visual::before { display: none !important; content: none !important; } body.bioten-family-v7160.v520-app .v520-app-hero__visual img { filter: none !important; } body.bioten-family-v7160.v520-app--coatings .v520-app-hero__visual img { filter: brightness(1.06) saturate(.98) !important; } body.bioten-family-v7160.v520-app .v520-signal-strip { border-block: 0 1px solid var(--btf-line); background: rgba(252, 253, 252, .9); } body.bioten-family-v7160.v520-app .v520-signal-strip__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } body.bioten-family-v7160.v520-app .v520-signal { min-height: 92px; padding: 22px 22px 20px; border-color: var(--btf-line); } body.bioten-family-v7160.v520-app .v520-signal span { color: var(--btf-muted); font-size: 10px; letter-spacing: .09em; } body.bioten-family-v7160.v520-app .v520-signal strong { margin-top: 8px; color: var(--btf-ink); font-size: 14px; line-height: 1.45; } body.bioten-family-v7160.v520-app .v520-localnav { top: 72px; border-bottom: 1px solid var(--btf-line); background: rgba(248, 251, 249, .86); box-shadow: 0 8px 30px rgba(24, 69, 81, .035); backdrop-filter: blur(18px) saturate(130%); } body.bioten-family-v7160.v520-app .v520-localnav strong { color: var(--v520-app-deep); font-weight: 720; } body.bioten-family-v7160.v520-app .v520-localnav a { color: var(--btf-copy); } body.bioten-family-v7160.v520-app .v520-localnav a:is(:hover, :focus-visible) { color: var(--v520-app-accent); } body.bioten-family-v7160.v520-app .v520-section { padding-block: clamp(78px, 7.5vw, 108px); } body.bioten-family-v7160.v520-app .v520-thesis { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(48px, 6vw, 88px); } html body.bioten-family-v7160.v520-app main#main-content .v520-thesis__statement h2, html body.bioten-family-v7160.v520-app main#main-content .v520-section-head h2 { color: var(--btf-ink) !important; font-size: clamp(34px, 3.25vw, 49px) !important; font-weight: 620 !important; line-height: 1.13 !important; letter-spacing: -.045em !important; } body.bioten-family-v7160.v520-app .v520-thesis__statement p, body.bioten-family-v7160.v520-app .v520-section-head p { color: var(--btf-copy) !important; font-size: 15px; line-height: 1.78; } body.bioten-family-v7160.v520-app .v520-thesis__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--btf-line); } body.bioten-family-v7160.v520-app .v520-thesis__list article { min-height: 158px; padding: 24px 24px 24px 0; border: 0; border-bottom: 1px solid var(--btf-line); border-radius: 0; background: transparent !important; box-shadow: none; } body.bioten-family-v7160.v520-app .v520-thesis__list article:nth-child(odd) { padding-right: 30px; border-right: 1px solid var(--btf-line); } body.bioten-family-v7160.v520-app .v520-thesis__list article:nth-child(even) { padding-left: 30px; } body.bioten-family-v7160.v520-app .v520-thesis__list strong { color: var(--btf-ink); font-size: 16px; } body.bioten-family-v7160.v520-app .v520-thesis__list p { color: var(--btf-copy); font-size: 13px; line-height: 1.68; } body.bioten-family-v7160.v520-app .v520-section--dark { color: var(--btf-ink) !important; background: linear-gradient(rgba(23, 79, 105, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 79, 105, .035) 1px, transparent 1px), radial-gradient(circle at 83% 13%, color-mix(in srgb, var(--v520-app-accent) 15%, transparent), transparent 31rem), linear-gradient(135deg, #edf6f3, color-mix(in srgb, var(--v520-app-soft) 74%, #f6faf8)) !important; background-size: 54px 54px, 54px 54px, auto, auto !important; } body.bioten-family-v7160.v520-app .v520-section--dark .v520-section-head { max-width: 790px; margin-bottom: 38px; } html body.bioten-family-v7160.v520-app main#main-content .v520-section--dark :is(.v520-section-head h2, .v520-signature__copy h3) { color: var(--btf-ink) !important; } body.bioten-family-v7160.v520-app .v520-section--dark :is(.v520-section-head p, .v520-signature__copy p) { color: var(--btf-copy) !important; } body.bioten-family-v7160.v520-app .v520-signature { grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr); gap: 16px; } body.bioten-family-v7160.v520-app :is(.v520-signature__visual, .v520-signature__copy) { min-height: 390px; border: 1px solid var(--btf-line); border-radius: var(--btf-radius); background: rgba(252, 253, 252, .66) !important; box-shadow: 0 16px 42px rgba(23, 71, 85, .06), inset 0 1px rgba(255, 255, 255, .9); backdrop-filter: blur(14px); } body.bioten-family-v7160.v520-app .v520-signature__visual { padding: 34px; } body.bioten-family-v7160.v520-app .v520-signature__copy { padding: 36px; } body.bioten-family-v7160.v520-app .v520-signature__copy h3 { font-size: 25px; } body.bioten-family-v7160.v520-app .v520-role-list { margin-top: 26px; gap: 0; border-top: 1px solid var(--btf-line); background: transparent; } body.bioten-family-v7160.v520-app .v520-role-list div { grid-template-columns: 120px minmax(0, 1fr); padding: 15px 0; border-bottom: 1px solid var(--btf-line); background: transparent !important; } body.bioten-family-v7160.v520-app .v520-section--dark .v520-role-list strong { color: var(--btf-ink) !important; } body.bioten-family-v7160.v520-app .v520-section--dark .v520-role-list span { color: var(--btf-copy) !important; } body.bioten-family-v7160.v520-app :is(.v520-seed-cycle__line div, .v520-formula-map div, .v520-layer-stack div) { border-color: var(--btf-line); background: rgba(252, 253, 252, .58) !important; box-shadow: inset 0 1px rgba(255, 255, 255, .86); } body.bioten-family-v7160.v520-app :is(.v520-seed-cycle__line strong, .v520-formula-map strong, .v520-layer-stack strong) { color: var(--btf-ink); } body.bioten-family-v7160.v520-app :is(.v520-seed-cycle__line span, .v520-formula-map span, .v520-layer-stack span) { color: var(--btf-copy); } body.bioten-family-v7160.v520-app .v520-emulsion-swatches span { border-color: rgba(19, 64, 76, .12); box-shadow: inset 0 1px rgba(255, 255, 255, .5); } body.bioten-family-v7160.v520-app .v520-section--soft { background: radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--v520-app-accent) 9%, transparent), transparent 26rem), color-mix(in srgb, var(--v520-app-soft) 68%, #fbfdfc) !important; } body.bioten-family-v7160.v520-app .v520-section-head { max-width: 800px; margin-bottom: 38px; } body.bioten-family-v7160.v520-app .v520-application-grid { gap: 14px; } body.bioten-family-v7160.v520-app .v520-application-card, body.bioten-family-v7160.v520-app .v520-application-card:nth-child(1), body.bioten-family-v7160.v520-app .v520-application-card:nth-child(4) { grid-column: span 6; min-height: 220px; padding: 28px; border: 1px solid var(--btf-line); border-radius: var(--btf-radius-sm); background: rgba(252, 253, 252, .72); box-shadow: none; transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; } body.bioten-family-v7160.v520-app .v520-application-card:is(:hover, :focus-within) { transform: translateY(-3px); border-color: color-mix(in srgb, var(--v520-app-accent) 38%, transparent); box-shadow: var(--btf-shadow-soft); } html body.bioten-family-v7160.v520-app main#main-content .v520-application-card h3 { color: var(--btf-ink) !important; font-size: 21px; } body.bioten-family-v7160.v520-app .v520-application-card p { color: var(--btf-copy); } body.bioten-family-v7160.v520-app .v520-application-card li { color: var(--v520-app-deep); font-weight: 650; } body.bioten-family-v7160.v520-app #path.v520-section--dark { background: linear-gradient(135deg, #f6faf8, color-mix(in srgb, var(--v520-app-soft) 68%, #f2f7fa)) !important; } body.bioten-family-v7160.v520-app .v520-path { grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--btf-line-strong); } body.bioten-family-v7160.v520-app .v520-path article { min-height: 178px; padding: 25px 22px; border-color: var(--btf-line); } body.bioten-family-v7160.v520-app .v520-path span { color: var(--v520-app-accent); font-weight: 760; } body.bioten-family-v7160.v520-app .v520-path strong { margin-top: 30px; color: var(--btf-ink) !important; } body.bioten-family-v7160.v520-app .v520-path p { color: var(--btf-copy) !important; } body.bioten-family-v7160.v520-app .v710-scope-note { width: min(1240px, calc(100% - 80px)); margin: 0 auto clamp(72px, 7vw, 104px); padding: 30px 32px; border: 1px solid var(--btf-line); border-left: 3px solid var(--v520-app-accent); border-radius: 0 var(--btf-radius-sm) var(--btf-radius-sm) 0; background: rgba(252, 253, 252, .72); box-shadow: none; } body.bioten-family-v7160.v520-app .v710-scope-note::before { display: none; } body.bioten-family-v7160.v520-app .v710-scope-note__label { color: var(--v520-app-accent); } html body.bioten-family-v7160.v520-app main#main-content .v710-scope-note h2 { color: var(--btf-ink) !important; font-size: clamp(23px, 2.3vw, 32px) !important; line-height: 1.23 !important; } body.bioten-family-v7160.v520-app .v710-scope-note__body :is(p, li) { color: var(--btf-copy) !important; } body.bioten-family-v7160.v520-app .v520-final { margin-top: 0; padding-block: 54px; color: var(--btf-ink); border-block: 1px solid var(--btf-line); background: linear-gradient(115deg, rgba(225, 242, 237, .96), rgba(232, 241, 249, .9)) !important; } body.bioten-family-v7160.v520-app .v520-final h2 { color: var(--btf-ink); font-size: clamp(29px, 2.7vw, 40px); } body.bioten-family-v7160.v520-app .v520-final p { color: var(--btf-copy); } body.bioten-family-v7160.v520-app .v520-final .v520-action { border-color: var(--v520-app-deep); background: var(--v520-app-deep); color: #fff; } /* -------------------------------------------------------------------------- Compact, shared BIOTEN footer -------------------------------------------------------------------------- */ html body.bioten-family-v7160.bioten-family-v7160.bioten-family-v7160 footer.site-footer.btf716-footer.btf716-footer { position: relative; overflow: hidden; margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid rgba(141, 203, 190, .2) !important; color: #eaf4f1 !important; background: radial-gradient(circle at 14% -12%, rgba(67, 178, 151, .2), transparent 28rem), radial-gradient(circle at 92% 112%, rgba(49, 110, 181, .22), transparent 30rem), linear-gradient(132deg, #123b48, #123554 58%, #163f52) !important; background-image: radial-gradient(circle at 14% -12%, rgba(67, 178, 151, .2), transparent 28rem), radial-gradient(circle at 92% 112%, rgba(49, 110, 181, .22), transparent 30rem), linear-gradient(132deg, #123b48, #123554 58%, #163f52) !important; box-shadow: none !important; } html body.bioten-family-v7160.bioten-family-v7160.bioten-family-v7160 footer.site-footer.btf716-footer.btf716-footer::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; transform: none !important; pointer-events: none !important; opacity: .42 !important; background-image: linear-gradient(rgba(218, 242, 237, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(218, 242, 237, .045) 1px, transparent 1px) !important; background-color: transparent !important; background-size: 52px 52px !important; mask-image: linear-gradient(180deg, #000, transparent 90%) !important; } html body.bioten-family-v7160.bioten-family-v7160.bioten-family-v7160 footer.site-footer.btf716-footer.btf716-footer::after { display: none !important; content: none !important; } body.bioten-family-v7160 .btf716-footer__inner { position: relative; z-index: 1; } body.bioten-family-v7160 .btf716-footer__main { display: grid; grid-template-columns: minmax(360px, .94fr) minmax(0, 1.06fr); gap: clamp(62px, 7vw, 104px); align-items: start; padding-block: 52px 42px; } body.bioten-family-v7160 .btf716-footer__identity { display: grid; grid-template-columns: 166px minmax(0, 1fr); gap: 28px; align-items: start; } body.bioten-family-v7160 .btf716-footer__brandmark { display: block; } body.bioten-family-v7160 .btf716-footer__brandmark img { display: block; width: 166px; height: auto; filter: none; opacity: .94; } body.bioten-family-v7160 .btf716-footer__descriptor { min-width: 0; padding: 0; border: 0; } body.bioten-family-v7160 .btf716-footer__descriptor strong { display: block; color: #fff; font-size: 16px; font-weight: 680; line-height: 1.35; } body.bioten-family-v7160 .btf716-footer__descriptor p { max-width: 28em; margin: 6px 0 0; color: rgba(224, 241, 238, .64); font-size: 11.5px; line-height: 1.55; } body.bioten-family-v7160 .btf716-footer__contact { display: grid; gap: 4px; margin-top: 17px; color: rgba(227, 242, 239, .66); font-size: 10.5px; line-height: 1.45; } body.bioten-family-v7160 .btf716-footer__contact span { color: rgba(240, 249, 247, .82); font-weight: 620; } body.bioten-family-v7160 .btf716-footer__contact a { width: fit-content; color: rgba(227, 242, 239, .66); text-decoration: none; } body.bioten-family-v7160 .btf716-footer__contact a:hover { color: #fff; } body.bioten-family-v7160 .btf716-footer__routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; border-top: 1px solid rgba(220, 242, 237, .16); } body.bioten-family-v7160 .btf716-footer__routes a { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) 14px; gap: 10px; align-items: center; min-width: 0; padding: 16px 0 15px; border: 0; border-bottom: 1px solid rgba(220, 242, 237, .13); color: rgba(232, 246, 242, .78); text-decoration: none; transition: color 180ms ease, transform 180ms ease, border-color 180ms ease; } body.bioten-family-v7160 .btf716-footer__routes a::after { content: "→"; justify-self: end; color: rgba(134, 205, 188, .44); font-size: 12px; transition: transform 180ms ease, color 180ms ease; } body.bioten-family-v7160 .btf716-footer__routes a:hover { color: #fff; transform: translateX(3px); border-color: rgba(142, 214, 196, .38); } body.bioten-family-v7160 .btf716-footer__routes a:hover::after { color: rgba(158, 226, 207, .9); transform: translateX(2px); } body.bioten-family-v7160 .btf716-footer__routes a[aria-current="page"] { color: #fff; border-color: rgba(131, 217, 194, .48); } body.bioten-family-v7160 .btf716-footer__routes a[aria-current="page"] span { color: rgba(157, 232, 211, .94); } body.bioten-family-v7160 .btf716-footer__routes a[aria-current="page"]::after { color: rgba(157, 232, 211, .88); } body.bioten-family-v7160 .btf716-footer__routes span { display: block; margin: 0; color: #72c9b2; font-size: 9px; font-weight: 760; letter-spacing: .1em; } body.bioten-family-v7160 .btf716-footer__routes strong { display: block; overflow-wrap: anywhere; color: inherit; font-size: 12.5px; font-weight: 640; line-height: 1.42; } body.bioten-family-v7160 .btf716-footer__bottom { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid rgba(220, 242, 237, .13); color: rgba(224, 241, 238, .54); font-size: 11px; } body.bioten-family-v7160 .btf716-footer__bottom > strong { color: rgba(236, 247, 244, .72); font-size: 11px; font-weight: 600; white-space: nowrap; } body.bioten-family-v7160 .btf716-footer__legal { display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 0; white-space: nowrap; } body.bioten-family-v7160 .btf716-footer__legal a { color: rgba(228, 243, 239, .6); text-decoration: none; } body.bioten-family-v7160 .btf716-footer__legal a:hover { color: #fff; } /* -------------------------------------------------------------------------- Responsive governance -------------------------------------------------------------------------- */ @media (max-width: 1180px) { body.bioten-family-v7160 :is(.btp580-shell, .v520-shell, .btf716-footer__inner) { width: min(100% - 56px, 1120px); } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__copy { width: min(52%, 560px) !important; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-hero h1 { font-size: clamp(46px, 5.4vw, 64px) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__visual { left: 38% !important; opacity: 1 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article:nth-child(2) { border-right: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article:nth-child(-n + 2) { border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.v520-app .v520-app-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr) !important; gap: 44px !important; } body.bioten-family-v7160 .btf716-footer__main { grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr); gap: 48px; } } @media (max-width: 980px) { body.bioten-family-v7160.bioten-platform-v580 .btp580-hero { min-height: auto; padding: 0 0 32px; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__inner { min-height: auto; padding: 74px 0 36px; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__copy { width: min(100%, 680px) !important; max-width: 680px !important; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-hero h1 { max-width: 10.8em !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__visual { position: relative !important; inset: auto !important; width: min(100% - 56px, 1120px) !important; min-height: 540px !important; margin: 0 auto !important; opacity: 1; overflow: hidden; border: 1px solid var(--btf-line); border-radius: 26px; -webkit-mask-image: none !important; mask-image: none !important; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index { right: 5%; bottom: 7%; width: min(330px, 42%); } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__panel, body.bioten-family-v7160.bioten-platform-v580 .btp732-ip { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metrics { border-top: 1px solid var(--btf-line) !important; border-left: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-system__visual { min-height: 390px !important; border-right: 0 !important; border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:first-child, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:not(:first-child), body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(1), body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(4) { grid-column: span 6; } body.bioten-family-v7160.v520-app .v520-app-hero { padding: 58px 0; } body.bioten-family-v7160.v520-app .v520-app-hero__grid, body.bioten-family-v7160.v520-app .v520-thesis, body.bioten-family-v7160.v520-app .v520-signature { grid-template-columns: 1fr !important; } body.bioten-family-v7160.v520-app .v520-app-hero__copy { max-width: 720px; } body.bioten-family-v7160.v520-app .v520-app-hero__visual { max-width: 760px; } body.bioten-family-v7160.v520-app .v520-localnav { display: none; } body.bioten-family-v7160.v520-app .v520-path { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.bioten-family-v7160.v520-app .v520-path article:nth-child(3) { border-right: 0; } body.bioten-family-v7160.v520-app .v710-scope-note { width: min(100% - 56px, 1120px); } body.bioten-family-v7160 .btf716-footer__main { grid-template-columns: 1fr; gap: 32px; } body.bioten-family-v7160 .btf716-footer__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-family-v7160 .btf716-footer__bottom { min-height: 0; padding-block: 18px; align-items: flex-start; } body.bioten-family-v7160 .btf716-footer__legal { flex-wrap: wrap; row-gap: 8px; white-space: normal; } } @media (max-width: 760px) { body.bioten-family-v7160 :is(.btp580-shell, .v520-shell, .btf716-footer__inner) { width: min(100% - 34px, 720px); } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__inner { padding-top: 56px; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-hero h1 { max-width: 9.8em !important; font-size: clamp(42px, 11.4vw, 58px) !important; letter-spacing: -.058em !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__lead { font-size: 15px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__visual { width: min(100% - 34px, 720px) !important; min-height: 500px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core { top: 30%; left: 30%; width: 108px; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index { right: 5%; bottom: 6%; width: 49%; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-flow { opacity: .64; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metrics { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580 .btp732-ip__metric:first-child { border-right: 0 !important; border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article { min-height: 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp731-science .btp580-capabilities article:last-child { border-bottom: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain-grid { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-domain, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:first-child, body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:not(:first-child), body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(1), body.bioten-family-v7160.bioten-platform-v580 .btp580-domain:nth-child(4) { grid-column: 1; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths > div { border-right: 0 !important; border-bottom: 1px solid var(--btf-line) !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-paths > div:last-child { border-bottom: 0 !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-collaboration { display: grid !important; gap: 24px; } body.bioten-family-v7160.v520-app .v520-app-hero { min-height: 0; padding: 48px 0 40px; } html body.bioten-family-v7160.v520-app main#main-content .v520-app-hero h1 { max-width: 10.8em; font-size: clamp(40px, 10.5vw, 54px) !important; } body.bioten-family-v7160.v520-app .v520-signal-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-family-v7160.v520-app .v520-signal:nth-child(2) { border-right: 1px solid var(--btf-line); } body.bioten-family-v7160.v520-app .v520-thesis__list { grid-template-columns: 1fr; } body.bioten-family-v7160.v520-app .v520-thesis__list article:nth-child(n) { min-height: 0; padding: 22px 0; border-right: 0; } body.bioten-family-v7160.v520-app .v520-application-card, body.bioten-family-v7160.v520-app .v520-application-card:nth-child(1), body.bioten-family-v7160.v520-app .v520-application-card:nth-child(4) { grid-column: span 12; } body.bioten-family-v7160.v520-app .v520-path { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-family-v7160.v520-app .v520-path article, body.bioten-family-v7160.v520-app .v520-path article:nth-child(3) { border-right: 1px solid var(--btf-line); border-bottom: 1px solid var(--btf-line); } body.bioten-family-v7160.v520-app .v520-path article:nth-child(even) { border-right: 0; } body.bioten-family-v7160.v520-app .v520-path article:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; } body.bioten-family-v7160.v520-app .v710-scope-note { width: min(100% - 34px, 720px); grid-template-columns: 1fr; margin-bottom: 64px; padding: 26px; } body.bioten-family-v7160.v520-app .v520-final__inner { display: grid; gap: 24px; } body.bioten-family-v7160 .btf716-footer__identity { grid-template-columns: 146px minmax(0, 1fr); } body.bioten-family-v7160 .btf716-footer__brandmark img { width: 146px; } body.bioten-family-v7160 .btf716-footer__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-family-v7160 .btf716-footer__bottom { display: grid; gap: 12px; } body.bioten-family-v7160 .btf716-footer__legal { justify-content: flex-start; } } @media (max-width: 520px) { body.bioten-family-v7160 :is(.btp580-shell, .v520-shell, .btf716-footer__inner) { width: calc(100% - 28px); } body.bioten-family-v7160 :is(.btp580-button, .v520-action) { width: 100%; } body.bioten-family-v7160.bioten-platform-v580 .btp580-actions, body.bioten-family-v7160.v520-app .v520-actions { display: grid; } html body.bioten-family-v7160.bioten-platform-v580 main#main-content .btp580-hero h1 { max-width: 9em !important; font-size: clamp(36px, 10.8vw, 46px) !important; letter-spacing: -.052em !important; } body.bioten-family-v7160.bioten-platform-v580 .btp580-hero__visual { width: calc(100% - 28px) !important; min-height: 470px !important; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core { top: 23%; left: 31%; width: 88px; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core > span { font-size: 20px; } body.bioten-family-v7160.bioten-platform-v580 .btp581-material-core > small { max-width: 68px; margin-top: 6px; font-size: 8px; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-flow { display: none; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index { right: 20px; bottom: 20px; width: calc(100% - 40px); padding-left: 14px; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__item { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding-block: 10px; } body.bioten-family-v7160.bioten-platform-v580 .btf716-hero-index__icon { width: 32px; } body.bioten-family-v7160.v520-app .v520-app-hero__visual { border-radius: 20px !important; } body.bioten-family-v7160.v520-app .v520-signal { padding: 19px 16px; } body.bioten-family-v7160.v520-app :is(.v520-signature__visual, .v520-signature__copy) { min-height: 0; padding: 25px; } body.bioten-family-v7160.v520-app .v520-seed-cycle__line { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-family-v7160.v520-app .v520-formula-map { grid-template-columns: 1fr; } body.bioten-family-v7160.v520-app .v520-formula-map div:first-child { grid-row: auto; min-height: 150px; } body.bioten-family-v7160.v520-app .v520-layer-stack div { grid-template-columns: 1fr; gap: 5px; } body.bioten-family-v7160 .btf716-footer__main { padding-block: 40px 34px; } body.bioten-family-v7160 .btf716-footer__identity { grid-template-columns: 1fr; gap: 18px; } body.bioten-family-v7160 .btf716-footer__descriptor { padding: 0; border: 0; } body.bioten-family-v7160 .btf716-footer__routes { grid-template-columns: 1fr; column-gap: 0; } body.bioten-family-v7160 .btf716-footer__legal { display: grid; grid-template-columns: repeat(2, minmax(0, auto)); gap: 8px 14px; } } /* -------------------------------------------------------------------------- BIOTEN platform emerald-depth polish · V7.16.0 r4 Visual thesis: luminous aqueous-material surfaces, emerald functional signals and deep-blue evidence hierarchy. Platform page only. -------------------------------------------------------------------------- */ body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] { --btf-emerald: #078a63; --btf-emerald-deep: #075f4d; --btf-emerald-light: #32b98d; --btf-mint: #e7f6f0; --btf-mint-strong: #d5efe5; --btf-evidence-blue: #174f96; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-hero h1 em, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp730-section-kicker, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__chain > li > span, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp730-domain-status { color: var(--btf-emerald) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index { width: min(352px, 40%); padding: 18px 18px 14px 24px; border-radius: 20px; background: linear-gradient(145deg, rgba(250, 254, 252, .9), rgba(228, 246, 239, .8)); box-shadow: 0 24px 58px rgba(12, 65, 70, .12), inset 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 1px rgba(7, 138, 99, .12); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index::before { inset: 18px auto 18px 12px; width: 2px; border-radius: 999px; background: linear-gradient(180deg, rgba(7, 138, 99, .14), var(--btf-emerald-light), rgba(23, 79, 150, .22)); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index__item { border-color: rgba(15, 91, 76, .13); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index__icon { color: var(--btf-emerald); background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .15), 0 10px 24px rgba(7, 95, 77, .075); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] :is(.btp580-system, .btp580-domains, .btp580-close) { position: relative; isolation: isolate; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] :is(.btp580-system, .btp580-domains, .btp580-close) > .btp580-shell { position: relative; z-index: 1; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system { background: linear-gradient(rgba(15, 91, 76, .026) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 91, 76, .026) 1px, transparent 1px), radial-gradient(circle at 86% 12%, rgba(50, 185, 141, .14), transparent 29rem), radial-gradient(circle at 4% 68%, rgba(23, 79, 150, .06), transparent 25rem), linear-gradient(180deg, #fafcfb, #edf6f2) !important; background-size: 56px 56px, 56px 56px, auto, auto, auto !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domains { background: radial-gradient(circle at 8% 12%, rgba(7, 138, 99, .095), transparent 27rem), radial-gradient(circle at 92% 84%, rgba(23, 79, 150, .055), transparent 31rem), #fbfdfc !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-close { background: radial-gradient(circle at 86% 8%, rgba(7, 138, 99, .1), transparent 26rem), linear-gradient(135deg, #edf7f3, #f3f7fb 72%, #f7fbf9) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head { display: grid !important; grid-template-areas: "kicker copy" "title copy"; grid-template-columns: minmax(0, 1.06fr) minmax(340px, .72fr); column-gap: clamp(54px, 7vw, 108px); align-items: end; max-width: none !important; margin-bottom: clamp(44px, 5vw, 64px) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head .btp730-section-kicker { grid-area: kicker; } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp580-section-head h2 { grid-area: title; max-width: 15.5em !important; text-wrap: balance; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head > p:not(.btp730-section-kicker) { grid-area: copy; align-self: end; max-width: 42em !important; margin: 0 0 4px !important; padding-left: 24px; border-left: 2px solid rgba(7, 138, 99, .18); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip { position: relative; isolation: isolate; border: 0 !important; border-radius: 26px !important; background: linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(220, 243, 234, .9)) !important; box-shadow: 0 32px 76px rgba(12, 77, 67, .105), 0 0 0 1px rgba(7, 138, 99, .13), inset 0 1px rgba(255, 255, 255, .96) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip::before { inset: 0 !important; opacity: .35 !important; background: radial-gradient(circle, rgba(7, 138, 99, .18) 1px, transparent 1.35px) !important; background-size: 18px 18px !important; mask-image: linear-gradient(90deg, transparent 0%, #000 66%, #000 100%); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip::after { content: "" !important; display: block !important; position: absolute; inset: 0 0 auto 0; z-index: 3; height: 3px; background: linear-gradient(90deg, var(--btf-emerald), var(--btf-emerald-light) 54%, rgba(23, 79, 150, .42)); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__copy { position: relative; z-index: 1; background: linear-gradient(112deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .16)); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__metrics { position: relative; z-index: 1; background: linear-gradient(180deg, rgba(234, 248, 242, .82), rgba(249, 252, 251, .7)) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__metric { transition: background-color 420ms cubic-bezier(.22, .78, .2, 1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__metric:hover { background: rgba(255, 255, 255, .58) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__metric--granted strong { color: var(--btf-emerald) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp732-ip__evidence { position: relative; z-index: 1; background: rgba(255, 255, 255, .56) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-system__panel { grid-template-areas: "head head" "visual chain" !important; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important; gap: 8px !important; padding: 8px !important; overflow: hidden; border: 0 !important; border-radius: 28px !important; background: linear-gradient(135deg, rgba(7, 138, 99, .085), rgba(23, 79, 150, .055)) !important; box-shadow: 0 32px 76px rgba(15, 74, 72, .095), 0 0 0 1px rgba(7, 138, 99, .12), inset 0 1px rgba(255, 255, 255, .92) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-system__panel::before, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-system__panel::after { display: none !important; content: none !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp7100-workbench__head { grid-area: head; display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: 28px; align-items: start; padding: 27px 30px 29px; border: 0; border-radius: 20px 20px 12px 12px; background: linear-gradient(130deg, rgba(255, 255, 255, .96), rgba(235, 249, 243, .9)); box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .095); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp7100-workbench__head > p { color: var(--btf-emerald) !important; } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp7100-workbench__head h3 { color: var(--btf-ink) !important; font-size: clamp(22px, 2vw, 29px) !important; line-height: 1.25 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__visual { grid-area: visual; display: grid; grid-template-rows: minmax(0, 1fr) auto; align-self: stretch; min-height: 430px !important; overflow: hidden; border: 0 !important; border-radius: 16px !important; background: #f8fbfa !important; box-shadow: inset 0 0 0 1px rgba(18, 91, 77, .12); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__visual img { width: 100%; height: 100%; min-height: 0 !important; aspect-ratio: auto; object-fit: cover; filter: saturate(.88) contrast(1.02) brightness(1.025); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__visual figcaption { position: relative !important; inset: auto !important; min-height: 58px; padding: 15px 18px 16px; color: var(--btf-copy) !important; font-size: 11px; line-height: 1.55; background: rgba(251, 253, 252, .98) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__chain { grid-area: chain; align-self: stretch; padding: 8px 28px !important; border-radius: 16px; background: rgba(252, 254, 253, .94); box-shadow: inset 0 0 0 1px rgba(18, 91, 77, .1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__chain li { grid-template-columns: 38px minmax(0, 1fr) !important; gap: 14px !important; padding: 17px 0 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__chain > li > span { display: grid; width: 34px; height: 34px; padding: 0 !important; place-items: center; border-radius: 50%; background: var(--btf-mint); box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .16); font-size: 9px; font-weight: 780; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 22px !important; border: 0 !important; background: transparent !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article { position: relative; grid-column: span 5; min-height: 214px !important; padding: 28px 30px !important; overflow: hidden; border: 0 !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(230, 247, 240, .82)) !important; box-shadow: 0 18px 48px rgba(13, 78, 69, .07), 0 0 0 1px rgba(7, 138, 99, .11), inset 0 1px rgba(255, 255, 255, .95) !important; transition: transform 520ms cubic-bezier(.22, .78, .2, 1), box-shadow 520ms cubic-bezier(.22, .78, .2, 1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(1), body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(4) { grid-column: span 7; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(2), body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(3) { background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 249, 247, .94)) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:is(:hover, :focus-within) { transform: translate3d(0, -4px, 0); box-shadow: 0 26px 60px rgba(13, 78, 69, .11), 0 0 0 1px rgba(7, 138, 99, .2), inset 0 1px rgba(255, 255, 255, .96) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-capability-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; color: rgba(7, 95, 77, .42); font-size: 9px; font-weight: 760; letter-spacing: .12em; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-capability-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: var(--btf-emerald); background: rgba(255, 255, 255, .76); box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .15), 0 10px 25px rgba(7, 95, 77, .07); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-capability-icon svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp580-capabilities h3 { position: relative; z-index: 1; max-width: 18em; font-size: clamp(18px, 1.55vw, 22px) !important; line-height: 1.3 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-capabilities p { position: relative; z-index: 1; max-width: 44em; margin-top: 11px; font-size: 13px !important; line-height: 1.72 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain { position: relative; border: 0 !important; border-radius: 24px !important; background: rgba(253, 254, 253, .97) !important; box-shadow: 0 22px 56px rgba(14, 72, 71, .075), 0 0 0 1px rgba(18, 91, 77, .1), inset 0 1px rgba(255, 255, 255, .96) !important; transition: transform 560ms cubic-bezier(.22, .78, .2, 1), box-shadow 560ms cubic-bezier(.22, .78, .2, 1) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain::before { content: ""; position: absolute; inset: 0 22px auto; z-index: 3; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg, var(--btf-emerald), var(--btf-emerald-light), rgba(23, 79, 150, .36)); transform: scaleX(.32); transform-origin: left center; transition: transform 620ms cubic-bezier(.22, .78, .2, 1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:is(:hover, :focus-within) { transform: translate3d(0, -5px, 0) !important; box-shadow: 0 32px 72px rgba(14, 72, 71, .12), 0 0 0 1px rgba(7, 138, 99, .2), inset 0 1px rgba(255, 255, 255, .96) !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:is(:hover, :focus-within)::before { transform: scaleX(1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:first-child .btp580-domain__body { background: linear-gradient(150deg, rgba(247, 253, 250, .98), rgba(224, 245, 237, .72)); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp730-domain-status { display: flex; align-items: center; gap: 8px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp730-domain-status::before { content: ""; width: 18px; height: 2px; border-radius: 999px; background: var(--btf-emerald-light); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain__body > a { display: inline-flex; align-items: center; gap: 12px; color: var(--btf-emerald-deep) !important; transition: color 360ms cubic-bezier(.22, .78, .2, 1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain__body > a span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: var(--btf-emerald-deep); background: var(--btf-mint); box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .14); transition: transform 420ms cubic-bezier(.22, .78, .2, 1), background-color 420ms cubic-bezier(.22, .78, .2, 1); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain__body > a:hover span { transform: translate3d(3px, 0, 0); background: var(--btf-mint-strong); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths { counter-reset: btf-evidence; gap: 12px !important; overflow: visible; border: 0 !important; border-radius: 0 !important; background: transparent !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div { counter-increment: btf-evidence; position: relative; min-height: 176px; padding: 28px 30px 28px 78px !important; border: 0 !important; border-radius: 18px; background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(229, 246, 239, .74)) !important; box-shadow: inset 0 0 0 1px rgba(7, 138, 99, .105), 0 14px 38px rgba(13, 78, 69, .05); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div::before { content: "0" counter(btf-evidence); position: absolute; top: 30px; left: 28px; color: var(--btf-emerald); font-size: 10px; font-weight: 780; letter-spacing: .09em; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div::after { content: ""; position: absolute; top: 51px; left: 29px; width: 22px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--btf-emerald-light), rgba(23, 79, 150, .35)); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths dt { min-height: 0; color: var(--btf-ink) !important; font-size: 17px; line-height: 1.4; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths dd { margin-top: 10px; color: var(--btf-copy) !important; font-size: 13px; line-height: 1.7; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-collaboration { position: relative; overflow: hidden; margin-top: 24px !important; border: 0 !important; border-radius: 22px !important; background: radial-gradient(circle at 93% 5%, rgba(50, 185, 141, .18), transparent 22rem), linear-gradient(135deg, rgba(251, 254, 253, .96), rgba(217, 241, 232, .88)) !important; box-shadow: 0 26px 64px rgba(13, 78, 69, .085), 0 0 0 1px rgba(7, 138, 99, .13), inset 0 1px rgba(255, 255, 255, .96) !important; backdrop-filter: none; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-collaboration::before { content: ""; position: absolute; inset: 18px auto 18px 0; width: 4px; border-radius: 0 999px 999px 0; background: linear-gradient(180deg, var(--btf-emerald), var(--btf-emerald-light)); } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp580-collaboration h3 { color: var(--btf-ink) !important; font-size: clamp(28px, 2.7vw, 39px) !important; line-height: 1.18 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-collaboration p { color: var(--btf-copy) !important; } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp580-collaboration .btp580-button--primary { border-color: var(--btf-emerald-deep) !important; background: linear-gradient(135deg, var(--btf-emerald-deep), var(--btf-emerald)) !important; color: #fff !important; box-shadow: 0 12px 28px rgba(7, 95, 77, .18) !important; } html body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] main#main-content .btp580-collaboration .btp580-button--quiet { border-color: rgba(7, 95, 77, .18) !important; background: rgba(255, 255, 255, .66) !important; color: var(--btf-emerald-deep) !important; } @media (max-width: 1180px) { body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head { grid-template-columns: minmax(0, .96fr) minmax(320px, .72fr); column-gap: 52px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(n) { grid-column: span 6; } } @media (max-width: 980px) { body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index { right: 5%; bottom: 6%; width: min(350px, 44%); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head { grid-template-areas: "kicker" "title" "copy"; grid-template-columns: 1fr; row-gap: 0; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head > p:not(.btp730-section-kicker) { max-width: 54em !important; margin-top: 20px !important; padding-left: 18px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-system__panel { grid-template-areas: "head" "visual" "chain" !important; grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__visual { min-height: 0 !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__visual img { height: auto; aspect-ratio: 16 / 9; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:nth-child(n) { grid-column: span 6; } } @media (max-width: 760px) { body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section { padding-block: 72px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index { right: 4%; bottom: 5%; width: min(340px, 54%); } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp7100-workbench__head { grid-template-columns: 1fr; gap: 10px; padding: 24px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-system__chain { padding-inline: 22px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article:nth-child(n), body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:nth-child(n) { grid-column: 1 / -1; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths { grid-template-columns: 1fr !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div { min-height: 0; padding: 25px 24px 25px 68px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div::before { top: 27px; left: 23px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-paths > div::after { top: 48px; left: 24px; } } @media (max-width: 520px) { body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index { right: 14px; bottom: 14px; width: calc(100% - 28px); padding: 14px 14px 10px 19px; border-radius: 16px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-hero-index::before { inset: 14px auto 14px 9px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head { margin-bottom: 34px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-section-head > p:not(.btp730-section-kicker) { padding-left: 14px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] :is(.btp732-ip, .btp731-science .btp580-system__panel, .btp580-domain, .btp580-collaboration) { border-radius: 18px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp731-science .btp580-capabilities article { min-height: 0 !important; padding: 24px !important; border-radius: 17px !important; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btf716-capability-top { margin-bottom: 20px; } body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain__body, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:first-child .btp580-domain__body, body.bioten-family-v7160.bioten-platform-v580[data-v7160-platform-polish="emerald-depth-r4"] .btp580-domain:not(:first-child) .btp580-domain__body { padding: 25px 23px 26px !important; } } @media (prefers-reduced-motion: reduce) { body.bioten-family-v7160 *, body.bioten-family-v7160 *::before, body.bioten-family-v7160 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }