[data-framer-name="DELETE THIS"]{display:none!important}
.sp-work-host{position:relative!important;isolation:isolate;touch-action:pan-y pinch-zoom}
[data-work-cell] .framer-1c9zsns-container{translate:var(--sp-screen-shift-x,0px) var(--sp-screen-shift-y,0px);scale:var(--sp-screen-fit,1)}
[data-work-cell]:hover>*{z-index:20!important}
[data-work-cell] [data-framer-name="Image"] img,[data-work-cell] .sp-work-video{object-fit:var(--sp-work-fit,contain)!important;object-position:var(--sp-work-position,center)!important}
.sp-work-placeholder [data-framer-name="Image"],[data-work-cell]:has(video) [data-framer-name="Image"]{filter:none!important}
[data-work-cell] [data-framer-name="Image"]{background:#f4f8fc}
.sp-work-video{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:#f4f8fc}
.sp-work-placeholder,.sp-work-placeholder *{cursor:default!important}
.sp-work-nav{position:relative!important;overflow:hidden;border-radius:10px;background:#ff3437;transition:background .35s}
.sp-work-nav:hover{background:#fff}
.sp-work-nav[data-has-paging="false"]::after{content:"";position:absolute;right:16%;bottom:10%;width:7px;height:7px;border-radius:50%;background:white;box-shadow:-12px 0 white,12px 0 white;transition:transform .35s,background .35s,box-shadow .35s}
.sp-work-nav[data-has-paging="false"]:hover::after{background:#ff3437;box-shadow:-22px -8px #ff3437,22px 8px #ff3437;transform:scale(1.2)}
.sp-work-nav>[data-framer-name="More"]{pointer-events:none;background:transparent!important}
.sp-work-nav>[data-framer-name="More"]>*{visibility:hidden!important}
.sp-mobile-more{min-height:300px;background:#ff3437;border-radius:10px}
.sp-mobile-more>[data-framer-name="More"]{position:absolute;inset:0}
.sp-work-control{position:absolute;left:0;width:100%;height:50%;z-index:5;border:0;padding:0;background:transparent;color:white;cursor:pointer}
.sp-work-control[hidden]{display:none!important}
.sp-work-prev{top:0}.sp-work-next{bottom:0}
.sp-nav-label,.sp-nav-dots{position:absolute;transition:opacity .25s,transform .35s,color .35s}
.sp-nav-label{display:flex;align-items:center;gap:16px;font:700 clamp(18px,2vw,30px)/1.3 'Microsoft YaHei',sans-serif;opacity:0;transform:translateY(8px)}
.sp-work-prev .sp-nav-label{left:10%;top:18%}.sp-work-next .sp-nav-label{right:10%;bottom:18%}
.sp-nav-dots{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:-12px 0 currentColor,12px 0 currentColor}
.sp-work-prev .sp-nav-dots{left:18%;top:23%}.sp-work-next .sp-nav-dots{right:18%;bottom:23%}
.sp-work-nav:hover .sp-work-control{color:#ff3437}
.sp-work-control:hover .sp-nav-label,.sp-work-control:focus-visible .sp-nav-label{opacity:1;transform:none}
.sp-work-control:hover .sp-nav-dots,.sp-work-control:focus-visible .sp-nav-dots{opacity:0;transform:scale(4)}
.sp-work-control:focus-visible{outline:3px solid #0078d4;outline-offset:-6px}
.sp-nav-label svg{width:40px;height:24px}.sp-work-prev svg{transform:rotate(180deg)}
.sp-work-page{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;margin:0!important;z-index:2}
.sp-work-sliding>.sp-work-front,.sp-work-sliding>.sp-work-page{will-change:transform,clip-path;pointer-events:none!important}
.sp-work-controller{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;z-index:-1}.sp-work-track{display:flex;height:100%}.sp-work-track>div{flex:0 0 100%;min-width:0;height:100%}
@media(hover:none){.sp-work-control .sp-nav-label{opacity:1;transform:none}.sp-work-control .sp-nav-dots{opacity:0}}

[data-work-cell] [data-framer-name="Details"]>[data-framer-name="Work Item Frame"]{clip-path:inset(0 0 var(--sp-work-open-bottom,0px) 0)}

/* Clip media to its browser viewport without clipping the native hover animation. */
[data-work-cell] [data-framer-name="Image"]{overflow:hidden!important;isolation:isolate}
[data-work-cell] [data-framer-name="Image"]>[data-framer-background-image-wrapper]{overflow:hidden!important;inset:0!important}
[data-work-cell] [data-framer-name="Image"] img,[data-work-cell] .sp-work-video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}

/* Size the browser content area to the actual media ratio; chrome adds 7px horizontally and 24px vertically. */
[data-work-cell][data-media-sized="true"] .framer-1c9zsns-container{width:var(--sp-browser-width)!important;height:var(--sp-browser-height)!important;max-width:none!important}
[data-work-cell][data-media-sized="true"] [data-framer-name="Browser"]{width:100%!important;height:100%!important}
[data-work-cell][data-media-sized="true"] [data-framer-name="Image"]{top:17px!important;bottom:0!important;height:auto!important}

@media(prefers-reduced-motion:reduce){.sp-nav-label,.sp-nav-dots,.sp-work-nav{transition:none!important}}