.rf-spotlight{--u: calc(100vw / 375);--box-x: 20px;--curve: cubic-bezier(.785, .135, .15, .86);position:relative}@media(min-width:961px){.rf-spotlight{--u: calc(100vw / 1440);--box-x: 40px}}@media(min-width:1441px){.rf-spotlight{--u: 1px}}.rf-spotlight .rf-media{overflow:hidden;position:relative}.rf-spotlight .rf-media>*{height:100%;left:0;position:absolute;top:0;width:100%}.rf-spotlight .rf-media img{display:block;object-fit:cover}.rf-spotlight .pin{background-color:var(--rf-bg, #ffffff);height:calc(100vh - var(--rf-header-h, 0px));overflow:hidden;position:sticky;top:var(--rf-header-h, 0px)}.rf-spotlight .intro{align-items:center;display:flex;height:100%;justify-content:center;padding:0 var(--box-x) var(--rf-header-h, 0px);position:relative;z-index:1}.rf-spotlight .intro .text{text-align:center}.rf-spotlight .intro .text .pretitle{font-size:12px;letter-spacing:.12em;line-height:1.2em;text-transform:uppercase}.rf-spotlight .intro .text .title{font-size:calc(var(--title-size) * var(--u));font-weight:300;letter-spacing:-.02em;line-height:1.15em;margin:calc(20 * var(--u)) auto 0;max-width:calc(900 * var(--u))}.rf-spotlight .intro .text .cta{color:inherit;display:inline-block;font-size:12px;letter-spacing:.12em;line-height:1.2em;margin-top:calc(60 * var(--u));position:relative;text-decoration:none;text-transform:uppercase}.rf-spotlight .intro .text .cta:after{background-color:currentColor;bottom:-4px;content:"";height:1px;left:0;position:absolute;transform:scaleX(1);transform-origin:right center;transition:transform .5s var(--curve);width:100%}.rf-spotlight .intro .text .cta:hover:after{transform:scaleX(0)}.rf-spotlight .intro>.images{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rf-spotlight .intro>.images>.rf-media{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(min-width:1441px){.rf-spotlight .intro .text .cta{margin-top:60px}}@media(max-width:960px){.rf-spotlight .intro .text .title{font-size:calc(var(--title-size-mob) * 1px);margin-top:20px}.rf-spotlight .intro .text .cta{margin-top:60px}}.rf-spotlight .carousel,.rf-spotlight .carousel>*,.rf-spotlight .carousel>.bg>.image{height:100%;left:0;position:absolute;top:0;width:100%}.rf-spotlight .carousel{transform:translateY(100%);z-index:2}.rf-spotlight .carousel>.bg>.image{height:calc(100% + 100 * var(--u));transition:transform 1s var(--curve)}.rf-spotlight .carousel>.bg>.image.can-be-hidden{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(calc(100 * var(--u)));transition:clip-path 1s var(--curve),transform 1s var(--curve)}.rf-spotlight .carousel>.bg>.image.can-be-hidden.is-visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0)}.rf-spotlight .carousel>.bg>.image.is-past{transform:translateY(calc(-100 * var(--u)))!important}.rf-spotlight .carousel>.bg>.image>.rf-media{height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:100%}.rf-spotlight .carousel>.fg>.rf-media{aspect-ratio:320 / 438;border-radius:calc(5 * var(--u));height:50.2293577982%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.rf-spotlight .carousel>.texts-wrap{perspective:1000px;pointer-events:none}.rf-spotlight .carousel>.texts-wrap>.text{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.rf-spotlight .carousel>.texts-wrap>.text>.inner{backface-visibility:hidden;box-sizing:border-box;flex:0 1 auto;font-size:calc(var(--slide-text-size) * var(--u));font-weight:300;letter-spacing:-.03em;line-height:1.1em;max-width:100%;padding:0 var(--box-x);text-align:center}@media(max-width:960px){.rf-spotlight .carousel>.fg>.rf-media{aspect-ratio:229 / 314;height:37.1597633136%}.rf-spotlight .carousel>.texts-wrap>.text>.inner{font-size:calc(var(--slide-text-size-mob) * 1px);letter-spacing:-.04em;line-height:1.1em}}.rf-spotlight.use-operetta .intro .text .title,.rf-spotlight.use-operetta .carousel>.texts-wrap>.text>.inner{font-family:operetta-18,serif}.rf-spotlight.is-static{height:auto!important}.rf-spotlight.is-static .pin{height:auto;position:relative;top:0}.rf-spotlight.is-static .intro{padding:calc(120 * var(--u)) var(--box-x)}.rf-spotlight.is-static .intro>.images{display:none}.rf-spotlight.is-static .carousel{height:calc(100vh - var(--rf-header-h, 0px));position:relative;transform:none}.rf-spotlight.is-static .carousel>.bg>.image:not(.is-0),.rf-spotlight.is-static .carousel>.fg>.rf-media:not(.is-0),.rf-spotlight.is-static .carousel>.texts-wrap>.text:not(:first-child){display:none}.rf-spotlight.is-static .carousel>.bg>.image{height:100%}@media(prefers-reduced-motion:reduce){.rf-spotlight .carousel>.bg>.image,.rf-spotlight .carousel>.bg>.image.can-be-hidden{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/runway-spotlight.css.map */