.sm-frame{position:relative;overflow:hidden}.sm-drift{position:absolute;top:0;bottom:0;left:0;right:0}.sm-drift>img{object-fit:cover;height:100%;width:100%;position:absolute;top:0;bottom:0;left:0;right:0}.scroll-progress,[data-sm-layer]{display:none}[data-transition=edge]{position:relative}[data-transition=edge]:before{content:"";left:0;right:0;height:var(--sm-edge-h,clamp(1.5rem,.9rem + 2.8vw,4rem));background:var(--sm-edge-fill,var(--surface,Canvas));-webkit-mask:var(--sm-edge)center/100% 100% no-repeat;-webkit-mask:var(--sm-edge)center/100% 100% no-repeat;mask:var(--sm-edge)center/100% 100% no-repeat;pointer-events:none;position:absolute;bottom:calc(100% - 1px)}[data-edge=arch]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10Q50-10 100 10z'/%3E%3C/svg%3E")}[data-edge=diagonal]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10L100 0v10z'/%3E%3C/svg%3E")}[data-edge=torn]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10V5l2 2 3-5 5 2 3 2 5-2 5 1 5-3 3 3 5-4 5 3 6 2 2-2 6 1 5-1 6 2 3-3 5 0 3 0 4 0 6 1 5 2 2-3 4 1 4-2 6-1 3 2 5 4 4-5 4 1 3 1 3 0 4-2 6 2 5 1 5-1 4 1 6-2 5 0 4 0 3 0 5 3 2 0 2-3 3-2 6 1 5 0 4 3L200 5v5z'/%3E%3C/svg%3E")}[data-edge-flip]:before{transform:scaleX(-1)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not([data-cjp-motion=reduce])) .reveal{--_rise:var(--reveal-distance,16px);--_end:22%;animation-name:cjp-sm-rise}:where(:root:not([data-cjp-motion=reduce])) .reveal-lg{--_rise:var(--sm-rise-lg,28px);--_end:25%;animation-name:cjp-sm-rise}:where(:root:not([data-cjp-motion=reduce])) .frame-open{--_end:35%;animation-name:cjp-sm-frame}:where(:root:not([data-cjp-motion=reduce])) .iris{--_end:40%;animation-name:cjp-sm-iris}:where(:root:not([data-cjp-motion=reduce])) :-webkit-any(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) :-moz-any(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) :is(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) .wipe-y[data-from=top]{--_w:inset(0 0 100% 0)}:where(:root:not([data-cjp-motion=reduce])) .wipe-x{--_w:inset(0 100% 0 0)}:where(:root:not([data-cjp-motion=reduce])) .wipe-x[data-from=right]{--_w:inset(0 0 0 100%)}:where(:root:not([data-cjp-motion=reduce])) .settle>*{animation-name:cjp-sm-settle}:where(:root:not([data-cjp-motion=reduce])) :is(.reveal,.reveal-lg,.frame-open,.iris,.wipe-x,.wipe-y,.settle>*){--_d:calc(var(--i,0)*var(--sm-step,4%));animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry var(--_d)cover calc(var(--_end,25%)*var(--sm-span,1) + var(--_d))}:where(:root:not([data-cjp-motion=reduce])) .sm-drift{animation:linear both cjp-sm-drift;animation-timeline:view();animation-range:cover}:where(:root:not([data-cjp-motion=reduce])) .scroll-progress{z-index:60;background:var(--mark,currentColor);transform-origin:0;pointer-events:none;height:2px;animation:linear both cjp-sm-progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;bottom:auto;left:0;right:0}@supports (timeline-scope:--a){@media (min-height:36rem){:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]{timeline-scope:--sm-cover;background:var(--sm-cover-ground,#0c0d0f)}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child{transform-origin:50% 40%;animation:linear both cjp-sm-recede;animation-timeline:--sm-cover;animation-range:entry;position:-webkit-sticky;position:sticky;top:0}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child:after{content:"";z-index:2;opacity:0;pointer-events:none;background:#000;animation:linear both cjp-sm-dim;animation-timeline:--sm-cover;animation-range:entry;position:absolute;top:0;bottom:0;left:0;right:0}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child+*{z-index:3;view-timeline:--sm-cover block;position:relative;box-shadow:0 -1.5rem 3rem -1.5rem rgba(0,0,0,.35)}}:where(:root:not([data-cjp-motion=reduce])) [data-transition=tone-shift]{timeline-scope:--sm-tone;isolation:isolate;clip-path:inset(0)}:where(:root:not([data-cjp-motion=reduce])) [data-transition=tone-shift]>:last-child{view-timeline:--sm-tone block;background-color:transparent}:where(:root:not([data-cjp-motion=reduce])) [data-sm-layer]{z-index:-1;pointer-events:none;animation:linear both cjp-sm-fade;animation-timeline:--sm-tone;animation-range:entry 0% entry var(--sm-tone-end,25%);display:block;position:fixed;top:0;bottom:0;left:0;right:0}}}}@keyframes cjp-sm-rise{0%{transform:translate3d(0,var(--_rise,16px),0)}}@keyframes cjp-sm-frame{0%{clip-path:inset(var(--sm-inset,6%)round var(--sm-round,24px))}to{clip-path:inset(0)}}@keyframes cjp-sm-iris{0%{clip-path:circle(38%)}to{clip-path:circle(75%)}}@keyframes cjp-sm-wipe{0%{clip-path:var(--_w)}to{clip-path:inset(0)}}@keyframes cjp-sm-settle{0%{transform:scale(var(--sm-settle,1.06))}}@keyframes cjp-sm-drift{0%{transform:translate3d(0,calc(var(--drift,6%)*-1),0)scale(var(--drift-scale,1.125))}to{transform:translate3d(0,var(--drift,6%),0)scale(var(--drift-scale,1.125))}}@keyframes cjp-sm-progress{0%{transform:scaleX(0)}}@keyframes cjp-sm-recede{to{transform:scale(var(--sm-cover-scale,.96))}}@keyframes cjp-sm-dim{to{opacity:var(--sm-cover-dim,.45)}}@keyframes cjp-sm-fade{0%{opacity:0}to{opacity:1}}@media print{.reveal,.reveal-lg,.frame-open,.iris,.wipe-x,.wipe-y,.settle>*,.sm-drift,[data-transition=cover]>:first-child{clip-path:none!important;animation:none!important;transform:none!important}[data-transition=cover]>:first-child{position:relative!important}.scroll-progress,[data-sm-layer]{display:none!important}}
