* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
  color: #1a1a1a;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.wrap {
  display: flex;
  align-items: center;
  gap: 64px;
  max-width: 960px;
}
.photo {
  flex: 0 0 auto;
  width: 300px;
  max-width: 38vw;
}
.photo img { width: 100%; height: auto; display: block; }
h1 {
  font-weight: 200;
  font-size: clamp(34px, 5vw, 56px);
  letter-spacing: 0.06em;
  line-height: 1.12;
  text-transform: uppercase;
}
h1 span { display: block; }
.copy { font-weight: 300; }
.copy p {
  font-size: clamp(15px, 1.6vw, 19px);
  letter-spacing: 0.02em;
  line-height: 1.55;
  margin-top: 14px;
  color: #2b2b2b;
}
.copy p.lead { margin-top: 36px; }
@media (max-width: 640px) {
  .wrap { flex-direction: column; gap: 32px; text-align: center; }
  .photo { width: 220px; max-width: 70vw; }
}