.lv-story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 640px;
  background: #000;
}

.lv-story-image {
  position: relative;
  overflow: hidden;
  background: #000;
}
.lv-story-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

.lv-story-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px;
}

.lv-story-headline {
  font: 400 clamp(44px, 6vw, 68px)/1.2 var(--lv-font-script);
  color: #fff;
  margin: 0 0 20px;
}

.lv-story-body {
  font: 400 16px/1.7 var(--lv-font-sans);
  color: rgba(243, 230, 200, .78);
  margin: 0 0 32px;
  max-width: 460px;
}

.lv-story-specs {
  display: flex;
  gap: 24px;
  padding: 20px 0;
  border-top: 1px solid var(--lv-gold-hair);
  border-bottom: 1px solid var(--lv-gold-hair);
  margin-bottom: 32px;
}
.lv-story-specs div { padding-right: 24px; border-right: 1px solid var(--lv-gold-hair); }
.lv-story-specs div:last-child { border-right: none; padding-right: 0; }
.lv-story-specs span {
  font: 600 11px/1 var(--lv-font-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lv-gold);
}

.lv-story-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

@media (max-width: 900px) {
  .lv-story { grid-template-columns: 1fr; }
  .lv-story-image { height: 60vh; }
  .lv-story-copy { padding: 48px 24px; }
  .lv-story-specs { flex-wrap: wrap; }
}