/* Optical adjustments only. The existing artwork, surface, palette and print remain. */
@media screen {
  .site-head .logo { display:inline-flex; align-items:center; min-height:44px; }
  .page-home #firm, .page-home #contact { scroll-margin-top:0; }
}
@media screen and (max-width:767px) {
  .site-head .logo svg { height:32px; }
  .page-home #firm, .page-home #contact { scroll-margin-top:24px; }
}
@media screen and (min-width:768px) {
  .cards > .card { display:flex; flex-direction:column; align-items:flex-start; }
  .cards > .card > .email-copy { margin-top:auto; padding-top:12px; }
}
@media screen and (max-width:479px) {
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 96px; column-gap:24px; }
  .page-home .hero .lede { display:contents; }
  .page-home .hero-lead-opening { grid-column:1/-1; grid-row:3; margin:24px 0 12px; }
  .page-home .hero-lead-detail { display:block; grid-column:1; grid-row:4; align-self:start; font:400 16px/1.6 var(--sans); color:rgba(245,242,235,.8); }
  .page-home .hero-lead-ending { white-space:nowrap; }
  .page-home .hero-mark { grid-column:2; grid-row:4; width:96px; height:192px; margin:0; align-self:start; }
  .page-home .hero-actions { grid-row:5; margin-top:24px; }
  .page-home .strip-grid { grid-template-columns:minmax(0,2fr) minmax(0,3fr); }
  .page-home .stat:last-of-type { padding-left:18px; }
}
@media screen and (max-width:359px) {
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 82px; column-gap:16px; }
  .page-home .hero-lead-opening { font-size:19px; margin-top:20px; }
  .page-home .hero-lead-detail { font-size:15px; }
  .page-home .hero-mark { width:82px; height:164px; }
  .page-home .stat:last-of-type { padding-left:14px; }
  .page-home .stat:not(:first-of-type) dd { font-size:22px; }
}
@media screen and (max-width:479px) and (max-height:760px) {
  .page-home .hero-lead-opening { margin-top:20px; margin-bottom:10px; }
  .page-home .hero-lead-detail { font-size:15px; line-height:1.5; }
  .page-home .hero-mark { width:88px; height:176px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 88px; column-gap:20px; }
  .page-home .hero-actions { margin-top:20px; }
}
@media screen and (max-width:359px) and (max-height:760px) {
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 80px; column-gap:16px; }
  .page-home .hero-mark { width:80px; height:160px; }
}