/* * BIOTEN Packaging V7.31.8-R3 governance layer * Scope: the active packaging family only. This file is terminal and page-scoped. */ html[data-v7318-packaging-governance="packaging-family-r1"] { --pg7318-ink: #17352f; --pg7318-ink-soft: #52655f; --pg7318-blue: #315f8f; --pg7318-blue-deep: #173f70; --pg7318-green: #168b69; --pg7318-paper: #f5f1e7; --pg7318-paper-light: #fbfaf6; --pg7318-line: rgba(23, 53, 47, .12); --pg7318-line-blue: rgba(49, 95, 143, .16); --pg7318-shadow: 0 28px 80px rgba(31, 56, 50, .11); --pg7318-shadow-soft: 0 16px 46px rgba(31, 56, 50, .075); --pg7318-radius-xl: 34px; --pg7318-radius-lg: 24px; --pg7318-radius-md: 18px; } html[data-v7318-packaging-governance="packaging-family-r1"] body.bp7318-packaging-governed { color: var(--pg7318-ink); background: var(--pg7318-paper-light); overflow-x: clip !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } html[data-v7318-packaging-governance="packaging-family-r1"] body.bp7318-packaging-governed::before { position: fixed; z-index: 9998; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--pg7318-green), #6cbfa2 36%, #5f89bb 68%, var(--pg7318-blue-deep)); content: ""; pointer-events: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .site-header { position: sticky !important; z-index: 1200 !important; top: 0 !important; border-bottom-color: rgba(23, 53, 47, .08); box-shadow: 0 12px 36px rgba(31, 56, 50, .035); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-family-context, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context { border-color: rgba(42, 85, 118, .12); background: linear-gradient(90deg, rgba(242, 248, 246, .96), rgba(237, 245, 249, .97)), #f1f7f6; box-shadow: 0 14px 34px rgba(37, 69, 63, .045); -webkit-backdrop-filter: blur(18px) saturate(1.1); backdrop-filter: blur(18px) saturate(1.1); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context__inner { min-height: 52px; gap: 6px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context a { position: relative; min-height: 34px; display: inline-flex; align-items: center; padding: 7px 12px; color: #425c58; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 650; letter-spacing: .025em; white-space: nowrap; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; flex: 0 0 auto !important; width: max-content !important; min-width: max-content !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context a::after { display: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context a[aria-current="page"] { color: var(--pg7318-blue-deep); background: rgba(255, 255, 255, .72); border-color: rgba(49, 95, 143, .18); box-shadow: 0 8px 20px rgba(49, 95, 143, .08), inset 0 1px 0 rgba(255, 255, 255, .9); } /* The rebuilt directory and matrix own their page path; suppress legacy rails injected by the old generic shells so users see one navigation hierarchy. */ html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="bioten-packaging-applications"] > .v500-context, html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="bioten-products-matrix"] > .v270-context, html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="bioten-products-matrix"] > .v500-context { display: none !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="sample"] > .v270-context, html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="sample"] > .v500-context { display: none !important; } @media (hover: hover) and (pointer: fine) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context a:hover { color: var(--pg7318-blue-deep); background: rgba(255, 255, 255, .62); border-color: rgba(49, 95, 143, .12); transform: translateY(-1px); } } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero:not(.bp7140-article-hero) { position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 78% 18%, rgba(92, 148, 179, .11), transparent 29rem), radial-gradient(circle at 16% 80%, rgba(56, 151, 118, .08), transparent 25rem), linear-gradient(126deg, #faf8f1 0%, #f3f2e8 52%, #edf2ee 100%); border-bottom: 1px solid rgba(23, 53, 47, .08); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero:not(.bp7140-article-hero)::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 255, 255, .28), transparent 48%), repeating-linear-gradient(0deg, transparent 0 47px, rgba(23, 53, 47, .018) 47px 48px); content: ""; pointer-events: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__grid { position: relative; z-index: 1; grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr); gap: clamp(48px, 6vw, 104px); align-items: center; padding-block: 86px 78px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__copy { max-width: 720px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero .bp7140-display:not(#bp7318-global-type-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-directory-hero .bp7140-display:not(#bp7318-global-type-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-matrix-hero .bp7140-display:not(#bp7318-global-type-lock) { max-width: 760px; margin-top: 18px; color: var(--pg7318-ink); font-size: clamp(54px, 4.6vw, 72px) !important; font-weight: 600 !important; line-height: 1.04 !important; letter-spacing: -.045em !important; hyphens: none !important; -webkit-hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero .bp7140-display em { color: var(--pg7318-blue-deep); font-style: normal; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-matrix-hero .bp7140-display > :is(span, em) { display: block; white-space: nowrap; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-directory-hero .bp7140-display > :is(span, em) { display: block; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero .bp7140-lead:not(#bp7318-global-wrap-lock) { max-width: 720px; margin-top: 24px; color: var(--pg7318-ink-soft); font-size: 16px; line-height: 1.85; hyphens: none !important; -webkit-hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__media { width: 100%; aspect-ratio: 1.28 / 1; padding: 10px; overflow: hidden; background: rgba(255, 255, 255, .54); border: 1px solid rgba(255, 255, 255, .84); border-radius: var(--pg7318-radius-xl); box-shadow: var(--pg7318-shadow), inset 0 0 0 1px rgba(49, 95, 143, .08); transform: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__media::before, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__media::after { border-radius: calc(var(--pg7318-radius-xl) - 8px); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--pg7318-radius-xl) - 10px); filter: saturate(.8) contrast(.98) brightness(1.03); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-media-note { right: 20px; bottom: 20px; left: 20px; max-width: none; padding: 10px 13px; background: rgba(20, 52, 47, .82); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; color: rgba(255, 255, 255, .88); font-size: 10px; line-height: 1.5; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__index { right: 4vw; bottom: -4px; color: rgba(32, 77, 105, .055); font-size: clamp(150px, 17vw, 260px); font-weight: 760; letter-spacing: -.09em; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section { padding-block: clamp(88px, 8vw, 126px); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section-head { gap: clamp(34px, 6vw, 86px); margin-bottom: 48px; padding-bottom: 28px; border-bottom: 1px solid var(--pg7318-line); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section-title:not(#bp7318-global-type-lock) { max-width: 820px; color: var(--pg7318-ink); font-size: clamp(42px, 4.2vw, 64px) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.04em !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section-head > p { max-width: 520px; color: var(--pg7318-ink-soft); font-size: 15px; line-height: 1.85; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-release-card { border-color: rgba(23, 53, 47, .1); border-radius: var(--pg7318-radius-lg); box-shadow: 0 1px 0 rgba(255, 255, 255, .8), var(--pg7318-shadow-soft); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card { position: relative; min-height: 270px; padding: 30px 28px 28px; overflow: hidden; background: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(247, 246, 239, .76)), var(--pg7318-paper-light); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card::before { position: absolute; top: 0; right: 24px; left: 24px; height: 2px; background: linear-gradient(90deg, transparent, rgba(22, 139, 105, .42), rgba(49, 95, 143, .48), transparent); content: ""; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card h3:not(#bp7318-global-type-lock) { color: var(--pg7318-ink); font-size: clamp(22px, 2vw, 29px) !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -.035em !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card h3:not(#bp7318-global-type-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-release-card h3:not(#bp7318-global-type-lock) { font-size: clamp(21px, 1.8vw, 26px) !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -.035em !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card p { color: var(--pg7318-ink-soft); font-size: 14px; line-height: 1.78; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card__media { aspect-ratio: 1.42 / 1; overflow: hidden; border-radius: var(--pg7318-radius-lg) var(--pg7318-radius-lg) 0 0; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(.98); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card__body { padding: 27px 28px 30px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-button:not(#bp7318-control-size-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .fs7301-button:not(#bp7318-control-size-lock) { min-height: 48px; padding: 12px 20px; border-color: rgba(49, 95, 143, .2); border-radius: 999px; box-shadow: 0 12px 28px rgba(35, 67, 94, .09), inset 0 1px 0 rgba(255, 255, 255, .78); font-size: 13px; font-weight: 700; letter-spacing: .01em; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-button:not(#bp7318-control-size-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .fs7301-button:not(#bp7318-control-size-lock) { min-height: 48px !important; } html[data-v7318-packaging-governance="packaging-family-r1"] main button:not(#bp7318-control-size-lock), html[data-v7318-packaging-governance="packaging-family-r1"] body.dbc-global-nav-active .site-header:not(#bp7318-control-size-lock) .language-toggle.language-toggle { min-height: 44px !important; height: 44px !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-button--primary { background: linear-gradient(135deg, #244e82, #173f70); border-color: transparent; color: #fff; box-shadow: 0 16px 36px rgba(23, 63, 112, .22), inset 0 1px 0 rgba(255, 255, 255, .18); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table-wrap { border: 1px solid rgba(23, 53, 47, .11); border-radius: var(--pg7318-radius-lg); box-shadow: var(--pg7318-shadow-soft); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table { min-width: 920px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table caption { padding: 20px 24px; background: linear-gradient(90deg, #eef6f2, #edf3f8); color: var(--pg7318-ink); font-weight: 720; text-align: left; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table th, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table td { padding: 18px 20px; color: #425852; font-size: 13px; line-height: 1.66; vertical-align: top; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table thead th, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-table tbody th { color: var(--pg7318-ink); font-weight: 720; } /* Packaging home: one proposition, one system visual, then the full engineering path. */ html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero:not(#bp7318-home-grid-lock) { min-height: 760px !important; display: grid !important; grid-template-columns: minmax(28px, 1fr) minmax(0, 680px) minmax(390px, 580px) minmax(28px, 1fr) !important; grid-template-rows: 1fr !important; column-gap: 32px !important; align-items: center; padding-block: 64px 70px; overflow: hidden; background: radial-gradient(circle at 76% 22%, rgba(70, 139, 171, .13), transparent 31rem), radial-gradient(circle at 18% 86%, rgba(22, 139, 105, .08), transparent 27rem), linear-gradient(126deg, #fbf9f3, #f1f1e7 55%, #ebf1ed); } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero__content { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; margin: 0; padding: 0 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7318-home-copy { max-width: 690px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { max-width: 690px; margin-top: 20px; color: var(--pg7318-ink); font-size: clamp(58px, 5vw, 78px) !important; font-weight: 600 !important; line-height: .99 !important; letter-spacing: -.055em !important; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(48px, 3.8vw, 54px) !important; line-height: 1.01 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-home-hero .bp7140-lead:not(#bp7318-global-wrap-lock) { hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display > :is(span, em) { display: block; hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display em { color: var(--pg7318-blue-deep); background: linear-gradient(90deg, #1e4c82, #33709b 66%, #168b69); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-lead { max-width: 640px; margin-top: 24px; color: var(--pg7318-ink-soft); font-size: 16px; line-height: 1.8; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-hero-system { max-width: 640px; margin-top: 24px; padding-block: 12px; border-block: 1px solid rgba(23, 53, 47, .12); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-brand-boundary { max-width: 640px; margin: 13px 0 0; color: #6d7772; font-size: 11px; line-height: 1.6; letter-spacing: .025em; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual { position: relative; z-index: 2; grid-column: 3 !important; grid-row: 1 !important; width: 100% !important; max-width: 580px !important; aspect-ratio: .98 / 1; margin: 0; padding: 11px; overflow: hidden; background: rgba(255, 255, 255, .54); border: 1px solid rgba(255, 255, 255, .9); border-radius: 38px; box-shadow: var(--pg7318-shadow), inset 0 0 0 1px rgba(49, 95, 143, .08); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual::before { position: absolute; z-index: 2; inset: 11px; background: linear-gradient(180deg, transparent 52%, rgba(15, 45, 40, .22)); border-radius: 28px; content: ""; pointer-events: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 63% center; border-radius: 28px; filter: saturate(.76) contrast(.97) brightness(1.035); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual__axis { position: absolute; z-index: 3; top: 28px; right: 28px; left: 28px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 13px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .82); border-radius: 999px; color: #315c58; font-size: 10.5px; font-weight: 760; letter-spacing: .09em; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual__axis i { color: #779093; font-style: normal; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual figcaption { position: absolute; z-index: 3; right: 28px; bottom: 28px; left: 28px; padding: 11px 13px; background: rgba(18, 50, 45, .78); border: 1px solid rgba(255, 255, 255, .14); border-radius: 13px; color: rgba(255, 255, 255, .88); font-size: 10.5px; line-height: 1.45; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed { margin-top: 56px; padding-top: 30px; border-top: 1px solid rgba(23, 53, 47, .12); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed > .bp7140-eyebrow { margin-bottom: 16px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-rail { width: 100%; margin: 0; color: var(--pg7318-ink); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-rail__inner { padding: 24px; background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(232, 241, 242, .72)); border: 1px solid rgba(255, 255, 255, .82); border-radius: var(--pg7318-radius-xl); box-shadow: var(--pg7318-shadow-soft), inset 0 0 0 1px rgba(49, 95, 143, .07); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone { padding-block: clamp(86px, 8vw, 118px); background: radial-gradient(circle at 16% 12%, rgba(22, 139, 105, .08), transparent 25rem), linear-gradient(180deg, #f4f4ec, #edf3f1); border-block: 1px solid rgba(23, 53, 47, .08); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone__head { margin-bottom: 34px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(180px, .72fr) minmax(0, 2.1fr); gap: 22px 34px; margin: 0; padding: 30px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .88); border-radius: var(--pg7318-radius-xl); box-shadow: var(--pg7318-shadow-soft), inset 0 0 0 1px rgba(49, 95, 143, .07); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__intro { grid-column: 1; margin: 8px 0 0; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__products { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__product { min-height: 124px; padding: 18px; background: rgba(248, 248, 243, .86); border-radius: 18px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__intro, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__product small, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__foot :is(span, a) { font-size: 12px !important; line-height: 1.55 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__product { min-height: 76px !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__foot { grid-column: 1 / -1; margin-top: 2px; padding-top: 16px; border-top: 1px solid rgba(23, 53, 47, .1); } /* Rebuilt field directory and route matrix. */ html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid .bp7140-route-card { display: grid; grid-template-columns: minmax(220px, .82fr) minmax(0, 1.18fr); overflow: hidden; background: rgba(255, 255, 255, .75); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid .bp7140-route-card__media { height: 100%; aspect-ratio: auto; border-radius: var(--pg7318-radius-lg) 0 0 var(--pg7318-radius-lg); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-route-table .bp7140-table th:first-child { width: 170px; } /* Article pages retain evidence density but gain a clearer reading frame. */ html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-hero { background: radial-gradient(circle at 82% 12%, rgba(49, 95, 143, .1), transparent 26rem), linear-gradient(126deg, #fbfaf6, #f1f2eb); border-bottom: 1px solid rgba(23, 53, 47, .09); } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-hero .bp7140-shell { max-width: 1160px; padding-block: 82px 70px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-hero .bp7140-display:not(#bp7318-global-type-lock) { max-width: 1000px; font-size: clamp(48px, 5vw, 70px) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.045em !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-meta { gap: 8px; margin-top: 28px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-meta span { min-height: 32px; display: inline-flex; align-items: center; padding: 7px 11px; background: rgba(255, 255, 255, .66); border: 1px solid rgba(23, 53, 47, .1); border-radius: 999px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-article-back { min-height: 38px; display: inline-flex; align-items: center; margin-bottom: 22px; padding: 8px 13px; color: var(--pg7318-blue-deep); background: rgba(255, 255, 255, .62); border: 1px solid rgba(49, 95, 143, .14); border-radius: 999px; font-size: 12px; font-weight: 700; text-decoration: none; } /* Foodservice lifecycle pages keep their independent G0-G4 system. */ html[data-v7318-packaging-governance="packaging-family-r1"] body.fs7301-page.bp7318-packaging-governed .fs7301-hero { border-bottom: 1px solid rgba(23, 53, 47, .09); } html[data-v7318-packaging-governance="packaging-family-r1"] body.fs7301-page.bp7318-packaging-governed .fs7301-card, html[data-v7318-packaging-governance="packaging-family-r1"] body.fs7301-page.bp7318-packaging-governed .fs7301-panel { border-radius: var(--pg7318-radius-lg); box-shadow: var(--pg7318-shadow-soft); } /* Project intake stays Chinese-authoritative until every form state is bilingual. */ html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed .request-hero { background: radial-gradient(circle at 78% 18%, rgba(49, 95, 143, .1), transparent 25rem), linear-gradient(128deg, #faf9f3, #eef3ef); border-bottom: 1px solid rgba(23, 53, 47, .08); } html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed .request-hero-inner { max-width: 1240px; padding-block: 74px; } html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed .request-card, html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed .cl7301-object { border-color: rgba(23, 53, 47, .1); border-radius: var(--pg7318-radius-lg); box-shadow: var(--pg7318-shadow-soft); } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-page="sample"] .v770-language-boundary { width: min(1180px, calc(100% - 40px)); margin: 18px auto 0 !important; padding: 14px 18px !important; color: #536661 !important; background: rgba(236, 244, 241, .88) !important; border: 1px solid rgba(23, 53, 47, .1) !important; border-radius: 14px !important; font-size: 12px !important; line-height: 1.6 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed input, html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed select, html[data-v7318-packaging-governance="packaging-family-r1"] body.sample-request-page.bp7318-packaging-governed textarea { border-radius: 12px; } /* Release information is evidence-bearing content, not decorative microcopy. */ html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-mini__copy span, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-card__meta, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__type, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__item time { font-size: 10.5px !important; line-height: 1.4 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-rail__head > div > p:not(.bp7160-release-rail__summary), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__signal strong, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__counter { font-size: 10.5px !important; line-height: 1.4 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7160-release-rail__summary { font-size: 12px !important; line-height: 1.55 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-rail__head a { min-height: 44px !important; padding: 10px 14px !important; font-size: 12px !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-mini__copy strong, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__item strong { display: block !important; overflow: visible !important; font-size: 12.5px !important; line-height: 1.48 !important; text-overflow: clip !important; white-space: normal !important; -webkit-line-clamp: unset !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__toggle { width: 44px !important; min-width: 44px !important; height: 44px !important; } html[data-v7318-packaging-governance="packaging-family-r1"] :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid rgba(48, 115, 169, .55); outline-offset: 3px; } @media (hover: hover) and (pointer: fine) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card:hover, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-route-card:hover, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-release-card:hover { border-color: rgba(49, 95, 143, .2); box-shadow: 0 24px 60px rgba(31, 56, 50, .12); transform: translateY(-4px); } } @media (max-width: 1180px) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr); gap: 44px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero:not(#bp7318-home-grid-lock) { min-height: 720px !important; grid-template-columns: 32px minmax(0, 1.04fr) minmax(340px, .88fr) 32px !important; column-gap: 42px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(52px, 5.4vw, 66px) !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid .bp7140-route-card { grid-template-columns: 1fr; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid .bp7140-route-card__media { aspect-ratio: 1.5 / 1; border-radius: var(--pg7318-radius-lg) var(--pg7318-radius-lg) 0 0; } } @media (max-width: 980px) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero:not(.bp7140-article-hero) { min-height: auto; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__grid { grid-template-columns: 1fr; gap: 38px; padding-block: 66px 58px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero__media { max-width: none; aspect-ratio: 1.75 / 1; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero:not(#bp7318-home-grid-lock) { min-height: auto !important; display: flex !important; flex-direction: column; gap: 36px; padding: 62px var(--bp7140-gutter, 24px) 58px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero__content { order: 1 !important; width: min(100%, 860px) !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual { order: 2 !important; width: min(100%, 860px) !important; max-width: 860px !important; aspect-ratio: 1.62 / 1; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card { grid-template-columns: 1fr; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__intro, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__products, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__foot { grid-column: 1; grid-row: auto; } } @media (max-width: 760px) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context__inner { min-height: 48px; gap: 4px; overflow-x: auto; padding-inline: 16px; scroll-snap-type: x proximity; scrollbar-width: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context__inner::-webkit-scrollbar { display: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context a { min-height: 32px; padding: 6px 10px; font-size: 11px; scroll-snap-align: start; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero .bp7140-display:not(#bp7318-global-type-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-directory-hero .bp7140-display:not(#bp7318-global-type-lock), html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-matrix-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(40px, 10vw, 54px) !important; line-height: 1.05 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-hero .bp7140-lead { font-size: 14px; line-height: 1.75; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section { padding-block: 72px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section-head { gap: 22px; margin-bottom: 34px; padding-bottom: 22px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-section-title:not(#bp7318-global-type-lock) { font-size: clamp(36px, 9vw, 48px) !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero { gap: 28px; padding: 48px 20px 46px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(43px, 11vw, 58px) !important; line-height: 1.02 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display > :is(span, em) { white-space: nowrap; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] body[data-v7318-packaging-home="hero-system-r1"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(31px, 8.4vw, 38px) !important; line-height: 1.04 !important; text-wrap: balance; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] .bp7318-matrix-hero .bp7140-display > :is(span, em) { white-space: normal; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual { aspect-ratio: 1.22 / 1; padding: 8px; border-radius: 28px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual img, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual::before { inset: 8px; border-radius: 21px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual__axis { top: 20px; right: 20px; left: 20px; font-size: 9.5px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual figcaption { right: 20px; bottom: 20px; left: 20px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-field-grid { grid-template-columns: 1fr; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__products { grid-template-columns: 1fr; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card__product { min-height: 76px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-hero .bp7140-shell { padding-block: 58px 48px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-article-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(39px, 9.4vw, 51px) !important; } } @media (max-width: 480px) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-hero-actions, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-actions { display: grid; grid-template-columns: 1fr; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-button { width: 100%; justify-content: space-between; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-brand-boundary { font-size: 10.5px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual__axis { display: none; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-card { min-height: auto; padding: 25px 22px; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7140-release-rail__inner, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-sample-zone .bp7160-sample-card { padding: 16px; border-radius: 22px; } } /* -------------------------------------------------------------------------- * Packaging home correction R2 * Restore the established DBC / BIOTEN particle runtime as the hero visual. * Keep product selection and application / partnership publishing together as * the first action layer immediately below the proposition. The old R1 image, * later publishing feed and standalone sample zone remain intentionally dormant. * ----------------------------------------------------------------------- */ html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero { grid-template-rows: minmax(500px, auto) auto; row-gap: 18px; background: radial-gradient(circle at 78% 22%, rgba(50, 122, 159, .12), transparent 27rem), radial-gradient(circle at 12% 76%, rgba(23, 143, 107, .075), transparent 24rem), linear-gradient(126deg, #fbfaf5, #f2f3eb 55%, #ebf2ef); } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero__content { position: relative; z-index: 4; padding-top: 54px; padding-bottom: 22px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7318-home-copy { max-width: 700px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { max-width: 700px; margin-top: 18px; color: var(--pg7318-ink); font-size: clamp(56px, 4.75vw, 72px) !important; font-weight: 610 !important; line-height: 1 !important; letter-spacing: -.052em !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display > :is(span, em) { display: block; hyphens: none; overflow-wrap: normal; word-break: normal; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display em { color: var(--pg7318-blue-deep); background: linear-gradient(90deg, #1e4c82, #33709b 66%, #168b69); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-lead { max-width: 640px; margin-top: 21px; color: var(--pg7318-ink-soft); font-size: 16px; line-height: 1.76; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7318-hero-actions { margin-top: 24px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-hero-system { max-width: 640px; margin-top: 21px; padding-block: 11px; border-block: 1px solid rgba(23, 53, 47, .12); } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7318-brand-boundary { max-width: 640px; margin-top: 11px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-home-particle-copy { z-index: 2; opacity: .94; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] :is(.bp7160-sample-card, .bp7140-release-rail) { position: relative; z-index: 5; margin-bottom: 44px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-sample-card__head h2 { max-width: 100%; font-size: clamp(22px, 1.72vw, 25px) !important; letter-spacing: -.042em !important; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(46px, 3.75vw, 55px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-sample-card__head h2 { font-size: clamp(20px, 1.55vw, 23px) !important; line-height: 1.12 !important; } @media (max-width: 1040px) { html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero { grid-template-rows: none; row-gap: 0; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero__content { padding-top: 54px; padding-bottom: 30px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] :is(.bp7160-sample-card, .bp7140-release-rail) { margin-bottom: 14px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-release-rail { margin-bottom: 34px; } } @media (max-width: 760px) { html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero__content { padding-top: 42px; padding-bottom: 24px; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(39px, 10.5vw, 50px) !important; line-height: 1.02 !important; } html[data-v7318-packaging-governance="packaging-family-r1"][lang="en"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(36px, 9.5vw, 46px) !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-home-particle-copy { display: block !important; left: 84% !important; width: 240px !important; opacity: .3 !important; filter: saturate(.84); } } @media (max-width: 480px) { html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-display:not(#bp7318-global-type-lock) { font-size: clamp(36px, 10vw, 42px) !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-home-hero .bp7140-lead { font-size: 14px; line-height: 1.66; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-home-particle-copy { top: 62px !important; left: 86% !important; width: 220px !important; opacity: .26 !important; } html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7160-sample-card__head h2, html[data-v7318-packaging-governance="packaging-family-r1"] body[data-v7318-packaging-home="particle-cards-r2"] .bp7140-release-rail__head h2 { font-size: 21px !important; } } /* Header geometry is governed once by the shared V7.31.8 navigation layer. */ @media (max-width: 760px) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker__track { display: none !important; } html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-publishing-feed .bp7151-release-ticker { grid-template-columns: minmax(0, 1fr) auto auto !important; } } @media (prefers-reduced-motion: reduce) { html[data-v7318-packaging-governance="packaging-family-r1"] *, html[data-v7318-packaging-governance="packaging-family-r1"] *::before, html[data-v7318-packaging-governance="packaging-family-r1"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } @media (prefers-reduced-transparency: reduce) { html[data-v7318-packaging-governance="packaging-family-r1"] .bp7140-context, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual__axis, html[data-v7318-packaging-governance="packaging-family-r1"] .bp7318-home-visual figcaption { -webkit-backdrop-filter: none; backdrop-filter: none; } }