.ocpb{position:relative;width:100%;margin:0;--ocpb-accent:#ff0a46;--ocpb-button-bg:#ff0a46;--ocpb-button-color:#fff;--ocpb-radius:0px;--ocpb-button-radius:2px;--ocpb-transition:700ms;--ocpb-ratio-desktop:1824 / 800;--ocpb-ratio-tablet:16 / 8;--ocpb-ratio-mobile:4 / 5}.ocpb *{box-sizing:border-box}.ocpb__viewport{position:relative;width:100%;aspect-ratio:var(--ocpb-ratio-desktop);overflow:hidden;border-radius:var(--ocpb-radius);background:#08090c;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ocpb__track,.ocpb__slide,.ocpb__media-link{position:absolute;inset:0}.ocpb__slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ocpb-transition) ease,transform var(--ocpb-transition) cubic-bezier(.2,.75,.25,1),filter var(--ocpb-transition) ease,clip-path var(--ocpb-transition) cubic-bezier(.2,.75,.25,1);will-change:opacity,transform}.ocpb__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.ocpb__slide.is-leaving{visibility:visible;z-index:1}.ocpb__media-link{display:block;z-index:1}.ocpb__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;user-select:none;-webkit-user-drag:none;transition:transform calc(var(--ocpb-transition) * 1.35) cubic-bezier(.2,.7,.2,1)}.ocpb__overlay{position:absolute;inset:0;background:#000;z-index:3;pointer-events:none}
/* 01 Premium Fade */.ocpb--fade .ocpb__slide{opacity:0}.ocpb--fade .ocpb__slide.is-active{opacity:1}
/* 02 Smooth Slide */.ocpb--slide .ocpb__slide{opacity:1;transform:translate3d(7%,0,0)}.ocpb--slide.is-dir-prev .ocpb__slide{transform:translate3d(-7%,0,0)}.ocpb--slide .ocpb__slide.is-active{transform:translate3d(0,0,0)}.ocpb--slide.is-dir-next .ocpb__slide.is-leaving{transform:translate3d(-7%,0,0)}.ocpb--slide.is-dir-prev .ocpb__slide.is-leaving{transform:translate3d(7%,0,0)}
/* 03 Cinematic Zoom */.ocpb--zoom-fade .ocpb__slide{transform:scale(1.045);opacity:0}.ocpb--zoom-fade .ocpb__slide.is-active{transform:scale(1);opacity:1}.ocpb--zoom-fade .ocpb__slide.is-leaving{transform:scale(.985);opacity:0}
/* 04 Soft Blur */.ocpb--soft-blur .ocpb__slide{opacity:0;filter:blur(10px);transform:scale(1.018)}.ocpb--soft-blur .ocpb__slide.is-active{opacity:1;filter:blur(0);transform:scale(1)}.ocpb--soft-blur .ocpb__slide.is-leaving{opacity:0;filter:blur(7px);transform:scale(.99)}
/* 05 Cinema Push */.ocpb--cinema-push .ocpb__slide{opacity:0;transform:translate3d(4%,0,0) scale(1.025)}.ocpb--cinema-push.is-dir-prev .ocpb__slide{transform:translate3d(-4%,0,0) scale(1.025)}.ocpb--cinema-push .ocpb__slide.is-active{opacity:1;transform:translate3d(0,0,0) scale(1)}.ocpb--cinema-push.is-dir-next .ocpb__slide.is-leaving{opacity:0;transform:translate3d(-2%,0,0) scale(.985)}.ocpb--cinema-push.is-dir-prev .ocpb__slide.is-leaving{opacity:0;transform:translate3d(2%,0,0) scale(.985)}
/* 06 Vertical Flow */.ocpb--vertical-flow .ocpb__slide{opacity:0;transform:translate3d(0,5%,0)}.ocpb--vertical-flow.is-dir-prev .ocpb__slide{transform:translate3d(0,-5%,0)}.ocpb--vertical-flow .ocpb__slide.is-active{opacity:1;transform:translate3d(0,0,0)}.ocpb--vertical-flow.is-dir-next .ocpb__slide.is-leaving{opacity:0;transform:translate3d(0,-4%,0)}.ocpb--vertical-flow.is-dir-prev .ocpb__slide.is-leaving{opacity:0;transform:translate3d(0,4%,0)}
/* 07 Depth Motion */.ocpb--depth .ocpb__slide{opacity:0;transform:scale(1.07)}.ocpb--depth .ocpb__slide.is-active{opacity:1;transform:scale(1)}.ocpb--depth .ocpb__slide.is-leaving{opacity:0;transform:scale(.94)}
/* 08 Luxury Reveal */.ocpb--reveal .ocpb__slide{opacity:1;clip-path:inset(0 0 0 100%)}.ocpb--reveal.is-dir-prev .ocpb__slide{clip-path:inset(0 100% 0 0)}.ocpb--reveal .ocpb__slide.is-active{clip-path:inset(0 0 0 0)}.ocpb--reveal .ocpb__slide.is-leaving{opacity:1;clip-path:inset(0 0 0 0)}
/* 09 Ken Burns */.ocpb--ken-burns .ocpb__slide{opacity:0}.ocpb--ken-burns .ocpb__slide.is-active{opacity:1}.ocpb--ken-burns .ocpb__slide.is-active .ocpb__image{transform:scale(1.035) translate3d(-.4%,0,0)}.ocpb--ken-burns .ocpb__slide.is-leaving{opacity:0}
/* 10 Luxury Scale */.ocpb--luxury-scale .ocpb__slide{opacity:0;transform:scale(.965)}.ocpb--luxury-scale .ocpb__slide.is-active{opacity:1;transform:scale(1)}.ocpb--luxury-scale .ocpb__slide.is-leaving{opacity:0;transform:scale(1.025)}
.ocpb__cta{position:absolute;z-index:15;display:flex;pointer-events:none;--ocpb-cta-x:0px;--ocpb-cta-y:0px}.ocpb__cta--desktop{display:flex}.ocpb__cta--mobile{display:none}.ocpb__cta--left-top{left:3.5%;top:4.5%;transform:translate(var(--ocpb-cta-x),var(--ocpb-cta-y))}.ocpb__cta--center-top{left:50%;top:4.5%;transform:translateX(-50%) translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:center}.ocpb__cta--right-top{right:3.5%;top:4.5%;transform:translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:flex-end}.ocpb__cta--left-center{left:3.5%;top:50%;transform:translateY(-50%) translate(var(--ocpb-cta-x),var(--ocpb-cta-y))}.ocpb__cta--center-center{left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:center}.ocpb__cta--right-center{right:3.5%;top:50%;transform:translateY(-50%) translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:flex-end}.ocpb__cta--left-bottom{left:3.5%;bottom:4.5%;transform:translate(var(--ocpb-cta-x),var(--ocpb-cta-y))}.ocpb__cta--center-bottom{left:50%;bottom:4.5%;transform:translateX(-50%) translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:center}.ocpb__cta--right-bottom{right:3.5%;bottom:4.5%;transform:translate(var(--ocpb-cta-x),var(--ocpb-cta-y));justify-content:flex-end}.ocpb__cta .ocpb__button{pointer-events:auto}.ocpb__button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:250px;min-height:48px;padding:12px 28px;color:var(--ocpb-button-color)!important;background:var(--ocpb-button-bg);border:1px solid color-mix(in srgb,var(--ocpb-button-bg) 78%,#fff 22%);border-radius:var(--ocpb-button-radius);font-weight:900;font-size:13px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none!important;pointer-events:auto;box-shadow:0 10px 28px color-mix(in srgb,var(--ocpb-button-bg) 32%,transparent);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.ocpb__button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 36px color-mix(in srgb,var(--ocpb-button-bg) 42%,transparent)}
.ocpb__button--solid{background:var(--ocpb-button-bg);border-color:var(--ocpb-button-bg);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.ocpb__button--glass{background:rgba(10,12,17,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 30px rgba(0,0,0,.24)}
.ocpb__button--glass:hover{background:rgba(10,12,17,.72);border-color:rgba(255,255,255,.24)}
.ocpb__button--outline{background:rgba(0,0,0,.08);border:1px solid var(--ocpb-button-color);box-shadow:none}
.ocpb__button--outline:hover{background:rgba(0,0,0,.28)}
.ocpb__button--minimal{background:transparent;border-color:transparent;box-shadow:none;padding-left:10px;padding-right:10px}
.ocpb__button--minimal:hover{background:rgba(0,0,0,.18)}.ocpb__button i{font-style:normal;font-size:18px;line-height:1}.ocpb__arrow{position:absolute;z-index:20;bottom:5%;width:48px;height:48px;border:0;padding:0;display:grid;place-items:center;cursor:pointer;color:#fff;transition:background .2s ease,transform .2s ease,opacity .2s ease;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.ocpb__arrow:hover{transform:translateY(-1px)}.ocpb__arrow span{font-size:34px;line-height:1;margin-top:-3px}.ocpb__arrow--prev{right:calc(1.2% + 56px);left:auto}.ocpb__arrow--next{right:1.2%;left:auto}.ocpb--arrows-glass .ocpb__arrow{background:rgba(10,12,17,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.ocpb--arrows-solid .ocpb__arrow{background:rgba(0,0,0,.78)}.ocpb--arrows-minimal .ocpb__arrow{background:transparent;border:1px solid rgba(255,255,255,.28)}.ocpb__dots{position:absolute;z-index:8;left:50%;bottom:2.2%;transform:translateX(-50%);display:flex;align-items:center;gap:8px}.ocpb__dot{border:0;background:transparent;padding:5px;cursor:pointer;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ocpb--dots-line .ocpb__dot span{display:block;width:28px;height:3px;border-radius:99px;background:rgba(255,255,255,.28);transition:width .25s ease,background .25s ease}.ocpb--dots-line .ocpb__dot.is-active span{width:48px;background:var(--ocpb-accent)}.ocpb--dots-dots .ocpb__dot span{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transition:transform .2s ease,background .2s ease}.ocpb--dots-dots .ocpb__dot.is-active span{background:var(--ocpb-accent);transform:scale(1.35)}.ocpb--dots-numbers .ocpb__dot span{font-size:11px;font-weight:800;opacity:.45}.ocpb--dots-numbers .ocpb__dot.is-active span{opacity:1;color:var(--ocpb-accent)}.ocpb__progress{position:absolute;z-index:8;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.08);overflow:hidden}.ocpb__progress span{display:block;width:0;height:100%;background:var(--ocpb-accent);box-shadow:0 0 12px var(--ocpb-accent)}.ocpb.is-running .ocpb__progress span{animation:ocpbProgress linear forwards;animation-duration:var(--ocpb-delay,6500ms)}@keyframes ocpbProgress{from{width:0}to{width:100%}}@media(max-width:1024px){.ocpb__viewport{aspect-ratio:var(--ocpb-ratio-tablet)}.ocpb__button{min-width:210px;min-height:44px;font-size:12px}.ocpb__arrow{width:44px;height:44px}}@media(max-width:767px){.ocpb__viewport{aspect-ratio:var(--ocpb-ratio-mobile)}.ocpb__cta--desktop{display:none}.ocpb__cta--mobile{display:flex}.ocpb__cta--left-top{left:16px;top:18px}.ocpb__cta--center-top{top:18px}.ocpb__cta--right-top{right:16px;top:18px}.ocpb__cta--left-center{left:16px}.ocpb__cta--right-center{right:16px}.ocpb__cta--left-bottom{left:16px;bottom:18px}.ocpb__cta--center-bottom{bottom:18px}.ocpb__cta--right-bottom{right:16px;bottom:18px}.ocpb__button{min-width:0;width:auto;min-height:42px;padding:10px 18px;font-size:11px;gap:12px}.ocpb__arrow{width:40px;height:40px;bottom:18px}.ocpb__arrow--prev{right:62px;left:auto}.ocpb__arrow--next{right:14px;left:auto}.ocpb__dots{bottom:14px}.ocpb--dots-line .ocpb__dot span{width:20px}.ocpb--dots-line .ocpb__dot.is-active span{width:32px}}@media(prefers-reduced-motion:reduce){.ocpb__slide,.ocpb__button,.ocpb__arrow{transition:none!important}.ocpb__progress span{animation:none!important}}