/* Product copy and spacing from the October 27 annotated brief. */
#horizontal-uf-story .hero-copy,
#ultrafiltration-story .hero-copy{width:51%;transform:translateY(-20px)}
#horizontal-uf-title,
#ultrafiltration-story h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(44px,4.5vw,88px);font-weight:500;line-height:1.07;letter-spacing:-.065em;margin:0 0 28px}
#horizontal-uf-title span,
#ultrafiltration-story h1 span{color:#97f1f7}
.hero-copy p{max-width:560px;font-size:16px;line-height:1.75;margin:0;color:#d1e1e8}
#ultrafiltration-story .hero-copy p{max-width:590px}
.hero-actions{margin-top:28px;gap:14px}
.hero-actions .button{font-size:14px;line-height:1.4;padding:14px 19px}
#bio-nest-story .hero-copy h1,
#product-story .hero-copy h1{margin-top:0}
#bio-nest-status{display:none}
#product-story .hero-copy p{max-width:450px}
#filter-stage{right:10vw}
.float-label{font-size:9px;letter-spacing:.12em}
.scroll-cue{font-size:9px;letter-spacing:.15em}
@media(min-width:651px) and (max-width:1100px){
 #horizontal-uf-story .hero-copy,#ultrafiltration-story .hero-copy{width:52%}
 #horizontal-uf-title,#ultrafiltration-story h1{font-size:clamp(40px,4.6vw,54px)}
 .hero-copy p{font-size:14px;line-height:1.7;max-width:430px}
 .hero-actions{gap:10px}
 .hero-actions .button{font-size:12px;padding:12px 14px}
 #filter-stage{right:2vw}
 #product-story .hero-copy p{max-width:350px}
}
@media(max-width:650px){
 #horizontal-uf-story .hero-copy,#ultrafiltration-story .hero-copy{width:100%;transform:none}
 #horizontal-uf-story>.hero,#ultrafiltration-story>.hero{padding-top:130px;min-height:900px}
 #horizontal-uf-title,#ultrafiltration-story h1{font-size:clamp(39px,10.9vw,61px);line-height:1.08;letter-spacing:-.06em;margin:0 0 22px}
 .hero-copy p{font-size:14px;line-height:1.7;max-width:100%}
 .hero-actions{margin-top:24px;gap:10px}
 .hero-actions .button{font-size:12px;padding:12px 13px}
 #horizontal-uf-stage{top:430px;height:400px}
 #ultrafiltration-stage{top:460px;height:370px}
 #horizontal-uf-story .float-label,#ultrafiltration-story .float-label{bottom:5%}
 #filter-stage{right:0}
 #product-story .float-label{bottom:3%;right:7vw}
}