
    .page-hero {
      background: var(--color-bg-dark);
      color: var(--color-text-inv);
      padding: calc(var(--nav-height) + var(--space-lg)) var(--page-padding) var(--space-lg);
    }
    .page-hero__inner { max-width: var(--max-width); margin: 0 auto; }
    .page-hero__headline {
      font-size: clamp(44px, 7vw, 80px);
      color: var(--color-text-inv); margin-bottom: 20px;
    }
    .page-hero__sub {
      font-size: 20px; color: rgba(255,246,221,0.6);
      max-width: 500px; line-height: 1.65;
    }

    .section-trips {
      padding: var(--space-xl) var(--page-padding);
      max-width: var(--max-width);
      margin: 0 auto;
    }

    .trip-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border: 1px solid var(--color-rule);
      margin-bottom: var(--space-md);
    }
    .trip-card:last-child { margin-bottom: 0; }

    .trip-card__img { min-height: 340px; }

    .trip-card__content {
      padding: var(--space-md);
      display: flex; flex-direction: column;
      justify-content: space-between;
      border-left: 1px solid var(--color-rule);
    }

    .trip-card__tag {
      font-family: var(--font-ui);
      font-size: 12px; letter-spacing: 4px; text-transform: uppercase;
      color: var(--color-text-light); margin-bottom: 16px;
    }

    .trip-card__name { font-size: clamp(28px, 3vw, 44px); margin-bottom: 16px; }

    .trip-card__meta {
      font-family: var(--font-ui);
      font-size: 14px; letter-spacing: 2px; text-transform: uppercase;
      color: var(--color-text-mid);
      display: flex; gap: 20px; flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .trip-card__desc {
      font-size: 17px; color: var(--color-text-mid);
      line-height: 1.7; margin-bottom: var(--space-md);
    }

    .trip-activities {
      display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--space-md);
    }
    .trip-activity {
      font-family: var(--font-ui);
      font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
      color: var(--color-text-mid);
      border: 1px solid var(--color-rule);
      padding: 5px 12px;
    }

    .fitness-note {
      font-family: var(--font-ui);
      font-size: 12px; letter-spacing: 3px; text-transform: uppercase;
      color: var(--color-text-light);
      padding: 10px 14px;
      background: var(--color-bg-alt);
      margin-bottom: var(--space-md);
    }

    /* More coming banner */
    .more-coming {
      border: 1px solid var(--color-rule);
      padding: var(--space-md);
      display: flex; justify-content: space-between; align-items: center;
      gap: var(--space-md);
      background: var(--color-bg-alt);
    }
    .more-coming h3 { font-size: 24px; margin-bottom: 8px; }
    .more-coming p { font-size: 17px; color: var(--color-text-mid); }

    .section-cta {
      background: var(--color-bg-dark); color: var(--color-text-inv);
      padding: var(--space-xl) var(--page-padding); text-align: center;
    }
    .section-cta__headline { font-size: clamp(40px, 6vw, 72px); color: var(--color-text-inv); margin-bottom: 20px; }
    .section-cta__sub { font-size: 19px; color: rgba(255,246,221,0.6); max-width: 420px; margin: 0 auto 40px; line-height: 1.65; }

    @media (max-width: 900px) {
      .page-hero { padding: calc(var(--nav-height) + var(--space-md)) var(--page-padding-mob) var(--space-md); }
      .section-trips { padding: var(--space-lg) var(--page-padding-mob); }
      .trip-card { grid-template-columns: 1fr; }
      .trip-card__img { min-height: 0; aspect-ratio: 4/3; }
      .trip-card__content { border-left: none; border-top: 1px solid var(--color-rule); }
      .more-coming { flex-direction: column; align-items: flex-start; }
      .section-cta { padding: var(--space-lg) var(--page-padding-mob); }
    }
