
/* PFAS Market v8.5 — mobile typography, editorial labels, consistent image crops.
   Designed to be used AFTER mobile-qa.css. Release: 23 October 2026. */
:root{--v85-ink:#123537;--v85-label:#126c5b;--v85-rule:#d9e5df}
/* Prevent inline labels from physically running into one another if adjacent markup changes. */
.atlas-project-text,.news-story-body,.project-card .body{min-width:0;max-width:100%}
.atlas-project-text h3,.news-story-body h3,.project-card h3{overflow-wrap:break-word;hyphens:auto}
.atlas-project-feature .project-location,
.project-card .body>.tag,
.news-story-body .story-category{display:block;clear:both;margin:0 0 12px;max-width:100%;line-height:1.55}
.atlas-project-feature .project-location small,
.project-card .body>.tag,
.news-story-body .story-category .tag{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px;letter-spacing:.10em;line-height:1.6;font-weight:800;color:var(--v85-label)}
.atlas-project-feature .atlas-project-text h3{margin:7px 0 13px;line-height:1.13}
.atlas-project-feature .atlas-project-text p:not(.project-disclaimer){line-height:1.7;margin:0 0 17px}
.atlas-project-feature .atlas-project-text a{display:inline-block;line-height:1.55}
/* Image rights disclaimer is secondary metadata, always visually separated from location. */
.atlas-project-feature .stock-photo-credit.project-disclaimer,
.news-story-body .stock-photo-credit.news-photo-credit{
  display:block;clear:both;margin:22px 0 0;padding:10px 0 0;
  border-top:1px solid var(--v85-rule);
  color:#697e79;font-family:Arial,Helvetica,sans-serif;font-size:11px;
  font-weight:400;letter-spacing:0;line-height:1.5;overflow-wrap:break-word;
}
.project-card .project-photo-credit{
 display:block;clear:both;border-top:1px solid var(--v85-rule);
 margin:0;padding:10px 17px 13px;color:#697e79;
 font-size:11px;letter-spacing:0;line-height:1.5;overflow-wrap:break-word;
}
.project-card .body{padding:19px 19px 22px}
.project-card .body>.tag{margin-bottom:8px}
.project-card h3{margin:7px 0 11px;line-height:1.16}
.project-card .body p{line-height:1.7}
.news-story-body .story-category{margin-bottom:7px}
.news-story-body h3{font-size:clamp(21px,2vw,24px);margin:7px 0 11px;line-height:1.16}
.news-story-body p{font-size:13px;line-height:1.72}
/* All editorial imagery has the same aspect ratio at phone size, no stretching. */
.news-card img{display:block !important;width:100%;height:auto !important;aspect-ratio:16/10;object-fit:cover !important}
.news-story-card img.news-story-image{display:block;width:100%;height:auto!important;aspect-ratio:16/10;object-fit:cover}
.project-card img.stock-photo{display:block;width:100%;height:auto!important;aspect-ratio:16/10;object-fit:cover!important}
.atlas-project-feature img.stock-photo{display:block;width:100%;object-fit:cover;object-position:center}
/* Responsive sizing, keep the rhythm consistent across small screens */
@media(max-width:768px){
  .atlas-project-feature{grid-template-columns:minmax(0,1fr)}
  .atlas-project-feature img.stock-photo{height:auto!important;aspect-ratio:16/10;object-fit:cover!important}
  .atlas-project-text{padding:22px 22px 23px}
  .atlas-project-feature .atlas-project-text h3{font-size:clamp(24px,7.6vw,30px);line-height:1.17}
  .atlas-project-feature .atlas-project-text p:not(.project-disclaimer){font-size:13px}
  .project-card .body{padding:20px 21px 24px}
  .project-card h3{font-size:clamp(21px,6vw,24px);line-height:1.17}
  .project-card .body p{font-size:13px;line-height:1.7}
  .project-card img.stock-photo{height:auto!important;aspect-ratio:16/10;object-fit:cover!important}
  .news-story-body{padding:21px 22px 24px}
  .news-story-image{aspect-ratio:16/10}
  .section-head h2,.atlas-section h2{overflow-wrap:break-word;hyphens:auto}
  /* Guard footer labels from colliding, keeping touch-target clearance. */
  footer .footer-grid a{display:block;line-height:1.7;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .atlas-project-text,.news-story-body,.project-card .body{padding:17px 16px 20px}
  .atlas-project-feature .atlas-project-text h3{font-size:23px}
  .project-card h3{font-size:20px}
}
