/* DBC / BIOTEN V4.5.0 Navigation legibility, newsroom hierarchy and branded PDF reading surface. This layer is intentionally scoped so the confirmed homepage composition remains unchanged. */ :root { --v450-blue: #075ca8; --v450-blue-deep: #073d70; --v450-green: #087e59; --v450-green-deep: #075f47; --v450-ink: #101a22; --v450-copy: #354550; --v450-muted: #6d7c86; --v450-paper: #f5f8f9; --v450-line: rgba(17, 57, 82, .13); --v450-soft-line: rgba(17, 57, 82, .08); --v450-shadow: 0 28px 72px rgba(20, 44, 61, .1); --v450-radius: 1.15rem; --v450-ease: cubic-bezier(.22, 1, .36, 1); } /* ---------- Desktop navigation: readable, calm and consistent ---------- */ @media (min-width: 861px) { html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__inner { padding-top: 1.45rem; padding-bottom: 1.45rem; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__intro h2 { letter-spacing: -.035em; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__intro > p:not(.dbc-desktop-mega__eyebrow) { color: #445560; font-size: .775rem !important; line-height: 1.62 !important; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--direct .dbc-desktop-route__desc { margin-top: .38rem !important; color: #465762; font-size: .735rem !important; line-height: 1.5 !important; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--direct .dbc-desktop-route__copy strong { font-size: clamp(.82rem, .9vw, .92rem) !important; line-height: 1.34 !important; } html body.v450-site.dbc-global-nav-active .dbc-desktop-route { border-color: rgba(7, 92, 168, .13); } html body.v450-site.dbc-global-nav-active .dbc-desktop-route:is(:hover, :focus-visible) { border-color: rgba(7, 92, 168, .32); box-shadow: 0 18px 38px rgba(18, 50, 73, .105), inset 0 1px rgba(255, 255, 255, .92); transform: translateY(-2px); } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__index > p { padding-top: .74rem; padding-bottom: .7rem; color: #60717c; font-size: .69rem; letter-spacing: .055em; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__index > a { min-height: 2.7rem; padding: .72rem .76rem .68rem; color: #31434f; font-size: .75rem; font-weight: 640; line-height: 1.42; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__index > a > span:last-child { opacity: .48; transition: opacity 180ms ease, transform 180ms ease; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__index > a:is(:hover, :focus-visible) > span:last-child { opacity: 1; transform: translate(1px, -1px); } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__quick > p { color: #5f707a; font-size: .69rem; letter-spacing: .055em; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega__quick > a { min-height: 2.55rem; color: #31434f; font-size: .75rem; line-height: 1.42; } /* News uses actual articles above and information routes below. Its cards therefore need room for a real headline without becoming visually heavy. */ html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--news .dbc-desktop-route { grid-template-rows: 6.35rem minmax(0, 1fr); height: 16.1rem; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--news .dbc-desktop-route__copy { padding: .88rem .88rem .76rem; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--news .dbc-desktop-route__copy strong { display: -webkit-box; overflow: hidden; font-size: .84rem; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--news .dbc-desktop-route__desc { display: -webkit-box; overflow: hidden; margin-top: .42rem; color: #5c6c76; font-size: .72rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } html body.v450-site.dbc-global-nav-active .dbc-desktop-mega--news .dbc-desktop-mega__quick { align-content: start; } } /* ---------- Newsroom foundation ---------- */ html { scroll-padding-top: 6.5rem; } body.newsroom-v450 { color: var(--v450-ink); background: radial-gradient(circle at 13% 15%, rgba(7, 92, 168, .055), transparent 28rem), radial-gradient(circle at 91% 31%, rgba(8, 126, 89, .045), transparent 28rem), #f8fafb; } body.newsroom-v450 #main-content { overflow: clip; } .v450-news-shell { width: min(100% - 3rem, 82rem); margin-inline: auto; } .v450-news-hero { position: relative; min-height: clamp(25rem, 53vh, 34rem); display: grid; align-items: end; padding: clamp(8rem, 12vw, 10.5rem) 0 clamp(3.5rem, 6vw, 5.5rem); border-bottom: 1px solid var(--v450-line); isolation: isolate; } .v450-news-hero::before, .v450-news-hero::after { position: absolute; content: ""; pointer-events: none; z-index: -1; } .v450-news-hero::before { inset: 0; background: linear-gradient(90deg, rgba(7, 92, 168, .08) 0 1px, transparent 1px) 50% 0 / min(8vw, 7rem) 100%, linear-gradient(180deg, transparent 0 75%, rgba(7, 92, 168, .035)); mask-image: linear-gradient(to right, transparent, #000 16%, #000 84%, transparent); opacity: .58; } .v450-news-hero::after { width: clamp(15rem, 32vw, 30rem); aspect-ratio: 1; right: -8%; bottom: -42%; border: 1px solid rgba(8, 126, 89, .12); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(7, 92, 168, .022), 0 0 0 8rem rgba(8, 126, 89, .018); } .v450-news-hero__inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); align-items: end; gap: clamp(2rem, 7vw, 7rem); } .v450-news-kicker, .v450-news-section-kicker { margin: 0 0 1rem; color: var(--v450-blue); font-size: .72rem; font-weight: 760; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; } .v450-news-hero h1 { max-width: 8ch; margin: 0; font-size: clamp(3.3rem, 7.2vw, 7rem); font-weight: 680; line-height: .95; letter-spacing: -.075em; } .v450-news-hero__copy { position: relative; padding-top: 1.15rem; border-top: 2px solid; border-image: linear-gradient(90deg, var(--v450-blue) 0 38%, var(--v450-green) 38% 58%, transparent 58%) 1; } .v450-news-hero__copy p { margin: 0; color: var(--v450-copy); font-size: clamp(.96rem, 1.3vw, 1.08rem); line-height: 1.78; } .v450-news-hero__copy p + p { margin-top: .75rem; color: var(--v450-muted); font-size: .78rem; line-height: 1.65; } .v450-news-featured, .v450-news-current, .v450-news-archive-promo, .v450-archive-section { padding: clamp(4rem, 7vw, 7rem) 0; } .v450-news-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .58fr); gap: 2rem; align-items: end; margin-bottom: clamp(1.75rem, 3vw, 2.8rem); } .v450-news-section-head h2 { max-width: 16ch; margin: 0; font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 650; line-height: 1.08; letter-spacing: -.05em; } .v450-news-section-head > p { margin: 0; color: var(--v450-muted); font-size: .9rem; line-height: 1.72; } .v450-news-featured__grid, .v450-news-featured__layout { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(18rem, .82fr); gap: clamp(.85rem, 1.5vw, 1.2rem); } .v450-news-lead, .v450-news-feature-card, .v450-news-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--v450-line); background: rgba(255, 255, 255, .88); color: var(--v450-ink); text-decoration: none; transition: transform 280ms var(--v450-ease), border-color 220ms ease, box-shadow 280ms ease; } .v450-news-lead:is(:hover, :focus-visible), .v450-news-feature-card:is(:hover, :focus-visible), .v450-news-card:is(:hover, :focus-visible) { border-color: rgba(7, 92, 168, .28); box-shadow: 0 22px 55px rgba(18, 50, 73, .105); transform: translateY(-3px); } .v450-news-lead { min-height: 36rem; display: grid; align-content: end; border-radius: var(--v450-radius); background: #0c1d2a; color: #fff; } .v450-news-lead img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: transform 800ms var(--v450-ease), opacity 280ms ease; } .v450-news-lead::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, rgba(5, 17, 25, .02) 20%, rgba(5, 17, 25, .82) 90%); } .v450-news-lead:is(:hover, :focus-visible) img { opacity: .88; transform: scale(1.025); } .v450-news-lead__copy { position: relative; z-index: 1; max-width: 46rem; padding: clamp(1.5rem, 4vw, 3rem); } .v450-news-meta { display: flex; flex-wrap: wrap; gap: .5rem .85rem; align-items: center; margin-bottom: .75rem; color: var(--v450-muted); font-size: .7rem; font-weight: 680; letter-spacing: .045em; } .v450-news-meta span:first-child { color: var(--v450-blue); } .v450-news-lead .v450-news-meta { color: rgba(255, 255, 255, .72); } .v450-news-lead .v450-news-meta span:first-child { color: #8bc9ff; } .v450-news-lead h2, .v450-news-lead h3 { max-width: 17ch; margin: 0; font-size: clamp(1.8rem, 3.5vw, 3.2rem); font-weight: 620; line-height: 1.18; letter-spacing: -.045em; } .v450-news-lead p { max-width: 44rem; margin: 1rem 0 0; color: rgba(255, 255, 255, .78); font-size: .9rem; line-height: 1.7; } .v450-news-featured__stack, .v450-news-featured__rail { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: clamp(.85rem, 1.5vw, 1.2rem); } .v450-news-feature-card { display: grid; grid-template-columns: 7.75rem minmax(0, 1fr); border-radius: .9rem; } .v450-news-feature-card img { width: 100%; height: 100%; min-height: 9rem; object-fit: cover; } .v450-news-feature-card__copy { display: grid; align-content: center; padding: 1.15rem; } .v450-news-feature-card h3 { display: -webkit-box; overflow: hidden; margin: 0; font-size: .94rem; font-weight: 650; line-height: 1.48; letter-spacing: -.012em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .v450-news-current { border-top: 1px solid var(--v450-line); background: rgba(255, 255, 255, .46); } .v450-news-filter, .v450-archive-filter { position: sticky; top: max(4.75rem, env(safe-area-inset-top)); z-index: 8; display: flex; gap: .45rem; margin: 0 0 2rem; padding: .45rem; overflow-x: auto; border: 1px solid rgba(17, 57, 82, .11); border-radius: 999px; background: rgba(248, 251, 252, .84); box-shadow: 0 14px 35px rgba(20, 44, 61, .07); backdrop-filter: blur(18px) saturate(135%); -webkit-backdrop-filter: blur(18px) saturate(135%); scrollbar-width: none; } .v450-news-filter::-webkit-scrollbar, .v450-archive-filter::-webkit-scrollbar { display: none; } .v450-news-filter button, .v450-archive-filter button, .v450-news-filter a { flex: 0 0 auto; min-height: 2.35rem; padding: .55rem .9rem; border: 0; border-radius: 999px; background: transparent; color: #50616c; font: inherit; font-size: .75rem; font-weight: 650; line-height: 1; text-decoration: none; cursor: pointer; transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .v450-news-filter button:is(:hover, :focus-visible), .v450-archive-filter button:is(:hover, :focus-visible), .v450-news-filter a:is(:hover, :focus-visible) { color: var(--v450-blue-deep); background: rgba(7, 92, 168, .07); } .v450-news-filter button.is-active, .v450-news-filter button[aria-pressed="true"], .v450-archive-filter button.is-active, .v450-archive-filter button[aria-pressed="true"] { color: #fff; background: linear-gradient(135deg, var(--v450-blue), #0b77bd); box-shadow: 0 6px 16px rgba(7, 92, 168, .2); } .v450-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.85rem, 1.6vw, 1.25rem); } .v450-news-card { display: grid; grid-template-rows: 12.5rem minmax(0, 1fr); border-radius: .95rem; } .v450-news-card[hidden], .v450-archive-grid > [hidden] { display: none !important; } .v450-news-card__media { position: relative; display: block; overflow: hidden; background: #e7ecef; } .v450-news-card__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 58%, rgba(7, 28, 42, .12)); } .v450-news-card__media img, .v450-news-card > img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--v450-ease); } .v450-news-card:is(:hover, :focus-visible) .v450-news-card__media img, .v450-news-card:is(:hover, :focus-visible) > img { transform: scale(1.025); } .v450-news-card__copy, .v450-news-card__body { display: flex; flex-direction: column; align-items: flex-start; min-height: 14.5rem; padding: 1.25rem; } .v450-news-card h3 { display: -webkit-box; overflow: hidden; margin: 0; font-size: clamp(1rem, 1.35vw, 1.16rem); font-weight: 650; line-height: 1.5; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .v450-news-card p { display: -webkit-box; overflow: hidden; margin: .75rem 0 0; color: var(--v450-muted); font-size: .8rem; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .v450-news-card__action { display: inline-flex; align-items: center; gap: .5rem; margin-top: auto; padding-top: 1rem; color: var(--v450-blue); font-size: .75rem; font-weight: 700; } .v450-news-card__action span { transition: transform 180ms ease; } .v450-news-card:is(:hover, :focus-visible) .v450-news-card__action span { transform: translateX(3px); } .v450-news-archive-promo { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: end; overflow: hidden; padding: clamp(4rem, 7vw, 7rem) max(4vw, calc((100vw - 82rem) / 2)); border-top: 1px solid var(--v450-line); background: radial-gradient(circle at 86% 30%, rgba(80, 195, 155, .16), transparent 17rem), linear-gradient(135deg, #0b2941, #0b3c46 64%, #075c4b); box-shadow: var(--v450-shadow); color: #fff; } .v450-news-archive-promo::before { position: absolute; width: 19rem; aspect-ratio: 1; top: -70%; right: 8%; content: ""; pointer-events: none; border: 1px solid rgba(255, 255, 255, .11); border-radius: 50%; box-shadow: 0 0 0 3.5rem rgba(255, 255, 255, .025), 0 0 0 7rem rgba(255, 255, 255, .018); } .v450-news-archive-promo__panel { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: end; overflow: hidden; padding: clamp(2rem, 5vw, 4.3rem); border-radius: var(--v450-radius); background: radial-gradient(circle at 86% 30%, rgba(80, 195, 155, .16), transparent 17rem), linear-gradient(135deg, #0b2941, #0b3c46 64%, #075c4b); box-shadow: var(--v450-shadow); color: #fff; } .v450-news-archive-promo__panel::before { position: absolute; width: 19rem; aspect-ratio: 1; top: -70%; right: 8%; content: ""; border: 1px solid rgba(255, 255, 255, .11); border-radius: 50%; box-shadow: 0 0 0 3.5rem rgba(255, 255, 255, .025), 0 0 0 7rem rgba(255, 255, 255, .018); } .v450-news-archive-promo h2 { max-width: 12ch; margin: 0; font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 630; line-height: 1.08; letter-spacing: -.055em; } .v450-news-archive-promo p { max-width: 44rem; margin: 1rem 0 0; color: rgba(255, 255, 255, .7); font-size: .86rem; line-height: 1.72; } .v450-news-archive-promo a, .v450-reader-actions a, .v450-reader-actions button { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 2.85rem; padding: .75rem 1.15rem; border: 1px solid rgba(255, 255, 255, .28); border-radius: .68rem; background: rgba(255, 255, 255, .1); color: #fff; font-size: .8rem; font-weight: 680; text-decoration: none; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .v450-news-archive-promo a:is(:hover, :focus-visible), .v450-reader-actions a:is(:hover, :focus-visible), .v450-reader-actions button:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .5); } .v450-empty-state { grid-column: 1 / -1; padding: 2.5rem; border: 1px dashed rgba(17, 57, 82, .2); border-radius: .9rem; color: var(--v450-muted); text-align: center; } /* ---------- Article refinement ---------- */ body.v450-site.news-article-page .news-hero-meta { gap: .7rem 1.05rem; } body.v450-site.news-article-page .news-hero-meta span:nth-child(2) { color: var(--v450-blue-deep); font-weight: 720; } body.v450-site.news-article-page .v410-article-breadcrumb { color: #6b7c86; } body.v450-site.news-article-page .v410-article-breadcrumb a:last-of-type { color: var(--v450-blue-deep); } body.v450-site.news-article-page .v270-static-pdf { border-color: rgba(7, 92, 168, .16) !important; background: linear-gradient(135deg, rgba(235, 243, 249, .92), rgba(239, 248, 244, .82)) !important; box-shadow: 0 16px 36px rgba(22, 48, 66, .06); } body.v450-site.news-article-page .v270-static-pdf > a { border-radius: .58rem; } body.v450-site.news-article-page .news-evidence-note, body.v450-site.news-article-page .formal-archive-notice { position: relative; margin: 1.6rem 0 2.2rem; padding: 1.05rem 1.2rem 1.05rem 1.4rem; border: 1px solid rgba(7, 92, 168, .14); border-left: 3px solid var(--v450-blue); border-radius: 0 .72rem .72rem 0; background: rgba(242, 247, 250, .88); color: #52636e; font-size: .78rem; line-height: 1.68; } body.v450-site.news-article-page[data-news-archive="true"] .formal-archive-notice { border-left-color: #7b8790; background: rgba(244, 246, 247, .9); } /* ---------- Historical archive ---------- */ body.news-archive-v450 .v450-news-hero { min-height: clamp(23rem, 48vh, 30rem); } body.news-archive-v450 .v450-news-hero h1 { max-width: none; font-size: clamp(3rem, 6vw, 5.9rem); } .v450-archive-year { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: clamp(1rem, 3vw, 2.5rem); padding: 2.2rem 0; border-top: 1px solid var(--v450-line); } .v450-archive-year > h2 { position: sticky; top: 9rem; align-self: start; margin: 0; color: var(--v450-blue-deep); font-size: clamp(1.6rem, 2.5vw, 2.35rem); font-weight: 650; letter-spacing: -.04em; } .v450-archive-grid { display: grid; grid-template-columns: 1fr; gap: .85rem; } /* ---------- Branded PDF reader ---------- */ body.news-reader-v450 { min-height: 100vh; background: #eef3f5; } .v450-reader { min-height: 100vh; padding: clamp(6.5rem, 10vw, 8.5rem) 0 2rem; } .v450-reader__shell { width: min(100% - 2rem, 94rem); margin-inline: auto; } .v450-reader__toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; margin-bottom: .85rem; padding: 1.15rem 1.3rem; border: 1px solid rgba(17, 57, 82, .11); border-radius: .95rem; background: rgba(255, 255, 255, .82); box-shadow: 0 15px 40px rgba(20, 44, 61, .07); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .v450-reader__eyebrow { margin: 0 0 .35rem; color: var(--v450-blue); font-size: .65rem; font-weight: 760; letter-spacing: .1em; } .v450-reader__title { max-width: 58rem; margin: 0; font-size: clamp(1rem, 2vw, 1.4rem); font-weight: 650; line-height: 1.42; letter-spacing: -.02em; } .v450-reader__meta { margin: .4rem 0 0; color: var(--v450-muted); font-size: .72rem; } .v450-reader-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; } .v450-reader-actions a, .v450-reader-actions button { min-height: 2.55rem; border-color: rgba(7, 92, 168, .17); background: #fff; color: var(--v450-blue-deep); cursor: pointer; } .v450-reader-actions a.is-primary { border-color: transparent; background: linear-gradient(135deg, var(--v450-blue), #0b77bd); color: #fff; } .v450-reader__frame { min-height: calc(100vh - 13rem); overflow: hidden; border: 1px solid rgba(17, 57, 82, .12); border-radius: .95rem; background: #fff; box-shadow: 0 20px 60px rgba(20, 44, 61, .09); } .v450-reader__frame object, .v450-reader__frame iframe { display: block; width: 100%; min-height: calc(100vh - 13rem); border: 0; } .v450-reader__fallback { display: grid; min-height: 24rem; place-items: center; padding: 2rem; color: var(--v450-muted); text-align: center; } .v450-reader__error { max-width: 40rem; margin: 5rem auto; padding: 2rem; border: 1px solid rgba(148, 48, 48, .16); border-radius: 1rem; background: #fff; text-align: center; } /* ---------- Responsive safety ---------- */ @media (max-width: 980px) { .v450-news-hero__inner, .v450-news-section-head, .v450-news-featured__grid, .v450-news-featured__layout { grid-template-columns: 1fr; } .v450-news-featured__stack, .v450-news-featured__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; } .v450-news-feature-card { grid-template-columns: 1fr; grid-template-rows: 8rem minmax(0, 1fr); } .v450-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .v450-news-archive-promo, .v450-news-archive-promo__panel, .v450-reader__toolbar { grid-template-columns: 1fr; } .v450-reader-actions { justify-content: flex-start; } } @media (max-width: 720px) { .v450-news-shell { width: min(100% - 1.25rem, 82rem); } .v450-news-hero { min-height: 34rem; padding-top: 7rem; } .v450-news-hero h1 { font-size: clamp(3.25rem, 18vw, 5.2rem); } .v450-news-featured, .v450-news-current, .v450-news-archive-promo, .v450-archive-section { padding: 3.6rem 0; } .v450-news-lead { min-height: 30rem; } .v450-news-featured__stack, .v450-news-featured__rail, .v450-news-grid { grid-template-columns: 1fr; } .v450-news-feature-card { grid-template-columns: 7.2rem minmax(0, 1fr); grid-template-rows: none; } .v450-news-card { grid-template-rows: 12rem minmax(0, 1fr); } .v450-news-card__copy { min-height: 13rem; } .v450-news-filter, .v450-archive-filter { top: 4.25rem; margin-inline: -.25rem; border-radius: .78rem; } .v450-news-archive-promo, .v450-news-archive-promo__panel { padding: 2rem 1.3rem; } .v450-archive-year { grid-template-columns: 1fr; } .v450-archive-year > h2 { position: static; } .v450-reader { padding-top: 5.4rem; } .v450-reader__shell { width: min(100% - .75rem, 94rem); } .v450-reader__toolbar { padding: 1rem; } .v450-reader-actions a, .v450-reader-actions button { flex: 1 1 calc(50% - .5rem); } .v450-reader__frame, .v450-reader__frame object, .v450-reader__frame iframe { min-height: calc(100vh - 18rem); } } @media (prefers-reduced-motion: reduce) { body.v450-site *, body.v450-site *::before, body.v450-site *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }