/* idora-about-mobile-swipe-v728: phone carousels for story, principles, journey */
.idora-swipe__btn{display:none}
.idora-swipe__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (min-width:768px){
  .idora-about__story .idora-swipe{display:contents}
}

@media (max-width:767px){
  .idora-about-page .idora-about__story,
  .idora-about-page .idora-about__principles,
  .idora-about-page .idora-about__journey{overflow:hidden}
  .idora-about-page .idora-swipe{position:relative;width:100%;margin-top:8px}
  .idora-about-page .idora-swipe__btn{
    position:absolute;
    top:42%;
    z-index:4;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#252724;
    color:#fff;
    box-shadow:0 8px 18px rgba(37,39,36,.22);
    cursor:pointer
  }
  .idora-about-page .idora-swipe__btn.is-prev{left:8px}
  .idora-about-page .idora-swipe__btn.is-next{right:8px}
  .idora-about-page .idora-swipe__btn:hover,
  .idora-about-page .idora-swipe__btn:focus-visible{background:#3d4638}
  .idora-about-page .idora-swipe__btn:focus-visible{outline:2px solid #a4614d;outline-offset:3px}
  .idora-about-page .idora-swipe__btn svg{display:block}

  .idora-about-page .idora-swipe .idora-about__story-stage,
  .idora-about-page .idora-swipe .idora-about__principle-rail,
  .idora-about-page .idora-swipe .idora-about__stagger{
    display:flex !important;
    flex-flow:row nowrap;
    align-items:stretch;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 16px 4px;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain
  }
  .idora-about-page .idora-swipe .idora-about__story-stage::-webkit-scrollbar,
  .idora-about-page .idora-swipe .idora-about__principle-rail::-webkit-scrollbar,
  .idora-about-page .idora-swipe .idora-about__stagger::-webkit-scrollbar{display:none}

  .idora-about-page .idora-swipe .idora-about__perspective,
  .idora-about-page .idora-swipe .idora-about__principle-card,
  .idora-about-page .idora-swipe .idora-about__stagger-card{
    flex:0 0 86%;
    width:86% !important;
    max-width:86%;
    min-width:0;
    height:auto !important;
    margin:0 !important;
    grid-column:auto !important;
    grid-row:auto !important;
    scroll-snap-align:start;
    scroll-snap-stop:always
  }
  .idora-about-page .idora-swipe .idora-about__perspective.is-people{order:1}
  .idora-about-page .idora-swipe .idora-about__perspective.is-touch{order:2}
  .idora-about-page .idora-swipe .idora-about__perspective.is-light{order:3}
  .idora-about-page .idora-swipe .idora-about__perspective{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    touch-action:pan-x pan-y
  }
  .idora-about-page .idora-swipe .idora-about__perspective .idora-about__shot,
  .idora-about-page .idora-swipe .idora-about__perspective.is-people .idora-about__shot,
  .idora-about-page .idora-swipe .idora-about__perspective.is-touch .idora-about__shot,
  .idora-about-page .idora-swipe .idora-about__perspective.is-light .idora-about__shot{
    position:relative !important;
    flex:none !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:4/5;
    overflow:hidden;
    border-radius:16px
  }
  .idora-about-page .idora-swipe .idora-about__shot img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover;
    border-radius:16px
  }
  .idora-about-page .idora-swipe .idora-about__story-note{
    display:block;
    max-width:none;
    margin-top:12px
  }
  .idora-about-page .idora-swipe .idora-about__principle-card{
    min-height:0;
    padding:18px 16px 14px
  }
  .idora-about-page .idora-swipe .idora-about__principle-photo img,
  .idora-about-page .idora-swipe .idora-about__principle-card img{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:contain;
    object-position:center
  }
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-select,
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-experience,
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-delivery{margin-top:0 !important}
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-experience .idora-about__stagger-copy{order:2;margin-top:14px;margin-bottom:0}
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-delivery .idora-about__stagger-copy{text-align:left !important;align-items:flex-start !important;flex-direction:column !important}
  .idora-about-page .idora-swipe .idora-about__stagger-card.is-delivery .idora-about__arch-kicker{flex-direction:row;text-align:left}
  .idora-about-page .idora-swipe .idora-about__stagger-card{overflow:hidden}
  .idora-about-page .idora-swipe .idora-about__stagger-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-top:14px
  }
  .idora-about-page .idora-swipe .idora-about__stagger-copy h3,
  .idora-about-page .idora-swipe .idora-about__stagger-copy p,
  .idora-about-page .idora-swipe a.idora-about__stagger-link{
    max-width:100%;
    overflow-wrap:anywhere;
    text-align:left
  }
  .idora-about-page .idora-swipe .idora-about__stagger-copy h3{font-size:26px;line-height:1.15}
  .idora-about-page .idora-swipe .idora-about__stagger-copy p:not(.idora-about__arch-kicker){font-size:16px;line-height:1.45}
  .idora-about-page .idora-swipe .idora-about__stagger-photo,
  .idora-about-page .idora-swipe .idora-about__stagger-photo img{
    animation:none !important;
    transform:none !important
  }
  .idora-about-page .idora-swipe .idora-about__stagger-photo img{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:contain
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .idora-about-page .idora-swipe .idora-about__story-stage,
  .idora-about-page .idora-swipe .idora-about__principle-rail,
  .idora-about-page .idora-swipe .idora-about__stagger{scroll-behavior:auto}
}