/* Breakpoint hardening for narrow desktops, tablets and small phones. */
@media(max-width:900px){
  .nav-links{display:none}
  .hero-actions{flex-wrap:wrap;column-gap:22px;row-gap:16px}
}
@media(max-width:800px){.hero-actions{margin-top:30px}}

/* The timeline rail must follow the content edge at ultra-wide sizes. */
.timeline-rail{left:max(48px,calc(50% - 640px))}
@media(min-width:801px) and (max-width:980px){
  .project-container{width:calc(100% - 64px)}
  .projects-hero{padding-top:76px}
  .projects-hero-grid{display:block;margin-top:42px}
  .projects-hero-aside{margin-top:38px}
  .projects-signal{margin-top:66px}
  .timeline-rail{left:32px}
  .timeline-entry{display:block;padding-left:68px;padding-bottom:105px}
  .timeline-marker{position:absolute;left:0;top:0}
  .timeline-side{padding:3px 0 28px}
  .timeline-side p{display:inline-block;margin:0 12px 0 0}
  .case-study-intro{margin-top:42px}
  .case-labels{justify-content:flex-start;max-width:none}
  .product-canvas{height:500px}
  .case-detail-grid h3{font-size:15px}
  .case-detail-grid>div{padding-right:18px}
  .case-detail-grid>div+div{padding-left:18px}
}