.cp-hv{display:none}[data-theme=p1][data-hero="1"] .cp-hv1,[data-theme=p1][data-hero="2"] .cp-hv2,[data-theme=p1][data-hero="3"] .cp-hv3{display:block}[data-theme=p1] .cp-hv{min-width:0;position:relative;container-type:inline-size}.cp-hv1{aspect-ratio:1/1.1}.cp-hv1-main{z-index:3;width:64cqw;position:absolute;top:50%;left:50%;translate:-42% -50%}.cp-hv1-pass{--ps:calc(64cqw / 21.4);box-shadow:0 0 0 1px #0f0f1012,0 2px 4px #0f0f100f,0 34px 60px -26px #0f0f106b}.cp-hv1-back{z-index:1;width:36cqw;position:absolute}.cp-hv1-back .cp-cat-card{--r:14px;box-shadow:0 0 0 1px #0f0f100f,0 22px 40px -22px #0f0f1066}.cp-hv1-back--l{top:4cqw;left:-2cqw;rotate:-10deg}.cp-hv1-back--r{top:40cqw;right:-1cqw;rotate:8deg}.cp-hv1 .cp-st[data-pop=true] img{animation:.68s cubic-bezier(.3,1.3,.5,1) both cp-drop}@keyframes cp-drop{0%{opacity:0;filter:drop-shadow(0 26px 12px #28140859);transform:translateY(-95%)scale(2)rotate(-20deg)}30%{opacity:1}58%{filter:drop-shadow(0 2px 2px #2814084d);transform:translateY(2%)scale(.9)rotate(2deg)}78%{transform:translateY(-2%)scale(1.06)rotate(-1deg)}to{filter:none;transform:none}}.cp-hv1 .cp-pass-fields>div:last-child b{background:linear-gradient(var(--brand), var(--brand)) 100% 100% / 0 3px no-repeat;padding-bottom:2px;transition:background-size .52s cubic-bezier(.23,1,.32,1);display:inline-block}.cp-hv1[data-done=true] .cp-pass-fields>div:last-child b{background-position:0 100%;background-size:100% 3px}.cp-hv1[data-reset=true] .cp-st img{transition-duration:0s}.cp-hv1-notif{z-index:5;width:62cqw;font-size:clamp(11.5px,2.5cqw,15px);transition:opacity .36s,transform .56s cubic-bezier(.2,1,.3,1);position:absolute;bottom:1cqw;left:2cqw}.cp-hv1-notif[data-show=false]{opacity:0;pointer-events:none;transform:translateY(-22px)scale(.96)}.cp-hv1-notif .cp-notif{width:100%;box-shadow:0 1px 2px #0f0f1014,0 22px 40px -16px #0f0f1073}.cp-hv2{--cw:29cqw;--gap:2.6cqw;aspect-ratio:1/1.08}.cp-wall-vp{perspective:1500px;perspective-origin:20%;-webkit-mask-composite:source-in;position:absolute;inset:0 -26cqw 0 -4cqw;-webkit-mask-image:linear-gradient(#0000 0,#000 13% 87%,#0000 100%),linear-gradient(90deg,#0000 0,#000 14% 74%,#0000 96%);mask-image:linear-gradient(#0000 0,#000 13% 87%,#0000 100%),linear-gradient(90deg,#0000 0,#000 14% 74%,#0000 96%);-webkit-mask-composite:source-in;mask-composite:intersect}.cp-wall{justify-content:flex-start;gap:var(--gap);transform-origin:0%;transform-style:preserve-3d;padding-left:4cqw;display:flex;position:absolute;inset:-6cqw 0;transform:rotateY(-22deg)rotateX(9deg)rotate(-4deg)}.cp-wall-col{width:var(--cw);flex:none}.cp-wall-col:nth-child(2){margin-top:-14cqw}.cp-wall-col:nth-child(3){margin-top:4cqw}.cp-wall-col:nth-child(4){margin-top:-9cqw}.cp-wall-track{gap:var(--gap);will-change:transform;flex-direction:column;animation:70s linear infinite cp-wall-up;display:flex}.cp-wall-col:nth-child(2n) .cp-wall-track{animation-direction:reverse}.cp-wall-col:first-child .cp-wall-track{animation-duration:74s}.cp-wall-col:nth-child(2) .cp-wall-track{animation-duration:58s;animation-delay:-11s}.cp-wall-col:nth-child(3) .cp-wall-track{animation-duration:82s;animation-delay:-27s}.cp-wall-col:nth-child(4) .cp-wall-track{animation-duration:64s;animation-delay:-39s}@keyframes cp-wall-up{to{transform:translateY(calc(-50% - var(--gap) / 2))}}.cp-wall-card .cp-cat-card{--r:12px;box-shadow:0 0 0 1px #0f0f100f,0 18px 34px -18px #0f0f1061}.cp-hv3{--p:0;aspect-ratio:1/1.1}.cp-b3-phone{z-index:2;position:absolute;top:0;right:4cqw}.cp-hv3 .cp-phone{--w:56cqw}.cp-hv3 .cp-screen{min-height:calc(var(--w) * 1.66)}.cp-b3-phone .cp-bezel{box-shadow:0 40px 60px -30px #0f0f108c,inset 0 0 0 1px #ffffff14}.cp-b3-lock{z-index:1;color:#fff;font:600 11cqw/1 var(--f-ui);letter-spacing:-.03em;opacity:calc(1 - var(--p) * 2.2);position:absolute;top:17cqw;left:50%;translate:-50%}.cp-b3-pass{--e:clamp(0, (var(--p) - .2) * 2.4, 1);opacity:var(--e);transform:translateY(calc((1 - var(--e)) * 14%)) scale(calc(.94 + var(--e) * .06))}.cp-b3-pass .cp-st{--so:clamp(0, (var(--p) - .46 - var(--k) * .045) * 13, 1)}.cp-b3-pass .cp-st img{opacity:var(--so);transform:scale(calc(1.55 - var(--so) * .55)) rotate(calc((1 - var(--so)) * -16deg));transition:none}.cp-b3-pass .cp-st[data-on=false] img{opacity:calc(var(--so) * .3)}.cp-b3-pass .cp-st:first-child{--k:0}.cp-b3-pass .cp-st:nth-child(2){--k:1}.cp-b3-pass .cp-st:nth-child(3){--k:2}.cp-b3-pass .cp-st:nth-child(4){--k:3}.cp-b3-pass .cp-st:nth-child(5){--k:4}.cp-b3-pass .cp-st:nth-child(6){--k:5}.cp-b3-pass .cp-st:nth-child(7){--k:6}.cp-b3-pass .cp-st:nth-child(8){--k:7}.cp-b3-pass .cp-st:nth-child(9){--k:8}.cp-b3-pass .cp-st:nth-child(10){--k:9}.cp-b3-pass .cp-pass-count{opacity:clamp(0, (var(--p) - .9) * 10, 1)}.cp-b3-notif{z-index:3;font-size:calc(var(--w) * .036);opacity:clamp(0, (var(--p) - .88) * 9, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .88) * 9, 1)) * -14px));position:absolute;bottom:4.5%;left:3%;right:3%}.cp-b3-notif .cp-notif{width:100%}.cp-b3-carton{--m:clamp(0, var(--p) * 1.2, 1);z-index:4;transform-origin:50%;width:66cqw;transform:translate(calc(var(--m) * -1cqw), calc(var(--m) * 46cqw)) rotate(calc(-8deg - var(--m) * 11deg)) scale(calc(1 - var(--m) * .42));opacity:calc(1 - var(--m) * .1);will-change:transform;position:absolute;top:30cqw;left:0}.cp-b3-carton svg{width:100%;height:auto;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.cp-wall-track{animation:none}.cp-hv1-notif,.cp-hv1 .cp-pass-fields>div:last-child b{transition:none}.cp-hv3{--p:1}}.cp-hv1-notif .cp-notif,.cp-b3-notif .cp-notif{font-size:inherit}
