.options-main { padding-block: 38px 88px; }
.options-intro h1 { font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.15; letter-spacing: -.035em; }
.options-intro p { margin-top: 14px; color: var(--muted); }
.options-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 24px; margin-top: 32px; }
.option { min-width: 0; margin: 0; scroll-margin-top: 24px; }
.option-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 5 / 8; background: #fffaf0; border: 1px solid var(--line); }
.option-image img { width: 100%; height: 100%; object-fit: contain; }
.option-image:hover { border-color: var(--rust); }
.option figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-top: 10px; font-size: .9rem; line-height: 1.4; }
.option strong { font-weight: 650; }
.option-title { display: block; margin-top: 3px; color: var(--muted); }
.option-full { flex-shrink: 0; font-size: .8rem; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 960px) {
  .options-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .options-main { padding-top: 24px; }
  .options-grid { grid-template-columns: 1fr; gap: 28px; }
}
