/* * DBC / BIOTEN V7.16.0 — homepage screen-two precision closure. * Scope: professional card copy rhythm, optical arrow centering, restrained * image grading and a shorter mobile reading path. The accepted card order, * particle divider and evidence language remain unchanged. */ body.dbc-home-page #bioten[data-v7160-screen-two-precision] { --v7160-card-ease: cubic-bezier(.22, 1, .36, 1); --v7160-paper-white: #fbf8f0; --v7160-paper-line: rgb(231 219 194 / .7); } /* Treat the two group names as quiet editorial chapter lines, not helper text. */ body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label { padding-left: .72rem; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label strong { font-size: clamp(.79rem, .79vw, .86rem); font-weight: 690; letter-spacing: .002em; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group--extended .v703-domain-group__label { border-left-color: rgb(21 95 145 / .42); } /* One restrained material grade keeps bright and dark source images in one family. */ body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__slide img { filter: saturate(.93) contrast(1.025) brightness(.995); } body.dbc-home-page #bioten[data-v7160-screen-two-precision] :is([data-v793-card="snack"], [data-v793-card="liquid"], [data-v793-card="specialty"]) .v311-domain__slide img { filter: saturate(.9) contrast(1.018) brightness(1.035); } body.dbc-home-page #bioten[data-v7160-screen-two-precision] [data-v793-card="pharma"] .v311-domain__slide img { object-position: 48% 50%; } /* SVG geometry removes the font-baseline offset of the historical arrow glyph. */ body.dbc-home-page #bioten[data-v7160-screen-two-precision] :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]) { display: grid !important; padding: 0 !important; place-items: center !important; line-height: 0 !important; text-indent: 0 !important; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]) svg { display: block; width: .78rem; height: .78rem; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.45; transform: translate3d(.015rem, 0, 0); } body.dbc-home-page #bioten[data-v7160-screen-two-precision] [data-v7160-closure-arrow="centered"] svg { width: .7rem; height: .7rem; } /* The evidence boundary remains intact, with a calmer reading measure. */ body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v7112-packaging-summary { max-width: 82ch !important; line-height: 1.74 !important; } @media (hover: hover) and (pointer: fine) { body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card]:hover .v311-domain__slide img { filter: saturate(.99) contrast(1.04) brightness(1.015); } } /* Phones keep a deliberate single reading column, but no longer repeat six tall posters. */ @media (max-width: 639px) { body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label { padding-left: .66rem; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label strong { font-size: clamp(.78rem, 3.62vw, .85rem); } body.dbc-home-page #main-content #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card], body.dbc-home-page #main-content #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) { height: auto !important; min-height: clamp(14.25rem, 64vw, 16rem) !important; block-size: auto !important; min-block-size: clamp(14.25rem, 64vw, 16rem) !important; aspect-ratio: 3 / 2; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__link p { max-width: calc(100% - .72rem) !important; line-height: 1.5 !important; } body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v7112-packaging-summary { max-width: 37rem !important; line-height: 1.7 !important; } } @media (prefers-reduced-motion: reduce) { body.dbc-home-page #bioten[data-v7160-screen-two-precision] :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]), body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__slide img { transition: none !important; } }