.hero.svelte-3dg4uj{position:relative;width:var(--ryde-outer-col);margin-inline:auto;border-radius:2rem;overflow:hidden;padding-block:45px 22.5px}@media (max-width: 1080px){.hero.svelte-3dg4uj{padding-block:45px calc(22.5px + 3rem)}}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj){height:max(var(--ryde-outer-col) * .6,550px);border-radius:inherit;position:relative}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj){width:100%;height:100%;position:absolute;border-radius:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .3s}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj):before{z-index:2;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.dark:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj){color:var(--ryde-group1-title)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.dark:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) a:where(.svelte-3dg4uj){background-color:var(--ryde-group1-btn-bg);color:var(--ryde-group1-btn-text)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.dark:where(.svelte-3dg4uj):before{background-color:var(--ryde-group1-bg)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.light:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj){color:var(--ryde-group3-title)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.light:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) a:where(.svelte-3dg4uj){background-color:var(--ryde-group3-btn-bg);color:var(--ryde-group3-btn-text)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.light:where(.svelte-3dg4uj):before{background-color:var(--ryde-group3-bg)}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) img:where(.svelte-3dg4uj){z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--focal-x) var(--focal-y);opacity:0;transition:opacity .2s;border-radius:inherit}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj){z-index:3;position:absolute;top:0;right:0;bottom:0;left:0;padding-block:6rem;padding-inline:5rem;transform-origin:bottom left;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;row-gap:2rem}@media (max-width: 1080px){.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj){padding-block:3rem;padding-inline:2.5rem}}@media (max-width: 900px){.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj){padding-inline:1.25rem;row-gap:1.5rem}}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj){font-size:70px;line-height:.95;text-wrap:balance;max-width:75%;translate:-10vw;opacity:0;transition:opacity .3s .2s,translate .3s .2s;text-transform:uppercase}@media (max-width: 1080px){.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj){font-size:56px;max-width:unset}}@media (max-width: 600px){.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj){font-size:48px;max-width:unset}}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) a:where(.svelte-3dg4uj){translate:-10vw;opacity:0;transition:opacity .3s .3s,translate .3s .3s;padding:1rem min(5rem,10vw)}@media (max-width: 400px){.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) a:where(.svelte-3dg4uj){margin-inline:auto}}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.active:where(.svelte-3dg4uj){z-index:4;opacity:1}.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.active:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) h1:where(.svelte-3dg4uj),.hero.svelte-3dg4uj .slides:where(.svelte-3dg4uj) .slide.active:where(.svelte-3dg4uj) .content:where(.svelte-3dg4uj) a:where(.svelte-3dg4uj){opacity:1;translate:0}.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj){z-index:4;position:absolute;bottom:calc(2rem + 22.5px);right:2rem;display:flex;align-items:center;gap:1rem}@media (max-width: 1080px){.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj){bottom:calc(-1rem + 22.5px);right:50%;translate:50%}}.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj):after{position:absolute;content:"";width:18px;height:18px;border-radius:100%;background-color:var(--ryde-palette-12);translate:calc(var(--index) * 18px + 1rem * var(--index));transition:translate .3s}.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj) button.slide-indicator:where(.svelte-3dg4uj){width:18px;height:18px;border-radius:100%;background-color:var(--ryde-palette-10);border:none}@media (max-width: 1080px){.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj) button.slide-indicator:where(.svelte-3dg4uj){background-color:var(--ryde-palette-9)}}.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj) button.slide-control:where(.svelte-3dg4uj){width:46px;height:34px;border-radius:10px;background-color:var(--ryde-palette-12);border:none;-webkit-mask-image:url(../../../themes/@ryde/banner-arrow.svg);mask-image:url(../../../themes/@ryde/banner-arrow.svg)}.hero.svelte-3dg4uj .controls:where(.svelte-3dg4uj) button.slide-control:where(.svelte-3dg4uj):nth-last-of-type(1){transform:rotate(180deg)}