@charset "UTF-8";

/* Removed desktop section labels no longer reserve a row above the content. */
@media (min-width:901px){
  .home-page #about>.section-top,
  .home-page #contact>.wrap>.section-top{display:none}
  .home-page #about{padding-top:96px}
  .home-page #about>.about-grid{padding-top:0}
  .home-page #contact{padding-block:64px}
  .home-page #contact .contact-grid{margin-top:0}
}

/* Wide screens share one edge alignment without enlarging the text columns. */
@media (min-width:1440px){
  .home-page{
    --pad:64px;
    --home-original-gutter:min(5.5vw,92px);
    --home-original-content:calc(min(100% + 2 * var(--pad),1720px) - 2 * var(--home-original-gutter));
    /* The original two-column grid reserved 13% for the space between columns. */
    --home-column:calc(var(--home-original-content) * .435);
  }
  .home-page .wrap{max-width:none}
  .home-page .about-grid,
  .home-page .expertise,
  .home-page .contact-grid{
    grid-template-columns:repeat(2,minmax(0,var(--home-column)));
    justify-content:space-between;
    column-gap:0;
  }
  .home-page .experience{
    /* Account for the existing 30px panel inset on each side. */
    --home-original-content:calc(min(100% + 2 * var(--pad) + 60px,1720px) - 2 * var(--home-original-gutter));
    --home-experience-column:calc((var(--home-original-content) - 60px) * .435);
    grid-template-columns:repeat(2,minmax(0,var(--home-experience-column)));
    justify-content:space-between;
    column-gap:0;
  }
}