/* TRAVELS — airy, photographic. White, large photos, thin sans, generous whitespace. */
body[data-segment="travels"] {
  --bg: #ffffff;
  --fg: #1a1a1a;
  --muted: #8a8a8a;
  --accent: #1a1a1a;
  --line: #ececec;
}

.segment-travels .seg-title {
  font-family: var(--font-serif);
  font-weight: 300;
  font-style: italic;
}

.segment-travels .icon-grid-travels {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.5rem, 1vw, 0.85rem);
}
@media (max-width: 700px) {
  .segment-travels .icon-grid-travels { grid-template-columns: repeat(2, 1fr); }
}

.segment-travels .icon-card {
  aspect-ratio: 4 / 5;
  border-radius: 2px;
  background: #f0efea;
}
/* darker, more cinematic scrim for the airy travel aesthetic */
.segment-travels .icon-card::after {
  height: 60%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.3) 55%,
    rgba(0, 0, 0, 0) 100%
  );
}
.segment-travels .icon-card .icon-img {
  filter: saturate(0.85) contrast(1.02);
}
.segment-travels .icon-card:hover .icon-img {
  filter: saturate(1) contrast(1.02);
}
.segment-travels .icon-card .icon-label {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0;
  bottom: 1rem;
  left: 1.1rem;
  right: 1.1rem;
}