@media (max-width: 1120px) {
  .hero-copy {
    width: min(54vw, 650px);
  }

  .portrait-presence {
    right: 34px;
    top: calc(39vh + 28px);
    width: 315px;
    min-width: 270px;
  }

  .letter-a {
    left: 11vw;
    top: 44vh;
  }

  .letter-n {
    left: 30vw;
    top: 37vh;
  }

  .letter-i {
    left: 49vw;
    top: 41vh;
  }

  .letter-l {
    left: 63vw;
    top: 30vh;
  }

  .letter-e {
    left: 78vw;
    top: 21vh;
  }
}

@media (max-width: 900px) {
  .site-header {
    justify-content: center;
    padding: 34px 22px 22px;
  }

  .main-nav {
    gap: 18px;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
  }

  .hero-section {
    min-height: 100svh;
    padding: 106px 24px 58px;
  }

  .hero-copy {
    width: min(100%, 660px);
    padding-top: 5vh;
  }

  .hero-name {
    font-size: clamp(5.6rem, 22vw, 10rem);
  }

  .anile-letter {
    font-size: clamp(5.4rem, 18vw, 10rem);
  }

  .letter-a {
    left: 7vw;
    top: 45vh;
  }

  .letter-n {
    left: 29vw;
    top: 39vh;
  }

  .letter-i {
    left: 49vw;
    top: 43vh;
  }

  .letter-l {
    left: 62vw;
    top: 32vh;
  }

  .letter-e {
    left: 77vw;
    top: 25vh;
  }

  .portrait-presence {
    top: calc(46vh + 24px);
    right: 26px;
    bottom: auto;
    width: 250px;
    min-width: 220px;
  }

  .portrait-silhouette {
    min-height: 350px;
  }
}

@media (max-width: 680px) {
  .main-nav {
    display: none;
  }

  .hero-section {
    padding: 78px 20px 46px;
  }

  .hero-copy {
    padding-top: 2vh;
  }

  .eyebrow {
    max-width: 220px;
    font-size: 0.64rem;
  }

  .hero-name {
    font-size: clamp(4.8rem, 27vw, 7.2rem);
  }

  .hand-note {
    margin-left: 18px;
    font-size: clamp(1.05rem, 6vw, 1.5rem);
  }

  .hero-info-block {
    transform: translateY(96px);
  }

  .hero-subtitle {
    margin-top: 42px;
    font-size: clamp(1.35rem, 8vw, 2.2rem);
  }

  .hero-subtitle {
    display: grid;
    gap: 3px;
    font-size: clamp(0.72rem, 3vw, 0.9rem);
    letter-spacing: 0.24em;
  }

  .hero-text {
    max-width: 310px;
    font-size: clamp(1.35rem, 7vw, 2rem);
  }

  .hero-actions {
    display: grid;
    gap: 10px;
    width: fit-content;
    margin-top: 34px;
  }

  .editorial-link {
    min-height: 32px;
    font-size: 0.68rem;
    letter-spacing: 0.14em;
  }

  .editorial-link::before {
    width: 32px;
  }

  .anile-letter {
    font-size: clamp(4.5rem, 23vw, 7rem);
  }

  .letter-a {
    left: 5vw;
    top: 45vh;
  }

  .letter-n {
    left: 29vw;
    top: 39vh;
  }

  .letter-i {
    left: 50vw;
    top: 44vh;
  }

  .letter-l {
    left: 59vw;
    top: 34vh;
  }

  .letter-e {
    left: 73vw;
    top: 28vh;
  }

  .portrait-presence {
    right: 18px;
    top: calc(55vh + 18px);
    bottom: auto;
    width: 176px;
    min-width: 176px;
    opacity: 0.72;
  }

  .portrait-silhouette {
    min-height: 254px;
    padding: 22px;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
  }

  .content-section {
    padding-right: 20px;
    padding-left: 20px;
  }

  .content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .hero-section {
    min-height: 760px;
  }

  .hero-name {
    font-size: clamp(4.25rem, 25vw, 5.5rem);
  }

  .hero-info-block {
    transform: translateY(72px);
  }

  .anile-letter {
    font-size: clamp(3.8rem, 22vw, 5.2rem);
  }

  .letter-a {
    left: 4vw;
    top: 46vh;
  }

  .letter-n {
    left: 28vw;
    top: 41vh;
  }

  .letter-i {
    left: 50vw;
    top: 46vh;
  }

  .letter-l {
    left: 58vw;
    top: 36vh;
  }

  .letter-e {
    left: 71vw;
    top: 31vh;
  }

  .portrait-presence {
    top: 575px;
    width: 154px;
    min-width: 154px;
  }

  .portrait-silhouette {
    min-height: 218px;
  }
}