.page-mec.mec-layout {
  background-color: var(--color-background,#fff);
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 1200px;
  padding: 0;
  display: flex;
  position: relative;
}
.page-mec .mec-layout-slot {
  z-index: 2;
  flex: none;
  width: auto;
  height: auto;
  position: fixed;
  bottom: 36px;
  left: 16px;
}
.page-mec .mec-container {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-header-slot,.page-mec .mec-gallery,.page-mec .mec-content-small-layout-slot,.page-mec .mec-experience-design-adventures-home-mobile-demo-media-slot,.page-mec .mec-inspiration-without-intimidation-trip-guide-mobile-demo-media-slot,.page-mec .mec-inspiration-without-intimidation-outdoor-inspiration-demo-media-slot,.page-mec .mec-discovering-something-that-fits-trip-filters-mobile-demo-media-slot,.page-mec .mec-footer-slot {
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}
.page-mec .mec-container-layout {
  max-width: 1200px;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: row;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 0 0 800px;
  display: flex;
  position: relative;
}
.page-mec .mec-layout-slot-overview-product-tension-key-experience {
  z-index: 1;
  flex: none;
  width: 160px;
  height: auto;
  position: sticky;
  top: 0;
}
.page-mec .mec-content {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: 1 0 0;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 1px;
  padding: 240px 0 0;
  display: flex;
  position: relative;
}
.page-mec .mec-content-layout {
  max-width: 800px;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}
.page-mec .mec-overview-section {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 0 0 48px;
  scroll-margin-top: 300px;
  display: flex;
  position: relative;
}
.page-mec .mec-overview-heading-group {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-overview-heading {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  --text-wrap-override: balance;
  flex: none;
  width: 80%;
  height: auto;
  position: relative;
}
.page-mec .mec-overview-copy,.page-mec .mec-overview-copy-mec-had-long-been-associated,.page-mec .mec-detail-item-1-copy,.page-mec .mec-detail-item-2-copy,.page-mec .mec-detail-item-3-copy,.page-mec .mec-detail-item-4-copy,.page-mec .mec-product-tension-copy,.page-mec .mec-product-tension-heading,.page-mec .mec-product-tension-copy-for-many-people-outdoor-activities,.page-mec .mec-experience-design-copy,.page-mec .mec-experience-design-heading,.page-mec .mec-experience-design-copy-i-worked-across-ux-strategy,.page-mec .mec-inspiration-without-intimidation-heading,.page-mec .mec-inspiration-without-intimidation-copy,.page-mec .mec-discovering-something-that-fits-heading,.page-mec .mec-discovering-something-that-fits-copy,.page-mec .mec-outcome-copy,.page-mec .mec-outcome-heading,.page-mec .mec-outcome-copy-the-platform-launched-as-part {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}
.page-mec .mec-details {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: row;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 0 0 48px;
  display: flex;
  position: relative;
}
.page-mec .mec-details-role,.page-mec .mec-details-focus,.page-mec .mec-details-stage,.page-mec .mec-details-collaborators {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 4px;
  width: 1px;
  padding: 0;
  display: flex;
  position: relative;
}
.page-mec .mec-detail-item-1-copy-lead-product-designer,.page-mec .mec-detail-item-2-copy-content-experience-design-discovery-ux,.page-mec .mec-detail-item-3-copy-discovery-experience-strategy-content-architecture,.page-mec .mec-detail-item-4-copy-alisha-kassam-huge-inc {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  opacity: .6;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}
.page-mec .mec-visual {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0 0 48px;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-visual-content,.page-mec .mec-content-small-section,.page-mec .mec-experience-design-adventures-home-mobile-demo-viewport,.page-mec .mec-inspiration-without-intimidation-trip-guide-mobile-demo-viewport,.page-mec .mec-inspiration-without-intimidation-outdoor-inspiration-demo-viewport,.page-mec .mec-discovering-something-that-fits-trip-filters-mobile-demo-viewport {
  --border-bottom-width: .5px;
  --border-color: #0000001a;
  --border-left-width: .5px;
  --border-right-width: .5px;
  --border-style: solid;
  --border-top-width: .5px;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  background-color: #f9f9f9;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}
.page-mec .mec-gallery-brand-landscape-cover-slide,.page-mec .mec-gallery-adventures-cover-slide,.page-mec .mec-gallery-adventures-mobile-slide,.page-mec .mec-gallery-activity-icons-slide,.page-mec .mec-gallery-campsite-guide-mobile-slide,.page-mec .mec-gallery-adventures-browser-mockup-slide {
  aspect-ratio: 1.5;
  width: 750px;
  height: auto;
  position: relative;
  overflow: visible;
}
.page-mec .mec-gallery-brand-landscape-cover-portrait-slide,.page-mec .mec-gallery-adventures-cover-portrait-slide,.page-mec .mec-gallery-adventures-mobile-portrait-slide,.page-mec .mec-gallery-activity-icons-portrait-slide,.page-mec .mec-gallery-campsite-guide-portrait-slide,.page-mec .mec-gallery-adventures-browser-mockup-portrait-slide {
  aspect-ratio: .666667;
  width: 500px;
  height: auto;
  position: relative;
  overflow: visible;
}
.page-mec .mec-product-tension-section,.page-mec .mec-experience-design-section {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 0 0 80px;
  scroll-margin-top: 240px;
  display: flex;
  position: relative;
}
.page-mec .mec-product-tension-heading-group,.page-mec .mec-experience-design-heading-group,.page-mec .mec-inspiration-without-intimidation-heading-group,.page-mec .mec-discovering-something-that-fits-heading-group,.page-mec .mec-outcome-heading-group {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-experience-design-adventures-home-mobile-demo-frame,.page-mec .mec-inspiration-without-intimidation-visual,.page-mec .mec-discovering-something-that-fits-trip-filters-mobile-demo-frame {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 40px 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-inspiration-without-intimidation-section,.page-mec .mec-discovering-something-that-fits-section {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 0 0 80px;
  display: flex;
  position: relative;
}
.page-mec .mec-outcome-section {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0 0 200px;
  scroll-margin-top: 240px;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-mec .mec-layout-slot-more-work {
  flex: none;
  width: 100%;
  max-width: 800px;
  height: auto;
  position: relative;
}
.page-mec[data-border=true]:after,.page-mec [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1199.98px) {
  .page-mec.mec-layout {
    width: 390px;
  }
  .page-mec .mec-content {
    padding: 120px 0 0;
  }
  .page-mec .mec-overview-section {
    scroll-margin-top: 500px;
  }
  .page-mec .mec-overview-heading-group {
    gap: 4px;
  }
  .page-mec .mec-overview-heading {
    width: 100%;
  }
  .page-mec .mec-details {
    flex-direction: column;
  }
  .page-mec .mec-details-role,.page-mec .mec-details-focus,.page-mec .mec-details-stage,.page-mec .mec-details-collaborators {
    flex: none;
    width: 100%;
  }
  .page-mec .mec-product-tension-section,.page-mec .mec-experience-design-section,.page-mec .mec-outcome-section {
    padding: 0 0 48px;
    scroll-margin-top: 60px;
  }
  .page-mec .mec-experience-design-adventures-home-mobile-demo-media-slot,.page-mec .mec-inspiration-without-intimidation-trip-guide-mobile-demo-media-slot,.page-mec .mec-discovering-something-that-fits-trip-filters-mobile-demo-media-slot {
    aspect-ratio: 1.01849;
  }
  .page-mec .mec-inspiration-without-intimidation-section,.page-mec .mec-discovering-something-that-fits-section {
    padding: 0 0 48px;
  }
  .page-mec .mec-inspiration-without-intimidation-outdoor-inspiration-demo-media-slot {
    height: 302px;
  }
}
@media (min-width:1440px) {
  .page-mec.mec-layout {
    width: 1440px;
  }
  .page-mec .mec-header-slot {
    z-index: 1;
    position: sticky;
    top: 8px;
  }
  .page-mec .mec-container-layout {
    max-width: unset;
  }
  .page-mec .mec-content-layout {
    overflow: visible;
  }
  .page-mec .mec-visual {
    width: min-content;
  }
  .page-mec .mec-visual-content {
    width: min-content;
    overflow: visible;
  }
  .page-mec .mec-gallery {
    width: 1300px;
  }
}
