.voria-collection-hero {
  padding-block: clamp(64px,9vw,120px);
  border-bottom: 1px solid var(--voria-color-border);
}
.voria-collection-hero__title {
  max-width: 13ch;
  margin-bottom: var(--voria-space-3);
  font-size: clamp(4rem,7vw,7rem);
}
.voria-collection-hero__text {
  max-width: 660px;
  color: var(--voria-color-text-secondary);
  font-family: var(--voria-font-serif);
  font-size: clamp(1.25rem,2vw,1.55rem);
  line-height: 1.55;
}
.voria-collection-content {
  padding-block: clamp(72px,10vw,140px);
}
.voria-collection-index-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,4vw,48px);
}
.voria-collection-index-card__media {
  aspect-ratio:4/5;
  margin-bottom:18px;
}
.voria-collection-index-card__content h2 {
  margin-bottom:4px;
  font-size:clamp(2rem,3vw,2.8rem);
}
.voria-collection-index-card__content p {
  margin:0;
  color:var(--voria-color-text-secondary);
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.voria-planning-index-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--voria-color-border);
  border-left:1px solid var(--voria-color-border);
}
.voria-planning-index-card {
  min-height:300px;
  padding:clamp(28px,4vw,44px);
  border-right:1px solid var(--voria-color-border);
  border-bottom:1px solid var(--voria-color-border);
}
.voria-planning-index-card__number,
.voria-planning-index-card__count {
  display:block;
  color:var(--voria-color-text-secondary);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.voria-planning-index-card__number {
  margin-bottom:var(--voria-space-5);
  color:var(--voria-color-accent-hover);
}
.voria-planning-index-card h2 {
  font-size:clamp(2rem,3vw,2.8rem);
}
.voria-planning-index-card p {
  color:var(--voria-color-text-secondary);
}
.voria-planning-index-card__count {
  margin-top:var(--voria-space-4);
}
@media(max-width:900px) {
  .voria-collection-index-grid,
  .voria-planning-index-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:620px) {
  .voria-collection-index-grid,
  .voria-planning-index-grid { grid-template-columns:1fr; }
  .voria-collection-hero__title { font-size:clamp(3.3rem,14vw,5rem); }
}