/* Short industry pages: a promise, three uses, a quote, and product/demo cards. */
.industry-page{padding-bottom:64px}
.industry-hero{padding-block:48px 32px}
#top .industry-page .industry-label{margin:0 0 24px}
#top .industry-page h1{max-width:1000px;margin:0 0 24px}
#top .industry-page .industry-lead{max-width:720px;margin:0;font-size:var(--type-body)}
.industry-work{padding-block:16px 40px}
.industry-photo{margin:0 0 40px;border-radius:8px;overflow:hidden;background:var(--palette-gray)}
.industry-photo img{display:block;width:100%;height:auto}
.industry-work--photographic .industry-use{border-top:0;padding-top:0}
.industry-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.industry-use{border-top:1px solid var(--palette-border);padding-top:24px;min-width:0}
#top .industry-page .industry-use h2{font-size:var(--type-title);--baseline-leading:32px;margin:0 0 16px}
#top .industry-page .industry-use p{font-size:var(--type-body);margin:0}
.industry-next-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.industry-next-inner--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.industry-next .product-card{min-width:0;height:auto}
#top .industry-next .product-card h2{font-size:var(--type-title);--baseline-leading:32px;margin:0 0 16px}
#top .industry-next .product-card p{margin:0}
#top .industry-next .product-card .eyebrow{margin-bottom:16px}
.industry-next .product-card__body{gap:0}
.industry-next .industry-contact{background:var(--palette-gray)}
.industry-contact .product-card__body{justify-content:center}
.industry-contact .button{align-self:flex-start;margin-top:32px}
@media(hover:hover){.industry-next .product-card__link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}}
@media(max-width:800px){
  .industry-page{padding-bottom:40px}
  .industry-hero{padding-block:24px 24px}
  #top .industry-page .industry-label{margin-bottom:16px}
  #top .industry-page h1{margin-bottom:16px}
  .industry-work{padding-block:8px 32px}
  .industry-photo{margin-bottom:24px}
  .industry-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center}
  .industry-photo--wide-mobile img{aspect-ratio:2/1}
  .industry-uses{grid-template-columns:1fr;gap:24px}
  .industry-use{padding-top:24px}
  .industry-next-inner{grid-template-columns:1fr;gap:24px}
  .industry-contact .button{margin-top:24px}
}
