/* Approved editorial additions; established navigation, imagery and transitions stay in place. */
.copy-section{padding-block:80px;background:var(--pale);color:var(--ink)}
.copy-section:nth-of-type(even){background:#fff}
.copy-section h2{font-size:clamp(32px,4vw,56px);line-height:1.12;margin:0 0 32px;max-width:900px}
.copy-section>.wrap>p{max-width:820px;font-size:17px;line-height:1.8}
.copy-section .eyebrow{margin-bottom:24px}
.method-grid,.company-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.method-grid article,.company-entry{border-top:1px solid var(--line);padding-top:24px;min-width:0}
.method-grid h3,.company-entry h3{font-size:28px;line-height:1.2;margin:0 0 20px}
.method-grid p,.company-entry p{font-size:17px;line-height:1.8;max-width:620px}
.company-entry .text-link{margin-top:12px}
.hero-intro{position:relative;z-index:2;max-width:500px;font-size:18px;line-height:1.65;margin:24px 0 0;color:var(--ink)}
.business-heading .business-intro{max-width:580px;font-size:16px;line-height:1.6;margin:20px 0 0;color:inherit;text-shadow:0 2px 18px #123b6b60}
.detail-hero .detail-tagline{font-size:clamp(22px,2.4vw,32px);line-height:1.4;color:var(--ink);margin-bottom:20px}
.detail-hero .detail-intro{max-width:900px}
.presence-layout .stats-four{gap:24px}
@media(min-width:761px){
 .method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
 .company-grid:has(>.company-entry:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
}
@media(max-width:760px){
 .hero-intro{font-size:15px;line-height:1.6;max-width:340px;margin-top:20px}
 .business-heading .business-intro{font-size:14px;line-height:1.55;max-width:260px;margin-top:16px}
 .copy-section>.wrap>p,.method-grid p,.company-entry p{font-size:16px;line-height:1.75}
 .method-grid h3,.company-entry h3{font-size:26px}
 .presence-layout>.stats-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
 .presence-layout .stats-four>div{min-width:0}
 .presence-layout .stats-four span{white-space:normal}
}

/* Brand photography: preserve artwork and align image and text top edges. */
.wellbeing-page .brand-section .detail-grid{align-items:start}
.wellbeing-page .brand-section .site-image{position:static;top:auto;margin:0}
.wellbeing-page .brand-section .site-image img{height:auto;aspect-ratio:auto;object-fit:contain}
.wellbeing-page .brand-section .site-image picture{border-radius:6px;overflow:hidden}
.wellbeing-page .brand-section .detail-copy h2{margin-top:0}
@media(max-width:760px){.site-footer .footer-column a[href*="biologics-manufacturing"]{white-space:normal}}

/* Alternate editorial imagery while preserving the mobile reading order. */
.company-entry .company-logo{width:220px;max-width:100%;height:80px;object-fit:contain;object-position:left center;margin:0 0 28px}
.company-entry .button{margin-top:16px}
@media(min-width:761px){.detail-section.reverse-detail .detail-grid>.site-image{grid-column:2;grid-row:1}.detail-section.reverse-detail .detail-grid>.detail-copy{grid-column:1;grid-row:1}}
