.lives-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:32px 24px 80px;
}

/* HERO */
.lives-hero{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:48px;
  align-items:center;
  padding:32px 0 64px;
  border-bottom:1px solid var(--border-base);
}
.lives-hero h1{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:600;
  font-size:clamp(30px,4vw,52px);
  line-height:1.08;
  margin:14px 0 18px;
  color:var(--cream);
}
.lives-hero .muted{
  font-size:16px;
  line-height:1.6;
  max-width:560px;
  color:var(--muted);
}
.lives-hero__garry img{
  width:100%;
  max-height:400px;
  object-fit:contain;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));
}

/* LIST */
.lives-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:48px;
}

.life-card{
  display:grid;
  grid-template-columns:80px 1fr auto;
  gap:24px;
  align-items:center;
  padding:24px 28px;
  background:var(--card-bg);
  border:1px solid var(--border-base);
  border-radius:18px;
  text-decoration:none;
  color:var(--cream);
  transition:.3s;
}
.life-card:hover{
  border-color:var(--border-strong);
  transform:translateX(4px);
}

.life-card__num{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:38px;
  font-weight:600;
  color:var(--amber);
  line-height:1;
  opacity:.65;
  letter-spacing:.03em;
}

.life-card__body h3{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:24px;
  font-weight:600;
  margin:6px 0 8px;
  color:var(--cream);
  line-height:1.15;
}
.life-card__body .muted{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--muted);
}

.life-card__meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--saffron);
}
.life-card__meta .dot{
  opacity:.5;
}

.life-card__arrow{
  font-size:20px;
  color:var(--saffron);
  transition:.3s;
}
.life-card:hover .life-card__arrow{
  transform:translateX(4px);
  color:var(--amber);
}

/* Coming soon variant */
.life-card--soon{
  cursor:default;
  opacity:.55;
}
.life-card--soon:hover{
  transform:none;
  border-color:var(--border-base);
}
.life-card__soon-tag{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  padding:4px 12px;
  border:1px dashed var(--border-soft);
  border-radius:999px;
  white-space:nowrap;
}

/* STRIP */
.lives-strip{
  margin-top:64px;
  padding:28px 32px;
  background:linear-gradient(90deg, rgba(43,29,20,.9), rgba(18,18,18,.9));
  border:1px solid var(--border-strong);
  border-radius:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.lives-strip__quote{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:20px;
  color:var(--saffron);
  line-height:1.35;
}

/* BUTTONS */
.btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:999px;
  font-size:14px;
  letter-spacing:.05em;
  cursor:pointer;
  border:1px solid transparent;
  transition:.25s;
  text-decoration:none;
}
.btn--amber{background:var(--amber);color:#1a1005;font-weight:600}
.btn--amber:hover{background:var(--saffron)}

.label{
  display:inline-block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--saffron);
}

/* LIGHT THEME tweaks */
html.theme-light .lives-strip{
  background:linear-gradient(90deg, #DDD2C2, #D3C5B0);
}

@media (max-width:900px){
  .lives-hero{grid-template-columns:1fr;gap:32px}
  .lives-hero__garry{order:-1}
  .lives-hero__garry img{max-height:300px}
  .life-card{
    grid-template-columns:60px 1fr;
    padding:20px;
    gap:16px;
  }
  .life-card__num{font-size:28px}
  .life-card__arrow,
  .life-card__soon-tag{grid-column:2}
  .life-card__arrow{justify-self:start}
  .lives-strip{flex-direction:column;align-items:flex-start}
}