/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.storepage.homepage .experience-page #hp-nodes {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, white 23%, #f8f8f8 39%, white 39%);
  margin-bottom: 3.125rem; }
  @media (min-width: 544px) {
    .storepage.homepage .experience-page #hp-nodes {
      background: linear-gradient(180deg, white 36%, #f8f8f8 43%, white 43%); } }
  @media (min-width: 992px) {
    .storepage.homepage .experience-page #hp-nodes {
      background: linear-gradient(180deg, white 35%, #f8f8f8 47%, white 47%);
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .storepage.homepage .experience-page #hp-nodes {
      background: linear-gradient(180deg, white 32%, #f8f8f8 52%, white 52%); } }
  .storepage.homepage .experience-page #hp-nodes .section-header {
    margin-bottom: 3.125rem; }
    @media (min-width: 768px) {
      .storepage.homepage .experience-page #hp-nodes .section-header {
        margin-bottom: 4.6875rem; } }
  .storepage.homepage .experience-page #hp-nodes .section-heading {
    margin: 0 auto; }
  .storepage.homepage .experience-page #hp-nodes .node-row .slick-track {
    margin-bottom: 1.25rem; }
    @media (min-width: 768px) {
      .storepage.homepage .experience-page #hp-nodes .node-row .slick-track {
        margin-bottom: 2.5rem; } }
  .storepage.homepage .experience-page #hp-nodes .node-row .slick-slide {
    height: auto; }
  .storepage.homepage .experience-page #hp-nodes .node {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none; }
    .storepage.homepage .experience-page #hp-nodes .node .node-img {
      margin-bottom: 2rem;
      max-width: 24.125rem; }
      @media (min-width: 544px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-img {
          max-width: 27.5rem; } }
      @media (min-width: 992px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-img {
          max-width: 100%; } }
    .storepage.homepage .experience-page #hp-nodes .node .node-title {
      font-family: "Neue Haas Grotesk Text Round Bold", sans-serif;
      font-weight: 700;
      font-size: 1.4375rem;
      line-height: 1.6875rem;
      margin-bottom: 0.625rem;
      transition: color ease 0.3s; }
      @media (min-width: 544px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-title {
          font-size: 1.8125rem;
          line-height: 2.0625rem;
          margin-bottom: 0.625rem; } }
    .storepage.homepage .experience-page #hp-nodes .node .node-text {
      font-family: "Neue Haas Grotesk Text Round", sans-serif;
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 1.5rem; }
      @media (min-width: 544px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-text {
          font-size: 1.4375rem;
          line-height: 1.6875rem; } }
      @media (min-width: 544px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-text.node-line1 {
          margin-bottom: 0.3125rem; } }
      .storepage.homepage .experience-page #hp-nodes .node .node-text.node-line2 {
        margin-bottom: 0.75rem; }
        @media (min-width: 544px) {
          .storepage.homepage .experience-page #hp-nodes .node .node-text.node-line2 {
            margin-bottom: 1.5rem; } }
    .storepage.homepage .experience-page #hp-nodes .node .node-link {
      font-family: "Neue Haas Grotesk Text Round Bold", sans-serif;
      font-weight: 700;
      font-size: 1.125rem;
      line-height: 1.5rem;
      color: var(--color-grey5);
      margin-bottom: 1.75rem;
      text-decoration: underline; }
      @media (min-width: 544px) {
        .storepage.homepage .experience-page #hp-nodes .node .node-link {
          font-size: 1.4375rem;
          line-height: 1.6875rem;
          margin-bottom: 0; } }
    .storepage.homepage .experience-page #hp-nodes .node:hover .node-title {
      color: var(--color-accent); }

/*# sourceMappingURL=nodes.css.map*/