/*
 * 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;
  }
}
