/* * BIOTEN Packaging page family · V7.16.0 final polish * Scope: packaging home, applications, routes, releases, articles, methods, * Developer and project intake. This is an additive correction layer loaded * after the V7.14-V7.15 family styles. */ body.bp7160-packaging-polish { --bp7160-paper: #f7f3ea; --bp7160-paper-soft: #fcfaf5; --bp7160-paper-warm: #eee8dc; --bp7160-paper-blue: #e7f0f4; --bp7160-paper-blue-deep: #dce9ef; --bp7160-ink: #17332f; --bp7160-copy: #4c625d; --bp7160-muted: #74847f; --bp7160-green: #0a8062; --bp7160-green-bright: #13a47a; --bp7160-blue: #205f86; --bp7160-blue-deep: #174d72; --bp7160-amber: #9b682c; --bp7160-line: rgba(23, 51, 47, .11); --bp7160-line-strong: rgba(23, 51, 47, .18); --bp7160-blue-line: rgba(32, 95, 134, .2); --bp7160-shadow: 0 26px 68px rgba(42, 54, 49, .1), 0 3px 12px rgba(42, 54, 49, .045); --bp7160-shadow-soft: 0 14px 38px rgba(42, 54, 49, .07), 0 2px 8px rgba(42, 54, 49, .035); --bp7160-radius-lg: 28px; --bp7160-radius: 20px; --bp7160-radius-sm: 13px; --bp7160-ease: cubic-bezier(.22, .82, .22, 1); color: var(--bp7160-ink); background: var(--bp7160-paper); } /* -------------------------------------------------------------------------- * V7.16.0 R4 · compact BIOTEN product selector * The first viewport separates upstream functional materials from downstream * fiber-based articles, then carries the selected context into project intake. * ----------------------------------------------------------------------- */ body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7140-home-hero__media { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { position: relative; z-index: 7; width: 100%; max-width: 500px; grid-column: 3; grid-row: 1; align-self: start; justify-self: end; margin-top: 42px; padding: 14px; overflow: hidden; color: var(--bp7160-ink); background: linear-gradient(128deg, rgba(255, 255, 255, .88), rgba(231, 240, 244, .74)), var(--bp7160-paper-soft); border: 1px solid rgba(255, 255, 255, .94); border-radius: 18px; box-shadow: 0 16px 42px rgba(39, 60, 57, .075), inset 0 0 0 1px rgba(32, 95, 134, .065); -webkit-backdrop-filter: blur(10px) saturate(1.03); backdrop-filter: blur(10px) saturate(1.03); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card::before { position: absolute; top: 0; right: 18px; left: 18px; height: 2px; background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .58), rgba(32, 95, 134, .7), transparent); content: ""; pointer-events: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__head, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__intro, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__groups, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot { position: relative; z-index: 1; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__head p { margin: 0 0 3px; color: var(--bp7160-blue); font-size: 7px; font-weight: 740; letter-spacing: .13em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__head h2 { margin: 0; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: clamp(18px, 1.36vw, 21px); font-weight: 690; letter-spacing: -.025em; line-height: 1.22; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__intro { margin: 6px 0 9px; color: var(--bp7160-copy); font-size: 9px; line-height: 1.5; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__groups { display: grid; gap: 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__group { min-width: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__group-label { margin: 0 0 5px; color: rgba(45, 65, 62, .68); font-size: 7.5px; font-weight: 710; letter-spacing: .08em; line-height: 1.25; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__materials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products { display: grid; gap: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products .bp7160-sample-card__product { min-height: 48px; grid-template-columns: minmax(0, 1fr) 14px; gap: 9px; padding: 8px 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products .bp7160-sample-card__product:nth-child(1) { border-left: 2px solid rgba(10, 128, 98, .5); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products .bp7160-sample-card__product:nth-child(2) { border-left: 2px solid rgba(32, 95, 134, .48); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__products .bp7160-sample-card__product:nth-child(3) { border-left: 2px solid rgba(169, 139, 94, .54); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product { min-width: 0; min-height: 62px; display: grid; grid-template-columns: 34px minmax(0, 1fr) 14px; align-items: center; gap: 7px; padding: 7px 8px; color: var(--bp7160-ink); background: rgba(252, 250, 245, .82); border: 1px solid rgba(23, 51, 47, .07); border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82); transition: color .36s var(--bp7160-ease), background-color .36s var(--bp7160-ease), border-color .36s var(--bp7160-ease), transform .36s var(--bp7160-ease), box-shadow .36s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product-code { width: 34px; height: 34px; display: grid; place-items: center; color: var(--bp7160-blue-deep); background: linear-gradient(145deg, rgba(231, 240, 244, .96), rgba(255, 255, 255, .72)); border: 1px solid rgba(32, 95, 134, .08); border-radius: 9px; font-size: 7px; font-weight: 790; letter-spacing: .035em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product-copy { min-width: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product strong, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product small, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article strong, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article small { display: block; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product strong { font-size: 10.5px; font-weight: 690; line-height: 1.32; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product small { margin-top: 2px; color: var(--bp7160-muted); font-size: 7.5px; line-height: 1.28; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product-arrow { color: rgba(32, 95, 134, .72); font-size: 12px; line-height: 1; transition: transform .36s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__articles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article { min-width: 0; min-height: 43px; display: flex; flex-direction: column; justify-content: center; padding: 7px 8px; color: var(--bp7160-ink); background: rgba(255, 255, 255, .46); border: 1px solid rgba(32, 95, 134, .085); border-radius: 10px; transition: color .36s var(--bp7160-ease), background-color .36s var(--bp7160-ease), border-color .36s var(--bp7160-ease), transform .36s var(--bp7160-ease), box-shadow .36s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article strong { font-size: 10.5px; font-weight: 680; line-height: 1.2; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article small { margin-top: 2px; overflow: hidden; color: var(--bp7160-muted); font-size: 7px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot { min-height: 27px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; padding: 7px 1px 0; border-top: 1px solid rgba(32, 95, 134, .09); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot span { color: var(--bp7160-muted); font-size: 7px; line-height: 1.35; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot a { flex: 0 0 auto; color: var(--bp7160-blue-deep); font-size: 8px; font-weight: 730; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:active, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article:active { transform: scale(.985); } @media (hover: hover) and (pointer: fine) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:focus-visible, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article:focus-visible { color: var(--bp7160-blue-deep); background: rgba(255, 255, 255, .94); border-color: rgba(32, 95, 134, .16); box-shadow: 0 8px 20px rgba(39, 60, 57, .065); transform: translateY(-1px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:hover .bp7160-sample-card__product-arrow, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:focus-visible .bp7160-sample-card__product-arrow { transform: translateX(2px); } } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product:focus-visible, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article:focus-visible, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot a:focus-visible { outline: 2px solid rgba(32, 95, 134, .72); outline-offset: 2px; } @media (max-width: 1120px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { padding: 13px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product { grid-template-columns: 32px minmax(0, 1fr) 12px; gap: 6px; padding-inline: 7px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product-code { width: 32px; height: 32px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product strong { font-size: 9.5px; } } @media (max-width: 860px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { order: 2; width: var(--bp7140-shell); max-width: 720px; justify-self: auto; margin: 0 auto 20px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7140-release-rail { order: 3; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product strong { font-size: 10.5px; } } @media (max-width: 560px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { padding: 12px; border-radius: 16px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__head h2 { font-size: 19px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__materials { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__product { min-height: 50px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article { min-height: 40px; padding-inline: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__article small { font-size: 6.5px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card__foot span { display: none; } } @media (prefers-reduced-transparency: reduce) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { background: #f7f8f5; -webkit-backdrop-filter: none; backdrop-filter: none; } } body.bp7160-packaging-polish::before { background-image: radial-gradient(circle at 14% 18%, rgba(77, 61, 39, .11) 0 .36px, transparent .7px), radial-gradient(circle at 76% 64%, rgba(77, 61, 39, .075) 0 .34px, transparent .66px), repeating-linear-gradient(96deg, transparent 0 11px, rgba(71, 64, 48, .012) 11px 12px, transparent 12px 23px); background-size: 15px 17px, 21px 23px, 29px 29px; mix-blend-mode: multiply; opacity: .1; } body.bp7160-packaging-polish .bp7140-main { background: var(--bp7160-paper); } /* Brand shell and stable package-family wayfinding. */ body.bp7160-packaging-polish .site-header { background: rgba(247, 243, 234, .94); border-bottom-color: rgba(23, 51, 47, .08); box-shadow: 0 8px 30px rgba(44, 54, 49, .035); backdrop-filter: blur(14px) saturate(116%); } body.bp7160-packaging-polish .brand-logos .logo-image-biocycle { position: relative; } body.bp7160-packaging-polish .brand-logos .logo-image-biocycle::after { position: absolute; right: -7px; bottom: 2px; width: 6px; height: 6px; background: var(--bp7160-green-bright); border: 2px solid var(--bp7160-paper); border-radius: 50%; content: ""; } body.bp7160-packaging-polish .bp7140-context { top: 68px; z-index: 26; color: var(--bp7160-copy); background: rgba(238, 244, 244, .94); border-block: 1px solid rgba(32, 95, 134, .1); box-shadow: 0 9px 24px rgba(32, 61, 65, .035); backdrop-filter: blur(12px) saturate(112%); } body.bp7160-packaging-polish .bp7140-context__inner { min-height: 50px; gap: clamp(22px, 3vw, 42px); } body.bp7160-packaging-polish .bp7140-context a { min-height: 50px; display: inline-flex; align-items: center; padding: 0; color: var(--bp7160-copy); font-size: 11px; font-weight: 700; letter-spacing: .035em; white-space: nowrap; } body.bp7160-packaging-polish .bp7140-context a::after { right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--bp7160-blue), var(--bp7160-green)); border-radius: 0; } body.bp7160-packaging-polish .bp7140-context a[aria-current="page"] { color: var(--bp7160-blue-deep); } /* Type hierarchy: editorial, compact and legible in both languages. */ body.bp7160-packaging-polish .bp7140-display, body.bp7160-packaging-polish .bp7140-section-title, body.bp7160-packaging-polish .bp7140-card h3, body.bp7160-packaging-polish .bp7140-route-card h3, body.bp7160-packaging-polish .bp7140-release-card h3, body.bp7160-packaging-polish .bp7140-article h2, body.bp7160-packaging-polish .bp7140-article h3 { color: var(--bp7160-ink); text-wrap: balance; } body.bp7160-packaging-polish .bp7140-display { max-width: 820px; font-size: clamp(48px, 5.1vw, 72px); letter-spacing: -.052em; line-height: 1.07; } body.bp7160-packaging-polish .bp7140-display em, body.bp7160-packaging-polish .bp7140-section-title em { color: var(--bp7160-blue-deep); font-style: normal; } body.bp7160-packaging-polish .bp7140-eyebrow { width: auto; max-width: 100%; gap: 8px; margin-bottom: 18px; padding: 0; color: var(--bp7160-green); background: transparent; border-radius: 0; font-size: 10px; font-weight: 800; letter-spacing: .13em; } body.bp7160-packaging-polish .bp7140-eyebrow::before { width: 16px; height: 2px; flex: 0 0 16px; background: linear-gradient(90deg, var(--bp7160-green-bright), var(--bp7160-blue)); border-radius: 2px; box-shadow: none; } body.bp7160-packaging-polish .bp7140-lead, body.bp7160-packaging-polish .bp7140-copy, body.bp7160-packaging-polish .bp7140-section-head > p { color: var(--bp7160-copy); } body.bp7160-packaging-polish .bp7140-lead { max-width: 690px; margin-top: 22px; font-size: clamp(15px, 1.18vw, 18px); line-height: 1.8; } /* Buttons are small material controls, not oversized app pills. */ body.bp7160-packaging-polish .bp7140-actions { gap: 10px; margin-top: 27px; } body.bp7160-packaging-polish .bp7140-button { min-height: 46px; gap: 9px; padding: 5px 6px 5px 17px; color: var(--bp7160-ink); background: rgba(255, 255, 255, .66); border: 1px solid rgba(23, 51, 47, .13); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); font-size: 11px; letter-spacing: .025em; transition: transform .46s var(--bp7160-ease), color .46s var(--bp7160-ease), background-color .46s var(--bp7160-ease), border-color .46s var(--bp7160-ease), box-shadow .46s var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-button > span:last-child[aria-hidden="true"], body.bp7160-packaging-polish .bp7140-button .bp7141-button-icon { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; background: rgba(23, 51, 47, .065); border-radius: 50%; line-height: 1; transition: transform .46s var(--bp7160-ease), background-color .46s var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-button--primary { color: #fff; background: var(--bp7160-blue-deep); border-color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-button--blue { color: #fff; background: var(--bp7160-blue); border-color: var(--bp7160-blue); } body.bp7160-packaging-polish .bp7140-button--primary > span:last-child[aria-hidden="true"], body.bp7160-packaging-polish .bp7140-button--blue > span:last-child[aria-hidden="true"], body.bp7160-packaging-polish .bp7140-button--primary .bp7141-button-icon { background: rgba(255, 255, 255, .14); } /* Shared non-home hero: warm paper, blue evidence layer, natural imagery. */ body.bp7160-packaging-polish:not(.bp7141-home) .bp7140-hero, body.bp7160-packaging-polish .bp7140-article-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(78px, 8vw, 112px) 0 clamp(66px, 7vw, 92px); background: radial-gradient(circle at 86% 18%, rgba(32, 95, 134, .13), transparent 26rem), radial-gradient(circle at 9% 84%, rgba(10, 128, 98, .075), transparent 24rem), linear-gradient(135deg, #fcfaf5 0%, var(--bp7160-paper) 54%, #eee8dd 100%); border-bottom: 1px solid rgba(23, 51, 47, .08); } body.bp7160-packaging-polish:not(.bp7141-home) .bp7140-hero::before, body.bp7160-packaging-polish .bp7140-article-hero::before { z-index: -1; background: linear-gradient(90deg, rgba(255, 255, 255, .38), transparent 45%), repeating-linear-gradient(0deg, transparent 0 55px, rgba(23, 51, 47, .014) 55px 56px); } body.bp7160-packaging-polish .bp7140-hero__grid, body.bp7160-packaging-polish .bp7140-article-hero__grid { grid-template-columns: minmax(0, 1.02fr) minmax(380px, .78fr); align-items: center; gap: clamp(46px, 6vw, 88px); } body.bp7160-packaging-polish:not(.bp7141-home) .bp7140-hero__copy::after, body.bp7160-packaging-polish .bp7140-article-hero__grid > div:first-child::after { width: 116px; height: 2px; margin-top: 27px; background: linear-gradient(90deg, var(--bp7160-green-bright), var(--bp7160-blue), transparent); animation: bp7160-film-trace 5.4s infinite var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-hero__media, body.bp7160-packaging-polish .bp7140-article-hero__media { position: relative; aspect-ratio: 4 / 3; padding: 7px; overflow: hidden; background: rgba(255, 255, 255, .65); border: 1px solid rgba(255, 255, 255, .9); border-radius: var(--bp7160-radius-lg); box-shadow: var(--bp7160-shadow); } body.bp7160-packaging-polish .bp7140-hero__media::before, body.bp7160-packaging-polish .bp7140-article-hero__media::before { z-index: 3; inset: 13px; border: 1px solid rgba(255, 255, 255, .55); border-radius: var(--bp7160-radius); } body.bp7160-packaging-polish .bp7140-hero__media img, body.bp7160-packaging-polish .bp7140-article-hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; filter: saturate(.94) contrast(.99) brightness(1.015); transition: transform .9s var(--bp7160-ease), filter .9s var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-media-note { right: 19px; bottom: 18px; max-width: calc(100% - 38px); padding: 8px 10px; color: rgba(255, 255, 255, .92); background: rgba(20, 50, 47, .72); border: 1px solid rgba(255, 255, 255, .2); border-radius: 10px; box-shadow: 0 8px 22px rgba(23, 51, 47, .1); font-size: 9px; line-height: 1.45; letter-spacing: .035em; backdrop-filter: none; } body.bp7160-packaging-polish .bp7140-hero__index { right: max(20px, calc((100vw - 1280px) / 2)); bottom: 14px; color: rgba(32, 95, 134, .065); font-size: clamp(88px, 13vw, 190px); font-weight: 750; letter-spacing: -.08em; } body.bp7160-packaging-polish .bp7140-status-row { gap: 7px; margin-top: 22px; } body.bp7160-packaging-polish .bp7140-status { padding: 7px 10px; color: var(--bp7160-copy); background: rgba(252, 250, 245, .78); border: 1px solid var(--bp7160-line); border-radius: 8px; box-shadow: none; font-size: 9px; letter-spacing: .035em; } body.bp7160-packaging-polish .bp7140-status::before { width: 5px; height: 5px; } /* Packaging homepage: keep the accepted proposition, increase evidence-blue hierarchy. */ body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero { grid-template-columns: minmax(28px, 1fr) minmax(0, 570px) minmax(380px, 594px) minmax(28px, 1fr); grid-template-rows: minmax(620px, auto) auto; column-gap: clamp(40px, 5.4vw, 84px); background: radial-gradient(circle at 84% 18%, rgba(32, 95, 134, .13), transparent 27rem), radial-gradient(circle at 9% 78%, rgba(10, 128, 98, .075), transparent 25rem), linear-gradient(135deg, #fcfaf5 0%, var(--bp7160-paper) 54%, #eee8dd 100%); } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__content { padding: 82px 0 70px; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-display { max-width: 600px; color: var(--bp7160-ink); font-size: clamp(55px, 5.15vw, 78px); letter-spacing: -.056em; line-height: 1.025; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-display em { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-lead { max-width: 555px; margin-top: 22px; color: var(--bp7160-copy); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.78; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__media { aspect-ratio: 4 / 3; padding: 7px; background: rgba(255, 255, 255, .63); border: 1px solid rgba(255, 255, 255, .9); border-radius: var(--bp7160-radius-lg); box-shadow: var(--bp7160-shadow); } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__media::before { inset: 13px; border-radius: var(--bp7160-radius); } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__media::after { display: none; content: none; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__media img { border-radius: 22px; filter: saturate(.94) contrast(.99) brightness(1.015); } body.bp7160-packaging-polish.bp7141-home .bp7140-material-field::before { border-color: rgba(10, 128, 98, .16); box-shadow: inset 0 0 72px rgba(10, 128, 98, .045), 0 0 92px rgba(32, 95, 134, .08); } body.bp7160-packaging-polish.bp7141-home .bp7140-particle { background: rgba(10, 128, 98, .7); box-shadow: 0 0 12px rgba(10, 128, 98, .2); } body.bp7160-packaging-polish.bp7141-home .bp7140-particle:nth-child(3n) { background: rgba(32, 95, 134, .62); box-shadow: 0 0 12px rgba(32, 95, 134, .18); } body.bp7160-packaging-polish.bp7141-home .bp7140-film-line { background: linear-gradient(180deg, transparent, #64c3a5 15%, #f8fffb 48%, #2c7192 84%, transparent); box-shadow: 0 0 14px rgba(10, 128, 98, .32), 0 0 28px rgba(32, 95, 134, .15); } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system { max-width: 555px; margin-top: 24px; padding: 12px 0; border-block-color: var(--bp7160-line); } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system span { padding-inline: 9px; color: var(--bp7160-copy); font-size: 10px; letter-spacing: .055em; } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system span:not(:last-child)::after { color: rgba(32, 95, 134, .72); } /* Technology release desk: compact, image-led and clearly operational. */ body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__inner { padding: 18px 20px 22px; background: rgba(249, 249, 245, .68); border: 1px solid rgba(255, 255, 255, .9); border-radius: 24px 24px 0 0; box-shadow: 0 -10px 34px rgba(42, 54, 49, .045), inset 0 1px 0 rgba(255, 255, 255, .9); } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head { margin-bottom: 13px; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head p { color: var(--bp7160-blue); font-size: 8px; letter-spacing: .12em; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head h2 { color: var(--bp7160-ink); font-size: 22px; letter-spacing: -.02em; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head a { color: var(--bp7160-blue-deep); font-size: 10px; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__grid { gap: 10px; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-mini { min-height: 102px; grid-template-columns: 96px minmax(0, 1fr); color: var(--bp7160-ink); background: rgba(252, 250, 245, .9); border: 1px solid rgba(23, 51, 47, .07); border-radius: 14px; box-shadow: none; transition: transform .48s var(--bp7160-ease), box-shadow .48s var(--bp7160-ease), background-color .48s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home .bp7140-release-mini img { filter: saturate(.9) contrast(.98) brightness(1.01); } body.bp7160-packaging-polish.bp7141-home .bp7140-release-mini__copy span { color: var(--bp7160-blue); font-size: 8px; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-mini__copy strong { color: var(--bp7160-ink); font-size: 12px; line-height: 1.5; } body.bp7160-packaging-polish .bp7151-release-ticker { margin-top: 10px; background: linear-gradient(90deg, rgba(231, 240, 244, .86), rgba(252, 250, 245, .86)); border-color: rgba(32, 95, 134, .13); border-radius: 12px; box-shadow: none; } body.bp7160-packaging-polish .bp7151-release-ticker__signal > span { background: var(--bp7160-green-bright); box-shadow: 0 0 0 4px rgba(19, 164, 122, .1); } body.bp7160-packaging-polish .bp7151-release-ticker__type, body.bp7160-packaging-polish .bp7151-release-ticker__item time { color: var(--bp7160-blue); } /* Section rhythm and paper-grade alternation. */ body.bp7160-packaging-polish .bp7140-section { padding: clamp(78px, 7.8vw, 108px) 0; border: 0; } body.bp7160-packaging-polish .bp7140-section--white { background: var(--bp7160-paper-soft); } body.bp7160-packaging-polish .bp7140-section--warm { background: radial-gradient(circle at 92% 14%, rgba(32, 95, 134, .055), transparent 24rem), var(--bp7160-paper-warm); border-block: 1px solid rgba(23, 51, 47, .06); } body.bp7160-packaging-polish .bp7140-section--deep { color: var(--bp7160-ink); background: radial-gradient(circle at 84% 18%, rgba(32, 95, 134, .1), transparent 27rem), radial-gradient(circle at 12% 88%, rgba(10, 128, 98, .065), transparent 25rem), var(--bp7160-paper-blue); border-block: 1px solid rgba(32, 95, 134, .08); } body.bp7160-packaging-polish .bp7140-section--deep .bp7140-eyebrow, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-card__number, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-card a { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-section--deep .bp7140-section-head > p, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-copy, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-card p { color: var(--bp7160-copy); } body.bp7160-packaging-polish .bp7140-section-head { grid-template-columns: minmax(0, 1.16fr) minmax(300px, .64fr); align-items: end; gap: clamp(34px, 6vw, 76px); margin-bottom: 40px; } body.bp7160-packaging-polish .bp7140-section-title { max-width: 760px; font-size: clamp(38px, 3.85vw, 54px); letter-spacing: -.045em; line-height: 1.12; } body.bp7160-packaging-polish .bp7140-section-head > p { max-width: 430px; font-size: 14px; line-height: 1.82; } body.bp7160-packaging-polish .bp7140-grid { gap: 16px; } /* Cards are paper specimens; use structure, not a wall of glass. */ body.bp7160-packaging-polish .bp7140-card, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-card { height: 100%; overflow: hidden; padding: 27px; color: var(--bp7160-ink); background: rgba(252, 250, 245, .8); border: 1px solid rgba(255, 255, 255, .78); border-radius: var(--bp7160-radius); box-shadow: var(--bp7160-shadow-soft); backdrop-filter: none; transition: transform .54s var(--bp7160-ease), box-shadow .54s var(--bp7160-ease), background-color .54s var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-card::before, body.bp7160-packaging-polish .bp7140-section--deep .bp7140-card::before { inset: 7px; border-color: rgba(23, 51, 47, .045); border-radius: 14px; } body.bp7160-packaging-polish .bp7140-card::after { top: 0; right: 22px; left: 22px; height: 1px; background: linear-gradient(90deg, transparent, rgba(32, 95, 134, .42), rgba(10, 128, 98, .28), transparent); opacity: .65; } body.bp7160-packaging-polish .bp7140-card__number { margin-bottom: 28px; color: var(--bp7160-blue); font-size: 9px; letter-spacing: .12em; } body.bp7160-packaging-polish .bp7140-card h3 { font-size: clamp(20px, 1.65vw, 25px); line-height: 1.33; } body.bp7160-packaging-polish .bp7140-card p { color: var(--bp7160-copy); font-size: 12px; line-height: 1.78; } body.bp7160-packaging-polish .bp7140-card a { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-route-card, body.bp7160-packaging-polish .bp7140-release-card { height: 100%; padding: 6px; overflow: hidden; background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .86); border-radius: 24px; box-shadow: var(--bp7160-shadow-soft); transition: transform .56s var(--bp7160-ease), box-shadow .56s var(--bp7160-ease), background-color .56s var(--bp7160-ease); } body.bp7160-packaging-polish[data-v7318-packaging-page="bioten-product-lines"] .bp7140-route-card { padding: 0; } body.bp7160-packaging-polish[data-v7318-packaging-page="bioten-product-lines"] .bp7140-route-card::before { content: none; } body.bp7160-packaging-polish .bp7140-route-card__media, body.bp7160-packaging-polish .bp7140-release-card__media { aspect-ratio: 4 / 3; border-radius: 18px; } body.bp7160-packaging-polish[data-v7318-packaging-page="bioten-product-lines"] .bp7140-route-card__media { border-radius: 23px 23px 0 0; } body.bp7160-packaging-polish .bp7140-route-card__media::after, body.bp7160-packaging-polish .bp7140-release-card__media::after { background: linear-gradient(180deg, transparent 62%, rgba(20, 50, 47, .1)); } body.bp7160-packaging-polish .bp7140-route-card__media img, body.bp7160-packaging-polish .bp7140-release-card__media img { filter: saturate(.94) contrast(.99) brightness(1.01); transition: transform .86s var(--bp7160-ease), filter .86s var(--bp7160-ease); } body.bp7160-packaging-polish .bp7140-route-card__body, body.bp7160-packaging-polish .bp7140-release-card__body { padding: 21px 19px 20px; } body.bp7160-packaging-polish[data-v7318-packaging-page="bioten-product-lines"] .bp7140-route-card__body { padding: 27px 25px 26px; } body.bp7160-packaging-polish .bp7140-route-card__meta, body.bp7160-packaging-polish .bp7140-release-card__meta { color: var(--bp7160-blue); font-size: 8px; letter-spacing: .1em; } body.bp7160-packaging-polish .bp7140-route-card h3, body.bp7160-packaging-polish .bp7140-release-card h3 { font-size: clamp(20px, 1.8vw, 25px); line-height: 1.34; } body.bp7160-packaging-polish .bp7140-route-card p, body.bp7160-packaging-polish .bp7140-release-card p { color: var(--bp7160-copy); font-size: 12px; line-height: 1.75; } body.bp7160-packaging-polish .bp7140-route-card__body > a, body.bp7160-packaging-polish .bp7140-release-card__body > a { color: var(--bp7160-blue-deep); font-size: 11px; } /* Home application grid: stable 2 × 2 editorial cards on desktop. */ body.bp7160-packaging-polish.bp7141-home .bp7141-section-domains .bp7140-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.bp7160-packaging-polish.bp7141-home .bp7141-section-domains .bp7140-route-card:nth-child(n) { grid-column: auto; } body.bp7160-packaging-polish.bp7141-home .bp7140-route-card__media { aspect-ratio: 4 / 3; } body.bp7160-packaging-polish.bp7141-home .bp7140-route-card h3 { font-size: clamp(23px, 2vw, 28px); } /* One continuous engineering rail, with visible gates and restrained motion. */ body.bp7160-packaging-polish .bp7140-chain { position: relative; gap: 0; padding: 0; overflow: visible; background: rgba(252, 250, 245, .76); border: 1px solid rgba(255, 255, 255, .82); border-radius: var(--bp7160-radius); box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish .bp7140-chain::before { z-index: 3; top: 36px; right: 8%; left: 8%; height: 2px; background: linear-gradient(90deg, var(--bp7160-green-bright), var(--bp7160-blue)); opacity: .55; } body.bp7160-packaging-polish .bp7140-chain article { min-height: 178px; padding: 58px 20px 24px; color: var(--bp7160-ink); background: transparent; border-right: 1px solid var(--bp7160-line); border-radius: 0; } body.bp7160-packaging-polish .bp7140-chain article:first-child { border-radius: var(--bp7160-radius) 0 0 var(--bp7160-radius); } body.bp7160-packaging-polish .bp7140-chain article:last-child { border-right: 0; border-radius: 0 var(--bp7160-radius) var(--bp7160-radius) 0; } body.bp7160-packaging-polish .bp7140-chain article::before { position: absolute; z-index: 4; top: 29px; width: 14px; height: 14px; background: var(--bp7160-paper-soft); border: 4px solid var(--bp7160-blue); border-radius: 50%; box-shadow: 0 0 0 5px rgba(32, 95, 134, .08); content: ""; } body.bp7160-packaging-polish .bp7140-chain article:nth-child(odd)::before { border-color: var(--bp7160-green); box-shadow: 0 0 0 5px rgba(10, 128, 98, .08); } body.bp7160-packaging-polish .bp7140-chain article:not(:last-child)::after { display: none; } body.bp7160-packaging-polish .bp7140-chain span { color: var(--bp7160-blue); font-size: 8px; letter-spacing: .11em; } body.bp7160-packaging-polish .bp7140-chain strong { color: var(--bp7160-ink); font-size: 16px; line-height: 1.4; } body.bp7160-packaging-polish .bp7140-chain p { color: var(--bp7160-copy); font-size: 11px; line-height: 1.65; } /* Evidence stages are a structured strip, not four floating cards. */ body.bp7160-packaging-polish .bp7140-evidence-ribbon { gap: 0; padding: 0; overflow: hidden; background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .86); border-radius: var(--bp7160-radius); box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish .bp7140-evidence-ribbon article { min-height: 128px; padding: 25px 22px 22px; background: transparent; border: 0; border-right: 1px solid var(--bp7160-line); border-radius: 0; } body.bp7160-packaging-polish .bp7140-evidence-ribbon article:last-child { border-right: 0; } body.bp7160-packaging-polish .bp7140-evidence-ribbon article::before { height: 2px; background: var(--bp7160-blue); } body.bp7160-packaging-polish .bp7140-evidence-ribbon article:nth-child(even)::before { background: var(--bp7160-green); } body.bp7160-packaging-polish .bp7140-evidence-ribbon strong { color: var(--bp7160-ink); font-size: 13px; } body.bp7160-packaging-polish .bp7140-evidence-ribbon p { color: var(--bp7160-copy); font-size: 11px; line-height: 1.65; } /* Release hub and operating state. */ body.bp7160-packaging-polish .bp7151-release-ops { overflow: hidden; margin-bottom: 24px; background: linear-gradient(110deg, rgba(231, 240, 244, .9), rgba(252, 250, 245, .86)); border: 1px solid rgba(32, 95, 134, .12); border-radius: 16px; box-shadow: none; } body.bp7160-packaging-polish .bp7151-release-ops > div { min-height: 82px; } body.bp7160-packaging-polish .bp7140-filter-bar { gap: 16px; margin-bottom: 24px; padding: 8px 10px; background: rgba(238, 232, 220, .72); border: 1px solid rgba(23, 51, 47, .07); border-radius: 14px; } body.bp7160-packaging-polish .bp7140-filters { gap: 3px; } body.bp7160-packaging-polish .bp7140-filters button { min-height: 34px; padding: 7px 11px; color: var(--bp7160-copy); background: transparent; border: 1px solid transparent; border-radius: 8px; font-size: 10px; } body.bp7160-packaging-polish .bp7140-filters button[aria-pressed="true"] { color: #fff; background: var(--bp7160-blue-deep); border-color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-result-count { color: var(--bp7160-muted); font-size: 10px; } /* Long-form releases: fixed reading measure and evidence-oriented side rails. */ body.bp7160-packaging-polish .bp7140-article-hero { padding: clamp(78px, 8vw, 102px) 0 clamp(56px, 6vw, 76px); } body.bp7160-packaging-polish .bp7140-article-hero .bp7140-display { max-width: 850px; font-size: clamp(42px, 4.6vw, 64px); line-height: 1.1; } body.bp7160-packaging-polish .bp7140-article-meta { gap: 7px 16px; margin-top: 23px; color: var(--bp7160-muted); font-size: 10px; letter-spacing: .03em; } body.bp7160-packaging-polish .bp7140-article-page .bp7140-section--white { background: linear-gradient(90deg, rgba(238, 232, 220, .34) 0, transparent 17%, transparent 83%, rgba(231, 240, 244, .38) 100%), var(--bp7160-paper-soft); } body.bp7160-packaging-polish .bp7140-article-layout { grid-template-columns: 190px minmax(0, 760px) minmax(210px, 1fr); gap: clamp(32px, 4vw, 52px); } body.bp7160-packaging-polish .bp7140-toc { top: 138px; padding: 16px 14px; background: rgba(238, 232, 220, .64); border: 1px solid rgba(23, 51, 47, .06); border-radius: 12px; } body.bp7160-packaging-polish .bp7140-toc p { margin-bottom: 10px; color: var(--bp7160-blue); font-size: 9px; } body.bp7160-packaging-polish .bp7140-toc a { padding: 8px 0 8px 10px; color: var(--bp7160-muted); border-left-color: rgba(23, 51, 47, .11); font-size: 11px; line-height: 1.45; } body.bp7160-packaging-polish .bp7140-toc a[aria-current="true"] { color: var(--bp7160-ink); border-left-color: var(--bp7160-blue); } body.bp7160-packaging-polish .bp7140-article section { padding-bottom: 62px; } body.bp7160-packaging-polish .bp7140-article h2 { margin-bottom: 22px; font-size: clamp(29px, 3vw, 40px); letter-spacing: -.038em; line-height: 1.22; } body.bp7160-packaging-polish .bp7140-article h3 { margin: 28px 0 13px; font-size: 21px; line-height: 1.35; } body.bp7160-packaging-polish .bp7140-article p, body.bp7160-packaging-polish .bp7140-article li { color: var(--bp7160-copy); font-size: 15px; line-height: 1.92; } body.bp7160-packaging-polish .bp7140-article p { margin-bottom: 18px; } body.bp7160-packaging-polish .bp7140-article blockquote { margin: 28px 0; padding: 23px 26px; color: var(--bp7160-ink); background: var(--bp7160-paper-blue); border-left: 3px solid var(--bp7160-blue); border-radius: 0 14px 14px 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .56); } body.bp7160-packaging-polish .bp7140-article blockquote p { font-size: 16px; line-height: 1.75; } body.bp7160-packaging-polish .bp7140-table-wrap { margin: 26px 0; background: rgba(255, 255, 255, .62); border: 1px solid rgba(32, 95, 134, .11); border-radius: 14px; box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish .bp7140-table { background: rgba(252, 250, 245, .94); } body.bp7160-packaging-polish .bp7140-table caption { color: var(--bp7160-copy); background: var(--bp7160-paper-warm); } body.bp7160-packaging-polish .bp7140-table th { color: var(--bp7160-ink); background: var(--bp7160-paper-blue); } body.bp7160-packaging-polish .bp7140-table td { color: var(--bp7160-copy); } body.bp7160-packaging-polish .bp7140-table th, body.bp7160-packaging-polish .bp7140-table td { border-bottom-color: rgba(23, 51, 47, .08); } body.bp7160-packaging-polish .bp7140-passport { top: 138px; padding: 5px; background: rgba(255, 255, 255, .66); border: 1px solid rgba(32, 95, 134, .11); border-radius: 15px; box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish .bp7140-passport__head { padding: 16px 17px; color: #fff; background: linear-gradient(135deg, var(--bp7160-blue-deep), #236f8d); border-radius: 10px; } body.bp7160-packaging-polish .bp7140-passport__head span { color: #b9eadb; } body.bp7160-packaging-polish .bp7140-passport dl { padding-inline: 16px; } body.bp7160-packaging-polish .bp7140-passport dl div { padding: 13px 0; border-bottom-color: rgba(23, 51, 47, .08); } body.bp7160-packaging-polish .bp7140-passport dt { color: var(--bp7160-muted); } body.bp7160-packaging-polish .bp7140-passport dd { color: var(--bp7160-copy); } body.bp7160-packaging-polish .bp7140-passport a { margin-inline: 16px; background: var(--bp7160-blue); border-radius: 9px; } body.bp7160-packaging-polish .bp7140-evidence-empty { color: var(--bp7160-copy); background: rgba(231, 240, 244, .74); border: 1px solid rgba(32, 95, 134, .18); border-radius: 14px; } body.bp7160-packaging-polish .bp7140-evidence-empty::before { color: var(--bp7160-blue); background: rgba(255, 255, 255, .68); } body.bp7160-packaging-polish .bp7140-relationship { gap: 7px; } body.bp7160-packaging-polish .bp7140-relationship a { padding: 14px; color: var(--bp7160-copy); background: rgba(252, 250, 245, .84); border-color: rgba(23, 51, 47, .075); border-radius: 10px; box-shadow: none; } body.bp7160-packaging-polish .bp7140-relationship a span { color: var(--bp7160-blue); } /* Contextual project intake: same material and evidence hierarchy. */ body.bp7160-packaging-polish.bp7140-intake-page .request-page { color: var(--bp7160-ink); background: var(--bp7160-paper); } body.bp7160-packaging-polish.bp7140-intake-page .request-hero { color: var(--bp7160-ink); background: radial-gradient(circle at 83% 20%, rgba(32, 95, 134, .13), transparent 26rem), radial-gradient(circle at 12% 84%, rgba(10, 128, 98, .07), transparent 23rem), linear-gradient(135deg, #fcfaf5, var(--bp7160-paper-warm)); border-bottom-color: rgba(23, 51, 47, .08); } body.bp7160-packaging-polish.bp7140-intake-page .request-kicker, body.bp7160-packaging-polish.bp7140-intake-page .request-card legend span { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish.bp7140-intake-page .request-shell { padding-block: clamp(68px, 7vw, 98px); } body.bp7160-packaging-polish.bp7140-intake-page .request-card { padding: clamp(23px, 3vw, 31px); background: rgba(252, 250, 245, .84); border: 1px solid rgba(255, 255, 255, .82); border-radius: var(--bp7160-radius); box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form input, body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form select, body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form textarea { color: var(--bp7160-ink); background: rgba(255, 255, 255, .75); border-color: rgba(23, 51, 47, .12); border-radius: 10px; } body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form input:focus, body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form select:focus, body.bp7160-packaging-polish.bp7140-intake-page .bioten-request-form textarea:focus { border-color: var(--bp7160-blue); box-shadow: 0 0 0 4px rgba(32, 95, 134, .1); } body.bp7160-packaging-polish.bp7140-intake-page .request-options label:has(input:checked) { color: var(--bp7160-ink); background: var(--bp7160-paper-blue); border-color: rgba(32, 95, 134, .28); } body.bp7160-packaging-polish.bp7140-intake-page .request-submit { background: var(--bp7160-paper-blue); border-color: rgba(32, 95, 134, .1); border-radius: 16px; } body.bp7160-packaging-polish.bp7140-intake-page .request-submit-button { background: var(--bp7160-blue-deep); border-color: var(--bp7160-blue-deep); } /* Final collaboration area: paper with a transparent blue functional layer. */ body.bp7160-packaging-polish .bp7140-cta, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta { padding: clamp(58px, 6.5vw, 82px) 0; color: var(--bp7160-ink); background: var(--bp7160-paper); } body.bp7160-packaging-polish .bp7140-cta__grid, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta .bp7140-cta__grid { position: relative; overflow: hidden; padding: clamp(34px, 4.5vw, 52px); color: var(--bp7160-ink); background: linear-gradient(115deg, rgba(255, 255, 255, .62), transparent 58%), linear-gradient(135deg, rgba(231, 240, 244, .96), rgba(220, 233, 239, .88)); border: 1px solid rgba(32, 95, 134, .12); border-radius: var(--bp7160-radius-lg); box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish .bp7140-cta__grid::before, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta .bp7140-cta__grid::before { top: 0; right: 7%; left: 7%; height: 1px; background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .55), rgba(32, 95, 134, .55), transparent); } body.bp7160-packaging-polish .bp7140-cta__grid::after, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta .bp7140-cta__grid::after { opacity: .12; } body.bp7160-packaging-polish .bp7140-cta h2, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta h2 { color: var(--bp7160-ink); font-size: clamp(32px, 3.45vw, 47px); letter-spacing: -.04em; line-height: 1.16; } body.bp7160-packaging-polish .bp7140-cta p, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta p { color: var(--bp7160-copy); font-size: 14px; line-height: 1.78; } body.bp7160-packaging-polish .bp7140-cta .bp7140-button, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta .bp7140-button { color: #fff; background: var(--bp7160-blue-deep); border-color: var(--bp7160-blue-deep); } /* Footer: group ownership, packaging identity and calm blue-paper depth. */ body.bp7160-packaging-polish .bp7140-footer { position: relative; overflow: hidden; color: var(--bp7160-copy); background: radial-gradient(circle at 86% 8%, rgba(32, 95, 134, .12), transparent 24rem), linear-gradient(135deg, #edf3f2 0%, var(--bp7160-paper-blue) 58%, var(--bp7160-paper-blue-deep) 100%); border-top: 1px solid rgba(32, 95, 134, .11); } body.bp7160-packaging-polish .bp7140-footer::before { background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .36), rgba(32, 95, 134, .48), transparent); opacity: .7; } body.bp7160-packaging-polish .bp7140-footer::after { opacity: .04; } body.bp7160-packaging-polish .bp7140-footer__top { grid-template-columns: minmax(250px, .82fr) minmax(0, 2.18fr); gap: clamp(48px, 6vw, 88px); padding: 50px 0 38px; } body.bp7160-packaging-polish .bp7140-footer__brand img { width: auto; max-width: 118px; height: auto; max-height: 58px; object-fit: contain; object-position: left center; filter: none; opacity: .94; } body.bp7160-packaging-polish .bp7140-footer__brand strong { margin-top: 14px; color: var(--bp7160-ink); font-size: 13px; letter-spacing: .02em; } body.bp7160-packaging-polish .bp7140-footer__brand p { max-width: 310px; margin-top: 8px; color: var(--bp7160-copy); font-size: 10px; line-height: 1.7; } body.bp7160-packaging-polish .bp7140-footer__directory { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 3vw, 38px); } body.bp7160-packaging-polish .bp7140-footer__group h2 { margin-bottom: 12px; color: var(--bp7160-blue-deep); font-size: 9px; letter-spacing: .13em; } body.bp7160-packaging-polish .bp7140-footer__group a { padding: 3px 0; color: var(--bp7160-copy); font-size: 10px; line-height: 1.45; } body.bp7160-packaging-polish .bp7140-footer__group a:hover, body.bp7160-packaging-polish .bp7140-footer__group a:focus-visible { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-footer__bottom { min-height: 52px; color: var(--bp7160-muted); border-top: 1px solid rgba(32, 95, 134, .11); font-size: 9px; white-space: nowrap; } body.bp7160-packaging-polish .bp7140-footer__bottom a { color: var(--bp7160-copy); } body.bp7160-packaging-polish .bp7140-footer__legal { gap: 15px; } /* Existing progressive coating sheen: visible, but never obscures the image. */ body.bp7160-packaging-polish .bp7150-coated-media::after { background: radial-gradient(circle at var(--bp7150-x) var(--bp7150-y), rgba(255, 255, 255, .48) 0, rgba(255, 255, 255, .12) 13%, transparent 31%), linear-gradient(112deg, transparent 25%, rgba(255, 255, 255, .14) 44%, transparent 61%); mix-blend-mode: soft-light; opacity: .13; } body.bp7160-packaging-polish .bp7150-coated-media.is-sheen-active::after { opacity: .3; } @media (hover: hover) and (pointer: fine) { body.bp7160-packaging-polish .bp7140-button:hover, body.bp7160-packaging-polish .bp7140-button:focus-visible { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(23, 51, 47, .09), inset 0 1px 0 rgba(255, 255, 255, .82); } body.bp7160-packaging-polish .bp7140-button:hover > span:last-child[aria-hidden="true"], body.bp7160-packaging-polish .bp7140-button:focus-visible > span:last-child[aria-hidden="true"], body.bp7160-packaging-polish .bp7140-button:hover .bp7141-button-icon, body.bp7160-packaging-polish .bp7140-button:focus-visible .bp7141-button-icon { transform: translate3d(2px, -1px, 0); } body.bp7160-packaging-polish .bp7140-card:hover, body.bp7160-packaging-polish .bp7140-card:focus-within, body.bp7160-packaging-polish .bp7140-route-card:hover, body.bp7160-packaging-polish .bp7140-route-card:focus-within, body.bp7160-packaging-polish .bp7140-release-card:hover, body.bp7160-packaging-polish .bp7140-release-card:focus-within, body.bp7160-packaging-polish .bp7140-release-mini:hover, body.bp7160-packaging-polish .bp7140-release-mini:focus-visible { transform: translateY(-4px); background: rgba(255, 255, 255, .82); box-shadow: var(--bp7160-shadow); } body.bp7160-packaging-polish .bp7140-route-card:hover img, body.bp7160-packaging-polish .bp7140-route-card:focus-within img, body.bp7160-packaging-polish .bp7140-release-card:hover img, body.bp7160-packaging-polish .bp7140-release-card:focus-within img, body.bp7160-packaging-polish .bp7140-hero__media:hover img, body.bp7160-packaging-polish .bp7140-article-hero__media:hover img { transform: scale(1.018); filter: saturate(.98) contrast(1) brightness(1.02); } } @keyframes bp7160-film-trace { 0%, 14% { opacity: .25; transform: scaleX(.14); } 42%, 74% { opacity: .9; transform: scaleX(1); } 100% { opacity: .28; transform: scaleX(.2); } } @media (max-width: 1180px) { body.bp7160-packaging-polish .bp7140-hero__grid, body.bp7160-packaging-polish .bp7140-article-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(340px, .76fr); gap: 46px; } body.bp7160-packaging-polish .bp7140-article-layout { grid-template-columns: 172px minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-passport { position: static; grid-column: 2; } body.bp7160-packaging-polish .bp7140-footer__top { gap: 42px; } } @media (max-width: 980px) { body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero { grid-template-columns: minmax(26px, 1fr) minmax(0, 1fr) minmax(330px, .78fr) minmax(26px, 1fr); column-gap: 34px; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-display { font-size: clamp(50px, 6vw, 65px); } body.bp7160-packaging-polish .bp7140-section-head { grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr); gap: 30px; } body.bp7160-packaging-polish .bp7140-chain { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.bp7160-packaging-polish .bp7140-chain::before { display: none; } body.bp7160-packaging-polish .bp7140-chain article { min-height: 160px; padding-top: 29px; border-right: 1px solid var(--bp7160-line); border-bottom: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish .bp7140-chain article::before { display: none; } body.bp7160-packaging-polish .bp7140-chain article:nth-child(3n) { border-right: 0; } body.bp7160-packaging-polish .bp7140-chain article:nth-last-child(-n + 2) { border-bottom: 0; } } @media (max-width: 860px) { body.bp7160-packaging-polish .bp7140-context { top: 62px; } body.bp7160-packaging-polish .bp7140-context__inner { gap: 24px; } body.bp7160-packaging-polish .bp7140-hero, body.bp7160-packaging-polish .bp7140-article-hero { padding-block: 68px 56px; } body.bp7160-packaging-polish .bp7140-hero__grid, body.bp7160-packaging-polish .bp7140-article-hero__grid, body.bp7160-packaging-polish .bp7140-section-head, body.bp7160-packaging-polish .bp7140-cta__grid, body.bp7160-packaging-polish .bp7140-footer__top { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-hero__grid, body.bp7160-packaging-polish .bp7140-article-hero__grid { gap: 38px; } body.bp7160-packaging-polish .bp7140-hero__media, body.bp7160-packaging-polish .bp7140-article-hero__media { width: 100%; max-width: 680px; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero { display: flex; flex-direction: column; padding-bottom: 0; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__content { order: 1; width: var(--bp7140-shell); padding: 76px 0 42px; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__media { order: 2; width: var(--bp7140-shell); margin: 0 auto 30px; } body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero__veil { background: linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 72%); } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail { order: 3; background: transparent; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__inner { border-radius: 22px 22px 0 0; } body.bp7160-packaging-polish .bp7140-section { padding: 70px 0; } body.bp7160-packaging-polish .bp7140-section-head { align-items: start; gap: 17px; margin-bottom: 32px; } body.bp7160-packaging-polish .bp7140-article-layout { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-toc, body.bp7160-packaging-polish .bp7140-passport { position: static; grid-column: auto; } body.bp7160-packaging-polish .bp7140-toc { display: flex; overflow-x: auto; gap: 5px; padding: 7px; scrollbar-width: none; } body.bp7160-packaging-polish .bp7140-toc::-webkit-scrollbar { display: none; } body.bp7160-packaging-polish .bp7140-toc p { display: none; } body.bp7160-packaging-polish .bp7140-toc a { min-width: max-content; padding: 8px 10px; border: 1px solid var(--bp7160-line); border-radius: 8px; } body.bp7160-packaging-polish .bp7140-toc a[aria-current="true"] { color: #fff; background: var(--bp7160-blue-deep); border-color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish .bp7140-footer__top { gap: 34px; } body.bp7160-packaging-polish .bp7140-footer__bottom { min-height: 62px; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; } } @media (max-width: 760px) { body.bp7160-packaging-polish.bp7141-home .bp7141-section-domains .bp7140-grid--4 { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-grid--4, body.bp7160-packaging-polish .bp7140-grid--3, body.bp7160-packaging-polish .bp7140-grid--2 { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bp7160-packaging-polish .bp7140-chain article:nth-child(3n) { border-right: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish .bp7140-chain article:nth-child(even) { border-right: 0; } body.bp7160-packaging-polish .bp7140-chain article:nth-last-child(-n + 2) { border-bottom: 0; } body.bp7160-packaging-polish .bp7140-evidence-ribbon { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bp7160-packaging-polish .bp7140-evidence-ribbon article:nth-child(even) { border-right: 0; } body.bp7160-packaging-polish .bp7140-evidence-ribbon article:nth-child(-n + 2) { border-bottom: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish .bp7151-release-ops { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bp7160-packaging-polish .bp7140-footer__directory { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } } @media (max-width: 560px) { body.bp7160-packaging-polish .bp7140-display, body.bp7160-packaging-polish .bp7140-hero__copy .bp7140-display, body.bp7160-packaging-polish .bp7140-article-hero .bp7140-display, body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-display { font-size: clamp(35px, 10.8vw, 46px); line-height: 1.09; } body.bp7160-packaging-polish .bp7140-lead, body.bp7160-packaging-polish.bp7141-home .bp7140-home-hero .bp7140-lead { font-size: 14px; line-height: 1.78; } body.bp7160-packaging-polish .bp7140-actions { display: grid; grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-button { width: 100%; justify-content: space-between; } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system span { min-height: 36px; justify-content: flex-start; border-bottom: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish.bp7141-home .bp7140-hero-system span:not(:last-child)::after { display: none; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head p { display: none; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-rail__head h2 { font-size: 19px; } body.bp7160-packaging-polish.bp7141-home .bp7140-release-mini { grid-template-columns: 86px minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-section { padding: 58px 0; } body.bp7160-packaging-polish .bp7140-section-title { font-size: 31px; } body.bp7160-packaging-polish .bp7140-card { padding: 23px; } body.bp7160-packaging-polish .bp7140-card__number { margin-bottom: 22px; } body.bp7160-packaging-polish .bp7140-route-card__body, body.bp7160-packaging-polish .bp7140-release-card__body { padding: 19px 17px 18px; } body.bp7160-packaging-polish[data-v7318-packaging-page="bioten-product-lines"] .bp7140-route-card__body { padding: 25px 23px 24px; } body.bp7160-packaging-polish .bp7140-chain { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-chain article, body.bp7160-packaging-polish .bp7140-chain article:nth-child(n) { min-height: auto; padding: 24px 21px; border-right: 0; border-bottom: 1px solid var(--bp7160-line); border-radius: 0; } body.bp7160-packaging-polish .bp7140-chain article:last-child { border-bottom: 0; } body.bp7160-packaging-polish .bp7140-evidence-ribbon { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-evidence-ribbon article, body.bp7160-packaging-polish .bp7140-evidence-ribbon article:nth-child(n) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish .bp7140-evidence-ribbon article:last-child { border-bottom: 0; } body.bp7160-packaging-polish .bp7151-release-ops { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-filter-bar { align-items: flex-start; border-radius: 12px; } body.bp7160-packaging-polish .bp7140-article p, body.bp7160-packaging-polish .bp7140-article li { font-size: 14px; } body.bp7160-packaging-polish .bp7140-relationship { grid-template-columns: minmax(0, 1fr); } body.bp7160-packaging-polish .bp7140-cta, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta { padding: 48px 0; } body.bp7160-packaging-polish .bp7140-cta__grid, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta .bp7140-cta__grid { padding: 27px 22px; border-radius: 21px; } body.bp7160-packaging-polish .bp7140-cta h2, body.bp7160-packaging-polish.bp7141-home .bp7141-project-cta h2 { font-size: 29px; } body.bp7160-packaging-polish .bp7140-footer__top { padding: 42px 0 30px; } body.bp7160-packaging-polish .bp7140-footer__directory { grid-template-columns: minmax(0, 1fr); gap: 24px; } body.bp7160-packaging-polish .bp7140-footer__bottom { min-height: 58px; } } @media (prefers-reduced-motion: reduce) { body.bp7160-packaging-polish *, body.bp7160-packaging-polish *::before, body.bp7160-packaging-polish *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } body.bp7160-packaging-polish .bp7150-coated-media::after { display: none; } } /* -------------------------------------------------------------------------- * V7.16.0 R2 · homepage first-viewport release integration * The release desk shares the hero's right stage with the main image instead * of becoming a visually separate second row. * ----------------------------------------------------------------------- */ body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero { min-height: clamp(720px, calc(100svh - 68px), 850px); grid-template-rows: minmax(720px, 1fr); align-items: stretch; column-gap: clamp(38px, 5vw, 76px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__content { grid-column: 2; grid-row: 1; align-self: center; padding: 54px 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero .bp7140-display { font-size: clamp(53px, 4.75vw, 72px); line-height: 1.035; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero .bp7140-lead { max-width: 540px; margin-top: 19px; font-size: clamp(15px, 1.12vw, 17px); line-height: 1.72; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-hero-system { max-width: 540px; margin-top: 20px; padding-block: 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero .bp7140-actions { margin-top: 22px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media { position: relative; z-index: 2; inset: auto; grid-column: 3; grid-row: 1; width: 100%; max-height: 342px; align-self: start; margin-top: 42px; aspect-ratio: 16 / 9; border-radius: 28px; box-shadow: 0 22px 62px rgba(39, 60, 57, .1), 0 3px 12px rgba(39, 60, 57, .045); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media::before { inset: 12px; border-radius: 18px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media img { border-radius: 20px; object-position: 58% 51%; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail { position: relative; z-index: 6; right: auto; bottom: auto; left: auto; grid-column: 3; grid-row: 1; width: 100%; align-self: end; margin: 0 0 42px; color: var(--bp7160-ink); background: transparent; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__inner { position: relative; width: 100%; padding: 12px; overflow: hidden; background: linear-gradient(118deg, rgba(252, 250, 245, .97), rgba(229, 238, 241, .9)), var(--bp7160-paper-soft); border: 1px solid rgba(255, 255, 255, .92); border-radius: 24px; box-shadow: 0 18px 48px rgba(39, 60, 57, .09), inset 0 0 0 1px rgba(32, 95, 134, .075); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__inner::before { position: absolute; top: 0; right: 18px; left: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .52), rgba(32, 95, 134, .62), transparent); content: ""; pointer-events: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head { align-items: center; margin-bottom: 9px; padding: 0 3px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head p { margin-bottom: 2px; color: var(--bp7160-blue); font-size: 7px; letter-spacing: .13em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head h2 { font-family: "Songti SC", "STSong", serif; font-size: 19px; font-weight: 600; letter-spacing: -.025em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__summary { max-width: 300px; margin: 4px 0 0; color: rgba(45, 65, 62, .7); font-size: 7.5px; font-weight: 520; letter-spacing: .015em; line-height: 1.42; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__actions { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head a { min-height: 32px; display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; color: var(--bp7160-blue-deep); background: rgba(255, 255, 255, .58); border-radius: 999px; font-size: 9px; transition: color .42s var(--bp7160-ease), background-color .42s var(--bp7160-ease), transform .42s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__actions .is-partner { color: #fff; background: var(--bp7160-blue-deep); box-shadow: 0 6px 16px rgba(19, 78, 116, .14); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__grid { display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(64px, 1fr)); gap: 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini { min-height: 64px; grid-template-columns: 58px minmax(0, 1fr); color: var(--bp7160-ink); background: rgba(252, 250, 245, .86); border: 0; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(23, 51, 47, .065), inset 0 1px 0 rgba(255, 255, 255, .88); backdrop-filter: none; transition: transform .52s var(--bp7160-ease), box-shadow .52s var(--bp7160-ease), background-color .52s var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child { grid-row: 1 / 3; grid-template-columns: 96px minmax(0, 1fr); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini img { object-position: center; filter: saturate(.9) contrast(.98) brightness(1.015); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini__copy { padding: 8px 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini__copy span { font-size: 7px; letter-spacing: .07em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini__copy strong { margin-top: 4px; font-size: 10px; line-height: 1.42; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child .bp7140-release-mini__copy { padding: 11px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 11px; line-height: 1.48; -webkit-line-clamp: 3; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker { min-height: 44px; grid-template-columns: auto minmax(0, 1fr) auto 32px; gap: 9px; margin-top: 8px; padding: 5px 5px 5px 11px; border-radius: 11px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__track { height: 30px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item { gap: 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item strong { font-size: 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__toggle { width: 32px; height: 32px; border-radius: 9px; } @media (hover: hover) and (pointer: fine) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:focus-visible { background: #fff; box-shadow: 0 13px 28px rgba(39, 60, 57, .09), inset 0 0 0 1px rgba(32, 95, 134, .1); transform: translateY(-2px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head a:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head a:focus-visible { color: #fff; background: var(--bp7160-blue-deep); transform: translateY(-1px); } } @media (max-width: 1120px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero { grid-template-columns: 24px minmax(0, 1fr) minmax(330px, .76fr) 24px; column-gap: 32px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero .bp7140-display { font-size: clamp(49px, 5.35vw, 64px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media { max-height: 290px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__summary { max-width: 190px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(3, 58px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child { min-height: 58px; grid-row: auto; grid-template-columns: 64px minmax(0, 1fr); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child .bp7140-release-mini__copy { padding: 8px 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 10px; -webkit-line-clamp: 2; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__type { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item { grid-template-columns: max-content minmax(0, 1fr); } } @media (max-width: 860px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero { min-height: auto; display: flex; flex-direction: column; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__content { order: 1; width: var(--bp7140-shell); padding: 68px 0 34px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail { order: 2; width: var(--bp7140-shell); margin: 0 auto 22px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__grid { grid-template-columns: none; grid-template-rows: none; grid-auto-flow: column; grid-auto-columns: minmax(258px, 68vw); overflow-x: auto; padding-bottom: 2px; scroll-snap-type: x mandatory; scrollbar-width: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__grid::-webkit-scrollbar { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child { min-height: 82px; grid-template-columns: 82px minmax(0, 1fr); scroll-snap-align: start; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:last-child { display: grid; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini__copy strong, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 11px; -webkit-line-clamp: 2; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker { grid-template-columns: minmax(0, 1fr) auto 32px; gap: 8px; padding-left: 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__signal { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media { order: 3; width: var(--bp7140-shell); max-width: 760px; max-height: none; margin: 0 auto 30px; aspect-ratio: 16 / 10; } } @media (max-width: 560px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__content { padding: 54px 0 26px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero .bp7140-display { font-size: clamp(36px, 10.4vw, 45px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail { margin-bottom: 18px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__inner { padding: 11px; border-radius: 20px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 8px; margin-bottom: 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head p { display: block; font-size: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head h2 { font-size: 22px !important; line-height: 1.16 !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__summary { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7160-release-rail__actions { width: 100%; gap: 3px; justify-content: flex-start; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__head a { min-height: 30px; padding: 5px 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-release-rail__grid { grid-auto-columns: minmax(244px, 82vw); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker { min-height: 54px; grid-template-columns: minmax(0, 1fr) 34px; padding: 6px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__counter { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__track { height: 40px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item { grid-template-columns: minmax(0, 1fr); align-content: center; gap: 1px; padding-left: 3px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item time { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__item strong { display: -webkit-box; font-size: 10px; line-height: 1.42; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7151-release-ticker__toggle { width: 34px; height: 34px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] .bp7140-home-hero__media { aspect-ratio: 4 / 3; border-radius: 23px; } } @media (max-width: 860px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7140-release-rail { order: 3; } } @media (min-width: 861px) and (max-width: 1120px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7140-home-hero { grid-template-rows: minmax(660px, auto) auto; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7160-sample-card { margin-top: 28px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] .bp7140-release-rail { margin-bottom: 28px; } } /* Defeat the legacy global h2 lock only inside the two compact first-screen panels. */ html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] main#main-content .bp7160-sample-card__head h2 { font-size: clamp(20px, 1.55vw, 24px) !important; line-height: 1.16 !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] main#main-content .bp7140-release-rail__head h2 { font-size: clamp(23px, 1.8vw, 27px) !important; line-height: 1.14 !important; } @media (max-width: 560px) { html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-sample="compact-product-selector-r4"] main#main-content .bp7160-sample-card__head h2 { font-size: 24px !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-release="integrated-first-viewport-r2"] main#main-content .bp7140-release-rail__head h2 { font-size: 22px !important; } } /* -------------------------------------------------------------------------- * V7.16.0 R6 · markerless homepage typography * The legacy site bundle injects a pulsing blue dot, a fixed 30px size and * nowrap into every H2. On the packaging homepage this competes with the * engineering hierarchy and breaks bilingual wrapping. The page now relies * on type scale, weight, spacing and one restrained accent line instead. * Process nodes remain visible because they communicate real workflow state. * ----------------------------------------------------------------------- */ html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content h2::before { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; content: none !important; animation: none !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content :is(.bp7160-sample-card__head h2, .bp7140-release-rail__head h2, .bp7140-section-title, .bp7141-project-cta h2) { width: auto !important; max-width: 100% !important; margin-right: 0 !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; text-align: left !important; text-wrap: balance; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-head { align-items: end; gap: clamp(32px, 5.4vw, 70px); margin-bottom: 36px; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-title { width: min(100%, 760px) !important; max-width: 760px !important; color: var(--bp7160-ink) !important; font-size: clamp(40px, 3.55vw, 52px) !important; font-weight: 600 !important; line-height: 1.1 !important; letter-spacing: -.04em !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-title em { color: var(--bp7160-blue-deep) !important; font-weight: inherit; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-head > p { max-width: 405px; margin: 0 0 3px; color: var(--bp7160-copy); font-size: clamp(14px, 1.05vw, 15px); line-height: 1.76; text-wrap: pretty; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-eyebrow { gap: 8px; margin-bottom: 15px; font-size: 10px; letter-spacing: .105em; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content :is(.bp7160-sample-card__head h2, .bp7140-release-rail__head h2) { color: var(--bp7160-ink) !important; font-weight: 650 !important; letter-spacing: -.026em !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-route-card h3 { color: var(--bp7160-ink) !important; font-size: clamp(23px, 1.9vw, 27px) !important; font-weight: 610 !important; line-height: 1.3 !important; letter-spacing: -.028em !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-route-card p { font-size: 13px; line-height: 1.72; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-route-card__body > a { font-size: 12px; font-weight: 700; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-card h3 { color: var(--bp7160-ink) !important; font-size: clamp(20px, 1.55vw, 23px) !important; font-weight: 610 !important; line-height: 1.34 !important; letter-spacing: -.022em !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-card p { font-size: 13px; line-height: 1.72; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-chain strong { font-size: 17px; font-weight: 620; letter-spacing: -.018em; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-chain p, html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-evidence-ribbon p { font-size: 12px; line-height: 1.68; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-evidence-ribbon strong { font-size: 14px; font-weight: 650; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7141-project-cta h2 { width: min(100%, 920px) !important; color: var(--bp7160-blue-deep) !important; font-size: clamp(32px, 3.25vw, 46px) !important; font-weight: 600 !important; line-height: 1.14 !important; letter-spacing: -.038em !important; } @media (max-width: 860px) { html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-head { align-items: start; gap: 16px; margin-bottom: 30px; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-title { width: 100% !important; font-size: clamp(30px, 8.2vw, 36px) !important; line-height: 1.14 !important; letter-spacing: -.034em !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-section-head > p { max-width: 620px; margin-bottom: 0; font-size: 13.5px; line-height: 1.72; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-route-card h3 { font-size: 22px !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7140-card h3 { font-size: 20px !important; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home main#main-content .bp7141-project-cta h2 { width: 100% !important; font-size: clamp(27px, 7.4vw, 32px) !important; line-height: 1.16 !important; } } /* -------------------------------------------------------------------------- * V7.16.0 R7 · two-card application and partnership dock * The brand proposition and material field form the upper narrative layer. * Product selection and application publishing sit together in a lower dock, * using translucent paper-coating surfaces instead of two stacked side panels. * ----------------------------------------------------------------------- */ body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero { min-height: auto; grid-template-columns: minmax(28px, 1fr) minmax(340px, 390px) minmax(0, 820px) minmax(28px, 1fr); grid-template-rows: minmax(370px, auto) auto; column-gap: 18px; row-gap: 14px; align-items: start; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero::before { background: linear-gradient(90deg, rgba(255, 255, 255, .34), transparent 46%), radial-gradient(circle at 78% 24%, rgba(255, 255, 255, .4), transparent 21rem), repeating-linear-gradient(0deg, transparent 0 45px, rgba(23, 53, 47, .016) 45px 46px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero__content { grid-column: 2 / 4; grid-row: 1; width: 100%; align-self: start; margin: 0; padding: 50px 0 24px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero__copy { max-width: 680px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero .bp7140-display { max-width: 680px; font-size: clamp(54px, 4.65vw, 70px); line-height: 1.02; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero .bp7140-lead { max-width: 620px; margin-top: 18px; font-size: clamp(15px, 1.08vw, 17px); line-height: 1.7; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-hero-system { max-width: 620px; margin-top: 18px; padding-block: 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-material-field { top: 22px; right: max(20px, calc((100vw - 1260px) / 2)); width: min(44vw, 610px); height: 380px; opacity: .92; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-material-field::before { top: 4%; right: 4%; width: min(28vw, 390px); box-shadow: inset 0 0 70px rgba(11, 155, 114, .055), 0 0 90px rgba(40, 110, 148, .075); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { min-width: 0; min-height: 334px; align-self: stretch; margin-top: 0; margin-bottom: 38px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card { grid-column: 2; grid-row: 2; width: 100%; max-width: none; justify-self: stretch; padding: 20px 18px 17px; background: radial-gradient(circle at 10% 0%, rgba(255, 255, 255, .78), transparent 42%), linear-gradient(128deg, rgba(255, 255, 255, .62), rgba(225, 238, 242, .4)), rgba(247, 243, 234, .36); border-color: rgba(255, 255, 255, .84); border-radius: 24px; box-shadow: 0 24px 60px rgba(39, 60, 57, .085), inset 0 1px 0 rgba(255, 255, 255, .82), inset 0 0 0 1px rgba(32, 95, 134, .055); -webkit-backdrop-filter: blur(18px) saturate(1.16); backdrop-filter: blur(18px) saturate(1.16); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card::before { right: 24px; left: 24px; height: 1px; background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .48), rgba(32, 95, 134, .58), transparent); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card::after, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner::after { position: absolute; z-index: 0; inset: 1px; border: 1px solid rgba(255, 255, 255, .3); border-radius: inherit; content: ""; pointer-events: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__head p { margin-bottom: 5px; font-size: 9px; letter-spacing: .115em; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] main#main-content .bp7160-sample-card__head h2 { font-size: clamp(23px, 1.9vw, 27px) !important; font-weight: 680 !important; line-height: 1.16 !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__intro { margin: 7px 0 12px; font-size: 10.5px; line-height: 1.55; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__products { gap: 7px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__products .bp7160-sample-card__product { min-height: 57px; grid-template-columns: minmax(0, 1fr) 18px; gap: 10px; padding: 9px 12px; background: rgba(252, 250, 245, .56); border-color: rgba(23, 51, 47, .065); border-radius: 13px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__product strong { font-size: 13px; font-weight: 680; line-height: 1.3; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__product small { margin-top: 3px; font-size: 9px; line-height: 1.3; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__product-arrow { font-size: 14px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__foot { min-height: 30px; margin-top: 10px; padding-top: 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__foot span, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__foot a { font-size: 8px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { grid-column: 3; grid-row: 2; width: 100%; align-self: stretch; color: var(--bp7160-ink); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner { min-height: 334px; height: 100%; display: flex; flex-direction: column; padding: 17px; background: radial-gradient(circle at 88% 0%, rgba(255, 255, 255, .72), transparent 38%), linear-gradient(118deg, rgba(255, 255, 255, .58), rgba(220, 234, 240, .43)), rgba(247, 243, 234, .34); border-color: rgba(255, 255, 255, .82); border-radius: 24px; box-shadow: 0 24px 60px rgba(39, 60, 57, .085), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 0 1px rgba(32, 95, 134, .055); -webkit-backdrop-filter: blur(18px) saturate(1.16); backdrop-filter: blur(18px) saturate(1.16); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner::before { right: 24px; left: 24px; background: linear-gradient(90deg, transparent, rgba(10, 128, 98, .45), rgba(32, 95, 134, .58), transparent); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__head { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-bottom: 12px; padding: 0 2px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__head p { margin-bottom: 4px; font-size: 8.5px; letter-spacing: .105em; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] main#main-content .bp7140-release-rail__head h2 { font-size: clamp(25px, 2.05vw, 30px) !important; font-weight: 620 !important; line-height: 1.13 !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-release-rail__summary { max-width: 430px; margin-top: 5px; font-size: 10px; line-height: 1.48; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-release-rail__actions { gap: 7px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__head a { min-height: 35px; gap: 8px; padding: 7px 11px; background: rgba(255, 255, 255, .48); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62); font-size: 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid { position: relative; z-index: 1; flex: 1 1 auto; grid-template-columns: minmax(0, 1.34fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(76px, 1fr)); gap: 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini { min-height: 76px; grid-template-columns: 70px minmax(0, 1fr); background: rgba(252, 250, 245, .57); border-radius: 13px; box-shadow: inset 0 0 0 1px rgba(23, 51, 47, .055), inset 0 1px 0 rgba(255, 255, 255, .72); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child { grid-row: 1 / 3; grid-template-columns: 118px minmax(0, 1fr); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini__copy, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child .bp7140-release-mini__copy { padding: 10px 11px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini__copy span { font-size: 7.5px; letter-spacing: .065em; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini__copy strong, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { margin-top: 4px; font-size: 11px; line-height: 1.42; -webkit-line-clamp: 3; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7151-release-ticker { position: relative; z-index: 1; min-height: 46px; margin-top: 9px; background: rgba(231, 240, 244, .62); border-color: rgba(32, 95, 134, .11); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7151-release-ticker__item strong { font-size: 10.5px; } @media (hover: hover) and (pointer: fine) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__product:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__product:focus-visible, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:focus-visible { background: rgba(255, 255, 255, .84); box-shadow: 0 12px 26px rgba(39, 60, 57, .075), inset 0 0 0 1px rgba(32, 95, 134, .09); transform: translateY(-2px); } } @media (prefers-reduced-motion: no-preference) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { animation: bp7160-dock-enter .72s both var(--bp7160-ease); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { animation-delay: .12s; } } @keyframes bp7160-dock-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 1180px) and (min-width: 1041px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero { grid-template-columns: 24px minmax(310px, 350px) minmax(0, 1fr) 24px; column-gap: 15px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(72px, 1fr)); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child { grid-template-columns: 96px minmax(0, 1fr); } } @media (max-width: 1040px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero { min-height: auto; display: flex; flex-direction: column; row-gap: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero__content { order: 1; width: var(--bp7140-shell); margin-right: auto; margin-left: auto; padding: 54px 0 30px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { width: var(--bp7140-shell); max-width: 900px; min-height: auto; margin-right: auto; margin-left: auto; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card { order: 2; margin-bottom: 14px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail { order: 3; margin-bottom: 30px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner { min-height: 330px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid { grid-template-columns: minmax(0, 1.34fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(76px, 1fr)); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child { grid-row: 1 / 3; grid-template-columns: 118px minmax(0, 1fr); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-material-field { top: 18px; right: -6vw; width: 58vw; height: 360px; opacity: .76; } } @media (max-width: 860px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner { min-height: auto; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid { display: grid; grid-template-columns: none; grid-template-rows: none; grid-auto-flow: column; grid-auto-columns: minmax(270px, 70vw); overflow-x: auto; padding-bottom: 2px; scroll-snap-type: x mandatory; scrollbar-width: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid::-webkit-scrollbar { display: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child { min-height: 88px; grid-row: auto; grid-template-columns: 88px minmax(0, 1fr); scroll-snap-align: start; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini__copy strong, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 11px; -webkit-line-clamp: 2; } } @media (max-width: 620px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero__content { padding: 42px 0 24px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero .bp7140-display { font-size: clamp(36px, 10.6vw, 45px); line-height: 1.04; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-home-hero .bp7140-lead { margin-top: 15px; font-size: 14px; line-height: 1.66; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner { padding: 14px; border-radius: 20px; } html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] main#main-content .bp7160-sample-card__head h2, html body.bp7160-packaging-polish.bp7140-page.bp7150-paper-system.bp7151-release-system.bp7140-home-page.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] main#main-content .bp7140-release-rail__head h2 { font-size: 22px !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card__products .bp7160-sample-card__product { min-height: 54px; padding: 8px 10px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__head { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 9px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-release-rail__actions { width: 100%; justify-content: flex-start; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__grid { grid-auto-columns: minmax(244px, 82vw); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-material-field { right: -28vw; width: 95vw; height: 330px; opacity: .48; } } @media (prefers-reduced-transparency: reduce) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7160-sample-card, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-layout="two-card-dock-r7"] .bp7140-release-rail__inner { background: #f7f8f5; -webkit-backdrop-filter: none; backdrop-filter: none; } } /* R10: the homepage particle runtime is reused unchanged; this adapter only positions, scales, and opens its visual stage. */ body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy { top: 136px; right: auto; bottom: auto; left: calc(50% + min(26.5vw, 340px)); z-index: 2; width: min(34vw, 470px); aspect-ratio: 16 / 9; height: auto; transform: translateX(-50%); contain: layout; overflow: visible; background: transparent !important; opacity: 1; pointer-events: auto; isolation: isolate; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy::before, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy::after, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy__hero::before, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy__hero::after { display: none !important; content: none !important; animation: none !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy__hero, body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .v23-hero__stage { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .dbc-particle-stage { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important; display: block !important; width: 220% !important; max-width: none !important; min-height: 0 !important; height: 370% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] #dbcLogoParticleCanvas { position: absolute !important; inset: 0 !important; z-index: 1 !important; display: block; width: 100% !important; max-width: none !important; height: 100% !important; transform: scale(.4545454545); transform-origin: 0 0; cursor: default; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .dbc-bioten-particle-caption { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; opacity: 0 !important; pointer-events: none !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .v23-hero__static { position: absolute; inset: 0; z-index: 2; display: none; flex-direction: column; align-items: center; justify-content: center; color: rgba(0, 74, 150, .28); font-weight: 830; letter-spacing: -.08em; line-height: .82; text-align: center; } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .v23-hero__static span { font-size: clamp(54px, 8vw, 92px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .v23-hero__static strong { color: rgba(0, 121, 58, .28); font-size: clamp(34px, 5vw, 58px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy__hero.is-reduced-motion .v23-hero__static { display: flex; } @media (max-width: 1040px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy { top: 112px; left: 74%; width: min(42vw, 400px); } } @media (max-width: 760px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy { top: 88px; left: 74%; width: 286px; pointer-events: none; } } @media (max-width: 440px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] .bp7160-home-particle-copy { top: 82px; left: 74%; width: 260px; } } @media (prefers-reduced-motion: reduce) { body.bp7160-packaging-polish.bp7141-home[data-v7160-hero-particle="homepage-exact-runtime-scaled-r10"] #dbcLogoParticleCanvas { display: none !important; transform: none !important; } } /* -------------------------------------------------------------------------- * V7.16.0 R11 · packaging-home narrative closure * One page-level route now connects application, engineering, candidate route, * collaboration, evidence and project intake. Section headers deliberately use * different editorial compositions so the homepage does not read as a repeated * template. The accepted hero and particle runtime remain unchanged. * ----------------------------------------------------------------------- */ body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] :is(#domains, #engineering, #routes, #publishing, #evidence, #project) { scroll-margin-top: 132px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7140-context a[aria-current] { color: var(--bp7160-blue-deep); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7140-context a[aria-current]::after { transform: scaleX(1); transform-origin: left center; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--editorial { grid-template-columns: minmax(0, .94fr) minmax(320px, .58fr); align-items: start; gap: clamp(44px, 8vw, 112px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--editorial > p { position: relative; padding-top: 17px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--editorial > p::before { position: absolute; top: 0; left: 0; width: 46px; height: 2px; background: linear-gradient(90deg, var(--bp7160-blue), var(--bp7160-green-bright)); border-radius: 2px; content: ""; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--split > p { max-width: 460px; padding: 15px 0 15px 20px; background: linear-gradient(90deg, rgba(255, 255, 255, .52), transparent 78%); border-left: 2px solid rgba(32, 95, 134, .42); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--stack { display: block; max-width: 920px; margin-bottom: 34px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--stack > p { max-width: 660px; margin-top: 20px; padding-left: 18px; border-left: 2px solid rgba(10, 128, 98, .38); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--compact { grid-template-columns: minmax(0, .76fr) minmax(320px, .54fr); align-items: center; gap: clamp(36px, 7vw, 94px); margin-bottom: 28px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--compact .bp7140-section-title { font-size: clamp(34px, 3.1vw, 46px) !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-engineering-actions { justify-content: flex-end; margin-top: 22px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-routes { padding-block: clamp(84px, 8.2vw, 116px); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing { padding-block: clamp(76px, 7.4vw, 102px); background: radial-gradient(circle at 13% 18%, rgba(10, 128, 98, .07), transparent 23rem), radial-gradient(circle at 88% 82%, rgba(32, 95, 134, .075), transparent 27rem), var(--bp7160-paper-blue); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-grid--4 { gap: 0; overflow: hidden; background: rgba(252, 250, 245, .7); border: 1px solid rgba(255, 255, 255, .82); border-radius: var(--bp7160-radius); box-shadow: var(--bp7160-shadow-soft); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card { min-height: 216px; padding: 27px 24px 25px; background: transparent; border: 0; border-right: 1px solid var(--bp7160-line); border-radius: 0; box-shadow: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:last-child { border-right: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card::before { display: none; content: none; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card::after { right: auto; left: 24px; width: 34px; background: var(--bp7160-blue); opacity: .62; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:nth-child(even)::after { background: var(--bp7160-green); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card__number { margin-bottom: 23px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-evidence { padding-block: clamp(70px, 6.8vw, 94px); } @media (hover: hover) and (pointer: fine) { body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:hover, body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:focus-within { z-index: 1; transform: none; background: rgba(255, 255, 255, .48); box-shadow: none; } } @media (max-width: 980px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7140-context__inner { gap: 27px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:nth-child(2) { border-right: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:nth-child(-n + 2) { border-bottom: 1px solid var(--bp7160-line); } } @media (max-width: 860px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] :is(#domains, #engineering, #routes, #publishing, #evidence, #project) { scroll-margin-top: 112px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] :is(.bp7160-section-head--editorial, .bp7160-section-head--compact) { grid-template-columns: 1fr; gap: 17px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--editorial > p { max-width: 620px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--split > p { max-width: 620px; padding: 12px 0 12px 16px; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-section-head--compact .bp7140-section-title { font-size: clamp(29px, 7.8vw, 35px) !important; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-engineering-actions { justify-content: flex-start; } } @media (max-width: 560px) { body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-grid--4 { grid-template-columns: 1fr; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:nth-child(n) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--bp7160-line); } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7141-section-publishing .bp7140-card:last-child { border-bottom: 0; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-engineering-actions { display: grid; grid-template-columns: 1fr; } body.bp7160-packaging-polish.bp7141-home[data-v7160-home-closure="application-engineering-route-collaboration-evidence-project-r11"] .bp7160-engineering-actions .bp7140-button { justify-content: space-between; } }