/* * V7.31.8 R34 — BIOTEN Packaging application-release and partnership system. * Scope: packaging-insights.html and the partnership state of sample.html. * The BIOTEN Packaging hero, triple-logo lockup, compact sample selector and * shared navigation/footer are intentionally outside this layer. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] { --bp7318-ac-ink: #12372f; --bp7318-ac-copy: #516663; --bp7318-ac-blue: #115a8a; --bp7318-ac-blue-deep: #0b426a; --bp7318-ac-green: #0c8d70; --bp7318-ac-paper: #f8f5ed; --bp7318-ac-ice: #eaf3f6; --bp7318-ac-line: rgba(23, 74, 91, .14); --bp7318-ac-ease: cubic-bezier(.22, 1, .36, 1); } /* Clear, market-facing first viewport. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero { min-height: min(760px, calc(100svh - 126px)); padding-block: clamp(74px, 7vw, 108px); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(410px, .82fr); gap: clamp(46px, 6vw, 94px); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__copy .bp7140-display { max-width: 13ch; font-size: clamp(48px, 4.65vw, 70px); line-height: 1.05; letter-spacing: -.057em; } html[data-v7318-application-collaboration="professional-dual-path-r34"][lang="en"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__copy .bp7140-display { max-width: 17ch; font-size: clamp(42px, 4vw, 62px); letter-spacing: -.043em; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__copy .bp7140-lead { max-width: 680px; font-size: clamp(15px, 1.15vw, 17px); line-height: 1.82; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__media { border-radius: 30px; box-shadow: 0 30px 72px rgba(35, 62, 55, .105), inset 0 1px 0 rgba(255, 255, 255, .72); } /* The two jobs of the page are visible as one coherent decision surface. */ .bp7318-ac-routes { position: relative; z-index: 3; padding: clamp(30px, 3.8vw, 52px) 0; color: var(--bp7318-ac-ink); background: linear-gradient(180deg, rgba(235, 244, 246, .96), rgba(247, 245, 239, .96)), var(--bp7318-ac-paper); border-block: 1px solid rgba(24, 89, 110, .1); } .bp7318-ac-routes__grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 14px; } .bp7318-ac-route { position: relative; display: grid; min-height: 244px; grid-template-columns: minmax(0, 1fr) auto; align-content: start; column-gap: 24px; padding: clamp(26px, 3vw, 38px); overflow: hidden; color: var(--bp7318-ac-ink) !important; background: rgba(255, 255, 255, .69); border: 1px solid rgba(255, 255, 255, .94); border-radius: 24px; box-shadow: inset 0 0 0 1px var(--bp7318-ac-line), 0 16px 42px rgba(32, 66, 65, .055); text-decoration: none !important; transition: border-color .36s var(--bp7318-ac-ease), transform .36s var(--bp7318-ac-ease), background .36s var(--bp7318-ac-ease); } .bp7318-ac-route::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--bp7318-ac-green), var(--bp7318-ac-blue), transparent 82%); content: ""; } .bp7318-ac-route::after { position: absolute; right: -84px; bottom: -116px; width: 250px; aspect-ratio: 1; background: radial-gradient(circle, rgba(17, 90, 138, .12), transparent 68%); content: ""; pointer-events: none; } .bp7318-ac-route--partner { background: linear-gradient(132deg, rgba(255, 255, 255, .79), rgba(218, 235, 241, .72)); } .bp7318-ac-route:is(:hover, :focus-visible) { background-color: rgba(255, 255, 255, .88); border-color: rgba(20, 103, 133, .22); outline: none; transform: translateY(-3px); } .bp7318-ac-route:focus-visible { box-shadow: inset 0 0 0 1px var(--bp7318-ac-line), 0 0 0 3px rgba(17, 90, 138, .16); } .bp7318-ac-route__index { color: var(--bp7318-ac-blue); font-size: 9px; font-weight: 800; letter-spacing: .15em; } .bp7318-ac-route__metric { display: inline-flex; grid-row: span 3; align-items: baseline; gap: 6px; color: var(--bp7318-ac-blue-deep); white-space: nowrap; } .bp7318-ac-route__metric b { font-size: clamp(34px, 3.2vw, 48px); font-weight: 620; letter-spacing: -.055em; } .bp7318-ac-route__metric small { max-width: 84px; font-size: 8px; font-weight: 760; letter-spacing: .09em; line-height: 1.45; } .bp7318-ac-route h2 { margin: 22px 0 0; color: var(--bp7318-ac-ink); font-size: clamp(28px, 2.65vw, 38px); font-weight: 580; letter-spacing: -.045em; line-height: 1.14; } .bp7318-ac-route p { max-width: 590px; margin: 12px 0 0; color: var(--bp7318-ac-copy); font-size: 13px; line-height: 1.78; } .bp7318-ac-route__action { align-self: end; margin-top: 20px; color: var(--bp7318-ac-blue-deep); font-size: 12px; font-weight: 760; letter-spacing: .015em; } /* Editorial catalog: latest release leads, the remaining system stays scannable. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases { padding-block: clamp(82px, 7vw, 112px); background: linear-gradient(180deg, rgba(251, 250, 246, .98), rgba(245, 246, 243, .98)), #fff; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases .bp7151-release-ops { margin-bottom: 18px; border-radius: 17px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 10px 26px rgba(37, 67, 64, .045); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases .bp7151-release-ops > div { padding-block: 15px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases .bp7140-filter-bar { margin-bottom: 22px; border-radius: 16px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7140-release-card][hidden] { display: none !important; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child { display: grid; min-height: 410px; grid-column: 1 / -1; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child .bp7140-route-card__media { min-height: 394px; aspect-ratio: auto; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child .bp7140-route-card__body { display: flex; padding: clamp(34px, 4vw, 54px); flex-direction: column; justify-content: center; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child h3 { font-size: clamp(30px, 3vw, 42px); line-height: 1.18; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases .bp7140-route-card { border-radius: 24px; box-shadow: 0 17px 44px rgba(33, 63, 58, .065), inset 0 1px 0 rgba(255, 255, 255, .82); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases .bp7140-evidence-ribbon { margin-top: clamp(38px, 4vw, 58px); } /* The framework supports the releases; it no longer delays them. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7318-ac-framework { padding-block: clamp(72px, 6.5vw, 96px); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7318-ac-framework .bp7140-section-head { margin-bottom: 34px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7318-ac-framework .bp7140-card { min-height: 218px; padding: 26px; border-radius: 20px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7318-ac-framework .bp7140-card__number { margin-bottom: 30px; } /* Partnership roles read as a professional capability directory. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .cl7301-partnership-governance { padding-block: clamp(76px, 7vw, 104px); background: radial-gradient(circle at 88% 7%, rgba(17, 90, 138, .08), transparent 30%), linear-gradient(180deg, #f9faf8, #edf4f6); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .cl7301-role { min-height: 206px; border-radius: 18px; box-shadow: 0 12px 34px rgba(25, 55, 88, .05), inset 0 1px 0 rgba(255, 255, 255, .8); transition: transform .32s var(--bp7318-ac-ease), border-color .32s var(--bp7318-ac-ease); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .cl7301-role:is(:hover, :focus-within) { border-color: rgba(17, 90, 138, .24); transform: translateY(-3px); } /* Partnership intake receives the same meaning as the link that opened it. */ html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero { min-height: 510px; background: radial-gradient(circle at 86% 12%, rgba(12, 141, 112, .12), transparent 30%), linear-gradient(115deg, #f5f8f7, #eaf3f6); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero-inner { grid-template-columns: minmax(0, 1fr); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero-copy { max-width: 960px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero-visual { display: none !important; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero h1 { max-width: 12ch; font-size: clamp(50px, 6vw, 82px); letter-spacing: -.055em; line-height: 1.04; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .about-hero-title > p { max-width: 900px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-shell { padding-top: clamp(54px, 6vw, 82px); } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields .request-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields .request-grid > label { display: block; min-width: 0; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields .request-grid > label > span { display: block; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields .request-grid > label.request-wide { grid-column: 1 / -1; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields :is(input, select, textarea) { display: block; width: 100%; max-width: none; box-sizing: border-box; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields textarea { min-height: 118px; padding: 12px 14px; line-height: 1.6; resize: vertical; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .cl7301-partner-fields legend b { color: var(--bp7318-ac-ink); font: inherit; } @media (max-width: 1120px) { html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero { min-height: 0; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child { grid-template-columns: minmax(0, 1fr) minmax(330px, .9fr); } } @media (max-width: 860px) { html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__grid, .bp7318-ac-routes__grid { grid-template-columns: 1fr; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__media { display: none; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child { min-height: 0; grid-template-columns: 1fr; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child .bp7140-route-card__media { min-height: 0; aspect-ratio: 4 / 3; } } @media (max-width: 560px) { html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero { padding-block: 72px 58px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__copy .bp7140-display, html[data-v7318-application-collaboration="professional-dual-path-r34"][lang="en"] body[data-v7318-packaging-page="packaging-insights"] .bp7140-hero__copy .bp7140-display { max-width: none; font-size: clamp(39px, 11.8vw, 50px); line-height: 1.06; } .bp7318-ac-routes { padding-block: 18px; } .bp7318-ac-route { min-height: 0; grid-template-columns: 1fr; padding: 24px 22px; border-radius: 19px; } .bp7318-ac-route__metric { grid-row: auto; justify-self: start; margin-top: 16px; } .bp7318-ac-route h2 { margin-top: 13px; font-size: 30px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases { padding-block: 68px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child .bp7140-route-card__body { padding: 24px 20px 26px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] #releases [data-bp7151-release-grid] .bp7140-route-card:first-child h3 { font-size: 25px; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero { min-height: 0; } html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7301-collaboration-mode="partnership-request"] .request-hero h1 { max-width: none; font-size: clamp(44px, 13vw, 58px); } } @media (prefers-reduced-motion: reduce) { .bp7318-ac-route, html[data-v7318-application-collaboration="professional-dual-path-r34"] body[data-v7318-packaging-page="packaging-insights"] .cl7301-role { transition: none; } }