/* Readable text scale; display headings keep the approved proportions. */
main .eyebrow{font-size:13px;line-height:1.65;letter-spacing:.5px}
.hero .eyebrow{font-size:14px;max-width:510px}
.hero .hero-description{font-size:18px;line-height:1.75;max-width:505px}
.hero .hero-actions .button,.hero .hero-actions .hero-contact{font-size:16px;min-height:52px}
.hero .hero-foot{font-size:14px;line-height:1.65;width:505px;gap:24px}
.hero>.film-caption,.hero.has-video>.film-caption{font-size:14px;line-height:1.6}
main .directions-intro,main .partners-heading>p,main .documents-heading>div>p:not(.eyebrow){font-size:18px;line-height:1.75}
main .test-card h3{font-size:19px;line-height:1.45}
main .test-card p{font-size:16px;line-height:1.65}
main .test-card-number{font-size:13px}
main .test-complete .eyebrow{font-size:13px}
main .test-complete>p{font-size:17px;line-height:1.7}
main .test-complete-link{font-size:16px;line-height:1.5}
main .methods summary,main .methods summary>span:last-child,main .methods-grid a{font-size:16px;line-height:1.6}
main .text-link,main .object-gallery-foot>.text-link,main .documents-heading .text-link{font-size:16px;line-height:1.6}
main .pile-copy>p:not(.load-note),main .accompaniment-copy>p:not(.eyebrow){font-size:18px;line-height:1.8}
main .pile-copy .pile-brief{font-size:16px!important;line-height:1.75!important}
main .pile-copy .load-note{font-size:15px;line-height:1.75}
main .pile-methods strong{font-size:17px;line-height:1.55}
main .pile-methods a>span,main .pile-heading>p:not(.eyebrow),main .photo-label{font-size:14px}
main .pile-geography>p{font-size:16px;line-height:1.7}
main .pile-geography .geo-note{font-size:15px!important}
main .load-label>span{font-size:14px}
main .objects-stat>span{font-size:16px;line-height:1.6}
main .object-caption small,main .object-number{font-size:14px}
main .object-caption strong{font-size:24px;line-height:1.4}
main .steps h3{font-size:18px;line-height:1.5}
main .steps p{font-size:16px;line-height:1.75}
main .accompaniment-copy .button{font-size:16px;line-height:1.5}
main .document-card-copy strong{font-size:16px;line-height:1.55}
main .document-card-copy>span{font-size:14px;line-height:1.65}
main .document-card-copy>small{font-size:13px;line-height:1.65}
main .document-expired{font-size:12px;line-height:1.45}
main .questions-list summary{font-size:18px;line-height:1.5}
main .questions-list details p{font-size:17px;line-height:1.8}
main .contact p:not(.eyebrow),main .brief-checklist li{font-size:17px;line-height:1.75}
main .brief-checklist li:before,main .contact-actions a>span{font-size:14px}
.mobile-contact-bar a{font-size:16px}
@media(min-width:601px) and (max-width:1100px){
.hero .hero-copy,.hero.has-video .hero-copy{padding-block:30px}
.hero .hero-description{font-size:17px;line-height:1.65;max-width:490px}
.hero .hero-foot{font-size:13px}
main .documents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}
}
@media(max-width:760px){
main .directions-intro,main .partners-heading>p,main .documents-heading>div>p:not(.eyebrow){font-size:17px}
main .test-card h3{font-size:17px;line-height:1.5}
main .test-card p{font-size:15px;line-height:1.65}
main .test-complete{grid-column:1/-1;padding:24px;gap:16px}
main .test-complete h3{font-size:28px}
main .test-complete>p{font-size:16px;max-width:100%}
main .test-complete-link{font-size:16px;padding-top:16px}
main .test-complete .eyebrow{font-size:12px}
main .object-caption strong{font-size:21px}
main .objects-stat>span{font-size:15px}
main .object-caption small,main .object-number{font-size:13px}
main .pile-copy>p:not(.load-note),main .accompaniment-copy>p:not(.eyebrow){font-size:17px}
main .document-card-copy strong{font-size:16px}
main .document-card-copy>span{font-size:14px}
main .document-card-copy>small{font-size:13px}
main .document-expired{font-size:12px}
main .questions-list summary{font-size:17px}
main .questions-list details p{font-size:16px}
main .object-gallery-foot{gap:14px}
main .object-gallery-foot>.text-link{font-size:15px;gap:12px}
}
@media(max-width:600px){
.hero .eyebrow{font-size:13px;max-width:100%}
.hero .hero-description{font-size:16px;line-height:1.7}
.hero .hero-actions .button,.hero .hero-actions .hero-contact{font-size:15px}
.hero .hero-actions{gap:12px 20px}
.hero .hero-foot{font-size:13px;gap:15px}
.hero>.film-caption{font-size:13px}
}
@media(max-width:370px){
main .test-grid{grid-template-columns:1fr}
main .test-card-photo{aspect-ratio:1.45}
main .test-card h3{font-size:18px}
main .test-card p{font-size:16px}
.hero .hero-actions{gap:9px 16px}
.hero .hero-actions .button{padding-inline:13px;gap:13px}
.hero .hero-foot{font-size:12px}
.mobile-contact-bar a{font-size:15px}
}
:root{--muted:#555950}
/* Counter-moving photographs of laboratory and field work. */
.work-showcase{background:#eaece4;border-top:1px solid #dce0d4;padding:44px 0 12px;overflow:hidden}
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.work-heading h2{font-size:clamp(30px,3vw,41px);line-height:1.2;letter-spacing:-1.1px;margin-top:17px}
.work-heading .object-controls{padding-bottom:3px}
.work-showcase .work-slide{flex:0 0 clamp(260px,27vw,370px)}
.work-showcase .object-image{aspect-ratio:1.2;border-radius:12px}
.work-showcase .object-image img{object-position:center 40%}
.work-showcase .object-caption{padding:14px 2px 6px;min-height:86px;align-items:start}
.work-showcase .object-caption strong{font-size:19px;line-height:1.4;max-width:340px}
.work-showcase .object-caption small{font-size:13px;line-height:1.5;margin-bottom:5px}
.work-showcase .object-expand{width:38px;height:38px;right:14px;bottom:14px;font-size:21px}
.work-showcase .object-track{gap:22px}
.object-showcase{border-top:0;padding-top:35px}
@media(max-width:760px){
.work-showcase{padding:32px 0 8px}
.work-heading{gap:20px;align-items:start;flex-wrap:wrap;margin-bottom:20px}
.work-heading h2{font-size:30px;letter-spacing:-.8px}
.work-heading .object-controls{margin:0;padding:0;gap:8px}
.work-showcase .work-slide{flex-basis:82%}
.work-showcase .object-track{gap:15px}
.work-showcase .object-image{aspect-ratio:1.12;border-radius:9px}
.work-showcase .object-caption strong{font-size:18px}
.work-showcase .object-caption{min-height:88px}
.object-showcase{padding-top:28px}
}