/* * DBC / BIOTEN homepage professional governance V7.20.2 * Scope: BIOTEN Packaging entry cards and image-led Observer glass cards. */ html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries { position: relative; overflow: hidden; padding: clamp(4.4rem, 6.5vw, 5.9rem) clamp(1rem, 3.6vw, 3rem); border-top: 1px solid rgba(47, 93, 188, 0.12); border-bottom: 1px solid rgba(15, 76, 71, 0.1); background: radial-gradient(circle at 92% 2%, rgba(47, 93, 188, 0.09), transparent 29rem), radial-gradient(circle at 8% 100%, rgba(56, 164, 119, 0.08), transparent 27rem), #eef4f4; color: #112d37; } /* * FOOTER DBC INK CRYSTAL GLASS R33 * A stable ink-navy base closes the page. Transparency belongs to the inner * colorless glass surfaces; DBC blue is reserved for brand and interaction cues. */ html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] { --footer-r33-brand: #15488f; --footer-r33-surface-max: #102a42; --footer-r33-paper: #f4f8fc; --footer-r33-copy: #b7c5d2; --footer-r33-muted: #aebbc7; --footer-r33-focus: #9fd0ff; --footer-r33-line: rgba(205, 222, 237, 0.16); --v7160-footer-paper: var(--footer-r33-paper); --v7160-footer-copy: var(--footer-r33-copy); --v7160-footer-muted: var(--footer-r33-muted); --v7160-footer-line: rgba(190, 216, 230, 0.12); color: var(--footer-r33-paper); background: radial-gradient(ellipse at 14% -18%, rgba(255, 255, 255, 0.065), transparent 31rem), radial-gradient(ellipse at 88% 0%, rgba(21, 72, 143, 0.18), transparent 39rem), linear-gradient(128deg, rgba(4, 15, 26, 0.94) 0%, rgba(7, 25, 39, 0.91) 52%, rgba(3, 14, 24, 0.95) 100%) !important; -webkit-backdrop-filter: blur(24px) saturate(112%) contrast(1.04); backdrop-filter: blur(24px) saturate(112%) contrast(1.04); box-shadow: inset 0 1px 0 rgba(241, 248, 252, 0.1), inset 0 -1px 0 rgba(0, 8, 17, 0.46), 0 -1.5rem 4rem rgba(2, 16, 28, 0.18); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"]::before { height: 1px; background: linear-gradient( 90deg, transparent 0%, rgba(76, 132, 191, 0.72) 24%, rgba(213, 234, 244, 0.58) 49%, rgba(67, 118, 177, 0.54) 76%, transparent 100% ) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"]::after { background: radial-gradient(ellipse at 20% -25%, rgba(255, 255, 255, 0.075), transparent 38%), linear-gradient(113deg, transparent 38%, rgba(68, 123, 177, 0.055) 61%, transparent 83%); opacity: 0.82; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__directory { overflow: hidden; border: 1px solid var(--footer-r33-line); background: linear-gradient(136deg, rgba(255, 255, 255, 0.07) 0%, rgba(11, 34, 52, 0.36) 45%, rgba(2, 14, 25, 0.58) 100%); -webkit-backdrop-filter: blur(16px) saturate(110%); backdrop-filter: blur(16px) saturate(110%); box-shadow: inset 0 1px 0 rgba(240, 247, 251, 0.14), inset 0 -1px 0 rgba(0, 10, 20, 0.32), 0 1.1rem 2.8rem rgba(0, 9, 18, 0.22); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__directory::before { position: absolute; z-index: 0; inset: 1px 1px auto; height: 1px; background: linear-gradient(90deg, transparent 4%, rgba(230, 241, 247, 0.18) 28%, rgba(88, 139, 190, 0.1) 55%, transparent 82%); content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v570-footer-group { position: relative; z-index: 1; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__bottom { border-top-color: rgba(201, 224, 237, 0.13); background: linear-gradient(112deg, rgba(255, 255, 255, 0.04), rgba(8, 29, 45, 0.34) 48%, rgba(1, 12, 22, 0.48)); -webkit-backdrop-filter: blur(12px) saturate(106%); backdrop-filter: blur(12px) saturate(106%); box-shadow: inset 0 1px 0 rgba(238, 246, 250, 0.075), inset 0 -1px 0 rgba(0, 9, 18, 0.18); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v71110-footer-brandmark__frame { box-shadow: 0 0 0 1px rgba(194, 220, 235, 0.16), 0 1rem 2.15rem rgba(0, 8, 17, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__brand::before { background: linear-gradient(180deg, rgba(103, 161, 215, 0.14), rgba(95, 151, 209, 0.82) 48%, rgba(103, 161, 215, 0.14)); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.028); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v571-footer-contact { border-left-color: rgba(189, 218, 234, 0.16) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v570-footer-group > summary h2::before { background: linear-gradient(90deg, rgba(84, 143, 202, 0.9), rgba(196, 223, 236, 0.58)) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v570-footer-group > summary > span::before, html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v570-footer-group > summary > span::after { background: rgba(103, 166, 218, 0.92) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v7160-footer-company, .v570-footer-group summary h2 ) { color: var(--footer-r33-paper) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v7160-footer-channels a { color: #d9e7ee !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v570-footer-group__links a { color: var(--footer-r33-copy) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v571-footer-copyright, .v571-footer-copyright a, .v410-home-footer__legal, .v410-home-footer__legal a ) { color: var(--footer-r33-muted) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v7160-footer-company, .v7160-footer-channels a, .v570-footer-group summary h2, .v570-footer-group__links a, .v571-footer-copyright, .v410-home-footer__legal a ) { text-shadow: 0 1px 2px rgba(0, 5, 12, 0.3); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is(a, summary):focus-visible { outline: 2px solid var(--footer-r33-focus) !important; outline-offset: 3px; box-shadow: 0 0 0 1px rgba(4, 15, 26, 0.84); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v7160-footer-channels a, .v570-footer-group__links a, .v571-footer-copyright a, .v410-home-footer__legal a ):is(:hover, :focus-visible) { color: var(--footer-r33-paper) !important; } @media (min-width: 721px) and (max-width: 980px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.69rem !important; } } @media (max-width: 720px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] { background: radial-gradient(ellipse at 16% -5%, rgba(21, 72, 143, 0.14), transparent 20rem), linear-gradient(165deg, rgba(5, 19, 31, 0.96), rgba(6, 22, 35, 0.94) 52%, rgba(2, 13, 23, 0.97)) !important; -webkit-backdrop-filter: blur(20px) saturate(106%) contrast(1.03); backdrop-filter: blur(20px) saturate(106%) contrast(1.03); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__directory { border-color: rgba(198, 222, 236, 0.13); background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 32%), rgba(6, 23, 37, 0.72); -webkit-backdrop-filter: blur(12px) saturate(104%); backdrop-filter: blur(12px) saturate(104%); box-shadow: inset 0 1px 0 rgba(239, 247, 251, 0.1), 0 0.75rem 1.9rem rgba(0, 8, 17, 0.18); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] .v410-home-footer__bottom { background: rgba(2, 14, 24, 0.34); -webkit-backdrop-filter: blur(8px) saturate(102%); backdrop-filter: blur(8px) saturate(102%); box-shadow: none; } } @media (max-width: 430px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] { background: linear-gradient(170deg, rgba(5, 19, 31, 0.97), rgba(3, 14, 24, 0.97)) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"]::after { opacity: 0.42; } } /* R36 | FOOTER THREE-LINE AXIS | TERMINAL ENFORCEMENT This stays last so legacy and responsive declarations cannot recenter the company, phone or email text inside their otherwise aligned element boxes. */ html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact { justify-items: stretch !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact :is(.v7160-footer-company, .v7160-footer-channels, .v7160-footer-channels > a) { width: 100% !important; min-width: 0 !important; margin-inline: 0 !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact .v7160-footer-channels > a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; } /* R37 | GROUP BUSINESS STRIP + COMPACT OBSERVER LEDGER | START * The first two homepage screens stay untouched. The platform relationship * rail is reduced to one direct business-group label, and the eight Observer * entries become small horizontal editorial records instead of an image wall. */ html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { grid-template-columns: minmax(0, 1fr) auto; gap: 0.72rem 1rem; padding: 0.62rem 0.74rem 0.64rem; background: linear-gradient(92deg, rgb(6 71 155 / 0.055), rgb(255 255 255 / 0.76) 46%, rgb(246 250 250 / 0.88)), #f8faf9; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context::before { background: linear-gradient(180deg, #06479b, #15488f 66%, rgb(54 112 164 / 0.72)); } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity { display: flex; min-width: 0; align-items: baseline; gap: clamp(0.55rem, 1vw, 0.85rem); } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity > p { flex: 0 0 auto; font-size: 0.62rem !important; letter-spacing: 0.13em; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform .home7202-brand-context__identity h3 { min-width: 0; font-size: clamp(0.86rem, 1vw, 0.98rem) !important; letter-spacing: -0.018em !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity h3 a { text-decoration-thickness: 1px; text-underline-offset: 0.2em; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity h3 a:is(:hover, :focus-visible) { color: #15488f; text-decoration: underline; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { grid-column: 2; grid-row: 1; min-height: 2.35rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about i { color: #15488f; } html[data-v7202-home-governance] body.dbc-home-page .observer-home { padding-top: clamp(3.4rem, 4.6vw, 4.25rem); padding-bottom: clamp(3.65rem, 4.9vw, 4.5rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head { margin-bottom: clamp(0.9rem, 1.45vw, 1.2rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head h2 { font-size: clamp(1.72rem, 2.65vw, 2.25rem); letter-spacing: -0.045em; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head p { font-size: 0.75rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { width: 100%; max-width: 72rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.64rem 0.76rem; margin-inline: auto; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] { height: 6rem; min-height: 0 !important; overflow: hidden; border: 1px solid rgb(32 79 104 / 0.13); border-radius: 0.78rem; background: linear-gradient(128deg, rgb(255 255 255 / 0.8), rgb(242 248 249 / 0.58)), rgb(238 245 247 / 0.68); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 0.62rem 1.7rem rgb(18 50 78 / 0.07), 0 0.08rem 0.22rem rgb(18 50 78 / 0.055); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"]:hover { border-color: rgb(19 91 136 / 0.26); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.96), 0 0.78rem 2rem rgb(18 50 78 / 0.105), 0 0.1rem 0.26rem rgb(18 50 78 / 0.065); transform: translateY(-0.1rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link { position: relative; inset: auto; display: grid; width: 100%; height: 100%; min-height: 0; grid-template-columns: clamp(7.2rem, 10vw, 8.35rem) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden; border-radius: inherit; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"][data-observer-no-original-image] { background: linear-gradient(122deg, rgb(229 242 242 / 0.9), rgb(244 249 249 / 0.78) 58%, rgb(229 239 247 / 0.84)), #eef5f6; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"][data-observer-no-original-image] .observer-home-card__link { grid-template-columns: minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"][data-observer-no-original-image] .observer-home-card__glass { grid-column: 1; padding-left: 1rem; background: linear-gradient(104deg, rgb(255 255 255 / 0.5), transparent 54%, rgb(50 146 117 / 0.07)), transparent; box-shadow: inset 0.22rem 0 0 #177460; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__media { position: relative; inset: auto; z-index: 1; grid-column: 1; grid-row: 1; width: calc(100% - 0.78rem); height: auto; aspect-ratio: 16 / 9; align-self: center; margin-left: 0.48rem; overflow: hidden; border: 1px solid rgb(255 255 255 / 0.7); border-radius: 0.5rem; background: #dce7ed; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.54), 0 0.28rem 0.8rem rgb(20 51 70 / 0.08); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--observer-cover-position, 50% 50%); filter: saturate(0.92) contrast(1.02); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link:hover .observer-home-card__media img { filter: saturate(1.02) contrast(1.035); transform: scale(1.03); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__scrim { display: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass { position: relative; inset: auto; z-index: 2; display: flex; width: 100%; height: 100%; min-height: 0; grid-column: 2; grid-row: 1; flex-direction: column; justify-content: center; padding: 0.54rem 2.45rem 0.56rem 0.58rem; overflow: hidden; border: 0; border-radius: 0; background: linear-gradient(136deg, rgb(255 255 255 / 0.44), rgb(248 252 252 / 0.18) 58%, rgb(219 240 236 / 0.18)), rgb(244 249 249 / 0.18); -webkit-backdrop-filter: blur(12px) saturate(118%) contrast(1.025); backdrop-filter: blur(12px) saturate(118%) contrast(1.025); box-shadow: inset 1px 0 0 rgb(255 255 255 / 0.82), inset 0 1px 0 rgb(255 255 255 / 0.58), inset 0 -1px 0 rgb(31 85 98 / 0.045); transform: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass::before { z-index: 0; background: linear-gradient(108deg, rgb(255 255 255 / 0.22), transparent 42%, rgb(66 158 128 / 0.045)); opacity: 0.68; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass::after { inset: 0; z-index: 0; border: 0; border-radius: 0; background: linear-gradient(180deg, rgb(255 255 255 / 0.54), transparent 32%) top / 100% 1px no-repeat; box-shadow: inset 0 0 0 0.5px rgb(35 85 97 / 0.035); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link:hover .observer-home-card__glass { background: linear-gradient(136deg, rgb(255 255 255 / 0.52), rgb(248 252 252 / 0.22) 58%, rgb(219 240 236 / 0.22)), rgb(244 249 249 / 0.22); box-shadow: inset 1px 0 0 rgb(255 255 255 / 0.9), inset 0 1px 0 rgb(255 255 255 / 0.64), inset 0 -1px 0 rgb(31 85 98 / 0.05); transform: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__meta, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__arrow { position: relative; z-index: 2; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__meta { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 0.32rem; margin-bottom: 0.28rem; white-space: nowrap; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__category { color: #0b735d; font-size: 0.56rem; font-weight: 780; letter-spacing: 0.025em; text-shadow: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass time { color: #6a7c82; font-size: 0.54rem; font-variant-numeric: tabular-nums; text-shadow: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__category::after { margin-left: 0.32rem; color: rgb(72 103 111 / 0.46); content: "/"; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3 { display: -webkit-box; max-width: 100%; margin: 0; padding: 0; overflow: hidden; color: #102f38 !important; font-size: clamp(0.76rem, 0.88vw, 0.84rem) !important; font-weight: 710; letter-spacing: -0.018em; line-height: 1.32 !important; overflow-wrap: anywhere; text-shadow: none; text-wrap: pretty; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__arrow { position: absolute; top: 50%; right: 0.62rem; bottom: auto; display: inline-flex; width: 1.48rem; height: 1.48rem; align-items: center; justify-content: center; border: 1px solid rgb(52 116 126 / 0.2); border-radius: 50%; background: rgb(255 255 255 / 0.42); color: #17675f; font-size: 0.68rem; line-height: 1; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82); transform: translateY(-50%); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link:hover .observer-home-card__arrow { border-color: rgb(34 143 111 / 0.38); background: rgb(58 166 128 / 0.1); transform: translate(0.06rem, -50%); } @media (max-width: 44.999rem) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { grid-template-columns: minmax(0, 1fr) auto; gap: 0.48rem 0.72rem; padding: 0.62rem 0.65rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity { display: grid; gap: 0.08rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity > p { font-size: 0.66rem !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform .home7202-brand-context__identity h3 { font-size: 0.88rem !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { grid-column: 2; grid-row: 1; min-height: 2.75rem; padding-inline: 0.72rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home { padding: 3.2rem 0.9rem 3.45rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.52rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] { height: 6.3rem; border-radius: 0.7rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link { grid-template-columns: minmax(3.65rem, 38%) minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__media { width: calc(100% - 0.52rem); margin-left: 0.34rem; border-radius: 0.42rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass { padding: 0.44rem 1.78rem 0.46rem 0.4rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__meta { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.04rem; margin-bottom: 0.22rem; white-space: normal; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__category, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass time { font-size: 0.54rem; line-height: 1.15; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__category::after { content: none; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3 { font-size: 0.7rem !important; line-height: 1.26 !important; -webkit-line-clamp: 3; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3 { font-size: 0.66rem !important; line-height: 1.22 !important; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__arrow { right: 0.38rem; width: 1.24rem; height: 1.24rem; font-size: 0.58rem; } } @media (max-width: 22.999rem) { html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { grid-template-columns: minmax(0, 1fr); gap: 0.46rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] { height: 5.4rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__link { grid-template-columns: 6.4rem minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__media { width: calc(100% - 0.7rem); margin-left: 0.42rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass { padding: 0.46rem 2rem 0.48rem 0.52rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__meta { display: flex; flex-wrap: nowrap; gap: 0.28rem; margin-bottom: 0.22rem; white-space: nowrap; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__category::after { margin-left: 0.28rem; content: "/"; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3, html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass h3 { font-size: 0.75rem !important; line-height: 1.28 !important; -webkit-line-clamp: 2; } } @media (prefers-reduced-motion: reduce) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity h3 a, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"], html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__media img, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__arrow { transition: none !important; } } @media (prefers-reduced-transparency: reduce) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"], html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass { background: #f3f8f8; -webkit-backdrop-filter: none; backdrop-filter: none; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="compact-editorial-rail-r37"] .observer-home-card__glass { background: rgb(243 248 248 / 0.97); } } /* R37 | GROUP BUSINESS STRIP + COMPACT OBSERVER LEDGER | END */ /* R36 | FOOTER BRAND LOCKUP TEXT ALIGNMENT | START Keep company, phone and email on one shared left axis. The legacy homepage bundle turns every brand-area link into a centered column flex item; this terminal scoped rule restores the intended three-line corporate lockup. */ html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v571-footer-contact { justify-items: stretch !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v7160-footer-company, html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v7160-footer-channels { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v7160-footer-company, html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v7160-footer-channels > a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; justify-self: stretch !important; width: 100% !important; text-align: left !important; } /* R36 | FOOTER BRAND LOCKUP TEXT ALIGNMENT | END */ /* R34 | DBC mother-brand context inside the existing BIOTEN platform section. */ html[data-v7202-home-governance] body.dbc-home-page #platform .v704-brands { gap: 0.46rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { position: relative; display: grid !important; min-height: 0 !important; grid-template-columns: minmax(12.5rem, 0.82fr) minmax(0, 1.58fr) auto; gap: clamp(0.8rem, 1.45vw, 1.4rem); align-items: center; overflow: hidden; padding: 0.68rem 0.78rem 0.72rem; border: 1px solid rgb(12 62 115 / 0.11); border-radius: 0.42rem; background: linear-gradient(90deg, rgb(6 71 155 / 0.055), rgb(255 255 255 / 0.68) 42%, rgb(28 130 91 / 0.045)), #f8faf9; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.95), 0 0.55rem 1.8rem rgb(12 43 58 / 0.035); } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context::before { position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(180deg, #06479b, #15488f 56%, #23815f); content: ""; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity { display: grid; min-width: 0; gap: 0.12rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity > p { margin: 0 !important; color: #15488f; font-size: 0.61rem !important; font-weight: 780; line-height: 1.35 !important; letter-spacing: 0.12em; text-transform: uppercase; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform .home7202-brand-context__identity h3 { margin: 0 !important; color: #102f38 !important; font-size: clamp(0.82rem, 0.9vw, 0.94rem) !important; font-weight: 720 !important; line-height: 1.32 !important; letter-spacing: -0.012em !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity h3 a { color: inherit; text-decoration: none; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__summary { max-width: 46rem; margin: 0 !important; color: #415b61; font-size: clamp(0.71rem, 0.75vw, 0.78rem) !important; font-weight: 520; line-height: 1.58 !important; text-wrap: pretty; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { display: inline-flex; width: auto !important; min-height: 2.35rem; align-items: center; justify-self: end; justify-content: center; gap: 0.52rem; padding: 0.42rem 0.68rem; border: 1px solid rgb(21 72 143 / 0.19); border-radius: 999px; background: rgb(255 255 255 / 0.78); color: #123f78; font-size: 0.68rem; font-weight: 720; line-height: 1.25; text-decoration: none; white-space: nowrap; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.95); transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease, transform 220ms ease; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about i { color: #23815f; font-size: 0.78rem; font-style: normal; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about:is(:hover, :focus-visible) { border-color: rgb(21 72 143 / 0.38); background: #fff; color: #15488f; transform: translateY(-1px); } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about:focus-visible { outline: 2px solid #7fb8e9; outline-offset: 2px; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__boundary { margin: 0.05rem 0.12rem 0 !important; color: #667a7e; font-size: 0.64rem !important; font-weight: 500; line-height: 1.48 !important; letter-spacing: 0.01em; } @media (max-width: 980px) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { grid-template-columns: minmax(0, 1fr) auto; gap: 0.42rem 0.8rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__summary { grid-column: 1 / -1; grid-row: 2; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { grid-column: 2; grid-row: 1; } } @media (max-width: 720px) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { padding: 0.72rem 0.72rem 0.76rem; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__identity > p { font-size: 0.72rem !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform .home7202-brand-context__identity h3 { font-size: 0.92rem !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__summary, html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__boundary { font-size: 0.75rem !important; line-height: 1.54 !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { min-height: 2.75rem; padding-inline: 0.78rem; font-size: 0.75rem; } } @media (max-width: 430px) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context { grid-template-columns: minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__summary { grid-column: auto; grid-row: auto; } html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { grid-column: auto; grid-row: auto; justify-self: start; } } @media (prefers-reduced-motion: reduce) { html[data-v7202-home-governance] body.dbc-home-page #platform .home7202-brand-context__about { transition: none; } } @media (prefers-reduced-transparency: reduce) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] { background: linear-gradient(128deg, #061522, #0a2234 52%, #04111c) !important; -webkit-backdrop-filter: none; backdrop-filter: none; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v410-home-footer__directory, .v410-home-footer__bottom ) { background: #0a2638; -webkit-backdrop-filter: none; backdrop-filter: none; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] { background: linear-gradient(128deg, #061522, #0a2234 52%, #04111c) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure][data-v7202-footer-material="dbc-ink-crystal-r33"] :is( .v410-home-footer__directory, .v410-home-footer__bottom ) { background: #0a2638; } } /* END FOOTER DBC INK CRYSTAL GLASS R33 */ html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #304fc5 0 48%, #36a675 52% 100%); content: ""; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries__inner { position: relative; width: min(100%, 1240px); display: grid; grid-template-columns: minmax(19rem, 0.66fr) minmax(0, 1.44fr); gap: clamp(0.9rem, 1.5vw, 1.25rem); align-items: stretch; margin-inline: auto; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries :where(a) { text-decoration: none; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail { position: relative; inset: auto; width: auto; max-width: none; min-width: 0; grid-column: auto; grid-row: auto; align-self: stretch; justify-self: stretch; margin: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { height: 100%; min-height: 24rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.55rem; background: linear-gradient(132deg, rgba(255, 255, 255, 0.84), rgba(235, 243, 245, 0.68)), rgba(248, 251, 250, 0.78); -webkit-backdrop-filter: blur(12px) saturate(108%); backdrop-filter: blur(12px) saturate(108%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 0 0 1px rgba(38, 100, 132, 0.045), 0 1.25rem 3.2rem rgba(39, 74, 71, 0.085); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card { padding: clamp(1.15rem, 1.7vw, 1.4rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card::before, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner::before { position: absolute; top: 0; right: 1.15rem; left: 1.15rem; height: 2px; background: linear-gradient(90deg, transparent, rgba(47, 93, 188, 0.64), rgba(56, 164, 119, 0.62), transparent); content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__head, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__intro, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__products, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__foot { position: relative; z-index: 1; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__head p, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__head > div:first-child > p:first-child { margin: 0 0 0.35rem; color: #176b58; font-size: 0.67rem; font-weight: 760; letter-spacing: 0.06em; line-height: 1.35; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .home7202-packaging-entries h2 { margin: 0; color: #102c36 !important; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: clamp(1.55rem, 2.1vw, 2rem); font-weight: 720; letter-spacing: -0.038em; line-height: 1.18; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__intro, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__summary { margin: 0.55rem 0 0.9rem; color: #596e75; font-size: 0.78rem; line-height: 1.65; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__products { display: grid; gap: 0.58rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product { display: grid; grid-template-columns: minmax(0, 1fr) 2rem; gap: 0.7rem; align-items: center; min-width: 0; min-height: 4rem; padding: 0.72rem 0.75rem 0.72rem 0.9rem; border: 1px solid rgba(31, 79, 92, 0.1); border-radius: 0.9rem; background: rgba(255, 255, 255, 0.62); color: #12313c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86); transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:nth-child(1) { border-left: 3px solid rgba(31, 151, 112, 0.62); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:nth-child(2) { border-left: 3px solid rgba(47, 93, 188, 0.58); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:nth-child(3) { border-left: 3px solid rgba(164, 129, 78, 0.56); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-copy strong, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-copy small { display: block; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-copy strong { font-size: 0.88rem; font-weight: 720; line-height: 1.35; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-copy small { margin-top: 0.18rem; color: #6f8187; font-size: 0.69rem; line-height: 1.35; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-arrow { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; border: 1px solid rgba(47, 93, 188, 0.16); border-radius: 50%; background: rgba(237, 244, 248, 0.7); color: #315f8a; font-size: 0.82rem; line-height: 1; transition: transform 220ms ease; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:hover, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:focus-visible { border-color: rgba(47, 93, 188, 0.2); background: rgba(255, 255, 255, 0.94); box-shadow: 0 0.65rem 1.5rem rgba(39, 74, 71, 0.075); transform: translateY(-0.1rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:hover .bp7160-sample-card__product-arrow, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product:focus-visible .bp7160-sample-card__product-arrow { transform: translateX(0.12rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; margin-top: 0.75rem; padding-top: 0.72rem; border-top: 1px solid rgba(31, 79, 92, 0.1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__foot span { color: #788a8f; font-size: 0.63rem; line-height: 1.45; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__foot a { flex: 0 0 auto; color: #245b87; font-size: 0.68rem; font-weight: 720; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { position: relative; display: flex; flex-direction: column; padding: clamp(1.15rem, 1.7vw, 1.4rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__head { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 1.35rem; margin-bottom: 0.85rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__head > div:first-child { min-width: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__summary { max-width: 36rem; margin-bottom: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions { flex: 0 0 auto; display: flex; gap: 0.5rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 0.8rem; min-width: 6.8rem; min-height: 2.65rem; padding: 0.62rem 0.8rem; border: 1px solid rgba(47, 93, 188, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.55); color: #245b87; font-size: 0.72rem; font-weight: 720; transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a.is-partner { border-color: #2d9775; background: #2d9775; color: #f7fffb; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a:hover, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a:focus-visible { border-color: rgba(37, 91, 135, 0.42); background: #fff; transform: translateY(-0.1rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a.is-partner:hover, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a.is-partner:focus-visible { border-color: #247d62; background: #247d62; color: #fff; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__grid { position: relative; z-index: 1; min-height: 13.2rem; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(15rem, 0.82fr); grid-template-rows: repeat(2, minmax(5.8rem, 1fr)); gap: 0.68rem; flex: 1 1 auto; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini { min-width: 0; display: grid; overflow: hidden; border: 1px solid rgba(31, 79, 92, 0.1); border-radius: 0.95rem; background: rgba(255, 255, 255, 0.66); color: #15343e; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); transition: border-color 220ms ease, box-shadow 220ms ease, transform 240ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:first-child { grid-row: 1 / 3; grid-template-columns: minmax(8.2rem, 42%) minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(2), html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(3) { grid-column: 2; grid-template-columns: 5.75rem minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini img { width: 100%; height: 100%; min-height: 100%; object-fit: cover; filter: saturate(0.88) contrast(0.98); transition: filter 240ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(3) img { object-position: 18% 62%; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini__copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 0.75rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini__copy > span { margin-bottom: 0.38rem; color: #267761; font-size: 0.59rem; font-weight: 740; letter-spacing: 0.035em; line-height: 1.35; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini__copy strong { display: -webkit-box; overflow: hidden; color: #16333d; font-size: 0.75rem; font-weight: 680; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 0.84rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:hover, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:focus-visible { border-color: rgba(47, 93, 188, 0.22); box-shadow: 0 0.75rem 1.7rem rgba(39, 74, 71, 0.09); transform: translateY(-0.12rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:hover img, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:focus-visible img { filter: saturate(0.98) contrast(1.01); transform: scale(1.035); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker { position: relative; z-index: 1; min-height: 3.15rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto 2.4rem; align-items: center; gap: 0.7rem; margin-top: 0.7rem; padding: 0.55rem 0.7rem; border: 1px solid rgba(47, 93, 188, 0.11); border-radius: 0.85rem; background: rgba(232, 241, 246, 0.68); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__toggle { display: grid; width: 2.4rem; height: 2.4rem; min-width: 2.4rem; padding: 0; place-items: center; border: 1px solid rgba(47, 93, 188, 0.16); border-radius: 0.72rem; background: rgba(255, 255, 255, 0.58); color: #245b87; font: inherit; cursor: pointer; transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__toggle:is(:hover, :focus-visible) { border-color: rgba(47, 93, 188, 0.42); background: #245b87; color: #fff; transform: translateY(-0.06rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__toggle:focus-visible { outline: 3px solid rgba(47, 93, 188, 0.52); outline-offset: 3px; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__signal { display: inline-flex; align-items: center; gap: 0.4rem; color: #267761; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__track { position: relative; z-index: 1; min-width: 0; height: 2.15rem; overflow: hidden; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__signal > span { width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #38a477; box-shadow: 0 0 0 0.22rem rgba(56, 164, 119, 0.1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__signal strong, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__counter { font-size: 0.59rem; font-weight: 760; letter-spacing: 0.04em; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item { position: absolute; inset: 0; min-width: 0; display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 0.55rem; color: #304f5c; opacity: 0; pointer-events: none; transform: translateY(0.45rem); transition: opacity 300ms ease, transform 300ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item.is-active { opacity: 1; pointer-events: auto; transform: translateY(0); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item time, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__type { color: #54717c; font-size: 0.57rem; font-weight: 690; white-space: nowrap; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item strong { overflow: hidden; color: #173640; font-size: 0.63rem; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__counter { color: #4e6b76; font-variant-numeric: tabular-nums; white-space: nowrap; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries :where(a):focus-visible { outline: 3px solid rgba(47, 93, 188, 0.52); outline-offset: 3px; } /* * BIOTEN Observer media cards. * This is a web frosted-glass approximation built with native CSS, not an * Apple platform Liquid Glass component. */ html[data-v7202-home-governance] body.dbc-home-page .observer-home { isolation: isolate; overflow: hidden; border-top: 0; background: radial-gradient(circle at 7% 20%, rgba(47, 93, 188, 0.055), transparent 30%), radial-gradient(circle at 92% 82%, rgba(35, 147, 100, 0.06), transparent 34%), linear-gradient(180deg, #f7fafb 0%, #eef4f6 100%); } html[data-v7202-home-governance] body.dbc-home-page .observer-home::before { position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient( 90deg, rgba(47, 93, 188, 0.52), rgba(47, 93, 188, 0.12) 46%, rgba(35, 147, 100, 0.46) ); content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__inner { position: relative; z-index: 1; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head { margin-bottom: 1.35rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head > a { background: rgba(255, 255, 255, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0.55rem 1.4rem rgba(18, 50, 78, 0.055); } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { width: 100%; max-width: var(--observer-max); align-items: stretch; gap: 0.75rem; margin-inline: auto; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card { position: relative; isolation: isolate; min-height: clamp(14.5rem, 16.2vw, 15rem); overflow: hidden; border: 1px solid rgba(15, 57, 91, 0.13); border-radius: 1rem; background: #dce7ed; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64), 0 1.3rem 3.5rem rgba(18, 50, 78, 0.115), 0 0.14rem 0.42rem rgba(18, 50, 78, 0.07); transform: translateZ(0); transition: border-color 240ms ease, box-shadow 260ms cubic-bezier(0.16, 1, 0.3, 1), transform 260ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card:hover { border-color: rgba(16, 90, 150, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1.5rem 3.8rem rgba(18, 50, 78, 0.16), 0 0.18rem 0.52rem rgba(18, 50, 78, 0.09); transform: translateY(-0.16rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card:active { transform: translateY(-0.04rem) scale(0.992); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__link { position: absolute; inset: 0; display: block; overflow: hidden; border-radius: inherit; color: inherit; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__link:focus-visible { outline: 3px solid rgba(39, 118, 205, 0.82); outline-offset: -4px; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__media { position: absolute; inset: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; overflow: hidden; background: #dce7ed; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.035) contrast(1.025); transition: filter 320ms ease, transform 620ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__link:hover .observer-home-card__media img { filter: saturate(1.075) contrast(1.045); transform: scale(1.035); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(4, 23, 41, 0) 48%, rgba(4, 23, 41, 0.018) 74%, rgba(4, 23, 41, 0.08) 100%); pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass { position: absolute; z-index: 2; inset: auto 0.52rem 0.52rem; display: block; min-height: 5.85rem; padding: 0.6rem 2.65rem 0.64rem 0.7rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.56); border-radius: 0.78rem; background: linear-gradient(142deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.025) 32%, rgba(20, 93, 104, 0.035) 58%, rgba(3, 20, 33, 0.14) 100%), rgba(4, 22, 35, 0.07); background-clip: padding-box; -webkit-backdrop-filter: blur(7px) saturate(135%) contrast(1.08) brightness(1.03); backdrop-filter: blur(7px) saturate(135%) contrast(1.08) brightness(1.03); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), inset 1px 0 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0.85rem 2rem rgba(4, 21, 37, 0.095); transform: translateY(0); transition: border-color 220ms ease, box-shadow 220ms ease, transform 260ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass::before { position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: radial-gradient(ellipse at 50% -34%, rgba(255, 255, 255, 0.62), transparent 36%), linear-gradient(108deg, rgba(255, 255, 255, 0.13), transparent 40%, rgba(88, 210, 166, 0.075)); opacity: 0.76; content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass::after { position: absolute; inset: 1px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: calc(0.78rem - 1px); background: linear-gradient(90deg, transparent 8%, rgba(255, 255, 255, 0.48) 30%, transparent 68%) top / 100% 1px no-repeat; box-shadow: inset 0 0 0 0.5px rgba(5, 38, 57, 0.055); content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__link:hover .observer-home-card__glass { border-color: rgba(255, 255, 255, 0.68); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 1px 0 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.13), 0 1rem 2.2rem rgba(4, 21, 37, 0.125); transform: translateY(-0.08rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 0.65rem; margin-bottom: 0.38rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__category { color: #d1faeb; font-size: 0.61rem; font-weight: 760; letter-spacing: 0.035em; text-shadow: 0 1px 2px rgba(0, 16, 29, 0.9), 0 3px 10px rgba(0, 16, 29, 0.58); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass time { flex: 0 0 auto; color: rgba(249, 252, 255, 0.92); font-size: 0.59rem; font-variant-numeric: tabular-nums; text-shadow: 0 1px 2px rgba(0, 16, 29, 0.86), 0 3px 10px rgba(0, 16, 29, 0.52); } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card__glass h3 { display: -webkit-box; max-width: 100%; margin: 0; overflow: hidden; color: #f7fbff !important; font-size: clamp(0.8rem, 0.86vw, 0.86rem) !important; font-weight: 710; letter-spacing: -0.022em; line-height: 1.34 !important; text-shadow: 0 1px 2px rgba(0, 14, 27, 0.72), 0 4px 12px rgba(0, 14, 27, 0.38); text-wrap: pretty; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__arrow { position: absolute; right: 0.64rem; bottom: 0.64rem; display: inline-flex; align-items: center; justify-content: center; width: 1.72rem; height: 1.72rem; border: 1px solid rgba(255, 255, 255, 0.52); border-radius: 50%; background: rgba(4, 24, 38, 0.09); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 0.35rem 0.9rem rgba(0, 13, 24, 0.1); color: #f7fbff; font-size: 0.84rem; line-height: 1; transition: background-color 180ms ease, border-color 180ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__link:hover .observer-home-card__arrow { border-color: rgba(168, 232, 207, 0.62); background: rgba(168, 232, 207, 0.16); transform: translate(0.08rem, -0.08rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__glass { border-color: rgba(255, 255, 255, 0.76); background: linear-gradient(142deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(211, 242, 234, 0.08) 100%), rgba(244, 250, 251, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 1px 0 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(28, 79, 91, 0.09), 0 0.85rem 2rem rgba(21, 51, 66, 0.08); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__glass::before { background: radial-gradient(ellipse at 50% -34%, rgba(255, 255, 255, 0.72), transparent 36%), linear-gradient(108deg, rgba(255, 255, 255, 0.16), transparent 40%, rgba(73, 176, 141, 0.08)); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__category { color: #075e4c; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(255, 255, 255, 0.72); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__glass time { color: #264752; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(255, 255, 255, 0.7); } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__glass h3 { color: #102f38 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94), 0 3px 12px rgba(255, 255, 255, 0.76); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-glass-theme="light"] .observer-home-card__arrow { border-color: rgba(255, 255, 255, 0.74); background: rgba(255, 255, 255, 0.1); color: #173f4a; } @media (min-width: 67.5rem) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries { padding-bottom: clamp(4rem, 5vw, 4.8rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home { padding-top: clamp(4.25rem, 5vw, 5rem); padding-bottom: clamp(4.75rem, 5.2vw, 5.35rem); } } @media (max-width: 67.499rem) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries__inner { grid-template-columns: 1fr; gap: 1rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { min-height: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__products { grid-template-columns: repeat(3, minmax(0, 1fr)); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product { min-height: 4.8rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { max-width: 51.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card { min-height: clamp(13.7rem, 28vw, 14.8rem); } } @media (max-width: 44.999rem) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries { padding: 3.45rem 0.9rem 3.7rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { padding: 1rem; border-radius: 1.15rem; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .home7202-packaging-entries h2 { font-size: clamp(1.42rem, 7vw, 1.75rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__products { grid-template-columns: 1fr; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product { min-height: 4rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__head { flex-direction: column; gap: 0.9rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a { min-width: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__grid { grid-template-columns: 1fr; grid-template-rows: none; min-height: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:first-child, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(2), html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(3) { grid-column: auto; grid-row: auto; grid-template-columns: 6.4rem minmax(0, 1fr); min-height: 6.8rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:first-child .bp7140-release-mini__copy strong { font-size: 0.78rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker { grid-template-columns: minmax(0, 1fr) auto 2.75rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__track { grid-column: 1 / -1 !important; grid-row: 2; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__toggle { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item { grid-template-columns: auto minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__type { display: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home { padding: 3.2rem 0.85rem 3.45rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head { align-items: flex-end; flex-direction: row; gap: 1rem; margin-bottom: 1.2rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head h2 { font-size: clamp(1.58rem, 7.4vw, 1.95rem); } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { max-width: 34rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.62rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card { min-height: clamp(11.65rem, 50vw, 12.25rem); border-radius: 0.82rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card:nth-child(n + 5) { display: block; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass { inset: auto 0.4rem 0.4rem; min-height: 6.2rem; padding: 0.48rem 0.56rem 0.52rem; border-radius: 0.66rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__meta { gap: 0.28rem; margin-bottom: 0.3rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__category { font-size: 0.53rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass time { font-size: 0.5rem; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card__glass h3 { padding-right: 1.65rem; font-size: clamp(0.72rem, 3.15vw, 0.78rem) !important; line-height: 1.28 !important; -webkit-line-clamp: 4; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .observer-home-card__glass h3 { font-size: 0.67rem !important; letter-spacing: -0.012em; line-height: 1.25 !important; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__arrow { right: 0.52rem; bottom: 0.52rem; width: 1.46rem; height: 1.46rem; font-size: 0.68rem; } } @media (max-width: 22.999rem) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions { grid-template-columns: 1fr; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__foot { align-items: flex-start; flex-direction: column; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:first-child, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(2), html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini:nth-child(3) { grid-template-columns: 5.6rem minmax(0, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home__head { align-items: flex-start; flex-direction: column; } html[data-v7202-home-governance] body.dbc-home-page .observer-home__grid { gap: 0.5rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card { min-height: clamp(11.25rem, 56vw, 11.75rem); } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card__glass h3 { font-size: 0.68rem !important; } } @media (prefers-reduced-motion: reduce) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card__product-arrow, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-release-rail__actions a, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-mini img, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__item, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7151-release-ticker__toggle, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__media img, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__arrow { transition: none !important; } } @media (max-width: 22.999rem) { html[data-v7202-home-governance][lang="en"] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product { min-height: 5.7rem; } } @media (prefers-reduced-transparency: reduce) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { background: #f7faf9; -webkit-backdrop-filter: none; backdrop-filter: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass { background: rgba(8, 30, 49, 0.94); -webkit-backdrop-filter: none; backdrop-filter: none; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7160-sample-card, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries .bp7140-release-rail__inner { background: #f7faf9; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass { background: rgba(8, 30, 49, 0.92); } } /* * Homepage footer responsive closure. * The existing DBC visual identity is retained while the information grid is * normalized for desktop, tablet and phone widths. */ html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] { --home7202-footer-lockup-height: 3.85rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { width: min(78rem, calc(100% - clamp(2.5rem, 6vw, 5rem))) !important; padding-top: clamp(2.2rem, 3vw, 2.65rem); padding-bottom: 0.9rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { gap: clamp(1.15rem, 2vw, 1.8rem); padding-bottom: clamp(1.25rem, 1.8vw, 1.55rem); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { max-width: 29rem; grid-template-columns: 9.1rem minmax(0, 1fr); gap: 1.45rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark { width: 9.1rem; height: var(--home7202-footer-lockup-height); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { height: var(--home7202-footer-lockup-height); min-height: var(--home7202-footer-lockup-height); max-height: var(--home7202-footer-lockup-height); grid-template-rows: repeat(3, minmax(0, 1fr)); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v7160-footer-company, .v7160-footer-channels a ) { font-size: 0.71rem !important; line-height: 1.3 !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { margin: -0.35rem -0.48rem -0.25rem; padding: 0.35rem 0.48rem 0.25rem; gap: 0.85rem clamp(0.9rem, 1.4vw, 1.3rem) !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { gap: 0.42rem clamp(0.65rem, 1vw, 1rem) !important; padding: 0.76rem 0.68rem 0.64rem; } @media (min-width: 1281px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { grid-template-columns: minmax(27rem, 29rem) minmax(0, 1fr) !important; } } @media (min-width: 981px) and (max-width: 1280px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 721px) and (max-width: 980px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { width: min(56rem, calc(100% - 2.5rem)) !important; padding-top: 2.1rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1.05rem 1.55rem !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group:nth-child(-n + 3) { grid-column: span 2; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group:nth-child(n + 4) { grid-column: span 3; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group:nth-child(5) .v570-footer-group__links { display: block; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { grid-template-columns: minmax(0, 1fr) !important; gap: 0.42rem !important; white-space: normal !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { flex-wrap: wrap; gap: 0.16rem 0; white-space: normal; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal { justify-self: start !important; justify-content: start !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.64rem !important; line-height: 1.45; } } @media (max-width: 720px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { width: min(39rem, calc(100% - 1.75rem)) !important; padding-top: 1.65rem; padding-bottom: 0.75rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { gap: 0.85rem; padding-bottom: 0.95rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { display: grid !important; max-width: none; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.85rem; align-items: center; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark, html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 7.5rem; height: auto; aspect-ratio: 2.34 / 1; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { width: 100% !important; height: 4.5rem; min-height: 4.5rem; max-height: 4.5rem; margin: 0 !important; padding: 0 !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official .v7160-footer-channels a { block-size: auto !important; height: auto !important; min-block-size: 0 !important; min-height: 0 !important; padding: 0 !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v7160-footer-company, .v7160-footer-channels a ) { justify-content: flex-start; font-size: 0.65rem !important; line-height: 1.25 !important; text-align: left; white-space: nowrap; } html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { font-size: 0.57rem !important; white-space: normal; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { margin: 0; padding: 0.08rem 0.68rem 0.04rem; gap: 0 !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary { min-height: 2.75rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group__links > a { min-height: 2.35rem !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { grid-template-columns: minmax(0, 1fr) !important; gap: 0.66rem !important; padding: 0.76rem 0 0; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { display: grid; grid-template-columns: max-content minmax(0, 1fr) !important; gap: 0.22rem 0.7rem; white-space: normal !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-address { grid-column: 1 / -1 !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal { display: grid !important; width: 100%; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.12rem 0.72rem !important; justify-self: stretch !important; justify-content: stretch !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal a { display: flex; min-height: 1.75rem; align-items: center; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.63rem !important; line-height: 1.42; } } @media (max-width: 340px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { grid-template-columns: 6.4rem minmax(0, 1fr); gap: 0.68rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark, html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 6.4rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v7160-footer-company, .v7160-footer-channels a ) { font-size: 0.59rem !important; } } /* * OBSERVER 16:9 GLASS-BELOW R29 * A consistent editorial card: image for visual evidence, separate glass * panel for category, date and title. No text is laid over the photograph. */ html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] { min-height: 0; overflow: hidden; border-color: rgba(25, 78, 103, 0.14); border-radius: 1rem; background: rgba(235, 244, 246, 0.56); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1.15rem 2.9rem rgba(18, 50, 78, 0.105), 0 0.14rem 0.4rem rgba(18, 50, 78, 0.06); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"]:hover { border-color: rgba(25, 105, 139, 0.27); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 1.45rem 3.35rem rgba(18, 50, 78, 0.145), 0 0.16rem 0.46rem rgba(18, 50, 78, 0.075); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link { position: relative; inset: auto; display: grid; height: 100%; min-height: 0; grid-template-rows: auto minmax(5.35rem, 1fr); overflow: hidden; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__media { position: relative; inset: auto; z-index: 0; grid-area: 1 / 1; width: 100%; height: auto; aspect-ratio: 16 / 9; overflow: hidden; border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0; background: #dce7ed; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--observer-cover-position, 50% 50%); filter: saturate(1.025) contrast(1.02); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link:hover .observer-home-card__media img { filter: saturate(1.075) contrast(1.035); transform: scale(1.025); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__scrim { position: relative; inset: auto; z-index: 1; grid-area: 1 / 1; width: 100%; height: auto; aspect-ratio: 16 / 9; border-bottom: 1px solid rgba(255, 255, 255, 0.56); background: linear-gradient(180deg, rgba(7, 29, 43, 0) 68%, rgba(7, 29, 43, 0.075) 100%); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { position: relative; inset: auto; z-index: 2; display: flex; min-height: 5.35rem; grid-area: 2 / 1; flex-direction: column; justify-content: center; padding: 0.72rem 2.75rem 0.78rem 0.78rem; overflow: hidden; border: 0; border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px); background: linear-gradient(138deg, rgba(255, 255, 255, 0.58), rgba(248, 252, 252, 0.27) 54%, rgba(218, 241, 235, 0.3)), rgba(235, 246, 247, 0.46); -webkit-backdrop-filter: blur(18px) saturate(145%) contrast(1.035); backdrop-filter: blur(18px) saturate(145%) contrast(1.035); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 1px 0 0 rgba(255, 255, 255, 0.42), inset 0 -1px 0 rgba(24, 78, 91, 0.08); transform: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass::before { z-index: 0; background: radial-gradient(ellipse at 18% -28%, rgba(255, 255, 255, 0.72), transparent 42%), linear-gradient(112deg, rgba(255, 255, 255, 0.2), transparent 42%, rgba(70, 174, 139, 0.085)); opacity: 0.82; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass::after { inset: 1px; z-index: 0; border-color: rgba(255, 255, 255, 0.32); border-radius: 0 0 calc(1rem - 2px) calc(1rem - 2px); background: linear-gradient(90deg, transparent 6%, rgba(255, 255, 255, 0.62) 30%, transparent 68%) top / 100% 1px no-repeat; box-shadow: inset 0 0 0 0.5px rgba(29, 82, 94, 0.055), inset 0 -1px 0 rgba(25, 93, 91, 0.065); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link:hover .observer-home-card__glass { border-color: transparent; background: linear-gradient(138deg, rgba(255, 255, 255, 0.64), rgba(248, 252, 252, 0.31) 54%, rgba(218, 241, 235, 0.34)), rgba(235, 246, 247, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 1px 0 0 rgba(255, 255, 255, 0.46), inset 0 -1px 0 rgba(24, 78, 91, 0.08); transform: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__meta, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass h3, html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__arrow { position: relative; z-index: 2; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.2rem 0.55rem; margin-bottom: 0.42rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__category { color: #0d725d; font-size: 0.61rem; font-weight: 780; letter-spacing: 0.035em; text-shadow: none; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass time { color: #5d737b; font-size: 0.59rem; font-variant-numeric: tabular-nums; text-shadow: none; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass h3 { display: -webkit-box; max-width: 100%; margin: 0; padding-right: 0.2rem; overflow: hidden; color: #102f38 !important; font-size: clamp(0.82rem, 0.9vw, 0.9rem) !important; font-weight: 720; letter-spacing: -0.024em; line-height: 1.38 !important; text-shadow: none; text-wrap: pretty; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__arrow { position: absolute; top: 50%; right: 0.72rem; bottom: auto; display: inline-flex; width: 1.78rem; height: 1.78rem; align-items: center; justify-content: center; border-color: rgba(63, 130, 133, 0.24); background: rgba(255, 255, 255, 0.38); color: #17675f; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 0.28rem 0.7rem rgba(35, 83, 94, 0.07); transform: translateY(-50%); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link:hover .observer-home-card__arrow { border-color: rgba(34, 143, 111, 0.42); background: rgba(58, 166, 128, 0.12); transform: translate(0.08rem, -50%); } @media (max-width: 67.499rem) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link { grid-template-rows: auto minmax(5.3rem, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { min-height: 5.3rem; } } @media (max-width: 44.999rem) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] { min-height: 0; border-radius: 0.84rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link { grid-template-rows: auto minmax(5.25rem, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__media { border-radius: calc(0.84rem - 1px) calc(0.84rem - 1px) 0 0; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { min-height: 5.25rem; padding: 0.48rem 0.58rem 0.52rem; border-radius: 0 0 calc(0.84rem - 1px) calc(0.84rem - 1px); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__meta { gap: 0.14rem 0.32rem; margin-bottom: 0.32rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__category { font-size: 0.53rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass time { font-size: 0.5rem; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass h3 { padding-right: 1.58rem; font-size: clamp(0.71rem, 3.1vw, 0.77rem) !important; line-height: 1.3 !important; -webkit-line-clamp: 4; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass h3 { font-size: 0.66rem !important; line-height: 1.25 !important; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__arrow { right: 0.5rem; top: 50%; bottom: auto; width: 1.44rem; height: 1.44rem; font-size: 0.68rem; transform: translateY(-50%); } } @media (max-width: 22.999rem) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__link { grid-template-rows: auto minmax(6.6rem, 1fr); } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { min-height: 6.6rem; padding: 0.48rem 0.5rem 0.5rem; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass h3 { font-size: 0.66rem !important; line-height: 1.23 !important; } html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__meta { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 0.08rem; margin-bottom: 0.28rem; } html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass time { font-size: 0.47rem; } } @media (prefers-reduced-transparency: reduce) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { background: #f3f8f8; -webkit-backdrop-filter: none; backdrop-filter: none; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card[data-v7202-card="ratio-glass-below"] .observer-home-card__glass { background: rgba(243, 248, 248, 0.97); } } /* END OBSERVER 16:9 GLASS-BELOW R29 */ /* * PACKAGING ENTRY OPTICAL GLASS R23 * Transparent optical glass on a calm non-image field for the homepage * product and release cards. Source routes remain governed by bioten.html. */ html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] { isolation: isolate; background: radial-gradient(circle at 12% 16%, rgba(255, 255, 255, 0.76), transparent 31rem), radial-gradient(circle at 88% 82%, rgba(44, 166, 122, 0.15), transparent 28rem), linear-gradient(118deg, #e8f1f3 0%, #e2eff0 48%, #e6f1eb 100%); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"]::before { z-index: 3; background: linear-gradient(90deg, #304fc5 0 46%, rgba(255, 255, 255, 0.92) 49.7%, #36a675 53% 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"]::after { position: absolute; z-index: 0; inset: 0; background: radial-gradient(circle at 12% 50%, rgba(53, 76, 190, 0.095), transparent 25rem), radial-gradient(circle at 86% 44%, rgba(42, 164, 119, 0.12), transparent 27rem), linear-gradient(108deg, rgba(255, 255, 255, 0.18), transparent 42%, rgba(255, 255, 255, 0.24) 49%, transparent 57%); content: ""; opacity: 1; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .home7202-packaging-entries__inner { z-index: 2; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] :is( .bp7160-sample-card, .bp7140-release-rail__inner ) { border-color: rgba(255, 255, 255, 0.72); background: linear-gradient(132deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.1) 47%, rgba(220, 242, 238, 0.17)), rgba(244, 250, 250, 0.2); -webkit-backdrop-filter: blur(18px) saturate(152%) contrast(1.05); backdrop-filter: blur(18px) saturate(152%) contrast(1.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(28, 83, 97, 0.12), 0 1.8rem 4.6rem rgba(29, 62, 74, 0.14), 0 0.35rem 1.1rem rgba(29, 62, 74, 0.06); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] :is( .bp7160-sample-card, .bp7140-release-rail__inner )::before { z-index: 0; inset: 0; width: auto; height: auto; border-radius: inherit; background: radial-gradient(ellipse at 24% -16%, rgba(255, 255, 255, 0.58), transparent 36%), linear-gradient(116deg, rgba(255, 255, 255, 0.22), transparent 34%, transparent 72%, rgba(65, 171, 136, 0.07)); opacity: 0.9; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card::after, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7140-release-rail__inner::after { position: absolute; z-index: 0; inset: 1px; border-radius: calc(1.55rem - 1px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 20%, transparent 78%, rgba(30, 104, 111, 0.06)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(23, 88, 98, 0.1); content: ""; pointer-events: none; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] #bp7160-sample-title { font-size: clamp(1.32rem, 1.75vw, 1.62rem) !important; letter-spacing: -0.055em; white-space: nowrap !important; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] #bp7160-sample-title { font-size: clamp(1.02rem, 1.45vw, 1.32rem) !important; letter-spacing: -0.038em; white-space: normal !important; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product { --bp7202-sample-accent: #3254c7; --bp7202-sample-tint: rgba(50, 84, 199, 0.1); display: grid; grid-template-columns: 2.45rem minmax(0, 1fr) 2.05rem; gap: 0.72rem; align-items: center; border-color: rgba(255, 255, 255, 0.56); background: linear-gradient(122deg, rgba(255, 255, 255, 0.44), rgba(248, 252, 252, 0.18)), rgba(245, 251, 251, 0.12); -webkit-backdrop-filter: blur(10px) saturate(142%); backdrop-filter: blur(10px) saturate(142%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), inset 0 -1px 0 rgba(25, 84, 98, 0.06), 0 0.42rem 1.2rem rgba(31, 70, 80, 0.045); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product[data-v7202-sample-kind="paper"] { --bp7202-sample-accent: #187d82; --bp7202-sample-tint: rgba(24, 125, 130, 0.1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product[data-v7202-sample-kind="tableware"] { --bp7202-sample-accent: #18875f; --bp7202-sample-tint: rgba(24, 135, 95, 0.1); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7202-sample-icon { display: grid; width: 2.45rem; aspect-ratio: 1; place-items: center; border: 1px solid rgba(255, 255, 255, 0.78); border-radius: 0.85rem; color: var(--bp7202-sample-accent); background: linear-gradient(145deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.14)), var(--bp7202-sample-tint); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0.35rem 0.9rem rgba(27, 65, 78, 0.07); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7202-sample-icon svg { width: 1.42rem; height: 1.42rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product-copy { min-width: 0; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7202-sample-provider { overflow: hidden; color: #41606a; font-size: clamp(0.64rem, 0.72vw, 0.7rem); font-weight: 650; letter-spacing: 0.025em; text-overflow: ellipsis; white-space: nowrap; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7202-sample-provider { font-size: clamp(0.59rem, 0.66vw, 0.66rem); letter-spacing: 0; white-space: normal; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product-arrow { border-color: rgba(255, 255, 255, 0.7); background: rgba(244, 250, 252, 0.34); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 0.3rem 0.9rem rgba(37, 74, 91, 0.07); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product:hover, html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-sample-card__product:focus-visible { border-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.68); box-shadow: inset 0 1px 0 #fff, 0 0.8rem 1.8rem rgba(28, 74, 83, 0.1); transform: translateY(-0.14rem); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-release-rail__actions a { border-color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(13px) saturate(145%); backdrop-filter: blur(13px) saturate(145%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 0.4rem 1.2rem rgba(25, 68, 84, 0.07); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7160-release-rail__actions a.is-partner { border-color: rgba(75, 187, 148, 0.72); background: linear-gradient(135deg, rgba(42, 157, 117, 0.94), rgba(25, 125, 94, 0.86)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 0.52rem 1.3rem rgba(28, 126, 94, 0.18); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7140-release-mini { border-color: rgba(255, 255, 255, 0.6); background: rgba(247, 251, 251, 0.28); -webkit-backdrop-filter: blur(13px) saturate(132%); backdrop-filter: blur(13px) saturate(132%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0.48rem 1.4rem rgba(29, 68, 77, 0.055); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7140-release-mini__copy { background: linear-gradient(116deg, rgba(255, 255, 255, 0.3), rgba(241, 249, 248, 0.12)); -webkit-backdrop-filter: blur(10px) saturate(128%); backdrop-filter: blur(10px) saturate(128%); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7151-release-ticker { border-color: rgba(255, 255, 255, 0.6); background: rgba(235, 246, 248, 0.3); -webkit-backdrop-filter: blur(16px) saturate(138%); backdrop-filter: blur(16px) saturate(138%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 0.35rem 1.1rem rgba(27, 67, 81, 0.045); } @media (max-width: 44.999rem) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"]::after { opacity: 0.78; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] :is( .bp7160-sample-card, .bp7140-release-rail__inner ) { border-radius: 1.35rem; background: linear-gradient(134deg, rgba(255, 255, 255, 0.46), rgba(244, 250, 250, 0.16)), rgba(246, 251, 251, 0.24); -webkit-backdrop-filter: blur(18px) saturate(146%) contrast(1.04); backdrop-filter: blur(18px) saturate(146%) contrast(1.04); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(28, 83, 97, 0.1), 0 1.25rem 3rem rgba(29, 62, 74, 0.12); } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] #bp7160-sample-title { font-size: clamp(1.22rem, 5.5vw, 1.38rem) !important; white-space: nowrap !important; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] #bp7160-sample-title { font-size: clamp(0.98rem, 4.5vw, 1.12rem) !important; line-height: 1.18; white-space: normal !important; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7140-release-rail__head h2 { font-size: clamp(1.28rem, 5.7vw, 1.45rem) !important; letter-spacing: -0.045em; white-space: nowrap; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] .bp7140-release-rail__head h2 { font-size: clamp(1.02rem, 4.7vw, 1.18rem) !important; line-height: 1.18; white-space: normal; } } @media (prefers-reduced-transparency: reduce) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"]::after { opacity: 0.06; } html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] :is( .bp7160-sample-card, .bp7140-release-rail__inner, .bp7160-sample-card__product, .bp7160-release-rail__actions a, .bp7140-release-mini, .bp7140-release-mini__copy, .bp7151-release-ticker ) { background: #f7faf9; -webkit-backdrop-filter: none; backdrop-filter: none; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { html[data-v7202-home-governance] body.dbc-home-page .home7202-packaging-entries[data-v7202-glass-material="optical-clear-r23"] :is( .bp7160-sample-card, .bp7140-release-rail__inner ) { background: rgba(247, 250, 249, 0.96); } } /* * V7.20.2 detailed homepage closure. * Scope: readable platform type, a continuous 600px packaging layout, * compact editorial news titles and the full official DBC footer lockup. */ @media (min-width: 47.563rem) { html[data-v7202-home-governance] body.dbc-home-page #platform .v704-bioten__copy > strong { font-size: clamp(0.78rem, 0.82vw, 0.84rem) !important; line-height: 1.42 !important; } html[data-v7202-home-governance] body.dbc-home-page #platform .v704-bioten__copy > p:not(.v704-bioten__kicker) { font-size: clamp(0.75rem, 0.79vw, 0.8rem) !important; line-height: 1.54 !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform[data-v791-section] [data-v791-route] .v704-route__copy h3 { font-size: clamp(0.84rem, 0.9vw, 0.92rem) !important; line-height: 1.23 !important; } html[data-v7202-home-governance] body.dbc-home-page #platform[data-v791-section] [data-v791-route] .v704-route__copy p { font-size: clamp(0.66rem, 0.7vw, 0.72rem) !important; line-height: 1.4 !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #platform .v704-brand-card__copy h3 { font-size: clamp(0.76rem, 0.82vw, 0.84rem) !important; line-height: 1.26 !important; } } /* Narrow tablet and landscape phone: keep the six packaging cards in a 2 + 1 bento. */ @media (min-width: 34rem) and (max-width: 39.999rem) { html[data-v7202-home-governance] body.dbc-home-page #main-content #bioten[data-v793-section] [data-v793-card-system] .v703-domain-group__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.72rem !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #bioten[data-v793-section] .v703-domain-group__grid .v311-domain[data-v793-card] { height: clamp(13.25rem, 38vw, 14.25rem) !important; min-height: clamp(13.25rem, 38vw, 14.25rem) !important; block-size: clamp(13.25rem, 38vw, 14.25rem) !important; min-block-size: clamp(13.25rem, 38vw, 14.25rem) !important; } html[data-v7202-home-governance] body.dbc-home-page #main-content #bioten[data-v793-section] .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) { height: clamp(11.75rem, 31vw, 12.5rem) !important; min-height: clamp(11.75rem, 31vw, 12.5rem) !important; block-size: clamp(11.75rem, 31vw, 12.5rem) !important; min-block-size: clamp(11.75rem, 31vw, 12.5rem) !important; grid-column: 1 / -1 !important; } html[data-v7202-home-governance] body.dbc-home-page #bioten[data-v793-section] .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) .v311-domain__media { inset: 0 42% 0 0 !important; width: auto !important; height: 100% !important; } html[data-v7202-home-governance] body.dbc-home-page #bioten[data-v793-section] .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) .v287-domain__wash { background: linear-gradient(90deg, rgb(3 18 28 / 0.02) 0%, rgb(3 18 28 / 0.1) 38%, rgb(4 24 35 / 0.91) 61%, #071f2c 100%), linear-gradient(180deg, transparent 0%, rgb(3 18 28 / 0.12) 64%, rgb(3 18 28 / 0.45) 100%); } html[data-v7202-home-governance] body.dbc-home-page #bioten[data-v793-section] .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) .v311-domain__link { justify-content: center; padding: 1rem 3rem 1rem 62% !important; } } @media (max-width: 22.999rem) { html[data-v7202-home-governance] body.dbc-home-page .observer-home-card { min-height: 11.5rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__glass { min-height: 5.8rem; padding: 0.44rem 0.5rem 0.46rem; } html[data-v7202-home-governance] body.dbc-home-page .observer-home-card__meta { margin-bottom: 0.24rem; } html[data-v7202-home-governance] body.dbc-home-page main#main-content .observer-home-card__glass h3 { padding-right: 1.5rem; font-size: 0.67rem !important; line-height: 1.23 !important; letter-spacing: -0.012em; -webkit-line-clamp: 4; } html[data-v7202-home-governance][lang="en"] body.dbc-home-page main#main-content .observer-home-card__glass h3 { font-size: 0.66rem !important; line-height: 1.22 !important; letter-spacing: -0.018em; } } /* Full horizontal DBC signature with a structural left rule. */ html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] { --home7202-footer-strip-ratio: 2214 / 592; --home7202-footer-lockup-height: 4.5rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { position: relative; box-sizing: border-box; max-width: 33.25rem; grid-template-columns: minmax(16.4rem, 16.75rem) minmax(0, 1fr); gap: 1.05rem; padding-left: 0.85rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand::before { position: absolute; top: 0.12rem; bottom: 0.12rem; left: 0; width: 1px; background: linear-gradient(180deg, rgb(98 175 224 / 0.2), rgb(111 202 171 / 0.72) 48%, rgb(98 175 224 / 0.2)); content: ""; opacity: 0.86; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark, html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 100%; height: auto; aspect-ratio: var(--home7202-footer-strip-ratio); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { overflow: hidden; border: 0; border-radius: 0.16rem; background: #15488f; box-shadow: 0 0 0 1px rgb(218 237 246 / 0.1); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame img { width: 100%; height: 100%; object-fit: contain; object-position: center; filter: none; transform: none; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { height: var(--home7202-footer-lockup-height); min-height: var(--home7202-footer-lockup-height); max-height: var(--home7202-footer-lockup-height); grid-template-rows: repeat(3, minmax(0, 1fr)); border-left: 1px solid rgb(185 218 232 / 0.16) !important; padding: 0 0 0 1rem !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v7160-footer-company, .v7160-footer-channels a ) { font-size: 0.72rem !important; line-height: 1.34 !important; } @media (min-width: 1281px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { grid-template-columns: minmax(31.75rem, 33.25rem) minmax(0, 1fr) !important; } } @media (min-width: 981px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { align-self: center; } } html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { min-width: 0; font-size: 0.66rem !important; white-space: normal; overflow-wrap: anywhere; } @media (min-width: 721px) { html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { grid-template-rows: minmax(1.85rem, auto) repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { max-width: none; grid-template-columns: minmax(10.5rem, 0.58fr) minmax(8.2rem, 0.42fr); gap: 0.75rem; padding-left: 0.65rem; align-items: center; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal { display: grid !important; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.12rem 0.72rem !important; justify-content: stretch !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark, html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 100%; height: auto; aspect-ratio: var(--home7202-footer-strip-ratio); } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { width: 100% !important; height: auto; min-height: 7.1rem; max-height: none; grid-template-rows: minmax(1.6rem, auto) repeat(2, 2.75rem); margin: 0 !important; border-left: 1px solid rgb(185 218 232 / 0.16) !important; padding: 0 0 0 0.72rem !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { align-items: flex-start; font-size: 0.66rem !important; line-height: 1.34 !important; white-space: normal; } html:is([lang="en"], [data-lang="en"])[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { font-size: 0.62rem !important; line-height: 1.3 !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official .v7160-footer-channels a { min-block-size: 2.75rem !important; min-height: 2.75rem !important; padding: 0 !important; font-size: 0.7rem !important; line-height: 1.34 !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__directory .v570-footer-group__links > a, html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__bottom .v410-home-footer__legal a { min-block-size: 2.75rem !important; min-height: 2.75rem !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.69rem !important; line-height: 1.45; } } @media (max-width: 430px) { html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { grid-template-columns: minmax(0, 1fr); gap: 0.65rem; padding-left: 0.7rem; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark { width: min(100%, 17rem); justify-self: start; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { min-height: 7rem; border-top: 1px solid rgb(185 218 232 / 0.13) !important; border-left: 0 !important; padding: 0.44rem 0 0 !important; } html[data-v7202-home-governance] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v7160-footer-company, .v7160-footer-channels a ) { font-size: 0.66rem !important; } } /* R36 | FOOTER THREE-LINE AXIS | FINAL CASCADE LOCK */ html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact { justify-items: stretch !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact :is(.v7160-footer-company, .v7160-footer-channels, .v7160-footer-channels > a) { width: 100% !important; min-width: 0 !important; margin-inline: 0 !important; text-align: left !important; } html[data-v7202-home-governance] body.dbc-home-page footer.v410-home-footer[data-v7160-footer-closure] .v410-home-footer__official.v571-footer-contact .v7160-footer-channels > a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; }