.sample-strip { display: flex; width: 108px; height: 6px; }
.sample-strip i { flex: 1; background: #bd873d; }
.sample-strip i:nth-child(2) { background: #314342; }
.sample-strip i:nth-child(3) { background: #b8665e; }
.surfaces { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.surfaces .specimen { aspect-ratio: 4 / 3; }
.surfaces .specimen img { object-fit: cover; }
.specimen-lantern { background: #221c1c; }
.specimen-moire { background: #d6c6ab; }
.specimen-ink { background: #e4d5bb; }
.surfaces .specimen-ink img { object-fit: contain; }
.surface-note {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 20px 36px;
  border-block: 1px solid var(--line);
  margin-top: clamp(38px, 6vw, 82px);
  padding: 24px 0;
}
.surface-note h2 { font-size: clamp(30px, 3.6vw, 55px); line-height: 1; margin-top: 8px; }
.surface-note a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) {
  .surfaces, .surface-note { grid-template-columns: 1fr; }
}