/* * DBC / BIOTEN V7.8.1 * Compact editorial rhythm, typographic precision and responsive detail polish. * This layer intentionally follows V7.8.0 and only refines the four core journeys. */ html[data-v781-release] body[data-v780-experience] { --v781-section-y: clamp(76px, 6.4vw, 96px); --v781-section-y-mobile: 56px; --v781-head-gap: clamp(32px, 3.6vw, 44px); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html[data-v781-release] body[data-v780-experience] main :is(h1, h2, h3, p) { hanging-punctuation: first last; } /* BIOTEN material platform: retain the aqueous field while reducing redundant height. */ @media (min-width: 861px) { html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero { min-height: max(700px, calc(100svh - 104px)); max-height: 790px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__inner { padding-block: 42px 52px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__copy { width: min(46%, 600px); } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-hero h1 { max-width: 600px; margin-top: 18px; font-size: clamp(52px, 4.25vw, 64px) !important; line-height: 1.035 !important; letter-spacing: -.052em !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__lead { max-width: 550px; margin-top: 20px; font-size: clamp(15.5px, 1.15vw, 17px); line-height: 1.72; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-actions { margin-top: 24px; } } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-section { padding-block: var(--v781-section-y); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-section-head { max-width: 880px; margin-bottom: var(--v781-head-gap); } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-section-head h2 { max-width: 820px; font-size: clamp(42px, 3.75vw, 54px) !important; line-height: 1.075 !important; letter-spacing: -.045em !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-section-head > p:not(.btp730-section-kicker) { max-width: 760px; margin-top: 16px; font-size: 15.5px; line-height: 1.72; } /* Restore the intended dark patent-asset slab; V7.8 glass must not wash out its text. */ html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip { grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr); margin-bottom: 20px; border-width: 5px; border-radius: 24px; color: #f4fbf9; background: radial-gradient(circle at 14% 0%, rgba(91, 225, 188, .16), transparent 34%), linear-gradient(135deg, #061f31 0%, #063b54 52%, #07564a 100%); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip::before { z-index: 0; background: radial-gradient(circle at var(--v780-pointer-x) var(--v780-pointer-y), rgba(90, 231, 190, .15), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(43, 178, 156, .025)); opacity: .7; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__copy, html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metrics, html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__evidence { position: relative; z-index: 1; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__copy { min-height: 248px; padding: 30px 34px 29px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp732-ip h3 { max-width: 560px; color: #f6fcfa !important; font-size: clamp(25px, 1.9vw, 30px) !important; line-height: 1.22 !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__copy > p:last-child { margin-top: 12px; color: rgba(232, 247, 243, .72); font-size: 12px; line-height: 1.68; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metrics { padding: 18px 17px; background: linear-gradient(135deg, rgba(237, 247, 243, .97), rgba(237, 245, 248, .96)); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric { padding: 18px 16px 16px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric strong { color: #0d5864; font-size: clamp(38px, 3vw, 48px); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric--granted strong { color: #16745d; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__eyebrow { color: #79e0c5; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__evidence { min-height: 38px; padding: 9px 24px 10px 28px; background: rgba(3, 24, 32, .19); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__evidence p { color: rgba(232, 246, 242, .62); font-size: 9px; line-height: 1.55; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp731-science .btp730-process, html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp731-science .btp580-system__panel { margin-bottom: 18px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp731-science .btp730-process > h2, html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp730-process li { min-height: 96px !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp731-science .btp580-system__panel { gap: 30px; padding: 26px; border-radius: 22px; background: radial-gradient(circle at 16% 0%, rgba(93, 205, 185, .12), transparent 34%), linear-gradient(145deg, #071917, #0b211e 68%, #0f2b26); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-system__panel::before { opacity: .14; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-system__visual img { min-height: 450px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-system__chain li { padding-block: 16px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-system__chain p { color: rgba(237, 249, 245, .72); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-capabilities { gap: 12px; margin-top: 28px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-capabilities article { min-height: 154px; padding: 19px 18px 17px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-loop { gap: 30px; margin-top: 40px; padding: 27px 30px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-domain__body { padding: 22px 21px 21px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-domain__body > p:not(.btp580-domain__subtitle, .btp730-domain-status) { margin-top: 13px; line-height: 1.7; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-domain__body > a { padding-top: 18px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-close { padding-top: var(--v781-section-y); } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-paths { gap: 20px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-collaboration { gap: 40px; margin-top: 50px; padding: 38px 40px; } /* Packaging home: smaller editorial scale, shorter sections, same engineering hierarchy. */ html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero { min-height: clamp(610px, calc(100svh - 140px), 760px); } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__inner { padding-block: clamp(4.2rem, 8vh, 6.2rem) clamp(6.5rem, 10vh, 8rem); } html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-hero h1 { margin-bottom: 1.25rem; font-size: clamp(58px, 5vw, 72px) !important; line-height: .99 !important; letter-spacing: -.066em !important; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__lead { max-width: 41rem; font-size: clamp(16px, 1.18vw, 17.5px); line-height: 1.72; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-actions { margin-top: 1.6rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__roles span { min-height: 4rem; padding-block: .8rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-local-nav .bp590-shell { min-height: 3.25rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section { padding-block: var(--v781-section-y); } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section-head { margin-bottom: var(--v781-head-gap); } html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-section-head h2, html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-products__content .bp590-section-head h2, html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-failure .bp590-section-head h2 { font-size: clamp(44px, 4.05vw, 58px) !important; line-height: 1.035 !important; letter-spacing: -.055em !important; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section-head > p:last-child { max-width: 44rem; font-size: clamp(15.5px, 1.15vw, 16.5px); line-height: 1.72; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-domain-grid { row-gap: clamp(2.6rem, 4vw, 3.5rem); } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-domain__copy { padding-top: 1.15rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-system__steps li { min-height: 13.25rem; padding: 1.7rem 1.55rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-failure__list article { min-height: 8.8rem; padding-block: 1.4rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-proof__grid article { min-height: 13.6rem; padding: 1.7rem; } /* Developer: shorten the first encounter and keep the evidence system readable. */ @media (min-width: 901px) { html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero { min-height: 760px; padding-top: clamp(126px, 13vh, 152px); } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__layout { min-height: 520px; gap: clamp(42px, 5vw, 76px); } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__copy { padding-bottom: 22px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-hero__copy h1 { margin-bottom: 23px; font-size: clamp(47px, 3.55vw, 51px) !important; line-height: 1.055 !important; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__lead { margin-bottom: 27px; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.72; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__scope { margin-top: 20px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-stage__core { min-height: 520px; } } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section { padding-block: var(--v781-section-y); } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section__head { gap: clamp(38px, 5vw, 76px); margin-bottom: clamp(44px, 4.6vw, 60px); } html[data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-section__head h2 { font-size: clamp(43px, 3.6vw, 52px) !important; line-height: 1.06 !important; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section__head > p { font-size: clamp(15.5px, 1.2vw, 17px); line-height: 1.72; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-engine__rail li { min-height: 285px; padding: 25px 22px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel > figure, html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel img, html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__content { min-height: 590px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__content { padding: 31px 29px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-network__system article { min-height: 360px; padding: 29px 24px; } /* Packaging developer: low-information cards become a precise, even matrix. */ html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero { min-height: clamp(600px, 72svh, 690px); } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__grid { gap: clamp(2.1rem, 4vw, 4.6rem); } html[data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero h1 { font-size: clamp(50px, 4.35vw, 62px) !important; line-height: .99 !important; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__lead { margin-top: 22px; line-height: 1.72 !important; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-actions { margin-top: 28px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__visual img { min-height: 470px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-facts__grid { min-height: 98px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section { padding-block: clamp(68px, 5.4vw, 82px); } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section__head { margin-bottom: 30px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section__head h2 { font-size: clamp(31px, 2.55vw, 38px); line-height: 1.1; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section__head p { margin-top: 12px; font-size: 15px; line-height: 1.68; } @media (min-width: 981px) { html[data-v781-release] body[data-v780-experience="packaging-workbench"] #scope .v500-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] #scope .v500-card { min-height: 190px; margin-top: 0; padding: 24px 22px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] #scope .v500-card-grid > .v500-card:nth-child(n) { grid-column: auto !important; } } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-chain article { min-height: 205px; padding: 21px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-chain strong { margin-top: 48px; } /* Shared responsive compactness. */ @media (max-width: 900px) { html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section { padding-block: 72px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section__head { gap: 22px; margin-bottom: 42px; } } @media (max-width: 860px) { html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp581-hero__visual { height: 390px; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__inner { min-height: 700px; padding-block: 3.7rem 3rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-hero h1 { font-size: clamp(46px, 9.4vw, 60px) !important; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section { padding-block: 68px; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-domain-grid { row-gap: 2.7rem; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero { padding-block: 4rem 3.2rem; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__grid { gap: 2rem; } } @media (max-width: 760px) { html[data-v781-release] body[data-v780-experience] { --v781-section-y: var(--v781-section-y-mobile); --v781-head-gap: 30px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero { padding-top: 16px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__inner { padding-block: 22px 10px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-hero h1 { margin-top: 16px; font-size: clamp(30px, 8.35vw, 34px) !important; line-height: 1.075 !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__lead { margin-top: 17px; font-size: 14.5px; line-height: 1.62; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-actions { margin-top: 18px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp581-hero__visual { height: 342px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-section-head h2 { font-size: clamp(30px, 8.3vw, 34px) !important; line-height: 1.1 !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-section-head > p:not(.btp730-section-kicker) { margin-top: 13px; font-size: 14px; line-height: 1.65; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip { grid-template-columns: 1fr; border-width: 4px; border-radius: 20px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__copy { min-height: 0; padding: 24px 22px 22px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp732-ip h3 { font-size: 23px !important; line-height: 1.2 !important; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 13px 10px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric { padding: 15px 11px 13px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric strong { font-size: 34px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__metric span { font-size: 9px; line-height: 1.45; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp732-ip__evidence { padding: 9px 14px 10px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp731-science .btp580-system__panel { gap: 14px; padding: 10px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-system__visual img { min-height: 250px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-capabilities { margin-top: 22px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-capabilities article { min-height: 138px; padding: 16px 14px 14px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-loop { display: block; margin-top: 28px; padding: 22px 18px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-loop ol { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-loop li { padding: 12px 5px; font-size: 11px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-paths { gap: 18px 12px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-collaboration { margin-top: 34px; padding: 27px 22px; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__inner { min-height: 650px; padding-block: 3rem 2.8rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-hero h1 { font-size: clamp(33px, 9.1vw, 38px) !important; line-height: 1.01 !important; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero__lead { font-size: 15px; line-height: 1.67; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-actions { gap: .62rem; margin-top: 1.35rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section { padding-block: var(--v781-section-y-mobile); } html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-section-head h2, html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-products__content .bp590-section-head h2, html[data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-failure .bp590-section-head h2 { font-size: clamp(31px, 8.4vw, 35px) !important; line-height: 1.08 !important; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-section-head > p:last-child { font-size: 15px; line-height: 1.67; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-domain-grid { row-gap: 2.15rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-system__steps li { padding: 1.35rem 1.1rem; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-proof__grid article { min-height: 10rem; padding: 1.35rem; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero { min-height: 0; padding: 76px 0 34px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__layout { min-height: 0; gap: 0; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__copy { padding-bottom: 0; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-kicker { margin-bottom: 14px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-hero__copy h1 { margin-bottom: 18px; font-size: clamp(31px, 8.7vw, 35px) !important; line-height: 1.065 !important; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__lead { margin-bottom: 20px; font-size: 14.5px; line-height: 1.62; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-action { min-height: 50px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__scope { margin-top: 18px; font-size: 11px; line-height: 1.6; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__stage { display: none; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__index { margin-top: 24px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section { padding-block: var(--v781-section-y-mobile); } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section__head { gap: 18px; margin-bottom: 30px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-section__head h2 { font-size: 31px !important; line-height: 1.09 !important; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-section__head > p { font-size: 14.5px; line-height: 1.65; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-engine__rail li, html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-engine__rail li:last-child { min-height: 142px; padding: 21px 19px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__panels { gap: 16px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel > figure, html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel img { min-height: 200px; height: 200px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__content { padding: 21px 18px 22px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__summary { margin-bottom: 17px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__facts { margin-bottom: 16px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-workbench__facts > div { padding-block: 10px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-network__system article { min-height: 280px; padding: 21px 18px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero { padding-block: 3.3rem 2.8rem; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero h1 { font-size: clamp(31px, 8.8vw, 35px) !important; line-height: 1.01 !important; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__lead { margin-top: 18px; font-size: 15px !important; line-height: 1.66 !important; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-actions { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 10px; margin-top: 22px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-button { width: 100%; min-height: 48px; padding-inline: 12px; gap: 10px; font-size: 13.5px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-hero__visual img { min-height: 280px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section { padding-block: var(--v781-section-y-mobile); } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section__head { margin-bottom: 26px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-section__head h2 { font-size: 28px; line-height: 1.1; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-card { padding: 21px 18px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-chain article { min-height: 145px; padding: 18px; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-chain strong { margin-top: 28px; } } @media (max-width: 420px) { html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-kicker { font-size: 10.5px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-paths { grid-template-columns: 1fr; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-button, html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-action, html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-button { min-height: 48px; } } @media (max-width: 340px) { html[data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-actions, html[data-lang="en"][data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-actions { grid-template-columns: 1fr; } } html[data-lang="en"][data-v781-release] body[data-v780-experience="packaging-workbench"] .v500-actions { grid-template-columns: 1fr; } /* Keep the secondary workbench action legible against the deep-teal hero. */ html[data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero .v500-button:not(.v500-button--primary) { color: #eefcf8 !important; background: rgba(215, 246, 239, .1) !important; border-color: rgba(183, 238, 225, .3) !important; } html[data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero .v500-button:not(.v500-button--primary):is(:hover, :focus-visible) { color: #fff !important; background: rgba(215, 246, 239, .16) !important; border-color: rgba(198, 245, 233, .5) !important; } /* Short laptop viewports need the hero thesis and first action without clipping. */ @media (min-width: 981px) and (max-height: 800px) { html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero { min-height: 660px; } html[data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__inner { padding-block: 34px 40px; } html[data-v781-release] body[data-v780-experience="barrier-field"] .bp590-hero { min-height: 610px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero { min-height: 660px; padding-top: 72px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-hero__layout { min-height: 510px; } html[data-v781-release] body[data-v780-experience="evidence-resonance"] .dev740-stage__core { min-height: 500px; } } /* English needs the same hierarchy with slightly tighter display scale. */ html[data-lang="en"][data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-hero h1, html[data-lang="en"][data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-hero h1, html[data-lang="en"][data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero h1 { letter-spacing: -.045em !important; } @media (min-width: 861px) { html[data-lang="en"][data-v781-release] body[data-v780-experience="emulsion-field"] .btp580-hero__copy { width: min(50%, 670px) !important; } html[data-lang="en"][data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-hero h1 { max-width: 670px !important; font-size: clamp(50px, 3.75vw, 54px) !important; line-height: 1.04 !important; } } @media (min-width: 901px) { html[data-lang="en"][data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-hero__copy h1 { font-size: clamp(37px, 2.85vw, 40px) !important; line-height: 1.08 !important; } } @media (max-width: 760px) { html[data-lang="en"][data-v781-release] body[data-v780-experience="emulsion-field"] main#main-content .btp580-hero h1, html[data-lang="en"][data-v781-release] body[data-v780-experience="barrier-field"] main#main-content .bp590-hero h1, html[data-lang="en"][data-v781-release] body[data-v780-experience="evidence-resonance"] main#main-content .dev740-hero__copy h1, html[data-lang="en"][data-v781-release] body[data-v780-experience="packaging-workbench"] main#main-content .v500-hero h1 { font-size: clamp(28px, 7.8vw, 32px) !important; line-height: 1.06 !important; } }