@media only screen and (min-width: 990px) {

  .pt64 {padding-top:64px;}

  .pb80 {padding-bottom:80px;}

  .mb32 {
    margin-bottom:32px;
  }

  .display-1 {
    font-size:54.9px;
    line-height:102%;
    letter-spacing:.2745px;
  }

  .display-2 {
    font-size:43.94px;
    line-height:127%;
  }

  .display-3 {
    font-size:35.16px;
    line-height:120%;
  }

  .display-4 {
    font-size:28.13px;
    line-height:99%;
  }

  .body-large {
    font-size:22.5px;
    line-height:125%;
  }

  p, li, .body-normal {
    font-size:18px;
    line-height:156%;
  }

  .caption {
    font-size:14.4px;
    line-height:100%;
  }

  #header {padding:13px 64px 0px 64px;
          transition:top 0.3s;
          left: 50%;
          transform: translateX(-50%);}

  .desktop-nav {
    padding:12px 32px 8px 32px;
    border-radius:999px;
    display:flex;
    gap:24px;
    border:1px solid #B0CAEA;
    background-color:#fafafa;
  }

  .desktop-nav p {
    margin:0;
  }

  #mobile-nav-open, #mobile-nav-close, #header-bottom {display:none;}

  #content-block {
    padding:0 64px;
    max-width:1568px;
    margin:auto;
  }

  .name-hero {
    font-size:110px;
    margin-bottom:16px;
  }

  #header-wrapper {
              padding:110px 0px 0px 64px;}

  #phonehand {max-width:calc( 100svw - ( ( 100svw - 1440px ) / 2 ) );
              width:calc(100% - 24px);}

  .home-body-wrapper {
                padding:0 32px;
                margin:100svh auto 0 auto;
                background-color:#FAFAFA;
              }

  #header-box {
                height:100svh;}

  .case-study-preview-image {
                  flex: 1 1 auto;
                  min-width:0;
                }

  .case-study-card-copy {
        flex: 0 1 50%;
        flex-basis: min(50%, 656px);
        padding:32px 56px 32px 0;
        gap:32px;
      }

  .case-study-featured-image {
    max-width:75%;
  }

  .case-study-card {
    justify-content:space-between;
  }

  .featured-img-backdrop img {
      max-width:100%;
      height:auto;
  }

  #footer {
    grid-template-columns:repeat(4, minmax(192px, 336px));
    padding:64px 24px;
    justify-content: center;
  }

  .mobile-hide {display:initial;}

  .chips {
    padding:64px 0 0 0;
    gap:16px;
    display:flex;
    flex-wrap:wrap;
  }

  .header-offset {
    padding-top:64px;
  }

  .page-wrapper {
    display:flex;
    flex-direction:column;
    gap:80px;
  }

  .page-wrapper >* {
    margin:auto;
  }

  .copy-row {
    width:100%;
    max-width:864px;
    display:flex;
    gap:32px;
    justify-content: space-between;
  }

  .page-copy-primary {
    flex: 1 1 528px;
    max-width:528px;
  }

  .page-copy-secondary {
    flex: 1 1 640px;
    max-width:640px;
  }

  .page-info-primary {
    max-width:192px;
  }

  .experience-row {
    width:100%;
    max-width:1088px;
    display:flex;
    gap:32px;
    justify-content: space-between;
  }

  .experience-copy-primary {
    flex: 1 1 720px;
    max-width:720px;
    display:flex;
    flex-direction:column;
    gap:64px;
  }

  .experience-copy-primary, .short-space {
    gap:16px;
  }

  .experience-info-primary {
    max-width:304px;
    display:flex;
    flex-direction:column;
    gap:64px;
  }

  .page-icon {
    max-width:80px;
  }

  .copy-row.mobile-reverse {flex-direction:row;}

  .hero-row {
    width:100%;
    max-width:1440px;
    background-color:#F5F5F5;
    padding:32px;
    border-radius:32px;
    text-align: center;
    display:grid;
    gap:32px;
    grid-template-columns: 935fr 280fr;
  }

  .hero-row figure {
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
    overflow:hidden;
  }

  .hero-desktop img:first-child  {
    aspect-ratio: 935 / 526;
  }

  .hero-desktop img:last-child  {
    aspect-ratio: 280 / 526;
  }

  .hero-row img {
    width:100%;
    height:auto;
  }

  .photo-row {
    width:100%;
    max-width:1440px;
    display:grid;
    gap:32px;
    justify-content: space-between;
  }

  .three-col-grid {
    grid-template-columns: 30fr 30fr 30fr;
    background-color:#F5F5F5;
    border-radius:32px;
    padding:32px;
    width:100%;
    display:grid;
    gap:32px;
  }

  .three-col-grid img {
    border-radius:16px;
    overflow:hidden;
    width:100%;
    height:auto;
  }

  .single {
      padding:32px;
      background-color:#F5F5F5;
      border-radius:32px;
      overflow:hidden;
  }

  .single img {
    width:100%;
    height:auto;
  }

  .single > :first-child {
    border-radius: 16px 16px 0 0;
    overflow:hidden;
  }

  .single > :last-child {
    border-radius: 0 0 16px 16px;
    overflow:hidden;
  }

  .large-left img, .large-right img {
      border-radius:24px;
      width:100%;
      height:auto;
  }

  .large-left, .large-left.mobile-stack {
    grid-template-columns: 864fr 416fr;
  }

  .large-left div:first-child, .large-left.mobile-stack div:first-child   {
    aspect-ratio: 864 / 648;
  }

  .large-left div:last-child, .large-left.mobile-stack div:last-child  {
    aspect-ratio: 416 / 648;
  }

  .large-left.mobile-stack .stacked-column {gap:32px;}

  .large-right, .large-right.mobile-stack {
    grid-template-columns: 416fr 864fr;
  }

  .large-right div:first-child, .large-right.mobile-stack div:first-child   {
    aspect-ratio: 416 / 648;
  }

  .large-right div:last-child, .large-right.mobile-stack div:last-child  {
    aspect-ratio: 864 / 648;
  }

  .large-right.mobile-stack .stacked-column {gap:32px;}

  .even-split {
    grid-template-columns: 50% 50%;
  }


  .img-fix img {
    width:100%;
    height:auto;
    display:block;
  }

  .stacked-column {
    gap:32px;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
  }

  .img-backdrop {
    padding:32px;
    background-color:#F5F5F5;
    border-radius:32px;
  }

.img-backdrop img {
  border-radius:16px;
}

.featured-img-backdrop {
  padding:32px;
  background-color:#F5F5F5;
  border-radius:16px;
}

.photo-rounding img {border-radius:24px;}

}