/* * DBC / BIOTEN V2.8.0 * Brand system and secondary-page family refinement. * * The approved homepage hero is intentionally untouched. This layer begins * with the homepage's second screen and gives each secondary-page family a * distinct, evidence-aware visual grammar. */ /* ---------- brand tokens ---------- */ body.v280-site { --v280-blue: #0757a6; --v280-blue-bright: #1483d8; --v280-green: #07835a; --v280-green-bright: #25a878; --v280-ink: #061f35; --v280-ink-2: #0b2e49; --v280-text: #304858; --v280-muted: #6d7f8b; --v280-canvas: #f5f8f9; --v280-paper: #fbfcfc; --v280-mist: #eaf2f6; --v280-line: rgba(7, 52, 95, .13); --v280-line-strong: rgba(7, 52, 95, .24); --v280-shadow: 0 26px 72px rgba(6, 31, 53, .11); --v280-shell: min(1180px, calc(100vw - 64px)); --v280-ease: cubic-bezier(.22, 1, .36, 1); --v280-accent: var(--v280-blue); --v280-support: var(--v280-green); color: var(--v280-text); background: var(--v280-canvas); font-variant-numeric: tabular-nums lining-nums; } body.v280-site[data-v270-family="bioten"], body.v280-site[data-v270-family="developer"] { --v280-accent: var(--v280-green); --v280-support: var(--v280-blue); } body.v280-site :where(h1, h2, h3, p, a, li, dt, dd, th, td, label, summary) { overflow-wrap: break-word; word-break: normal; } body.v280-site :where(h1, h2, h3) { text-wrap: balance; } body.v280-site :where(p, li, dd) { text-wrap: pretty; } body.v280-site:not(.home-v280) main { overflow: clip; background: var(--v280-paper); } body.v280-site:not(.home-v280) main :where(h1, h2, h3) { color: var(--v280-ink); letter-spacing: -.035em; } body.v280-site:not(.home-v280) main :where(p, li, dd, td) { line-height: 1.76; } /* ---------- restrained blue-green signature ---------- */ body.v280-site .site-header::after { content: ""; position: absolute; z-index: 7; inset: auto 0 0; block-size: 2px; pointer-events: none; background: linear-gradient(90deg, var(--v280-blue) 0%, var(--v280-blue) 58%, var(--v280-green) 77%, var(--v280-green) 100%); opacity: .92; } body.v280-site:not(.home-v280) .v270-context { z-index: 28; border-block-end: 1px solid var(--v280-line); background: rgba(248, 251, 252, .91); box-shadow: 0 12px 30px rgba(6, 31, 53, .035); backdrop-filter: blur(18px) saturate(118%); -webkit-backdrop-filter: blur(18px) saturate(118%); } body.v280-site:not(.home-v280) .v270-context__inner { inline-size: var(--v280-shell); min-block-size: 54px; } body.v280-site:not(.home-v280) .v270-context__identity { color: var(--v280-accent); font-size: .67rem; font-weight: 760; letter-spacing: .13em; } body.v280-site:not(.home-v280) .v270-context__links a { color: #526674; font-size: .75rem; transition: color 260ms var(--v280-ease); } body.v280-site:not(.home-v280) .v270-context__links a[aria-current="page"] { color: var(--v280-ink); } body.v280-site:not(.home-v280) .v270-context__links a[aria-current="page"]::after { background: linear-gradient(90deg, var(--v280-accent), var(--v280-support)); } body.v280-site:not(.home-v280) .v270-context__action { border-color: color-mix(in srgb, var(--v280-accent) 34%, transparent); color: var(--v280-accent); background: rgba(255, 255, 255, .72); } /* ---------- shared secondary-page hero grammar ---------- */ body.v280-site:not(.home-v280) :is( .about-bioten-hero, .news-list-hero, .request-hero, .formal-developer-hero, .pl-hero ) { position: relative; isolation: isolate; overflow: hidden; } body.v280-site:not(.home-v280) :is( .about-bioten-hero, .news-list-hero, .request-hero, .formal-developer-hero, .pl-hero )::before { content: ""; position: absolute; z-index: -1; inset: 0 auto auto 0; inline-size: min(44vw, 650px); block-size: 2px; background: linear-gradient(90deg, var(--v280-accent), var(--v280-support)); transform-origin: left center; animation: v280-line-in 920ms var(--v280-ease) both; } body.v280-site:not(.home-v280) :is( .about-bioten-hero, .news-list-hero, .request-hero ) { min-block-size: clamp(31rem, 64vh, 43rem); padding-block: clamp(5.5rem, 9vw, 8.6rem) clamp(4.5rem, 7vw, 7rem); display: grid; align-items: center; background: radial-gradient(circle at 82% 33%, rgba(20, 131, 216, .085), transparent 28%), radial-gradient(circle at 74% 67%, rgba(7, 131, 90, .07), transparent 24%), var(--v280-paper); } body.v280-site:not(.home-v280) :is(.about-bioten-hero, .news-list-hero)::after { content: attr(data-hero-mark); position: absolute; z-index: -1; right: clamp(1.5rem, 7vw, 7rem); bottom: clamp(1.25rem, 4vw, 3.75rem); color: rgba(6, 31, 53, .033); font: 800 clamp(4rem, 11vw, 10.5rem)/.8 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.07em; white-space: nowrap; pointer-events: none; } body.v280-site:not(.home-v280) :is(.about-hero-copy, .news-list-hero-copy) { position: relative; z-index: 2; inline-size: var(--v280-shell); margin-inline: auto; } body.v280-site:not(.home-v280) :is(.home-eyebrow, .hero-eyebrow, .request-kicker) { margin-block: 0 1.25rem; color: var(--v280-accent); font-size: .7rem; font-weight: 760; letter-spacing: .16em; } body.v280-site:not(.home-v280) :is( .about-hero-copy, .news-list-hero-copy, .request-hero-copy ) > h1 { max-inline-size: 13ch; margin: 0; color: var(--v280-ink); font-size: clamp(3.15rem, 5.7vw, 5.25rem); font-weight: 690; line-height: .99; letter-spacing: -.065em; } body.v280-site:not(.home-v280) .about-hero-title { max-inline-size: 670px; margin-block-start: clamp(1.7rem, 3vw, 2.75rem); padding-block-start: 1rem; border-block-start: 1px solid var(--v280-line-strong); } body.v280-site:not(.home-v280) .about-hero-title > span { display: block; margin-block-end: .75rem; color: var(--v280-accent); font-size: .67rem; font-weight: 760; letter-spacing: .14em; } body.v280-site:not(.home-v280) .about-hero-title > p { max-inline-size: 62ch; margin: 0; color: #48606f; font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.78; } /* ---------- DBC platform / business family ---------- */ html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content { display: block !important; inline-size: 100% !important; max-inline-size: none !important; margin: 0 !important; padding: 0 !important; overflow: clip !important; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero { inline-size: 100% !important; max-inline-size: none !important; min-block-size: clamp(520px, 62vh, 680px) !important; margin: 0 !important; padding: clamp(6rem, 10vw, 8.5rem) max(32px, calc((100vw - 1180px) / 2)) clamp(5rem, 8vw, 7rem) !important; overflow: hidden !important; background: linear-gradient(90deg, rgba(247, 250, 251, .98) 0 54%, rgba(235, 243, 247, .7) 54% 100%), var(--v280-paper) !important; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art { display: block; position: absolute; z-index: 0; inset: 12% 4% 9% 57%; border: 1px solid rgba(7, 87, 166, .14); background: linear-gradient(rgba(7, 87, 166, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 87, 166, .06) 1px, transparent 1px), radial-gradient(circle at 50% 50%, rgba(7, 131, 90, .17) 0 2px, transparent 3px); background-size: 44px 44px, 44px 44px, 100% 100%; clip-path: polygon(8% 0, 100% 0, 100% 84%, 85% 100%, 0 100%, 0 12%); inline-size: auto !important; block-size: auto !important; margin: 0 !important; transform: none !important; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art::before, body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art::after { content: ""; position: absolute; border: 1px solid rgba(7, 87, 166, .22); border-radius: 50%; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art::before { inset: 16% 18% 25% 9%; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art::after { inset: 30% 7% 9% 31%; border-color: rgba(7, 131, 90, .22); } body.v280-site[data-v280-archetype="dbc-ecosystem"] .about-hero-copy { inline-size: min(1180px, calc(100vw - 64px)) !important; max-inline-size: none !important; margin-inline: auto !important; padding-inline-end: 45%; transform: none !important; } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav { position: sticky !important; z-index: 12 !important; top: var(--v270-header-height, 72px) !important; display: flex !important; align-items: center !important; gap: clamp(1.25rem, 3vw, 2.75rem) !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: 58px !important; margin: 0 !important; padding: 0 max(32px, calc((100vw - 1180px) / 2)) !important; border-block: 1px solid var(--v280-line) !important; background: rgba(247, 250, 251, .94) !important; box-shadow: none !important; overflow-x: auto !important; backdrop-filter: blur(16px) saturate(125%); -webkit-backdrop-filter: blur(16px) saturate(125%); } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav::before { display: none !important; } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav a { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; min-block-size: 44px !important; padding: 0 !important; border: 0 !important; color: var(--v280-muted) !important; font-size: .82rem !important; font-weight: 650 !important; white-space: nowrap !important; } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav a:is(:hover, :focus-visible, .is-active), html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav a[data-v280-current="true"] { color: var(--v280-accent) !important; } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-content { inline-size: 100% !important; max-inline-size: none !important; margin: 0 !important; } body.v280-site.casu-detail-page { --v280-accent: #08785e; --v280-support: #0757a6; } body.v280-site.dpu-detail-page { --v280-accent: #0757a6; --v280-support: #0b8567; } body.v280-site.antux-detail-page { --v280-accent: #176f72; --v280-support: #0757a6; } body.v280-site.ecoten-detail-page { --v280-accent: #087c58; --v280-support: #276d9a; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero { inline-size: 100% !important; max-inline-size: none !important; min-block-size: clamp(540px, 64vh, 640px) !important; margin: 0 !important; padding: clamp(5.5rem, 9vw, 7.5rem) max(32px, calc((100vw - 1180px) / 2)) clamp(4.75rem, 7vw, 6rem) !important; border: 0 !important; border-block-end: 1px solid var(--v280-line) !important; border-radius: 0 !important; box-shadow: none !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero > .business-hero-art { inset: 13% 6% 11% 56% !important; inline-size: auto !important; block-size: auto !important; margin: 0 !important; opacity: .76 !important; background: linear-gradient(rgba(7, 87, 166, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 87, 166, .055) 1px, transparent 1px), radial-gradient(circle at 50% 50%, rgba(7, 131, 90, .18) 0 2px, transparent 3px) !important; background-size: 44px 44px, 44px 44px, 100% 100% !important; transform: none !important; } html body.business-detail-page.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .business-letter-particles { opacity: .68 !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero > .about-hero-copy { display: block !important; inline-size: min(1180px, calc(100vw - 64px)) !important; max-inline-size: none !important; min-block-size: 0 !important; margin-inline: auto !important; padding: 0 48% 0 0 !important; text-align: left !important; } html body.business-detail-page.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-copy > .home-eyebrow { inline-size: auto !important; margin: 0 0 1.35rem !important; color: var(--v280-accent) !important; font-size: .68rem !important; font-weight: 760 !important; letter-spacing: .14em !important; text-align: left !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-copy > h1 { max-inline-size: 10ch !important; margin: 0 !important; color: var(--v280-ink) !important; font-size: clamp(3.2rem, 5.2vw, 5rem) !important; font-weight: 620 !important; line-height: 1.02 !important; letter-spacing: -.055em !important; text-align: left !important; word-break: keep-all !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-title { display: block !important; max-inline-size: 640px !important; margin: clamp(2rem, 4vw, 3.25rem) 0 0 !important; text-align: left !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-title > span { display: inline-block !important; inline-size: auto !important; margin: 0 0 .85rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--v280-accent) !important; font-size: .72rem !important; font-weight: 760 !important; line-height: 1.35 !important; letter-spacing: .12em !important; text-align: left !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-title > p { max-inline-size: 56ch !important; margin: 0 !important; color: #48606f !important; font-size: clamp(1rem, 1.3vw, 1.15rem) !important; line-height: 1.72 !important; text-align: left !important; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-content, body.v280-site[data-v280-archetype="dbc-ecosystem"] .apple-home { background: var(--v280-paper); } body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-band { padding-block: clamp(5.5rem, 8vw, 7.5rem); border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-band:nth-child(even) { background: var(--v280-canvas); } body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-section-title { max-inline-size: 720px; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-section-title h2 { font-size: clamp(2.15rem, 3.5vw, 3.4rem); line-height: 1.08; } /* ---------- BIOTEN platform family ---------- */ body.v280-site[data-v280-archetype="bioten-platform"] .v245-hero, body.v280-site[data-v280-archetype="packaging-system"] .v245-hero { border-block-start: 2px solid transparent; border-image: linear-gradient(90deg, var(--v280-green), var(--v280-blue)) 1; } body.v280-site[data-v280-archetype="bioten-platform"] .v245-section, body.v280-site[data-v280-archetype="packaging-system"] .v245-section { scroll-margin-block-start: 7rem; } body.v280-site[data-v280-archetype="bioten-platform"] :is(.v245-chain, .v245-interface) > *, body.v280-site[data-v280-archetype="packaging-system"] :is(.v245-system-grid, .v245-evidence-grid) > * { box-shadow: none; transition: transform 420ms var(--v280-ease), border-color 420ms var(--v280-ease); } body.v280-site[data-v280-archetype="bioten-platform"] :is(.v245-chain, .v245-interface) > *:hover, body.v280-site[data-v280-archetype="packaging-system"] :is(.v245-system-grid, .v245-evidence-grid) > *:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--v280-green) 38%, transparent); } /* ---------- product dossier family ---------- */ body.v280-site[data-v280-archetype="product-dossier"] .about-bioten-hero { background: linear-gradient(90deg, var(--v280-paper) 0 58%, var(--v280-mist) 58% 100%); } /* Explicit migration away from the former center-lock rules. */ html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero { min-block-size: clamp(31rem, 64vh, 43rem) !important; padding: clamp(5.5rem, 9vw, 8.6rem) 0 clamp(4.5rem, 7vw, 7rem) !important; align-items: center !important; text-align: left !important; background: linear-gradient(90deg, var(--v280-paper) 0 58%, var(--v280-mist) 58% 100%) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero > .about-hero-copy { inline-size: var(--v280-shell) !important; max-inline-size: none !important; margin-inline: auto !important; padding: 0 42% 0 0 !important; text-align: left !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-copy > :is(.home-eyebrow, h1), html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-title, html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-title > :is(span, p) { text-align: left !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-title { display: block !important; max-inline-size: 660px !important; margin-block-start: clamp(1.7rem, 3vw, 2.75rem) !important; padding-block-start: 1rem !important; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map { position: absolute; z-index: 3; top: 50%; right: max(32px, calc((100vw - 1180px) / 2)); inline-size: min(34vw, 430px); padding: 1.5rem; transform: translateY(-50%); border: 1px solid var(--v280-line-strong); background: rgba(255, 255, 255, .68); box-shadow: 0 24px 66px rgba(6, 31, 53, .09); } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map > p { margin: 0 0 1.2rem; color: var(--v280-green); font-size: .66rem; font-weight: 780; letter-spacing: .15em; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map ol { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map li { display: grid; grid-template-columns: 2.2rem minmax(0, .72fr) minmax(0, 1fr); gap: .75rem; align-items: baseline; padding-block: .85rem; border-block-end: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map li span { color: var(--v280-blue); font: 760 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map li strong { color: var(--v280-ink); font-size: .86rem; letter-spacing: -.01em; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map li small { color: var(--v280-muted); font-size: .72rem; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map footer { display: flex; gap: .5rem; padding-block-start: 1.15rem; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map footer b { flex: 1; padding: .55rem; border: 1px solid var(--v280-line); color: var(--v280-accent); font-size: .67rem; text-align: center; letter-spacing: .11em; } html body.v280-site[data-v280-archetype="product-dossier"] main > .bioten-product-nav { position: sticky !important; z-index: 18 !important; top: var(--dbc-header-height, 72px) !important; display: flex !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: 54px !important; margin: 0 !important; padding: 0 max(32px, calc((100vw - 1180px) / 2)) !important; align-items: center !important; gap: 0 !important; overflow-x: auto !important; border-block: 1px solid var(--v280-line) !important; background: rgba(251, 252, 252, .94) !important; box-shadow: 0 12px 30px rgba(6, 31, 53, .035) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .bioten-product-nav a { flex: 0 0 auto !important; min-block-size: 52px !important; padding: 0 1.15rem !important; display: inline-flex !important; align-items: center !important; border: 0 !important; border-inline-end: 1px solid var(--v280-line) !important; color: #536977 !important; background: transparent !important; font-size: .76rem !important; text-decoration: none !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .bioten-product-nav a:is(:hover, [data-v280-current="true"]) { color: var(--v280-accent) !important; background: rgba(7, 87, 166, .045) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-anchor-nav { position: sticky !important; z-index: 18 !important; top: var(--dbc-header-height, 72px) !important; display: flex !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: 54px !important; margin: 0 !important; padding: 0 max(32px, calc((100vw - 1180px) / 2)) !important; align-items: center !important; gap: 0 !important; overflow-x: auto !important; border-block: 1px solid var(--v280-line) !important; background: rgba(251, 252, 252, .95) !important; box-shadow: 0 12px 30px rgba(6, 31, 53, .035) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-anchor-nav a { flex: 0 0 auto !important; min-block-size: 52px !important; padding: 0 1.05rem !important; display: inline-flex !important; align-items: center !important; border: 0 !important; border-inline-end: 1px solid var(--v280-line) !important; color: #536977 !important; background: transparent !important; font-size: .75rem !important; text-decoration: none !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-anchor-nav a:is(:hover, [data-v280-current="true"]) { color: var(--v280-accent) !important; background: rgba(7, 87, 166, .045) !important; } body.v280-site[data-v280-archetype="product-dossier"] .about-bioten-hero::after { content: "MATERIAL / INTERFACE / PROCESS / ARTICLE"; right: 4.5vw; bottom: 4rem; max-inline-size: 31vw; color: rgba(6, 31, 53, .28); font-size: .65rem; line-height: 2; letter-spacing: .17em; white-space: normal; } body.v280-site[data-v280-archetype="product-dossier"] .about-hero-copy { padding-inline-end: 42%; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero { min-block-size: clamp(34rem, 68vh, 46rem); padding-block: clamp(6rem, 10vw, 9rem) clamp(5rem, 8vw, 7rem); display: grid; align-items: center; color: rgba(255, 255, 255, .78); background: linear-gradient(115deg, rgba(6, 31, 53, .99), rgba(7, 49, 73, .96)), var(--v280-ink); } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero { min-block-size: clamp(34rem, 68vh, 46rem) !important; padding: clamp(6rem, 10vw, 9rem) 0 clamp(5rem, 8vw, 7rem) !important; display: grid !important; align-items: center !important; color: rgba(255, 255, 255, .78) !important; background: linear-gradient(115deg, #061f35 0%, #0a3148 68%, #064337 100%) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero > .pl-hero-copy { inline-size: var(--v280-shell) !important; max-inline-size: none !important; margin: 0 auto !important; padding: 0 48% 0 0 !important; color: rgba(255, 255, 255, .78) !important; } html body.v280-site.v280-site.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > section#top.pl-hero > div.pl-hero-copy { margin-inline-start: max(32px, calc((100vw - 1180px) / 2)) !important; margin-inline-end: 0 !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero :is(h1, h2) { color: #fff !important; text-shadow: none !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > .pl-hero#top .pl-hero-copy h1, html body.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > .pl-hero#top .pl-hero-copy .pl-hero-lines h2 { color: #fff !important; text-align: left !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > .pl-hero#top .pl-hero-copy .about-hero-title > span { inline-size: auto !important; padding-inline: 0 !important; color: #82d7b4 !important; background: transparent !important; box-shadow: none !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > .pl-hero#top .pl-hero-copy > :is(.about-hero-title, .pl-hero-lines) { inline-size: min(48vw, 610px) !important; max-inline-size: 610px !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero :is(.pl-eyebrow, .about-hero-title > span) { color: #82d7b4 !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero .about-hero-title { display: block !important; max-inline-size: 620px !important; margin-block-start: 1.65rem !important; padding-block-start: 1rem !important; border-block-start: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero .about-hero-title > p { color: rgba(255, 255, 255, .7) !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero::after { display: block !important; position: absolute !important; z-index: 0 !important; inset: 14% max(32px, calc((100vw - 1180px) / 2)) 12% auto !important; inline-size: min(34vw, 430px) !important; block-size: auto !important; padding: 2rem !important; border: 1px solid rgba(151, 218, 195, .24) !important; color: rgba(205, 238, 228, .7) !important; background: linear-gradient(rgba(151, 218, 195, .075) 1px, transparent 1px), linear-gradient(90deg, rgba(151, 218, 195, .075) 1px, transparent 1px), rgba(255, 255, 255, .018) !important; background-size: 36px 36px !important; clip-path: polygon(8% 0, 100% 0, 100% 86%, 88% 100%, 0 100%, 0 12%) !important; font: 720 .72rem/2.2 ui-monospace, SFMono-Regular, Menlo, monospace !important; letter-spacing: .1em !important; white-space: pre-line !important; pointer-events: none !important; } html[data-v270-page="bioten-products-plus.html"] body.v280-site .pl-hero::after { content: "PLUS / BALANCED ROUTE\A 01 MATERIAL STATE\A 02 PAPER INTERFACE\A 03 PROCESS WINDOW\A 04 ARTICLE VALIDATION" !important; } html[data-v270-page="bioten-products-pro.html"] body.v280-site .pl-hero::after { content: "PRO / CUSTOM ROUTE\A 01 FAILURE MODE\A 02 BARRIER DESIGN\A 03 PROCESS ADAPTATION\A 04 EVIDENCE MATRIX" !important; } html[data-v270-page="bioten-products-ultra.html"] body.v280-site .pl-hero::after { content: "ULTRA / SPECIAL ROUTE\A 01 LIQUID BARRIER\A 02 EDGE & SEAL\A 03 STRUCTURE STABILITY\A 04 STAGED VALIDATION" !important; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero::after { content: ""; position: absolute; z-index: -1; inset: 13% 5% 10% 62%; border: 1px solid rgba(117, 201, 178, .24); background: linear-gradient(rgba(117, 201, 178, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(117, 201, 178, .08) 1px, transparent 1px); background-size: 36px 36px; clip-path: polygon(8% 0, 100% 0, 100% 86%, 88% 100%, 0 100%, 0 12%); } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero-copy { inline-size: var(--v280-shell); margin-inline: auto; padding-inline-end: 40%; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero h1, body.v280-site[data-v280-archetype="product-dossier"] .pl-hero h2 { color: #fff; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero h1 { max-inline-size: 12ch; font-size: clamp(2.8rem, 5vw, 4.9rem); line-height: 1.02; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero .about-hero-title { border-color: rgba(255, 255, 255, .2); } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero .about-hero-title :is(span, p) { color: rgba(255, 255, 255, .7); } body.v280-site[data-v280-archetype="product-dossier"] .pl-proof-strip { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: 1.25rem; } body.v280-site[data-v280-archetype="product-dossier"] .pl-proof-strip i { padding: .48rem .72rem; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; color: rgba(255, 255, 255, .76); background: rgba(255, 255, 255, .035); font-size: .72rem; font-style: normal; } body.v280-site[data-v280-archetype="product-dossier"] :is(.page-section, .pl-section) { padding-block: clamp(5.25rem, 8vw, 7rem); border-block-start: 1px solid var(--v280-line); background: var(--v280-paper); } body.v280-site[data-v280-archetype="product-dossier"] :is(.page-section, .pl-section):nth-of-type(even), body.v280-site[data-v280-archetype="product-dossier"] .pl-soft { background: var(--v280-canvas); } body.v280-site[data-v280-archetype="product-dossier"] :is(.product-card, .pl-feature-card, .pl-mini-card, .module) { border: 0; border-block-start: 2px solid var(--v280-line-strong); border-radius: 0; box-shadow: none; background: transparent; } body.v280-site[data-v280-archetype="product-dossier"] .product-card-plus { border-block-start-color: var(--v280-green); } body.v280-site[data-v280-archetype="product-dossier"] .product-card-pro { border-image: linear-gradient(90deg, var(--v280-green), var(--v280-blue)) 1; } body.v280-site[data-v280-archetype="product-dossier"] .product-card-ultra { border-block-start-color: var(--v280-blue); } body.v280-site[data-v280-archetype="product-dossier"] :is(table, .product-matrix) { border-collapse: collapse; background: #fff; } body.v280-site[data-v280-archetype="product-dossier"] :is(th, td) { border-color: var(--v280-line); } /* ---------- developer / evidence workbench ---------- */ body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero { min-block-size: clamp(38rem, 76vh, 50rem); padding-block: clamp(6.5rem, 10vw, 9.5rem) clamp(5rem, 8vw, 7rem); display: grid; align-items: center; color: rgba(255, 255, 255, .76); background: linear-gradient(120deg, #061f35 0%, #0a3047 68%, #074536 100%); } body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero::after { content: "INPUT → METHOD → EVIDENCE → NEXT STEP"; position: absolute; z-index: 0; right: 5vw; top: 21%; max-inline-size: 28vw; padding: 1.25rem; border: 1px solid rgba(150, 212, 193, .25); color: rgba(191, 232, 218, .68); font: 700 .69rem/2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; white-space: pre-wrap; background: linear-gradient(rgba(150, 212, 193, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 212, 193, .07) 1px, transparent 1px); background-size: 30px 30px; } body.v280-site[data-v280-archetype="developer-workbench"] .formal-shell { inline-size: var(--v280-shell); } body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero .formal-shell { position: relative; z-index: 2; padding-inline-end: 38%; } body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero h1 { max-inline-size: 12ch; color: #fff; font-size: clamp(3rem, 5.5vw, 5.2rem); line-height: .98; letter-spacing: -.06em; } body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero .formal-lead { max-inline-size: 650px; color: rgba(255, 255, 255, .72); font-size: 1.05rem; } body.v280-site[data-v280-archetype="developer-workbench"] .formal-role-strip { margin-block-start: 3rem; border-color: rgba(255, 255, 255, .15); background: transparent; } body.v280-site[data-v280-archetype="developer-workbench"] .formal-role-strip a { border-color: rgba(255, 255, 255, .13); background: rgba(255, 255, 255, .025); } body.v280-site[data-v280-archetype="developer-workbench"] .formal-section { padding-block: clamp(5.5rem, 8vw, 7.5rem); } body.v280-site[data-v280-archetype="developer-workbench"] :is( .formal-input-grid, .formal-access-levels, .formal-engineering-steps ) > article { border: 0; border-block-start: 1px solid var(--v280-line-strong); border-radius: 0; box-shadow: none; background: transparent; } /* ---------- resource and knowledge libraries ---------- */ body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero { grid-template-columns: minmax(0, 1fr); } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero { padding-inline: max(32px, calc((100vw - 1180px) / 2)); } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero > :is(.about-hero-copy, .resource-hero-board) { inline-size: auto; margin: 0; } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(370px, .98fr); gap: clamp(3rem, 6vw, 6rem); } body.v280-site[data-v280-archetype="evidence-library"] .resource-hero-board { display: block; align-self: center; overflow: hidden; border: 1px solid var(--v280-line-strong); border-radius: 4px; background: rgba(255, 255, 255, .72); box-shadow: var(--v280-shadow); } body.v280-site[data-v280-archetype="evidence-library"] .resource-doc-preview { display: grid; grid-template-columns: minmax(110px, .62fr) 1fr; gap: 1.2rem; align-items: center; } body.v280-site[data-v280-archetype="evidence-library"] .resource-doc-preview img { display: block; inline-size: 100%; block-size: 145px; object-fit: cover; object-position: center top; } body.v280-site[data-v280-archetype="evidence-library"] :is(.page-section, .resource-download-section) { padding-block: clamp(5.25rem, 8vw, 7rem); border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="knowledge-base"] .knowledge-suite-hero { background: linear-gradient(90deg, var(--v280-paper) 0 57%, #edf4f6 57% 100%); } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero { min-block-size: clamp(31rem, 64vh, 43rem) !important; padding: clamp(5.5rem, 9vw, 8.6rem) 0 clamp(4.5rem, 7vw, 7rem) !important; display: grid !important; align-items: center !important; text-align: left !important; background: linear-gradient(90deg, var(--v280-paper) 0 57%, #edf4f6 57% 100%) !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero > .about-hero-copy { inline-size: var(--v280-shell) !important; max-inline-size: none !important; margin: 0 auto !important; padding: 0 44% 0 0 !important; text-align: left !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-copy > :is(.home-eyebrow, h1), html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title, html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title > :is(span, p) { text-align: left !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title { display: block !important; inline-size: min(47vw, 610px) !important; max-inline-size: 610px !important; margin-block-start: 1.7rem !important; padding-block-start: 1rem !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title > span { inline-size: auto !important; padding-inline: 0 !important; background: transparent !important; box-shadow: none !important; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map { position: absolute; z-index: 3; top: 50%; right: max(32px, calc((100vw - 1180px) / 2)); inline-size: min(34vw, 430px); padding: 1.5rem; transform: translateY(-50%); border: 1px solid var(--v280-line-strong); background: rgba(255, 255, 255, .7); box-shadow: 0 24px 66px rgba(6, 31, 53, .09); } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map > p { margin: 0 0 1.2rem; color: var(--v280-blue); font-size: .66rem; font-weight: 780; letter-spacing: .15em; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map ol { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li { display: grid; grid-template-columns: 2.2rem minmax(0, .7fr) minmax(0, 1fr); gap: .75rem; align-items: baseline; padding-block: .85rem; border-block-end: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li span { color: var(--v280-green); font: 760 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li strong { color: var(--v280-ink); font-size: .86rem; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li small { color: var(--v280-muted); font-size: .72rem; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map footer { padding-block-start: 1.1rem; color: var(--v280-green); font: 720 .67rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-anchor-nav { position: sticky !important; z-index: 18 !important; top: var(--dbc-header-height, 72px) !important; display: flex !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: 54px !important; margin: 0 !important; padding: 0 max(32px, calc((100vw - 1180px) / 2)) !important; align-items: center !important; gap: 0 !important; overflow-x: auto !important; border-block: 1px solid var(--v280-line) !important; background: rgba(251, 252, 252, .95) !important; box-shadow: 0 12px 30px rgba(6, 31, 53, .035) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-anchor-nav a { flex: 0 0 auto !important; min-block-size: 52px !important; padding: 0 1rem !important; display: inline-flex !important; align-items: center !important; border: 0 !important; border-inline-end: 1px solid var(--v280-line) !important; color: #536977 !important; background: transparent !important; font-size: .75rem !important; text-decoration: none !important; } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-anchor-nav a:is(:hover, [data-v280-current="true"]) { color: var(--v280-accent) !important; background: rgba(7, 87, 166, .045) !important; } body.v280-site[data-v280-archetype="knowledge-base"] .knowledge-suite-hero::after { content: "METHOD / STANDARD / SCOPE / EVIDENCE"; max-inline-size: 31vw; color: rgba(7, 87, 166, .22); font-size: .67rem; line-height: 2; letter-spacing: .15em; white-space: normal; } body.v280-site[data-v280-archetype="knowledge-base"] .knowledge-suite-hero:has(.v280-knowledge-map)::after { display: none !important; } body.v280-site[data-v280-archetype="knowledge-base"] .about-hero-copy { padding-inline-end: 42%; } body.v280-site[data-v280-archetype="knowledge-base"] .page-section { padding-block: clamp(5rem, 7vw, 6.6rem); border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="knowledge-base"] .page-section:nth-of-type(even) { background: var(--v280-canvas); } body.v280-site[data-v280-archetype="knowledge-base"] :is( .knowledge-topic-card, .entry-card, .path-card, .evidence-card, .knowledge-feature, .faq-card, .faq-summary-panel ) { border: 0; border-block-start: 1px solid var(--v280-line-strong); border-radius: 0; box-shadow: none; background: transparent; } body.v280-site[data-v280-archetype="knowledge-base"] :is(.knowledge-topic-card, .entry-card, .evidence-card) h3 { font-size: clamp(1.05rem, 1.45vw, 1.26rem); line-height: 1.28; } body.v280-site[data-v280-archetype="knowledge-base"] details { border-block-start: 1px solid var(--v280-line); border-radius: 0; background: transparent; } /* ---------- editorial newsroom ---------- */ body.v280-site[data-v280-archetype="newsroom-index"] .news-list-hero { min-block-size: clamp(27rem, 54vh, 36rem); background: linear-gradient(90deg, var(--v280-paper) 0 61%, #edf3f6 61% 100%); } body.v280-site[data-v280-archetype="newsroom-index"] .news-list-hero::after { content: "NEWS / PROGRESS"; color: rgba(7, 87, 166, .05); } body.v280-site[data-v280-archetype="newsroom-index"] .formal-news-hero__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); gap: clamp(3rem, 8vw, 8rem); align-items: end; } body.v280-site[data-v280-archetype="newsroom-index"] .formal-news-hero__grid h1 { font-size: clamp(3.4rem, 6vw, 5.8rem); line-height: .92; } body.v280-site[data-v280-archetype="newsroom-index"] .formal-news-hero__copy { padding-block-start: 1rem; border-block-start: 1px solid var(--v280-line-strong); } body.v280-site[data-v280-archetype="newsroom-index"] .news-business-anchor-wrap { border-block: 1px solid var(--v280-line); background: rgba(255, 255, 255, .96); } body.v280-site[data-v280-archetype="newsroom-index"] .news-business-section { padding-block: clamp(5rem, 8vw, 7rem); } body.v280-site[data-v280-archetype="newsroom-index"] .news-card-grid { gap: 0; border-block-start: 1px solid var(--v280-line-strong); } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card { position: relative; display: grid; grid-template-columns: minmax(150px, .56fr) minmax(0, 1.44fr); grid-template-areas: "image date" "image title" "image summary" "image tags" "image actions"; column-gap: clamp(1.35rem, 3vw, 2.6rem); align-content: start; min-block-size: 255px; padding-block: clamp(1.6rem, 3vw, 2.4rem); border: 0; border-block-end: 1px solid var(--v280-line); border-radius: 0; box-shadow: none; background: transparent; transition: background-color 360ms var(--v280-ease); } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card:hover { transform: none; background: rgba(234, 242, 246, .36); } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card .openai-news-image { grid-area: image; inline-size: 100%; block-size: 100%; min-block-size: 205px; max-block-size: 265px; object-fit: cover; border-radius: 2px; filter: saturate(.86) contrast(1.03); transition: transform 620ms var(--v280-ease), filter 620ms var(--v280-ease); } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card:hover .openai-news-image { transform: scale(1.012); filter: saturate(.96) contrast(1.03); } body.v280-site[data-v280-archetype="newsroom-index"] .news-card-date { grid-area: date; } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card h3 { grid-area: title; } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card > p { grid-area: summary; } body.v280-site[data-v280-archetype="newsroom-index"] .news-tags { grid-area: tags; } body.v280-site[data-v280-archetype="newsroom-index"] .news-actions { grid-area: actions; } body.v280-site[data-v280-archetype="newsroom-index"] .news-card-badge { position: absolute; z-index: 2; top: 2.05rem; left: .65rem; padding: .35rem .52rem; color: #fff; background: var(--v280-accent); } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card h3 { max-inline-size: 30ch; margin-block: .8rem .55rem; font-size: clamp(1.28rem, 2vw, 1.8rem); line-height: 1.28; } body.v280-site[data-v280-archetype="newsroom-article"] .news-hero, body.v280-site[data-v280-archetype="newsroom-article"] .news-original-hero { padding-block: clamp(5.5rem, 9vw, 8rem) clamp(3rem, 5vw, 5rem); text-align: left; background: linear-gradient(90deg, var(--v280-paper) 0 76%, var(--v280-mist) 76% 100%); } body.v280-site[data-v280-archetype="newsroom-article"] .news-hero > *, body.v280-site[data-v280-archetype="newsroom-article"] .news-original-hero > * { margin-inline: max(32px, calc((100vw - 1020px) / 2)); } body.v280-site[data-v280-archetype="newsroom-article"] .news-hero h1, body.v280-site[data-v280-archetype="newsroom-article"] .news-original-hero h1 { max-inline-size: 19ch; margin-inline-start: max(32px, calc((100vw - 1020px) / 2)); font-size: clamp(2.6rem, 5vw, 4.7rem); line-height: 1.08; text-align: left; } body.v280-site[data-v280-archetype="newsroom-article"] .news-body { max-inline-size: 780px; margin-inline: auto; padding-block: clamp(4rem, 7vw, 6.5rem); font-size: clamp(1rem, 1.2vw, 1.08rem); } body.v280-site[data-v280-archetype="newsroom-article"] .news-body :is(img, figure) { border-radius: 2px; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero { padding-block: clamp(5rem, 8vw, 7.25rem) clamp(3.5rem, 5vw, 4.75rem) !important; background: linear-gradient(90deg, var(--v280-paper) 0 76%, var(--v280-mist) 76% 100%) !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero > .news-hero-copy { inline-size: min(1040px, calc(100% - 64px)) !important; margin-inline: auto !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-article-heading { inline-size: 100% !important; grid-template-columns: minmax(0, 1fr) auto !important; } html body.newsroom-article-v233.newsroom-article-v233.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero h1 { max-inline-size: 880px !important; margin: 1.5rem 0 0 !important; font-size: clamp(2.7rem, 4.7vw, 4.45rem) !important; line-height: 1.06 !important; text-align: left !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-hero-deck { max-inline-size: 720px !important; margin: 1.25rem 0 0 !important; text-align: left !important; } /* ---------- contact / project intake ---------- */ html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content { display: block !important; inline-size: 100% !important; max-inline-size: none !important; margin: 0 !important; padding: 0 !important; overflow: clip !important; } body.v280-site[data-v280-archetype="contact-desk"] .contact-hero { position: relative !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: clamp(520px, 62vh, 650px) !important; margin: 0 !important; padding: clamp(6rem, 10vw, 8rem) max(32px, calc((100vw - 1180px) / 2)) clamp(5rem, 8vw, 6.5rem) !important; overflow: hidden !important; background: linear-gradient(90deg, var(--v280-paper) 0 58%, var(--v280-mist) 58% 100%) !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero::before { display: block !important; content: "" !important; position: absolute !important; inset: 15% 7% 13% 61% !important; border: 1px solid rgba(7, 87, 166, .14) !important; background: linear-gradient(rgba(7, 87, 166, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 87, 166, .06) 1px, transparent 1px), linear-gradient(135deg, rgba(7, 87, 166, .06), rgba(7, 131, 90, .08)) !important; background-size: 44px 44px, 44px 44px, 100% 100% !important; clip-path: polygon(0 0, 88% 0, 100% 14%, 100% 100%, 12% 100%, 0 86%) !important; } body.v280-site[data-v280-archetype="contact-desk"] .contact-hero::after { content: "SCENE / MATERIAL / PROCESS / TARGET / DOCUMENT"; position: absolute !important; z-index: 2 !important; right: 10% !important; bottom: 20% !important; inline-size: 24% !important; max-inline-size: 30vw; color: rgba(7, 87, 166, .22); font-size: .66rem; line-height: 2; letter-spacing: .14em; white-space: normal; } body.v280-site[data-v280-archetype="contact-desk"] .about-hero-copy { inline-size: min(1180px, calc(100vw - 64px)) !important; max-inline-size: none !important; margin-inline: auto !important; padding: 0 44% 0 0 !important; text-align: left !important; transform: none !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-copy > :is(.home-eyebrow, h1, .about-hero-title, .about-hero-title > span, .about-hero-title > p) { text-align: left !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-copy > .home-eyebrow { inline-size: auto !important; margin: 0 0 1.35rem !important; color: var(--v280-accent) !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-copy > h1 { max-inline-size: 9ch !important; margin: 0 !important; color: var(--v280-ink) !important; font-size: clamp(3.3rem, 5.4vw, 5.25rem) !important; line-height: 1 !important; letter-spacing: -.055em !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-title { display: block !important; max-inline-size: 620px !important; margin: clamp(2rem, 4vw, 3.25rem) 0 0 !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-title > span { display: inline-block !important; inline-size: auto !important; margin: 0 0 .85rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--v280-accent) !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-title > p { max-inline-size: 52ch !important; margin: 0 !important; color: #48606f !important; font-size: clamp(1rem, 1.25vw, 1.12rem) !important; line-height: 1.72 !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav { position: sticky !important; z-index: 12 !important; top: var(--v270-header-height, 72px) !important; display: flex !important; align-items: center !important; gap: clamp(1.25rem, 3vw, 2.75rem) !important; inline-size: 100% !important; max-inline-size: none !important; min-block-size: 58px !important; margin: 0 !important; padding: 0 max(32px, calc((100vw - 1180px) / 2)) !important; border-block: 1px solid var(--v280-line) !important; background: rgba(247, 250, 251, .94) !important; overflow-x: auto !important; backdrop-filter: blur(16px) saturate(125%); -webkit-backdrop-filter: blur(16px) saturate(125%); } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav::before { display: none !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav a { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; min-block-size: 44px !important; padding: 0 !important; border: 0 !important; color: var(--v280-muted) !important; font-size: .82rem !important; font-weight: 650 !important; white-space: nowrap !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav a:is(:hover, :focus-visible, .is-active), html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav a[data-v280-current="true"] { color: var(--v280-accent) !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-content { inline-size: 100% !important; max-inline-size: none !important; margin: 0 !important; } body.v280-site[data-v280-archetype="contact-desk"] .home-band { padding-block: clamp(5rem, 7.5vw, 7rem); border-block-start: 1px solid var(--v280-line); } body.v280-site[data-v280-archetype="contact-desk"] :is(.bioten-lab-card, .bioten-compliance-card, .contact-form-card) { border-radius: 2px; box-shadow: none; } body.v280-site[data-v280-archetype="project-intake"] .request-hero { min-block-size: clamp(34rem, 68vh, 45rem); padding-inline: max(32px, calc((100vw - 1180px) / 2)); } body.v280-site[data-v280-archetype="project-intake"] .request-hero-inner { inline-size: 100%; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; } body.v280-site[data-v280-archetype="project-intake"] .request-hero-visual { display: block; position: relative; min-block-size: 360px; border: 1px solid var(--v280-line-strong); border-radius: 4px; background: rgba(255, 255, 255, .62); box-shadow: var(--v280-shadow); } body.v280-site[data-v280-archetype="project-intake"] .request-shell { inline-size: var(--v280-shell); margin-inline: auto; padding-block: clamp(4.5rem, 7vw, 6.5rem); } body.v280-site[data-v280-archetype="project-intake"] :is(input, select, textarea) { min-block-size: 50px; border-color: var(--v280-line-strong); border-radius: 2px; background: #fff; } body.v280-site[data-v280-archetype="project-intake"] :is(input, select, textarea):focus { border-color: var(--v280-accent); outline: 3px solid color-mix(in srgb, var(--v280-accent) 14%, transparent); outline-offset: 1px; } /* ---------- homepage screens 2–4 only ---------- */ body.home-v280 #bioten, body.home-v280 #platform, body.home-v280 #updates { position: relative; } body.home-v280 #bioten::before, body.home-v280 #platform::before, body.home-v280 #updates::before { content: ""; position: absolute; z-index: 2; inset: 0 auto auto 0; inline-size: clamp(180px, 28vw, 460px); block-size: 2px; background: linear-gradient(90deg, var(--v280-blue), var(--v280-green)); opacity: .82; } body.home-v280 #bioten .v260-strength__copy > p:last-of-type, body.home-v280 #platform .v260-business__head > p:last-child, body.home-v280 #updates .v260-updates__head > p:last-child { max-inline-size: 64ch; } body.home-v280 #platform .v260-business__system { position: relative; } body.home-v280 #platform .v260-business__system::after { content: ""; position: absolute; z-index: 0; left: 7%; right: 7%; top: 50%; block-size: 1px; background: linear-gradient(90deg, rgba(20, 131, 216, .06), rgba(20, 131, 216, .38), rgba(37, 168, 120, .34), rgba(37, 168, 120, .05)); pointer-events: none; } body.home-v280 #platform .v260-business__system > * { position: relative; z-index: 1; } body.home-v280 #updates :is(.v260-news-record, .v260-news-list a) { transition: background-color 360ms var(--v280-ease), border-color 360ms var(--v280-ease); } /* ---------- shared footer refinement ---------- */ body.v280-site .formal-site-footer { position: relative; background: #061f35; } body.v280-site .formal-site-footer::before { content: ""; position: absolute; inset: 0 0 auto; block-size: 2px; background: linear-gradient(90deg, var(--v280-blue) 0 60%, var(--v280-green) 78% 100%); } body.v280-site .formal-footer-cta { border-color: rgba(255, 255, 255, .11); background: rgba(255, 255, 255, .025); } body.v280-site .footer-directory, body.v280-site .footer-bottom { border-color: rgba(255, 255, 255, .1); } /* ---------- measured motion ---------- */ @keyframes v280-line-in { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } html.v280-motion-ready body.v280-site:not(.home-v280) [data-v280-reveal] { opacity: 0; transform: translateY(15px); transition: opacity 760ms var(--v280-ease), transform 760ms var(--v280-ease); } html.v280-motion-ready body.v280-site:not(.home-v280) [data-v280-reveal].is-v280-visible { opacity: 1; transform: translateY(0); } /* ---------- tablet ---------- */ @media (max-width: 1040px) { body.v280-site { --v280-shell: min(calc(100% - 48px), 1180px); } body.v280-site[data-v280-archetype="dbc-ecosystem"] .about-hero-copy, body.v280-site[data-v280-archetype="product-dossier"] .about-hero-copy, body.v280-site[data-v280-archetype="knowledge-base"] .about-hero-copy, body.v280-site[data-v280-archetype="contact-desk"] .about-hero-copy { padding-inline-end: 36%; } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero { grid-template-columns: minmax(0, 1fr) minmax(330px, .88fr); gap: 2.5rem; } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card { grid-template-columns: minmax(170px, .72fr) minmax(0, 1.28fr); } } /* ---------- mobile composition ---------- */ @media (max-width: 760px) { body.v280-site { --v280-shell: min(calc(100% - 36px), 1180px); } body.v280-site:not(.home-v280) .v270-context__inner { min-block-size: 48px; gap: .75rem; } body.v280-site:not(.home-v280) .v270-context__identity { flex: 0 0 auto; max-inline-size: 9.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.v280-site:not(.home-v280) .v270-context__links { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; } body.v280-site:not(.home-v280) .v270-context__links::-webkit-scrollbar { display: none; } body.v280-site:not(.home-v280) .v270-context__action { display: none; } body.v280-site:not(.home-v280) :is( .about-bioten-hero, .news-list-hero, .request-hero, .formal-developer-hero, .pl-hero ) { min-block-size: auto; } body.v280-site:not(.home-v280) :is( .about-bioten-hero, .news-list-hero, .request-hero ) { padding-block: 4.8rem 4.2rem; background: radial-gradient(circle at 84% 20%, rgba(20, 131, 216, .08), transparent 30%), var(--v280-paper); } body.v280-site:not(.home-v280) :is( .about-hero-copy, .news-list-hero-copy, .request-hero-copy ) > h1 { max-inline-size: 12ch; font-size: clamp(2.65rem, 13vw, 4rem); line-height: 1.03; } body.v280-site:not(.home-v280) .about-hero-title { margin-block-start: 1.6rem; } body.v280-site:not(.home-v280) .about-hero-title > p { font-size: .98rem; line-height: 1.7; } body.v280-site:not(.home-v280) :is(.about-bioten-hero, .news-list-hero)::after, body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero::after, body.v280-site[data-v280-archetype="product-dossier"] .pl-hero::after { display: none; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .about-hero-copy, body.v280-site[data-v280-archetype="product-dossier"] .about-hero-copy, body.v280-site[data-v280-archetype="knowledge-base"] .about-hero-copy, body.v280-site[data-v280-archetype="contact-desk"] .about-hero-copy, body.v280-site[data-v280-archetype="product-dossier"] .pl-hero-copy, body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero .formal-shell { padding-inline-end: 0; } body.v280-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art { display: none; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero, body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero { padding-block: 5.2rem 4.5rem; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero { padding-block: 5.2rem 4.5rem !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero > .pl-hero-copy { padding-inline-end: 0 !important; } html body.v280-site.v280-site.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > section#top.pl-hero > div.pl-hero-copy { margin-inline: auto !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="product-dossier"] main#main-content > .pl-hero#top .pl-hero-copy > :is(.about-hero-title, .pl-hero-lines) { inline-size: 100% !important; max-inline-size: none !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-hero::after { display: none !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero { padding-block: 4.8rem 4.2rem !important; } body.v280-site[data-v280-archetype="product-dossier"] .v280-product-map { position: relative; top: auto; right: auto; inline-size: var(--v280-shell); margin: 2.25rem auto 0; transform: none; box-shadow: 0 18px 44px rgba(6, 31, 53, .08); } html body.v280-site[data-v280-archetype="product-dossier"] main > .bioten-product-nav { position: relative !important; top: auto !important; padding-inline: 18px !important; } html body.v280-site[data-v280-archetype="product-dossier"] main > .pl-anchor-nav { position: relative !important; top: auto !important; padding-inline: 18px !important; } body.v280-site[data-v280-archetype="product-dossier"] .pl-hero h1, body.v280-site[data-v280-archetype="developer-workbench"] .formal-developer-hero h1 { font-size: clamp(2.55rem, 12vw, 3.8rem); } body.v280-site[data-v280-archetype="developer-workbench"] .formal-role-strip { grid-template-columns: 1fr; } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero, body.v280-site[data-v280-archetype="project-intake"] .request-hero-inner, body.v280-site[data-v280-archetype="newsroom-index"] .formal-news-hero__grid { grid-template-columns: 1fr; } body.v280-site[data-v280-archetype="evidence-library"] .resource-center-hero { padding-inline: 18px; } body.v280-site[data-v280-archetype="evidence-library"] .resource-hero-board { margin-block-start: 1rem; box-shadow: 0 18px 44px rgba(6, 31, 53, .09); } body.v280-site[data-v280-archetype="knowledge-base"] .knowledge-suite-hero, body.v280-site[data-v280-archetype="product-dossier"] .about-bioten-hero, body.v280-site[data-v280-archetype="contact-desk"] .contact-hero, body.v280-site[data-v280-archetype="newsroom-index"] .news-list-hero { background: var(--v280-paper); } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero { padding-block: 4.8rem 4.2rem !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero > .about-hero-copy { padding-inline-end: 0 !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title { inline-size: 100% !important; max-inline-size: none !important; } html body.v280-site.v280-site.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero .about-hero-title > span { display: inline-block !important; inline-size: auto !important; max-inline-size: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.v280-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map { position: relative; top: auto; right: auto; inline-size: var(--v280-shell); margin: 2.25rem auto 0; transform: none; box-shadow: 0 18px 44px rgba(6, 31, 53, .08); } html body.v280-site[data-v280-archetype="knowledge-base"] main > .knowledge-anchor-nav { position: relative !important; top: auto !important; padding-inline: 18px !important; } body.v280-site[data-v280-archetype="newsroom-index"] .formal-news-hero__grid { gap: 2rem; } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card { grid-template-columns: 1fr; grid-template-areas: "image" "date" "title" "summary" "tags" "actions"; min-block-size: 0; padding-block: 1.35rem 1.8rem; } body.v280-site[data-v280-archetype="newsroom-index"] .news-event-card .openai-news-image { block-size: auto; aspect-ratio: 16 / 10; min-block-size: 0; max-block-size: none; } body.v280-site[data-v280-archetype="newsroom-index"] .news-card-badge { top: 1.8rem; } body.v280-site[data-v280-archetype="newsroom-article"] .news-hero h1, body.v280-site[data-v280-archetype="newsroom-article"] .news-original-hero h1 { font-size: clamp(2.3rem, 11vw, 3.45rem); } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero { padding: 4.5rem 18px 3.75rem !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero > .news-hero-copy { inline-size: 100% !important; margin: 0 !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-article-heading { inline-size: 100% !important; grid-template-columns: 1fr !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-hero-meta { justify-self: start !important; justify-content: flex-start !important; text-align: left !important; } html body.newsroom-article-v233.newsroom-article-v233.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-original-hero h1 { inline-size: 100% !important; max-inline-size: none !important; margin: 1.35rem 0 0 !important; font-size: clamp(2.35rem, 11vw, 3.2rem) !important; line-height: 1.08 !important; text-align: left !important; } html body.newsroom-article-v233.v280-site[data-v280-archetype="newsroom-article"] #main-content .news-hero-deck { inline-size: 100% !important; max-inline-size: none !important; margin: 1rem 0 0 !important; text-align: left !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero { min-block-size: auto !important; padding: 4.8rem 18px 4.25rem !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero > .business-hero-art { display: none !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero > .about-hero-copy { inline-size: 100% !important; margin: 0 !important; padding: 0 !important; } html body.business-detail-page.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-copy > h1 { max-inline-size: 100% !important; font-size: clamp(2.85rem, 13vw, 4rem) !important; } html body.v280-site.v280-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .about-anchor-nav, html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .about-anchor-nav { position: relative !important; top: auto !important; padding-inline: 18px !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero { min-block-size: auto !important; padding: 4.8rem 18px 4.25rem !important; background: var(--v280-paper) !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero::before, html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero::after { display: none !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-copy { inline-size: 100% !important; margin: 0 !important; padding: 0 !important; } html body.v280-site.v280-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero .about-hero-copy > h1 { max-inline-size: 100% !important; font-size: clamp(3rem, 13vw, 4rem) !important; } body.v280-site[data-v280-archetype="project-intake"] .request-hero { padding-inline: 18px; } body.v280-site[data-v280-archetype="project-intake"] .request-hero-visual { min-block-size: 280px; order: 2; box-shadow: 0 18px 44px rgba(6, 31, 53, .09); } body.v280-site[data-v280-archetype="product-dossier"] :is(.page-section, .pl-section), body.v280-site[data-v280-archetype="developer-workbench"] .formal-section, body.v280-site[data-v280-archetype="knowledge-base"] .page-section, body.v280-site[data-v280-archetype="evidence-library"] :is(.page-section, .resource-download-section), body.v280-site[data-v280-archetype="dbc-ecosystem"] .home-band, body.v280-site[data-v280-archetype="contact-desk"] .home-band { padding-block: 4.25rem; } body.home-v280 #platform .v260-business__system::after { display: none; } } @media (max-width: 460px) { body.v280-site { --v280-shell: min(calc(100% - 28px), 1180px); } body.v280-site:not(.home-v280) :is(.home-eyebrow, .hero-eyebrow, .request-kicker) { font-size: .64rem; letter-spacing: .12em; } body.v280-site[data-v280-archetype="evidence-library"] .resource-doc-preview { grid-template-columns: 1fr; } body.v280-site[data-v280-archetype="evidence-library"] .resource-doc-preview img { block-size: 180px; } } @media (prefers-reduced-motion: reduce) { body.v280-site *, body.v280-site *::before, body.v280-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } html.v280-motion-ready body.v280-site [data-v280-reveal] { opacity: 1 !important; transform: none !important; } }