.cv-lab{--lab-accent: rgb(var(--color-primary));--lab-fg: rgb(var(--color-foreground));--lab-muted: rgba(var(--color-foreground), .56);--lab-line: rgba(var(--color-foreground), .12);--lab-sticky-top: var(--header-height, 0px);--p: 0;--intro: 0;--cut: 0;--apply: 0;--ry: -30deg;--rx: 6deg;--ty: 0px;--scale: .94;--phone-base: var(--lab-base);display:block;position:relative;background:rgb(var(--color-background));color:var(--lab-fg)}.cv-lab__track{position:relative;height:calc(var(--lab-length, 400) * 1vh);height:calc(var(--lab-length, 400) * 1svh)}.cv-lab__stage{position:sticky;top:var(--lab-sticky-top);height:calc(100vh - var(--lab-sticky-top));height:calc(100svh - var(--lab-sticky-top));display:flex;align-items:center;overflow:hidden}.cv-lab__grid{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.4rem,5vw,8rem)}.cv-lab__copy{display:flex;flex-direction:column;gap:2.4rem;max-width:50rem}.cv-lab__title{margin:calc((.95em - var(--cv-lead-118)) / 2) 0;font-family:var(--cv-font-display);font-weight:800;font-stretch:118%;text-transform:uppercase;letter-spacing:-.01em;line-height:var(--cv-lead-118);font-size:clamp(3rem,1.4rem + 2.6vw,5.6rem);text-wrap:balance;color:var(--lab-fg)}.cv-lab__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--lab-line)}.cv-lab__step{position:relative;display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid var(--lab-line);opacity:.6;transition:opacity .5s var(--cv-ease-out)}.cv-lab__step:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--lab-accent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--cv-ease-out)}.cv-lab__step.is-active{opacity:1}.cv-lab__step.is-active:before{transform:scaleX(1)}.cv-lab__step-index{font-family:var(--cv-font-mono);font-size:1.2rem;letter-spacing:.06em;padding-top:.3rem;color:var(--lab-muted)}.cv-lab__step.is-active .cv-lab__step-index{color:var(--lab-accent)}.cv-lab__step-body{display:flex;flex-direction:column;gap:.6rem}.cv-lab__step-title{font-family:var(--cv-font-display);font-weight:700;font-stretch:110%;text-transform:uppercase;font-size:1.7rem;letter-spacing:.01em;line-height:1.2}.cv-lab__step-text{font-size:1.5rem;line-height:1.55;color:var(--lab-muted);max-width:42ch}.cv-lab__cta{align-self:flex-start}.cv-lab__visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:2.4rem;min-width:0}.cv-lab__readout{margin:0;display:flex;gap:1.2rem;align-items:center;font-family:var(--cv-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted);white-space:nowrap}.cv-lab__readout-label{padding:.5rem .8rem;border:1px solid var(--lab-line);border-radius:.4rem}.cv-lab__readout-value{color:var(--lab-fg)}.cv-lab__scene>span{display:block}.cv-lab__scene{--w: min(32rem, 30vh, 60vw);position:relative;display:grid;place-items:center;width:calc(var(--w) * 2);height:calc(var(--w) * 2.14);perspective:1400px;perspective-origin:50% 40%}.cv-lab__gridlines{position:absolute;top:-6%;right:-10%;bottom:-6%;left:-10%;background-image:linear-gradient(rgba(var(--color-foreground),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-foreground),.07) 1px,transparent 1px);background-size:3.2rem 3.2rem;background-position:center center;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);opacity:calc(1 - var(--apply) * .5)}.cv-lab__halo{position:absolute;top:8%;right:0;bottom:8%;left:0;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--color-foreground),.1),transparent 70%),radial-gradient(closest-side at 50% 60%,color-mix(in srgb,var(--lab-accent) 22%,transparent),transparent 75%);opacity:calc(.35 + var(--apply) * .65);filter:blur(8px)}.cv-lab__shadow{position:absolute;z-index:-1;left:50%;bottom:-5%;width:calc(var(--w) * 1.05);height:calc(var(--w) * .14);transform:translate(-50%) scaleX(calc(.8 + var(--intro) * .2));border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);filter:blur(6px)}.cv-lab__device{position:relative;display:block;width:calc(var(--w) * 1.48);aspect-ratio:2 / 3;transform:translateY(calc(var(--ty, 0px) * .25)) scale(var(--scale, 1)) rotateX(calc(var(--rx, 0deg) * .6)) rotateY(calc(var(--ry, 0deg) * .5));will-change:transform}.cv-lab__device>*{display:block}.cv-lab__base,.cv-lab__dim,.cv-lab__skin,.cv-lab__skin-img,.cv-lab__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cv-lab__base,.cv-lab__skin-img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cv-lab__base{filter:drop-shadow(0 2.4rem 2.6rem rgba(0,0,0,.6))}.cv-lab__dim{background:#000;clip-path:inset(3.67% 17.25% 3.83% 16.75% round 12% / 8%);opacity:calc(var(--cut) * (1 - var(--apply)) * .32);pointer-events:none}.cv-lab__skin{--t: 0}.cv-lab__skin[data-skin="0"]{clip-path:inset(0 0 calc((1 - var(--t)) * 96.33%) 0)}.cv-lab__skin:not([data-skin="0"]){opacity:var(--t)}.cv-lab__fx{z-index:2;overflow:hidden;clip-path:inset(3.67% 17.25% 3.83% 16.75% round 12% / 8%);pointer-events:none}.cv-lab__fx>span{position:absolute;display:block;pointer-events:none}.cv-lab__film{left:0;right:0;top:calc(3.67% + var(--apply) * 96.33%);height:18%;translate:0 -50%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 28%,rgba(255,214,128,.45) 46%,rgba(255,250,235,.95) 49.5%,rgba(255,250,235,.95) 50.5%,rgba(255,196,64,.35) 54%,transparent 72%);mix-blend-mode:screen;opacity:calc(min(var(--apply) * 16,1)*min((1 - var(--apply)) * 16,1))}.cv-lab__wipe{top:0;bottom:0;width:18%;left:calc(var(--wipe, 0) * 220% - 79%);transform:skew(-33.69deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 38%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.14) 62%,transparent);mix-blend-mode:screen;opacity:var(--wipe-on, 0)}.cv-lab__sheen{top:-10%;right:-10%;bottom:-10%;left:-10%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.03) 54%,transparent 62%);transform:translate(calc(var(--ry-n, 0) * -40% + var(--p) * 30%));mix-blend-mode:screen}.cv-lab--render .cv-phone__cut{filter:drop-shadow(0 0 1px rgba(255,236,190,.9)) drop-shadow(0 0 5px var(--lab-accent)) drop-shadow(0 0 14px color-mix(in srgb,var(--lab-accent) 45%,transparent))}.cv-lab--render .cv-cut{stroke:color-mix(in srgb,var(--lab-accent) 70%,#fff);stroke-width:1.8}.cv-lab--render .cv-phone__laser-dot{width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem}.cv-phone__cut{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:3;pointer-events:none;opacity:calc(1 - var(--apply));filter:drop-shadow(0 0 3px var(--lab-accent)) drop-shadow(0 0 10px var(--lab-accent));transform:translateZ(3px)}.cv-phone__cut *{vector-effect:none!important}.cv-cut{fill:none;stroke:var(--lab-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}.cv-phone__laser-dot{position:absolute;z-index:4;width:1.2rem;height:1.2rem;margin:-.6rem 0 0 -.6rem;left:var(--dot-x, 50%);top:var(--dot-y, 0%);border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--lab-accent),0 0 18px 6px var(--lab-accent);opacity:var(--dot-on, 0);transform:translateZ(4px);pointer-events:none}.cv-lab__finish-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:-1.2rem;font-family:var(--cv-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cv-accent-ink, var(--color-primary)));text-decoration:none;opacity:calc(.35 + var(--apply) * .65)}.cv-lab__finish-link:hover{text-decoration:underline;text-underline-offset:.4rem}.cv-lab__finish-link[hidden]{display:none}.cv-lab--static .cv-lab__finish-link{opacity:1}.cv-lab__finishes{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:.8rem;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:.2rem}.cv-lab__finishes::-webkit-scrollbar{display:none}.cv-lab__finishes[data-overflow]{--fade-start: 0px;--fade-end: 0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%)}.cv-lab__finishes[data-overflow~=start]{--fade-start: 4rem}.cv-lab__finishes[data-overflow~=end]{--fade-end: 4rem}.cv-lab__chip{all:unset;flex:0 0 auto;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;height:4rem;padding:0 1.4rem 0 .6rem;border-radius:99px;border:1px solid var(--lab-line);background:rgba(var(--color-foreground),.03);font-family:var(--cv-font-body);font-size:1.3rem;font-weight:500;color:var(--lab-muted);transition:border-color .3s,color .3s,background-color .3s,transform .3s var(--cv-ease-out)}.cv-lab__chip:hover{color:var(--lab-fg);border-color:rgba(var(--color-foreground),.3)}.cv-lab__chip:focus-visible{outline:2px solid var(--lab-accent);outline-offset:2px}.cv-lab__chip.is-active{color:var(--lab-fg);border-color:var(--lab-accent);background:color-mix(in srgb,var(--lab-accent) 10%,transparent)}.cv-lab__swatch{display:block;width:2.8rem;height:2.8rem;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #fff3}.cv-lab__swatch--render{position:relative;flex:none;overflow:hidden;background:#1a1a1d}.cv-lab__swatch--render img{position:absolute;left:50%;top:50%;width:400%;max-width:none;height:auto;translate:-50% -42%}.cv-lab__swatch--render:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.cv-lab__chip-code{font-family:var(--cv-font-mono);font-size:1rem;letter-spacing:.06em;opacity:.6}.cv-lab__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lab-line)}.cv-lab__progress-bar{display:block;height:100%;background:var(--lab-accent);transform-origin:left;transform:scaleX(var(--p))}@media(max-width:989px){.cv-lab__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:1.6rem}.cv-lab__visual{order:-1;gap:1.2rem}.cv-lab__scene{--w: min(22rem, 52vw, max(10rem, calc((100svh - var(--lab-sticky-top) - 32rem) / 2.15)));width:calc(var(--w) * 1.7);height:calc(var(--w) * 2.15)}.cv-lab__copy{gap:1.2rem;max-width:none;text-align:center;align-items:center}.cv-lab__copy .cv-eyebrow,.cv-lab__title{display:none}.cv-lab__steps{display:grid;border:0;width:100%}.cv-lab__step{grid-area:1 / 1;grid-template-columns:1fr;gap:.6rem;border:0;padding:0;opacity:0;transform:translateY(.8rem);transition:opacity .4s var(--cv-ease-out),transform .4s var(--cv-ease-out)}.cv-lab__step:before{display:none}.cv-lab__step.is-active{opacity:1;transform:none}.cv-lab__step-body{align-items:center}.cv-lab__step-title{font-size:1.6rem}.cv-lab__step-text{font-size:1.4rem}.cv-lab__cta{align-self:center}.cv-lab__finishes{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-inline:.2rem}.cv-lab__finishes::-webkit-scrollbar{display:none}.cv-lab__chip{flex:0 0 auto;height:3.6rem}.cv-lab__readout{font-size:1rem}}@media(max-width:419px){.cv-lab__readout{flex-wrap:wrap;justify-content:center;column-gap:.8rem;row-gap:.4rem;max-width:100%;font-size:.92rem;letter-spacing:.04em}.cv-lab__readout-label{padding:.4rem .6rem}}@media(max-width:989px)and (max-height:700px){.cv-lab__step-text{display:none}.cv-lab__scene{--w: min(22rem, 52vw, max(10rem, calc((100svh - var(--lab-sticky-top) - 25rem) / 2.15)))}}@media(min-width:990px)and (max-height:860px){.cv-lab__copy{gap:1.6rem}.cv-lab__title{font-size:clamp(2.8rem,1rem + 4.2vh,4.8rem)}.cv-lab__step{padding:1.1rem 0}.cv-lab__step-text{display:none}.cv-lab__visual{gap:1.6rem}.cv-lab__scene{--w: min(32rem, 26vh, 60vw)}}@media(min-width:990px)and (max-height:640px){.cv-lab__copy .cv-eyebrow{display:none}.cv-lab__scene{--w: min(32rem, 22vh, 60vw)}}.cv-lab--static .cv-lab__track{height:auto}.cv-lab--static .cv-lab__stage{position:relative;top:auto;height:auto;padding-block:clamp(6rem,10vw,12rem)}.cv-lab--static .cv-lab__step{opacity:1}.cv-lab--static .cv-lab__step:before,.cv-lab--static .cv-lab__progress,.cv-lab--static .cv-phone__cut,.cv-lab--static .cv-phone__laser-dot,.cv-lab--static .cv-phone__edge,.cv-lab--static .cv-phone__wipe{display:none!important}.cv-lab--static .cv-phone__skin{clip-path:none!important;opacity:0;transition:opacity .4s ease}.cv-lab--static .cv-phone__skin.is-shown{opacity:1}.cv-lab--static .cv-lab__device{transform:none}.cv-lab--static .cv-lab__fx,.cv-lab--static .cv-lab__dim{display:none!important}.cv-lab--static .cv-lab__skin{clip-path:none!important;opacity:0;transition:opacity .5s ease}.cv-lab--static .cv-lab__skin.is-shown{opacity:1}@media(max-width:989px){.cv-lab--static .cv-lab__steps{display:flex;gap:1.6rem}.cv-lab--static .cv-lab__step{grid-area:auto;transform:none}}@media(prefers-reduced-motion:reduce){.cv-lab *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/cv-skin-lab.css.map */