/* Rebalanced opening composition */
@media (min-width: 901px) {
  .hero {
    grid-template-columns: .88fr 1.12fr;
    column-gap: clamp(50px, 7vw, 130px);
  }

  .hero-mark {
    grid-column: 1;
    grid-row: 1;
    width: min(37vw, 560px);
    justify-self: start;
    margin: 0;
  }

  .hero-copy {
    grid-column: 2;
    grid-row: 1;
  }

  .monogram { font-size: clamp(6rem, 10vw, 10rem); }

  .mark-service {
    position: absolute;
    color: #b9b7b0;
    font-size: .65rem;
    letter-spacing: .2em;
    text-transform: uppercase;
  }

  .mark-service-one { left: 1%; top: 49%; transform: rotate(-90deg); }
  .mark-service-two { right: 7%; top: 18%; }
  .mark-service-three { right: 0; bottom: 20%; }

  .hero-mark::before {
    content: "";
    position: absolute;
    inset: -12%;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 50%;
  }
}

@media (max-width: 900px) {
  .mark-service { display: none; }
  .hero-mark::before {
    content: "";
    position: absolute;
    inset: -10%;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 50%;
  }
}