/* DBC / BIOTEN V7.8.0 — semantic motion and premium material surfaces */ body[data-v780-experience] { --v780-ink: #092538; --v780-navy: #031c2a; --v780-deep: #02141f; --v780-blue: #0b65ad; --v780-cyan: #64b9e8; --v780-green: #22ad83; --v780-emerald: #4be0b2; --v780-mist: #eaf7f4; --v780-line-light: rgba(255, 255, 255, .15); --v780-line-dark: rgba(7, 53, 70, .11); --v780-motion: cubic-bezier(.22, .78, .2, 1); --v780-pointer-x: 50%; --v780-pointer-y: 0%; } body[data-v780-experience] main { overflow: clip; } .v780-field { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; pointer-events: none; } [data-v780-reveal] { opacity: 0; transform: translate3d(0, 34px, 0) scale(.99); transition: opacity 900ms var(--v780-motion) var(--v780-delay, 0ms), transform 1000ms var(--v780-motion) var(--v780-delay, 0ms); } [data-v780-reveal].v780-is-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-v780-glass] { --v780-pointer-x: 50%; --v780-pointer-y: 0%; position: relative; isolation: isolate; box-shadow: 0 0 0 1px rgba(255, 255, 255, .62), 0 0 0 7px rgba(14, 104, 125, .035), 0 22px 70px rgba(11, 61, 79, .08), inset 0 1px 0 rgba(255, 255, 255, .88); } [data-v780-glass]::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at var(--v780-pointer-x) var(--v780-pointer-y), rgba(255, 255, 255, .92), transparent 32%), linear-gradient(145deg, rgba(255, 255, 255, .6), rgba(220, 244, 242, .13) 48%, rgba(98, 190, 219, .08)); opacity: .48; transition: opacity 700ms var(--v780-motion); } [data-v780-glass][data-v780-pointer="active"]::before { opacity: .78; } body.dev740-page [data-v780-glass] { box-shadow: 0 0 0 1px rgba(111, 224, 190, .18), 0 0 0 7px rgba(87, 213, 174, .035), 0 28px 90px rgba(0, 11, 18, .3), inset 0 1px 0 rgba(255, 255, 255, .1); } body.dev740-page [data-v780-glass]::before { background: radial-gradient(circle at var(--v780-pointer-x) var(--v780-pointer-y), rgba(91, 230, 185, .18), transparent 31%), linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(30, 157, 150, .035) 52%, rgba(12, 97, 142, .04)); } /* BIOTEN material platform — bright aqueous field */ body[data-v780-experience="emulsion-field"] .btp580-hero { position: relative; isolation: isolate; background: radial-gradient(circle at 75% 35%, rgba(81, 201, 187, .13), transparent 31%), radial-gradient(circle at 48% 8%, rgba(85, 160, 218, .09), transparent 28%), linear-gradient(135deg, #fbfdfc 0%, #edf8f6 58%, #e7f5f7 100%); } body[data-v780-experience="emulsion-field"] .btp580-hero::before, body[data-v780-experience="emulsion-field"] .btp580-system::before { content: ""; position: absolute; width: min(56vw, 880px); aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(66, 216, 178, .105), rgba(64, 154, 211, .035) 44%, transparent 69%); } body[data-v780-experience="emulsion-field"] .btp580-hero::before { top: -31%; right: -13%; } body[data-v780-experience="emulsion-field"] .btp580-hero__visual { isolation: isolate; } body[data-v780-experience="emulsion-field"] .btp581-material-field { z-index: 1; filter: saturate(.86) contrast(.97) brightness(1.035); } body[data-v780-experience="emulsion-field"] .btp581-domain-map, body[data-v780-experience="emulsion-field"] .btp581-material-core, body[data-v780-experience="emulsion-field"] .btp581-domain-paths { z-index: 5; } body[data-v780-experience="emulsion-field"] .btp581-material-core { box-shadow: 0 0 0 1px rgba(255, 255, 255, .7), 0 0 0 9px rgba(50, 210, 174, .05), 0 0 72px rgba(55, 211, 177, .25), inset 0 0 30px rgba(255, 255, 255, .42); } body[data-v780-experience="emulsion-field"] .btp581-material-core::after { content: ""; position: absolute; inset: -18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(42, 176, 150, .2); animation: v780-core-breath 4.8s var(--v780-motion) infinite alternate; pointer-events: none; } body[data-v780-experience="emulsion-field"] .btp581-domain-window { box-shadow: 0 0 0 1px rgba(255, 255, 255, .72), 0 0 0 6px rgba(12, 93, 117, .035), 0 22px 60px rgba(7, 65, 83, .12), inset 0 1px 0 rgba(255, 255, 255, .82); transition: transform 800ms var(--v780-motion), box-shadow 800ms var(--v780-motion), opacity 600ms var(--v780-motion); } @media (hover: hover) and (pointer: fine) { body[data-v780-experience="emulsion-field"] .btp581-domain-window:hover, body[data-v780-experience="emulsion-field"] .btp581-domain-window:focus-visible { transform: translate3d(0, -6px, 0) scale(1.012); box-shadow: 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 7px rgba(47, 205, 169, .055), 0 30px 82px rgba(5, 62, 79, .16), 0 0 46px rgba(57, 205, 178, .12); } } body[data-v780-experience="emulsion-field"] .btp580-system { position: relative; isolation: isolate; background: linear-gradient(180deg, rgba(238, 249, 247, .97), rgba(248, 252, 251, .98)), #f4faf8; } body[data-v780-experience="emulsion-field"] .btp580-system::before { left: -28%; bottom: 8%; } body[data-v780-experience="emulsion-field"] .btp732-ip, body[data-v780-experience="emulsion-field"] .btp580-system__panel, body[data-v780-experience="emulsion-field"] .btp580-capabilities article { background: rgba(251, 254, 253, .84); } body[data-v780-experience="emulsion-field"] .btp580-capabilities { gap: clamp(.85rem, 1.4vw, 1.25rem); } body[data-v780-experience="emulsion-field"] .btp580-capabilities article { min-height: 12.5rem; overflow: hidden; transition: transform 800ms var(--v780-motion), box-shadow 800ms var(--v780-motion); } body[data-v780-experience="emulsion-field"] .btp580-capabilities article::after { content: ""; position: absolute; right: -18%; bottom: -45%; width: 75%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(41, 178, 151, .105) 0 1px, transparent 1px 13px); opacity: .55; pointer-events: none; transition: transform 900ms var(--v780-motion), opacity 700ms var(--v780-motion); } @media (hover: hover) and (pointer: fine) { body[data-v780-experience="emulsion-field"] .btp580-capabilities article:hover { transform: translate3d(0, -7px, 0); } body[data-v780-experience="emulsion-field"] .btp580-capabilities article:hover::after { transform: scale(1.13) rotate(8deg); opacity: .8; } } body[data-v780-experience="emulsion-field"] .btp580-loop { position: relative; overflow: hidden; } body[data-v780-experience="emulsion-field"] .btp580-loop::after { content: ""; position: absolute; inset: auto -8% -75% 38%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(57, 191, 160, .16) 0 1px, transparent 1px 22px); pointer-events: none; animation: v780-orbit-drift 18s var(--v780-motion) infinite alternate; } /* BIOTEN Packaging — media meets a formed barrier */ body[data-v780-experience="barrier-field"] .bp590-hero { isolation: isolate; } body[data-v780-experience="barrier-field"] .bp590-hero__media { z-index: 0; } body[data-v780-experience="barrier-field"] .bp590-hero > .v780-field { z-index: 2; opacity: .86; mix-blend-mode: multiply; } body[data-v780-experience="barrier-field"] .bp590-hero__veil { z-index: 3; } body[data-v780-experience="barrier-field"] .bp590-hero__inner, body[data-v780-experience="barrier-field"] .bp590-hero__roles { position: relative; z-index: 4; } body[data-v780-experience="barrier-field"] .bp590-hero__copy::before { content: ""; position: absolute; inset: -4.5rem -4rem -4rem -5rem; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 35% 48%, rgba(251, 248, 239, .92), rgba(251, 248, 239, .54) 52%, transparent 76%); } body[data-v780-experience="barrier-field"] .bp590-system__steps li, body[data-v780-experience="barrier-field"] .bp590-proof__grid article, body[data-v780-experience="barrier-field"] .bp590-route-sheet { position: relative; overflow: hidden; transition: transform 800ms var(--v780-motion), box-shadow 800ms var(--v780-motion); } body[data-v780-experience="barrier-field"] .bp590-system__steps [data-v780-glass] { box-shadow: 0 0 0 1px rgba(116, 224, 191, .15), 0 0 0 7px rgba(53, 185, 150, .03), 0 24px 74px rgba(1, 20, 27, .18), inset 0 1px 0 rgba(255, 255, 255, .075); } body[data-v780-experience="barrier-field"] .bp590-system__steps [data-v780-glass]::before { background: radial-gradient(circle at var(--v780-pointer-x) var(--v780-pointer-y), rgba(76, 220, 174, .13), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(41, 155, 131, .025) 52%, rgba(27, 103, 145, .03)); } body[data-v780-experience="barrier-field"] .bp590-system__steps li::after, body[data-v780-experience="barrier-field"] .bp590-proof__grid article::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(112deg, transparent 27%, rgba(91, 224, 179, .1) 46%, transparent 61%); transform: translate3d(-125%, 0, 0); transition: transform 1100ms var(--v780-motion); } @media (hover: hover) and (pointer: fine) { body[data-v780-experience="barrier-field"] .bp590-system__steps li:hover, body[data-v780-experience="barrier-field"] .bp590-proof__grid article:hover { transform: translate3d(0, -5px, 0); } body[data-v780-experience="barrier-field"] .bp590-system__steps li:hover::after, body[data-v780-experience="barrier-field"] .bp590-proof__grid article:hover::after { transform: translate3d(125%, 0, 0); } } body[data-v780-experience="barrier-field"] .bp590-products__visual { isolation: isolate; } body[data-v780-experience="barrier-field"] .bp590-products__visual::before { content: ""; position: absolute; inset: 5% 3%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(49, 215, 166, .2), rgba(38, 134, 180, .07) 48%, transparent 72%); animation: v780-core-breath 5.4s var(--v780-motion) infinite alternate; } /* BIOTEN Developer — evidence resonance */ body[data-v780-experience="evidence-resonance"] .dev740-hero { background: radial-gradient(circle at 78% 34%, rgba(38, 205, 165, .135), transparent 28%), radial-gradient(circle at 42% 2%, rgba(43, 131, 186, .11), transparent 32%), linear-gradient(135deg, #02141f 0%, #032536 56%, #032b31 100%); } body[data-v780-experience="evidence-resonance"] .dev740-hero__field::after { content: ""; position: absolute; inset: -32% -22%; background: repeating-radial-gradient(circle at 74% 44%, rgba(87, 221, 180, .13) 0 1px, transparent 1px 54px), linear-gradient(116deg, transparent 47%, rgba(92, 179, 222, .07) 50%, transparent 53%); transform: rotate(-4deg); animation: v780-orbit-drift 20s var(--v780-motion) infinite alternate; } body[data-v780-experience="evidence-resonance"] .dev740-stage__bezel { box-shadow: 0 0 0 1px rgba(111, 229, 190, .2), 0 0 0 8px rgba(65, 206, 169, .032), 0 42px 130px rgba(0, 5, 10, .45), 0 0 90px rgba(33, 188, 156, .09), inset 0 1px 0 rgba(255, 255, 255, .095); } body[data-v780-experience="evidence-resonance"] .dev740-stage__core::after { content: ""; position: absolute; inset: -45% -20%; z-index: 1; pointer-events: none; background: linear-gradient(105deg, transparent 44%, rgba(102, 231, 192, .1) 50%, transparent 56%); transform: translate3d(-55%, 0, 0); animation: v780-scan 8.8s var(--v780-motion) infinite; } html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 > span:nth-child(3), html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 > span:nth-child(4) { display: inline-block; white-space: nowrap; } html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 > span:nth-child(3) { color: #bceee0; margin-right: .18em; } .v780-resonance { position: absolute; left: 17%; top: 31%; z-index: 2; width: min(42%, 260px); aspect-ratio: 1; border-radius: 50%; pointer-events: none; } .v780-resonance span { position: absolute; inset: var(--v780-inset, 0); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(89, 226, 184, var(--v780-alpha, .24)); animation: v780-resonance-pulse 4.6s var(--v780-motion) calc(var(--v780-ring, 0) * -900ms) infinite; } .v780-resonance span:nth-child(1) { --v780-ring: 0; --v780-inset: 0; --v780-alpha: .24; } .v780-resonance span:nth-child(2) { --v780-ring: 1; --v780-inset: 11%; --v780-alpha: .195; } .v780-resonance span:nth-child(3) { --v780-ring: 2; --v780-inset: 22%; --v780-alpha: .15; } .v780-resonance span:nth-child(4) { --v780-ring: 3; --v780-inset: 33%; --v780-alpha: .105; } body[data-v780-experience="evidence-resonance"] .dev740-engine__figure, body[data-v780-experience="evidence-resonance"] .dev740-workbench, body[data-v780-experience="evidence-resonance"] .dev740-passport, body[data-v780-experience="evidence-resonance"] .dev740-evidence__image { transition: transform 900ms var(--v780-motion), box-shadow 900ms var(--v780-motion); } body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel[aria-hidden="false"], body[data-v780-experience="evidence-resonance"] .dev740-workbench__panel:not([aria-hidden]) { animation: v780-panel-enter 760ms var(--v780-motion) both; } body[data-v780-experience="evidence-resonance"] .dev740-network__system article { overflow: hidden; transition: transform 780ms var(--v780-motion), box-shadow 780ms var(--v780-motion); } body[data-v780-experience="evidence-resonance"] .dev740-network__system article::after { content: ""; position: absolute; inset: auto -25% -55% 25%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(69, 216, 174, .12) 0 1px, transparent 1px 17px); opacity: .65; pointer-events: none; transition: transform 900ms var(--v780-motion); } @media (hover: hover) and (pointer: fine) { body[data-v780-experience="evidence-resonance"] .dev740-network__system article:hover { transform: translate3d(0, -8px, 0); } body[data-v780-experience="evidence-resonance"] .dev740-network__system article:hover::after { transform: scale(1.15) rotate(10deg); } } /* Packaging Developer L2 — a focused workbench, not a generic card page */ body[data-v780-experience="packaging-workbench"] .v500-hero { position: relative; isolation: isolate; min-height: clamp(680px, calc(100svh - 74px), 900px); display: grid; align-items: center; overflow: hidden; color: #f2fbf8; background: radial-gradient(circle at 78% 35%, rgba(58, 219, 174, .16), transparent 27%), radial-gradient(circle at 12% 12%, rgba(58, 142, 201, .13), transparent 31%), linear-gradient(135deg, #02141f 0%, #05283a 58%, #073436 100%); } body[data-v780-experience="packaging-workbench"] .v780-devpack-field { position: absolute; inset: 0; z-index: 0; pointer-events: none; } body[data-v780-experience="packaging-workbench"] .v500-hero__grid { position: relative; z-index: 2; gap: clamp(2.4rem, 5vw, 6rem); align-items: center; } body[data-v780-experience="packaging-workbench"] .v500-kicker, body[data-v780-experience="packaging-workbench"] .v500-hero__lead { color: rgba(230, 247, 243, .78); } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero h1 { color: #f7fffd !important; max-width: none; font-size: clamp(52px, 4.8vw, 66px) !important; line-height: .98 !important; letter-spacing: -.055em !important; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero h1 > span { display: block; white-space: nowrap; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero .v500-kicker { color: #65ddb5 !important; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero .v500-hero__lead { color: rgba(226, 246, 242, .78) !important; font-size: clamp(16px, 1.35vw, 19px) !important; line-height: 1.82 !important; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero .v500-button { color: rgba(239, 252, 248, .88) !important; border-color: rgba(167, 231, 219, .16) !important; background: rgba(209, 243, 238, .07) !important; box-shadow: inset 0 0 0 1px rgba(167, 231, 219, .16), inset 0 1px 0 rgba(255, 255, 255, .08) !important; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero .v500-button--primary { color: #03251c !important; border-color: rgba(110, 238, 200, .44) !important; background: linear-gradient(125deg, #8af1c9, #42d4a5) !important; box-shadow: 0 18px 46px rgba(40, 208, 157, .2) !important; } body[data-v780-experience="packaging-workbench"] .v500-hero__visual { position: relative; overflow: hidden; border-radius: clamp(1.6rem, 2.3vw, 2.7rem); box-shadow: 0 0 0 1px rgba(109, 230, 191, .19), 0 0 0 8px rgba(80, 213, 173, .035), 0 42px 120px rgba(0, 7, 12, .45), inset 0 1px 0 rgba(255, 255, 255, .1); } body[data-v780-experience="packaging-workbench"] .v500-hero__visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(3, 31, 43, .04), rgba(3, 31, 43, .45)), linear-gradient(112deg, transparent 42%, rgba(87, 232, 188, .1) 50%, transparent 58%); } body[data-v780-experience="packaging-workbench"] .v500-hero__visual img { min-height: 520px; object-fit: cover; filter: saturate(.8) contrast(1.04) brightness(.83); } body[data-v780-experience="packaging-workbench"] .v500-facts { color: rgba(230, 248, 243, .78); background: #062b37; } body[data-v780-experience="packaging-workbench"] .v500-fact { border-color: rgba(105, 226, 190, .12); } body[data-v780-experience="packaging-workbench"] .v500-fact strong { color: #f4fffc; } body[data-v780-experience="packaging-workbench"] .v500-card-grid { display: grid; grid-template-columns: 1.15fr .85fr .85fr 1.15fr; gap: clamp(.9rem, 1.5vw, 1.35rem); } body[data-v780-experience="packaging-workbench"] .v500-card { min-height: 17rem; border: 0; border-radius: 1.7rem; background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(231, 247, 244, .72)); } body[data-v780-experience="packaging-workbench"] .v500-card:nth-child(2), body[data-v780-experience="packaging-workbench"] .v500-card:nth-child(3) { margin-top: 3rem; } body[data-v780-experience="packaging-workbench"] .v500-chain article { position: relative; overflow: hidden; border-color: rgba(98, 220, 184, .12); background: linear-gradient(150deg, rgba(255, 255, 255, .045), rgba(66, 199, 166, .025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); } body[data-v780-experience="packaging-workbench"] .v500-chain article::after { content: ""; position: absolute; inset: auto -45% -55% 35%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(75, 222, 179, .11) 0 1px, transparent 1px 18px); pointer-events: none; } body[data-v780-experience="packaging-workbench"] .v500-evidence__list article { border-radius: 1.35rem; background: rgba(238, 249, 246, .7); } /* Physics, reveal and scanning keyframes */ @keyframes v780-core-breath { from { transform: scale(.92); opacity: .62; } to { transform: scale(1.08); opacity: 1; } } @keyframes v780-orbit-drift { from { transform: translate3d(-2%, 2%, 0) rotate(-5deg) scale(.96); opacity: .55; } to { transform: translate3d(3%, -2%, 0) rotate(7deg) scale(1.08); opacity: .9; } } @keyframes v780-scan { 0%, 16% { transform: translate3d(-68%, 0, 0); opacity: 0; } 35%, 62% { opacity: .9; } 82%, 100% { transform: translate3d(68%, 0, 0); opacity: 0; } } @keyframes v780-resonance-pulse { 0% { transform: scale(.72); opacity: 0; } 32% { opacity: .72; } 100% { transform: scale(1.22); opacity: 0; } } @keyframes v780-panel-enter { from { opacity: 0; transform: translate3d(18px, 0, 0) scale(.992); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } @media (max-width: 980px) { body[data-v780-experience="packaging-workbench"] .v500-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-v780-experience="packaging-workbench"] .v500-card:nth-child(2), body[data-v780-experience="packaging-workbench"] .v500-card:nth-child(3) { margin-top: 0; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero h1 { font-size: clamp(46px, 6.4vw, 60px) !important; } } @media (min-width: 981px) and (max-height: 800px) { body[data-v780-experience="evidence-resonance"] .dev740-hero { min-height: 700px; padding-top: 82px; } body[data-v780-experience="evidence-resonance"] .dev740-hero__layout { min-height: 540px; } body[data-v780-experience="evidence-resonance"] .dev740-hero__copy { padding-bottom: 10px; } html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 { font-size: clamp(46px, 4.7vw, 66px) !important; margin-bottom: 22px; } body[data-v780-experience="evidence-resonance"] .dev740-hero__lead { margin-bottom: 26px; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.72; } } @media (max-width: 760px) { .v780-field { opacity: .64 !important; } [data-v780-glass] { box-shadow: 0 0 0 1px rgba(255, 255, 255, .58), 0 14px 42px rgba(9, 65, 78, .07), inset 0 1px 0 rgba(255, 255, 255, .72); } body[data-v780-experience="emulsion-field"] .btp581-material-core::after, body[data-v780-experience="emulsion-field"] .btp580-loop::after, body[data-v780-experience="evidence-resonance"] .dev740-hero__field::after { animation: none; } body[data-v780-experience="emulsion-field"] .btp580-capabilities article { min-height: auto; } body[data-v780-experience="barrier-field"] .bp590-hero > .v780-field { opacity: .48 !important; } .v780-resonance { width: 48%; left: 11%; top: 27%; } html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 > span:nth-child(3), html body[data-v780-experience="evidence-resonance"].dev740-page main#main-content .dev740-hero__copy h1 > span:nth-child(4) { display: block; margin-right: 0; } body[data-v780-experience="packaging-workbench"] .v500-hero { min-height: auto; padding-block: 4.8rem 3.8rem; } body[data-v780-experience="packaging-workbench"] .v500-hero__grid { grid-template-columns: 1fr; gap: 2.5rem; } html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero h1 { max-width: 12ch; font-size: clamp(38px, 10.5vw, 46px) !important; } body[data-v780-experience="packaging-workbench"] .v500-hero__visual img { min-height: 320px; } body[data-v780-experience="packaging-workbench"] .v500-card-grid { grid-template-columns: 1fr; } body[data-v780-experience="packaging-workbench"] .v500-card { min-height: auto; } } @media (max-width: 480px) { html body[data-v780-experience="packaging-workbench"].v500-site main#main-content .v500-hero h1 { font-size: clamp(36px, 10.2vw, 42px) !important; letter-spacing: -.045em !important; } body[data-v780-experience="evidence-resonance"] .dev740-stage__core::after { display: none; } } @media (prefers-reduced-motion: reduce) { [data-v780-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } body[data-v780-experience] *, body[data-v780-experience] *::before, body[data-v780-experience] *::after { scroll-behavior: auto !important; } body[data-v780-experience="emulsion-field"] .btp581-material-core::after, body[data-v780-experience="emulsion-field"] .btp580-loop::after, body[data-v780-experience="barrier-field"] .bp590-products__visual::before, body[data-v780-experience="evidence-resonance"] .dev740-hero__field::after, body[data-v780-experience="evidence-resonance"] .dev740-stage__core::after, .v780-resonance span { animation: none !important; } .v780-resonance span { opacity: .24; transform: none; } }