.cs2-wrapper{width:100%;padding:var(--cs2-padding-desktop, 0px) 0;overflow:hidden;position:relative}@media screen and (max-width:749px){.cs2-wrapper{padding:var(--cs2-padding-mobile, 0px) 0}}.cs2-slider{position:relative;width:100%;height:var(--cs2-height-desktop, 85vh);overflow:hidden}@media screen and (max-width:749px){.cs2-slider{height:var(--cs2-height-mobile, 70vh)}}.cs2-track{display:flex;width:100%;height:100%;transition:transform .7s cubic-bezier(.77,0,.175,1);will-change:transform}.cs2-slide{min-width:100%;width:100%;height:100%;position:relative;flex-shrink:0;overflow:hidden}.cs2-slide-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s ease}.cs2-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.cs2-overlay--solid{background:var(--cs2-overlay-color, #000);opacity:var(--cs2-overlay-opacity, .4)}.cs2-overlay--gradient{background:linear-gradient(to bottom,#0000001a,#0003 40%,#000000bf)}.cs2-overlay--left{background:linear-gradient(to right,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.cs2-content{position:absolute;z-index:10;display:flex;flex-direction:column;gap:12px;max-width:600px;width:88%}.cs2-content--bottom-center{bottom:clamp(60px,10vh,100px);left:50%;transform:translate(-50%);align-items:center;text-align:center}.cs2-content--bottom-left{bottom:clamp(60px,10vh,100px);left:clamp(24px,5vw,72px);align-items:flex-start;text-align:left}.cs2-content--middle-left{top:50%;transform:translateY(-50%);left:clamp(24px,5vw,72px);align-items:flex-start;text-align:left}@media screen and (max-width:749px){.cs2-content{width:90%}.cs2-content--bottom-left,.cs2-content--middle-left{left:20px}.cs2-content--middle-left{top:auto;bottom:60px;transform:none}}.cs2-eyebrow{font-size:clamp(10px,1vw,13px);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffffa6;margin:0}.cs2-heading{margin:0;line-height:1.05;font-weight:700;color:var(--cs2-heading-color, #fff);letter-spacing:-.02em}.cs2-heading--small{font-size:clamp(26px,3.5vw,44px)}.cs2-heading--medium{font-size:clamp(34px,5vw,62px)}.cs2-heading--large{font-size:clamp(42px,6.5vw,82px)}.cs2-font-heading{font-family:var(--font-heading--family)}.cs2-font-body{font-family:var(--font-body--family)}.cs2-font-serif{font-family:Georgia,Times New Roman,serif}.cs2-subtitle{font-size:clamp(13px,1.5vw,17px);color:#ffffffc7;margin:0;line-height:1.6;font-weight:300;max-width:460px}.cs2-btn{display:inline-flex;align-items:center;gap:8px;padding:clamp(11px,1.2vw,14px) clamp(24px,2.5vw,38px);background:var(--cs2-btn-bg, #fff);color:var(--cs2-btn-color, #000);text-decoration:none;border-radius:50px;font-size:clamp(12px,1.1vw,15px);font-weight:700;letter-spacing:.05em;transition:opacity .25s ease,transform .25s ease;margin-top:4px;border:none;cursor:pointer}.cs2-btn:hover{opacity:.88;transform:scale(1.03)}.cs2-arrows{position:absolute;bottom:clamp(20px,4vh,36px);z-index:20;display:flex;align-items:center;gap:10px}.cs2-arrows--center{left:50%;transform:translate(-50%)}.cs2-arrows--right{right:clamp(24px,4vw,56px)}.cs2-arrows--left{left:clamp(24px,4vw,56px)}.cs2-arrow{width:48px;height:48px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,transform .2s ease;color:#fff;flex-shrink:0}.cs2-arrow:hover{background:#ffffff47;transform:scale(1.08)}.cs2-arrow svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cs2-dots{display:flex;align-items:center;gap:6px;margin:0 4px}.cs2-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .3s ease;cursor:pointer}.cs2-dot.active{background:#fff;width:20px;border-radius:3px}.cs2-counter{font-size:13px;font-weight:500;color:#ffffffb3;letter-spacing:.05em;white-space:nowrap}@media screen and (max-width:749px){.cs2-arrow{width:40px;height:40px}.cs2-arrow svg{width:16px;height:16px}.cs2-arrows--right{right:16px}.cs2-arrows--left{left:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cinematic-showcase.css.map */