main{min-height:calc(100vh - var(--header-h))}
.home-hero{padding-top:clamp(44px,8vw,110px);padding-bottom:clamp(44px,7vw,88px)}
.main-text{font-family:var(--font);font-size:clamp(32px,6.15vw,86px);font-weight:500;line-height:.98;letter-spacing:-.055em;text-transform:uppercase;max-width:1320px}
.hero-symbol{display:inline-block;font-family:Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:.7;vertical-align:.04em}

/* HOME — desktop: 6 equal square images */
.home-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);padding-bottom:clamp(30px,5vw,70px)}
.home-work a{display:block;overflow:hidden;aspect-ratio:1/1}
.home-work img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s var(--ease)}
.home-work a:hover img{transform:scale(1.025)}

/* HOME — mobile: 6 square images, scattered like the About circles */
@media(max-width:640px){
  .home-hero{padding-top:28px;padding-bottom:30px}
  .main-text{font-size:clamp(27px,8.8vw,46px);line-height:.96;letter-spacing:-.052em}
  .hero-symbol{font-size:.92em}

  .home-work{
    position:relative;
    display:block;
    height:250vw;
    margin:0;
    padding:0;
  }

  .home-work a{
    position:absolute;
    display:block;
    width:43vw;
    height:43vw;
    aspect-ratio:1/1;
    overflow:hidden;
    border:0;
    border-radius:0;
  }

  .home-work img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:1/1;
    object-fit:cover;
  }

  /* same overall composition as the About circles */
  .home-work a:nth-child(1){top:0;left:0}
  .home-work a:nth-child(2){top:2%;right:0}
  .home-work a:nth-child(3){top:30%;left:28%}
  .home-work a:nth-child(4){top:56%;left:0}
  .home-work a:nth-child(5){top:62%;right:0}
  .home-work a:nth-child(6){top:83%;left:28%}
}