/* Figma 225:1816: four 332 × 254 cards in the rounded panel after the cover. */
.trip-facts { --facts-scale: var(--hero-junction-scale,1); --fu: calc(1px * var(--facts-scale)); position: relative; z-index: 6; height: calc(448 * var(--fu)); margin-top: calc(-61 * var(--fu)); border-radius: calc(48 * var(--fu)) calc(48 * var(--fu)) 0 0; background: #161616; color: #fff; font-family: "Arctic Manrope", sans-serif; -webkit-font-smoothing: antialiased; }
.trip-facts, .trip-facts * { box-sizing: border-box; }
.trip-facts__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(8 * var(--fu)); margin: 0 calc(44 * var(--fu)); padding: calc(44 * var(--fu)) 0 0; list-style: none; }
.trip-facts__card { position: relative; height: calc(254 * var(--fu)); overflow: clip; border-radius: calc(20 * var(--fu)); background: rgb(255 255 255 / 3%); }
.trip-facts .trip-facts__title { position: absolute; bottom: calc(110 * var(--fu)); left: calc(20 * var(--fu)); margin: 0; font: 500 calc(48 * var(--fu)) / .9 "Arctic Druk", sans-serif; text-transform: uppercase; white-space: nowrap; }
.trip-facts__title > span { color: #82c5ff; }
.trip-facts__card--leader .trip-facts__title { left: calc(27 * var(--fu)); }
.trip-facts .trip-facts__copy { position: absolute; top: calc(160 * var(--fu)); left: calc(20 * var(--fu)); width: calc(216 * var(--fu)); margin: 0; color: rgb(255 255 255 / 80%); font-size: calc(20 * var(--fu)); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.trip-facts .trip-facts__copy--wide { width: calc(238 * var(--fu)); }
.trip-facts__icon { position: absolute; display: grid; place-items: center; top: calc(20 * var(--fu)); left: calc(20 * var(--fu)); width: calc(60 * var(--fu)); height: calc(60 * var(--fu)); border-radius: calc(12 * var(--fu)); background: rgb(255 255 255 / 4%); }
.trip-facts__glyph { position: relative; width: calc(32 * var(--fu)); height: calc(32 * var(--fu)); }
.trip-facts__glyph > img { position: absolute; display: block; max-width: none; transform: scale(var(--facts-scale)); transform-origin: 0 0; pointer-events: none; }
.trip-facts__glyph--quantity > img, .trip-facts__glyph--thumbs > img { left: calc(2.666667 * var(--fu)); top: calc(4 * var(--fu)); }
.trip-facts__glyph--check > img { left: calc(2.666667 * var(--fu)); top: calc(2.666667 * var(--fu)); }
.trip-facts__glyph--user > img { left: calc(6.666667 * var(--fu)); top: calc(2.666667 * var(--fu)); }
/* The new panel carries the rounded junction; the next section follows it. */
.trip-facts + .arctic { position: relative; z-index: 6; }
.trip-facts + .arctic .arctic__intro { height: calc(322 * var(--u)); }
.trip-facts + .arctic .arctic__title { top: calc(98 * var(--u)); }
@media (max-width: 980px) {
  .trip-facts { --facts-scale: 1; --fu: 1px; height: auto; padding: 24px 16px 64px; margin-top: -24px; border-radius: 24px 24px 0 0; }
  .trip-facts__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; }
  .trip-facts + .arctic .arctic__intro { height: auto; min-height: 192px; padding: 76px 16px 32px; }
  .trip-facts + .arctic .arctic__title { top: 76px; }
}
@media (max-width: 599px) {
  .trip-facts__grid { gap: 8px; }
  .trip-facts__card { height: 220px; border-radius: 16px; }
  .trip-facts__icon { top: 16px; left: 16px; width: 44px; height: 44px; border-radius: 10px; }
  .trip-facts__glyph { transform: scale(.75); }
  .trip-facts .trip-facts__title { left: 16px; bottom: 98px; font-size: clamp(24px,7vw,32px); }
  .trip-facts .trip-facts__copy { top: 140px; left: 16px; width: calc(100% - 32px); font-size: 14px; }
}
@media (max-width: 359px) {
  .trip-facts__grid { grid-template-columns: 1fr; }
  .trip-facts .trip-facts__title { font-size: 36px; }
  .trip-facts .trip-facts__copy { max-width: 238px; font-size: 16px; }
}