.sm-frame{position:relative;overflow:hidden}.sm-drift,.sm-drift>img{position:absolute;inset:0}.sm-drift>img{inline-size:100%;block-size:100%;object-fit:cover}.scroll-progress,[data-sm-layer]{display:none}[data-transition=edge]{position:relative}[data-transition=edge]:before{content:"";position:absolute;inset-inline:0;bottom:calc(100% - 1px);block-size: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;mask:var(--sm-edge) center /100% 100% no-repeat;pointer-events:none}[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])) :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:cjp-sm-drift linear both;animation-timeline:view();animation-range:cover 0 cover 100%}:where(:root:not([data-cjp-motion=reduce])) .scroll-progress{display:block;position:fixed;inset:0 0 auto;z-index:60;block-size:2px;background:var(--mark,currentColor);transform-origin:0 50%;pointer-events:none;animation:cjp-sm-progress linear both;animation-timeline:scroll(root)}@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{position:sticky;top:0;transform-origin:50% 40%;animation:cjp-sm-recede linear both;animation-timeline:--sm-cover;animation-range:entry 0 entry 100%}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child:after{content:"";position:absolute;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none;animation:cjp-sm-dim linear both;animation-timeline:--sm-cover;animation-range:entry 0 entry 100%}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child+*{position:relative;z-index:3;view-timeline:--sm-cover block;box-shadow:0 -1.5rem 3rem -1.5rem rgb(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{background-color:transparent;view-timeline:--sm-tone block}:where(:root:not([data-cjp-motion=reduce])) [data-sm-layer]{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;animation:cjp-sm-fade linear both;animation-timeline:--sm-tone;animation-range:entry 0 entry var(--sm-tone-end,25%)}}}}@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 round 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{.frame-open,.iris,.reveal,.reveal-lg,.settle>*,.sm-drift,.wipe-x,.wipe-y,[data-transition=cover]>:first-child{animation:none!important;transform:none!important;clip-path:none!important}[data-transition=cover]>:first-child{position:relative!important}.scroll-progress,[data-sm-layer]{display:none!important}}