.project-image{width:100%;height:170px;object-fit:cover;border:1px solid rgba(0,0,0,.2);mix-blend-mode:multiply}.project-hero .project-image{width:44%;height:230px;align-self:flex-end}.project-image.image-dose{object-position:center 46%;filter:grayscale(.1) contrast(1.06)}.project-hero .image-accuraylab{width:62%;height:300px;object-position:center top;mix-blend-mode:normal;background:#fff;border:8px solid #272622;border-radius:8px;box-shadow:0 16px 36px rgba(40,27,8,.22)}.project-hero .image-ruin{width:72%;height:350px;object-position:center top;mix-blend-mode:normal;border:1px solid rgba(114,221,206,.38);box-shadow:0 24px 64px rgba(0,0,0,.38)}@media(max-width:760px){.project-hero .project-image{width:100%;height:190px}.project-image{height:160px}.project-hero .image-accuraylab{height:220px;border-width:6px}.project-hero .image-ruin{height:220px}}

.project-hero .image-orcaton {
  width: 62%;
  height: 300px;
  object-position: center;
  mix-blend-mode: normal;
  border: 8px solid #081119;
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(3, 12, 18, .28);
}

/* Type scale and intentional headline rhythm. */
.hero h1 {
  max-width: 980px;
  font-size: clamp(3.5rem, 6.4vw, 6.1rem);
  line-height: .94;
  letter-spacing: -.048em;
}
.hero h1 span { display: block; }
.section-head h2,
.about h2 { font-size: clamp(2.35rem, 4vw, 4.15rem); line-height: 1.02; }
.project h3 { font-size: clamp(2.4rem, 4vw, 4.25rem); letter-spacing: -.035em; }
.topic-card h3 { font-size: clamp(2.45rem, 3.4vw, 3.35rem); line-height: .96; }
.topic-hero h1 { font-size: clamp(3.6rem, 7vw, 6.5rem); line-height: .92; }
.article-hero h1 { font-size: clamp(3.5rem, 6.5vw, 6rem); }

@media (max-width: 760px) {
  .hero h1 { font-size: clamp(3rem, 13vw, 4.25rem); line-height: .96; }
  .hero h1 span:nth-child(2) { max-width: 9ch; }
}