.sc-b { background: var(--cream); padding: 96px 0 120px; }
.sc-b__layout { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 900px) { .sc-b__layout { grid-template-columns: 220px 1fr; gap: 64px; } }

.sc-b__tabs .eyebrow { margin-bottom: 18px; }
.sc-b__tabs ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.sc-b__tab {
  width: 100%;
  text-align: left;
  padding: 14px 16px 14px 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.2vw, 28px);
  color: var(--navy);
  border-bottom: 1px solid var(--line);
  transition: color 0.15s, padding-left 0.15s;
}
.sc-b__tab.is-active, .sc-b__tab:hover { color: var(--teal); padding-left: 8px; }

.sc-b__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (min-width: 1100px) { .sc-b__gallery { grid-template-columns: repeat(2, 1fr); } }
.sc-b__item {
  display: block;
  color: var(--navy);
  opacity: 0;
  transform: translateY(8px);
  animation: scbFadeIn 0.4s ease forwards;
}
.sc-b__item:nth-child(1) { animation-delay: 0s; }
.sc-b__item:nth-child(2) { animation-delay: 50ms; }
.sc-b__item:nth-child(3) { animation-delay: 100ms; }
.sc-b__item:nth-child(4) { animation-delay: 150ms; }
@keyframes scbFadeIn { to { opacity: 1; transform: translateY(0); } }

.sc-b__item-img { aspect-ratio: 4/3; border-radius: var(--radius-md); overflow: hidden; background: var(--white); margin-bottom: 14px; }
.sc-b__item-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.sc-b__item:hover .sc-b__item-img img { transform: scale(1.04); }
.sc-b__item h3 { font-family: var(--font-serif); font-weight: 400; font-size: 20px; margin: 0 0 6px; }
.sc-b__price { color: var(--ink-muted); font-size: 14px; }