.haul-ribbon{
  background:#f5f5f7;
  color:#1d1d1f;
  text-align:center;
  padding:27.5px 22px;
  box-sizing:border-box;
}
.haul-ribbon__text{
  margin:0;
  color:#1d1d1f;
  font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:21px;
  line-height:1.19048;
  font-weight:600;
  letter-spacing:.011em;
}
.haul-ribbon__heart{
  display:inline-block;
  width:calc(.92em + 2.5px);
  height:calc(.92em + 2.5px);
  margin:0 .14em 0 .1em;
  vertical-align:-.08em;
}
.real-stories{
  --rs-max:1260px;
  --rs-gutter:max(6.25%, calc(50% - var(--rs-max) / 2));
  --rs-card-w:696px;
  --rs-card-h:387px;
  --rs-copy-pad:32px;
  --rs-label:17px;
  --rs-label-lh:1.23536;
  --rs-label-track:-0.022em;
  --rs-title:28px;
  --rs-title-lh:1.14286;
  --rs-title-track:0.007em;
  --rs-headline:48px;
  --rs-headline-lh:1.08349;
  --rs-headline-track:-0.003em;
  --rs-pad:144px;
  --rs-left-pull:40px;
  background:#fff;
  color:#1d1d1f;
  padding:var(--rs-pad) 0 calc(var(--rs-pad) - 10px);
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
}
.real-stories__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  column-gap:120px;
  row-gap:20px;
  width:min(87.5%, var(--rs-max));
  margin:0 auto 44px;
  margin-left:max(16px, calc((100% - min(87.5%, var(--rs-max))) / 2 - var(--rs-left-pull)));
}
.real-stories__headline{
  margin:0;
  max-width:75%;
  min-width:50%;
  flex:1 1 auto;
  color:#1d1d1f;
  font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:var(--rs-headline);
  line-height:var(--rs-headline-lh);
  font-weight:600;
  letter-spacing:var(--rs-headline-track);
}
.real-stories__more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:none;
  margin:0;
  padding:10px 18px;
  border-radius:980px;
  background:#0071e3;
  color:#fff;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:1.23536;
  font-weight:400;
  letter-spacing:-0.022em;
  text-decoration:none;
  white-space:nowrap;
  vertical-align:middle;
}
.real-stories__more:hover{
  background:#0077ed;
  color:#fff;
  text-decoration:none;
}
.real-stories__more:hover .real-stories__more-copy{
  text-decoration:none;
}
.real-stories__apple{
  display:block;
  height:15px;
  width:auto;
  margin-top:-2px;
  filter:brightness(0) invert(1);
}
.real-stories__gallery{
  position:relative;
}
.real-stories__scroller{
  overflow-x:auto;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:max(16px, calc(var(--rs-gutter) - var(--rs-left-pull))) var(--rs-gutter);
  padding:12px 0 8px;
  margin:-12px 0 0;
}
.real-stories__scroller.is-sliding{
  scroll-snap-type:none;
}
.real-stories__scroller::-webkit-scrollbar{
  display:none;
}
.real-stories__track{
  display:flex;
  gap:20px;
  width:max-content;
  margin:0;
  padding:0 var(--rs-gutter) 8px max(16px, calc(var(--rs-gutter) - var(--rs-left-pull)));
  list-style:none;
}
.real-stories__item{
  flex:none;
  width:var(--rs-card-w);
  scroll-snap-align:start;
}
.real-stories__item:last-child{
  scroll-snap-align:end;
}
.real-stories__card{
  position:relative;
  display:block;
  height:var(--rs-card-h);
  border-radius:28px;
  overflow:hidden;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  background:#1d1d1f;
  transform:scale(1);
  transition:transform .3s cubic-bezier(0,0,.5,1);
}
.real-stories__card:hover{
  transform:scale(1.018);
  text-decoration:none;
}
.real-stories__card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.real-stories__copy{
  position:relative;
  z-index:1;
  max-width:496px;
  padding:var(--rs-copy-pad) var(--rs-copy-pad) 0;
  pointer-events:none;
}
.real-stories__label{
  margin:0;
  color:inherit;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:var(--rs-label);
  line-height:var(--rs-label-lh);
  font-weight:600;
  letter-spacing:var(--rs-label-track);
}
.real-stories__title{
  margin:8px 0 0;
  color:inherit;
  font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:var(--rs-title);
  line-height:var(--rs-title-lh);
  font-weight:600;
  letter-spacing:var(--rs-title-track);
}
.real-stories__go{
  position:absolute;
  z-index:1;
  right:16px;
  bottom:16px;
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f7;
  color:#000;
  transition:background-color 100ms linear;
}
.real-stories__card:hover .real-stories__go{
  background:#fff;
}
.real-stories__go svg{
  width:36px;
  height:36px;
  display:block;
}
.real-stories__nav{
  display:flex;
  justify-content:flex-end;
  gap:18px;
  width:min(87.5%, var(--rs-max));
  margin:16px auto 0;
  margin-left:max(16px, calc((100% - min(87.5%, var(--rs-max))) / 2 - var(--rs-left-pull)));
}
.real-stories__nav[hidden]{
  display:none;
}
.real-stories__nav button{
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(210,210,215,.64);
  color:rgba(0,0,0,.56);
  cursor:pointer;
  transition:background 100ms linear,color 100ms linear,opacity 100ms linear;
}
.real-stories__nav button:hover{
  background:rgba(223,223,227,.7);
  color:rgba(0,0,0,.64);
}
.real-stories__nav button:active{
  background:rgba(193,193,198,.65);
}
.real-stories__nav button:disabled{
  opacity:.42;
  pointer-events:none;
}
.real-stories__nav button:focus-visible,
.real-stories__card:focus-visible{
  outline:2px solid #0071e3;
  outline-offset:3px;
}
.real-stories__nav svg{
  width:36px;
  height:36px;
  display:block;
  fill:currentColor;
}
@media(max-width:1068px){
  .real-stories{
    --rs-card-w:643px;
    --rs-card-h:356px;
    --rs-copy-pad:28px;
    --rs-title:24px;
    --rs-title-lh:1.16667;
    --rs-title-track:0.009em;
    --rs-headline:40px;
    --rs-headline-lh:1.1;
    --rs-headline-track:0;
    --rs-pad:120px;
  }
  .real-stories__copy{
    max-width:424px;
  }
  .real-stories__go{
    right:13px;
    bottom:13px;
  }
}
@media(max-width:734px){
  .real-stories__track{
    padding-left:max(14.5px, calc(var(--rs-gutter) - var(--rs-left-pull)));
  }
  .real-stories{
    --rs-max:420px;
    --rs-card-w:260px;
    --rs-card-h:255px;
    --rs-copy-pad:24px;
    --rs-label:14px;
    --rs-label-lh:1.28577;
    --rs-label-track:-0.016em;
    --rs-title:21px;
    --rs-title-lh:1.19048;
    --rs-title-track:0.011em;
    --rs-headline:32px;
    --rs-headline-lh:1.125;
    --rs-headline-track:0.004em;
    --rs-pad:112px;
  }
  .real-stories__head{
    flex-direction:column;
    align-items:flex-start;
    column-gap:28px;
    row-gap:16px;
    margin-bottom:28px;
  }
  .real-stories__headline{
    max-width:none;
    min-width:0;
    width:100%;
  }
  .real-stories__more{
    font-size:14px;
    line-height:1.42859;
    letter-spacing:-0.016em;
  }
  .real-stories__copy{
    max-width:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .real-stories__card{
    transition:none;
  }
  .real-stories__card:hover{
    transform:none;
  }
}