.cv-hero{--hero-fg: rgb(var(--color-foreground));--hero-muted: rgba(var(--color-foreground), .68);--hero-faint: rgba(var(--color-foreground), .5);--hero-line: rgba(var(--color-foreground), .12);--hero-accent: rgb(var(--color-primary));--mx: 0;--my: 0;position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;align-content:center;background:rgb(var(--color-background));color:var(--hero-fg)}.cv-hero__bg,.cv-hero__bg>span{display:block;position:absolute;pointer-events:none}.cv-hero__bg{top:0;right:0;bottom:0;left:0;z-index:-1}.cv-hero__grid{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--hero-line) 1px,transparent 1px),linear-gradient(to bottom,var(--hero-line) 1px,transparent 1px);background-size:8rem 8rem;background-position:calc(50% - 4rem) 0;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 72% 42%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 60% 70% at 72% 42%,#000 10%,transparent 72%)}.cv-hero__glow{width:min(64rem,90vw);aspect-ratio:1;left:72%;top:44%;border-radius:50%;translate:calc(-50% + var(--mx) * 2rem) calc(-50% + var(--my) * 2rem);background:radial-gradient(closest-side,color-mix(in srgb,var(--hero-accent) 24%,transparent),color-mix(in srgb,var(--hero-accent) 7%,transparent) 55%,transparent)}.cv-hero__inner{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual" "dock";gap:3.2rem}.cv-hero--offset .cv-hero__inner{margin-block-start:var(--header-height, 0px)}.cv-hero__copy{grid-area:copy;container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;min-width:0}.cv-hero__visual{grid-area:visual;position:relative;display:block;min-width:0}.cv-hero__dock{grid-area:dock}.cv-hero__eyebrow{color:var(--hero-muted)}.cv-hero__title{width:100%;margin:calc((.9em - var(--cv-lead-125)) / 2) 0;font-family:var(--cv-font-display);font-weight:800;font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;line-height:var(--cv-lead-125);color:var(--hero-fg);word-break:normal;overflow-wrap:break-word;font-size:clamp(3.6rem,11vw,9.6rem);font-size:clamp(3.6rem,calc(100cqi / 8.3),11rem)}.cv-hero__line{display:block;overflow:clip;padding:.12em .08em .22em;margin:-.12em -.08em -.22em}.cv-hero__line+.cv-hero__line{margin-top:-.34em}.cv-hero__line-in{display:block}.cv-hero__title em{font-style:normal}.cv-hero--l2-outline .cv-hero__line--2,.cv-hero--l2-outline .cv-hero__title em{color:rgb(var(--color-background));-webkit-text-stroke:clamp(2px,.04em,5px) var(--hero-fg);paint-order:stroke fill}.cv-hero--l2-accent .cv-hero__line--2,.cv-hero--l2-accent .cv-hero__title em,.cv-hero--l2-solid .cv-hero__title em{color:rgb(var(--cv-accent-ink))}.cv-hero__text{margin:0;max-width:44ch;font-size:clamp(1.5rem,1.3rem + .3vw,1.8rem);line-height:1.55;color:var(--hero-muted);text-wrap:pretty}.cv-hero__text strong,.cv-hero__text b{color:var(--hero-fg);font-weight:600}.cv-hero__text a{color:var(--hero-fg);text-decoration:underline;text-underline-offset:.3rem}.cv-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.cv-hero__btn{gap:1rem}.cv-hero__btn .cv-arrow{width:1.6rem;height:1.6rem}.cv-hero__btn:hover .cv-arrow{transform:translateY(.3rem)}@media(max-width:399px){.cv-hero__eyebrow{font-size:1rem;letter-spacing:.06em}}@media(min-width:990px)and (max-width:1199px){.cv-hero .cv-hero__btn{--buttons-padding: 2.6rem}}@media(max-width:599px){.cv-hero__actions{width:100%}.cv-hero__btn{flex:1 1 100%}}.cv-hero__fan{--pw: min(38vw, 17rem);position:relative;display:block;width:calc(var(--pw) * 2.3);height:calc(var(--pw) * 2.42);margin-inline:auto}.cv-hero__fan>span{display:block;position:absolute}.cv-hero__phone{--w: var(--pw);--depth: 1;left:50%;top:50%;width:var(--w);height:calc(var(--w) * 2.0923);margin:calc(var(--w) * -1.0461) 0 0 calc(var(--w) * -.5)}.cv-hero__phone--center{z-index:3}.cv-hero__phone--left{--w: calc(var(--pw) * .8);--depth: .55;z-index:1;translate:calc(var(--pw) * -.7) calc(var(--pw) * .1);rotate:-9deg}.cv-hero__phone--right{--w: calc(var(--pw) * .8);--depth: .75;z-index:2;translate:calc(var(--pw) * .7) calc(var(--pw) * .14);rotate:8deg}.cv-hero__float{display:block;perspective:1400px;translate:calc(var(--mx) * var(--depth) * 1.4rem) calc(var(--my) * var(--depth) * 1rem)}.cv-hero__phone .cv-phone{--ry-n: calc(var(--mx) * .8 - .4)}.cv-hero__phone--center .cv-phone{--ry: calc(-16deg + var(--mx) * 14deg);--rx: calc(5deg - var(--my) * 7deg)}.cv-hero__phone--left .cv-phone{--ry: calc(-26deg + var(--mx) * 10deg);--rx: calc(6deg - var(--my) * 6deg)}.cv-hero__phone--right .cv-phone{--ry: calc(-8deg + var(--mx) * 10deg);--rx: calc(4deg - var(--my) * 6deg);--p: calc(.5 + var(--mx) * .5)}.cv-hero__phone--render .cv-hero__float{position:relative;height:100%}.cv-hero__render{--tilt-y: 0deg;--tilt-x: 0deg;position:absolute;left:50%;top:50%;display:block;width:148%;aspect-ratio:2 / 3;translate:-50% -50%;transform:rotateY(calc(var(--tilt-y) + var(--mx) * 9deg)) rotateX(calc(var(--tilt-x) - var(--my) * 7deg));transition:translate .6s var(--cv-ease-out);-webkit-tap-highlight-color:transparent;pointer-events:none}.cv-hero__render-img{--lit: 1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.5)) drop-shadow(0 2.6rem 2.8rem rgba(0,0,0,.6)) brightness(var(--lit));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:translate .6s var(--cv-ease-out),filter .6s var(--cv-ease-out)}.cv-hero__phone--center .cv-hero__render-img{filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.5)) drop-shadow(0 2.6rem 2.8rem rgba(0,0,0,.6)) drop-shadow(0 0 2.2rem rgba(0,0,0,.55))}.cv-hero__phone--left .cv-hero__render-img{--lit: .86}.cv-hero__phone--right .cv-hero__render-img{--lit: .94}.cv-hero__render:hover .cv-hero__render-img,.cv-hero__render:focus-visible .cv-hero__render-img{--lit: 1}.cv-hero__render:before{content:"";position:absolute;top:5%;right:18%;bottom:5%;left:18%;z-index:-1;border-radius:12%/8%;box-shadow:0 0 4.8rem .4rem rgba(var(--color-foreground),.07);pointer-events:none}.cv-hero__render:after{content:"";position:absolute;top:2.4%;right:14.8%;bottom:2.4%;left:14.8%;border-radius:13%/9%;outline:2px solid transparent;outline-offset:.4rem;pointer-events:auto}.cv-hero__render:focus{outline:none}.cv-hero__render:focus-visible:after{outline-color:var(--hero-accent)}.cv-hero__render:hover:not(:focus-visible) .cv-hero__render-img{translate:0 -1.2rem}.cv-hero__render:focus-visible{translate:-50% calc(-50% - 1.2rem)}.cv-hero__phone:has(.cv-hero__render:focus-visible){z-index:4}.cv-hero__phone--left .cv-hero__render{--tilt-y: 8deg}.cv-hero__phone--right .cv-hero__render{--tilt-y: -8deg}.cv-hero__floor{left:8%;right:8%;bottom:-2%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);filter:blur(6px);z-index:0}.cv-hero__frame{--c: rgba(var(--color-foreground), .3);--l: 1.6rem;top:-2%;right:0;bottom:-2%;left:0;background:linear-gradient(var(--c),var(--c)) left top / var(--l) 1px,linear-gradient(var(--c),var(--c)) left top / 1px var(--l),linear-gradient(var(--c),var(--c)) right top / var(--l) 1px,linear-gradient(var(--c),var(--c)) right top / 1px var(--l),linear-gradient(var(--c),var(--c)) left bottom / var(--l) 1px,linear-gradient(var(--c),var(--c)) left bottom / 1px var(--l),linear-gradient(var(--c),var(--c)) right bottom / var(--l) 1px,linear-gradient(var(--c),var(--c)) right bottom / 1px var(--l);background-repeat:no-repeat;z-index:0}.cv-hero__fan>.cv-hero__callout{z-index:4;display:inline-flex;align-items:center;gap:.8rem;padding:.6rem .9rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:.4rem;background:rgba(var(--color-background),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--cv-font-mono);font-stretch:100%;font-size:1rem;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--hero-fg)}.cv-hero__callout-dot{display:block;flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 0 .3rem color-mix(in srgb,var(--hero-accent) 22%,transparent)}.cv-hero__callout--1{top:-2%;left:2.4rem;translate:0 -50%}.cv-hero__callout--2{right:2.4rem;bottom:-2%;translate:0 50%}.cv-hero__media{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--cv-radius-l);border:1px solid var(--hero-line);background:rgba(var(--color-foreground),.04)}.cv-hero__img{display:block;width:100%;height:100%;object-fit:cover}.cv-hero__dock{display:grid;gap:2.4rem;padding-top:2.4rem;border-top:1px solid var(--hero-line)}.cv-hero__finder{display:flex;flex-direction:column;gap:1.4rem;min-width:0}.cv-hero__search{position:relative;display:flex;align-items:center;height:5.6rem;padding:.5rem;padding-inline-start:4.8rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:calc(var(--buttons-radius, .6rem) + .5rem);background:rgba(var(--color-foreground),.04);transition:border-color .3s,background-color .3s,box-shadow .3s}@media(hover:hover){.cv-hero__search:hover{border-color:rgba(var(--color-foreground),.32)}}.cv-hero__search:focus-within{border-color:var(--hero-accent);background:rgba(var(--color-foreground),.06);box-shadow:0 0 0 .4rem color-mix(in srgb,var(--hero-accent) 18%,transparent)}.cv-hero__search-icon{position:absolute;left:1.7rem;top:50%;width:2rem;height:2rem;margin-top:-1rem;color:var(--hero-faint);pointer-events:none}.cv-hero__search-input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 1.2rem 0 0;border:0;border-radius:0;background:transparent;color:var(--hero-fg);font-family:var(--cv-font-body);font-size:1.6rem;font-weight:500;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;outline:none;box-shadow:none}.cv-hero__search-input:focus,.cv-hero__search-input:focus-visible{outline:none;box-shadow:none}.cv-hero__search-input::placeholder{color:rgba(var(--color-foreground),.58);opacity:1}.cv-hero__search-input::-webkit-search-decoration,.cv-hero__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.cv-hero__search-btn{--buttons-padding: 0;flex:none;width:4.4rem;height:4.4rem;padding:0;border-radius:var(--buttons-radius, .6rem)}.cv-hero__search-btn .cv-arrow{width:1.8rem;height:1.8rem}.cv-hero__chips{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}.cv-hero__chips-label{flex:none;margin:0;font-family:var(--cv-font-mono);font-stretch:100%;font-size:1rem;font-weight:500;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-faint)}.cv-hero__chip-list{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.cv-hero__chip-list>li{display:block;flex:none}.cv-hero__chip{display:inline-flex;align-items:center;height:3.2rem;padding:0 1.2rem;border:1px solid var(--hero-line);border-radius:99px;font-family:var(--cv-font-mono);font-stretch:100%;font-size:1rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;color:var(--hero-muted);transition:color .25s,border-color .25s,background-color .25s}.cv-hero__chip:hover{color:var(--hero-fg);border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.05)}.cv-hero__chip:focus-visible{outline:2px solid var(--hero-accent);outline-offset:2px}.cv-hero__proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.cv-hero__proof-item{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding:1.4rem 1.2rem 1.4rem 0;border-top:1px solid var(--hero-line)}.cv-hero__proof-item:nth-child(-n+2){border-top:0;padding-top:0}.cv-hero__proof-item:nth-child(2n){padding-inline-start:1.6rem;border-inline-start:1px solid var(--hero-line)}.cv-hero__proof-label{font-family:var(--cv-font-mono);font-stretch:100%;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-faint)}.cv-hero__proof-value{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--cv-font-mono);font-stretch:100%;font-size:clamp(1.8rem,1.5rem + .5vw,2.4rem);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--hero-fg);white-space:nowrap}.cv-hero__proof-unit{color:var(--hero-faint);font-weight:500}.cv-hero__star{flex:none;width:1.6rem;height:1.6rem;color:var(--hero-accent)}@media(max-width:989px){.cv-hero__glow{left:50%;top:62%}.cv-hero__grid{-webkit-mask-image:radial-gradient(ellipse 90% 45% at 50% 62%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 90% 45% at 50% 62%,#000 10%,transparent 75%)}.cv-hero__visual{margin-block:2rem 1.2rem}.cv-hero__chip-list{flex-wrap:nowrap;width:calc(100% + var(--page-padding) * 2);margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.cv-hero__chip-list::-webkit-scrollbar{display:none}.cv-hero__fan>.cv-hero__callout{font-size:.9rem}}@media(max-width:599px){.cv-hero__callout--1{left:2.2rem}.cv-hero__fan>.cv-hero__callout--2{display:none}}@media(min-width:600px)and (max-width:989px){.cv-hero__fan{--pw: min(30vw, 21rem)}.cv-hero__proof{grid-template-columns:repeat(4,minmax(0,1fr))}.cv-hero__proof-item,.cv-hero__proof-item:nth-child(-n+2){border-top:0;padding:0 1.2rem 0 1.6rem;border-inline-start:1px solid var(--hero-line)}.cv-hero__proof-item:first-child{padding-inline-start:0;border-inline-start:0}}@media(min-width:990px){.cv-hero{min-height:min(calc(100svh - var(--header-height, 0px)),92rem)}.cv-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"copy visual" "dock dock";column-gap:clamp(3.2rem,4vw,6.4rem);row-gap:clamp(3.2rem,3.4vw,5.6rem);align-items:center}.cv-hero__copy{gap:2.4rem}.cv-hero__visual{margin-block:.8rem}.cv-hero__fan{--pw: clamp(15rem, min(15.5vw, 24.5vh), 23rem)}.cv-hero__media{aspect-ratio:auto;height:min(62vh,60rem)}.cv-hero__dock{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(3.2rem,4vw,6.4rem);padding-top:2.8rem}.cv-hero__proof{display:flex;justify-content:flex-end}.cv-hero__proof-item,.cv-hero__proof-item:nth-child(-n+2),.cv-hero__proof-item:nth-child(2n){flex:0 1 auto;padding:.2rem clamp(1.4rem,1.5vw,2.4rem);border-top:0;border-inline-start:1px solid var(--hero-line)}.cv-hero__proof-item:last-child{padding-inline-end:0}}@media(prefers-reduced-motion:no-preference){body:not(.disable-animations) .cv-hero__line-in{animation:cv-hero-rise 1.1s var(--cv-ease-out) calc(var(--d, 0) * 1ms + .12s) both}body:not(.disable-animations) .cv-hero__enter{animation:cv-hero-fade .9s var(--cv-ease-out) calc(var(--d, 0) * 1ms + .12s) both}body:not(.disable-animations) .cv-hero__phone{animation:cv-hero-settle 1.5s var(--cv-ease-out) calc(var(--d, 0) * 1ms + .12s) both}body:not(.disable-animations) .cv-hero__phone .cv-hero__float{animation:cv-hero-float 6.5s ease-in-out infinite alternate}body:not(.disable-animations) .cv-hero__phone--left .cv-hero__float{animation-duration:7.5s;animation-delay:-3s}body:not(.disable-animations) .cv-hero__phone--right .cv-hero__float{animation-duration:8.5s;animation-delay:-5.5s}body:not(.disable-animations) .cv-hero__glow{animation:cv-hero-fade-in 1.6s ease-out .2s both}body:not(.disable-animations) .cv-hero__frame,body:not(.disable-animations) .cv-hero__callout,body:not(.disable-animations) .cv-hero__floor{animation:cv-hero-fade-in 1s var(--cv-ease-out) 1s both}body:not(.disable-animations) .cv-hero__callout--2{animation-delay:1.2s}body:not(.disable-animations) .cv-hero.is-offscreen .cv-hero__float{animation-play-state:paused}@supports (animation-timeline: view()){body:not(.disable-animations) .cv-hero__img{animation:cv-hero-zoom linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}}@keyframes cv-hero-rise{0%{transform:translate3d(0,150%,0)}}@keyframes cv-hero-fade{0%{opacity:0;transform:translate3d(0,1.6rem,0)}}@keyframes cv-hero-fade-in{0%{opacity:0}}@keyframes cv-hero-settle{0%{opacity:0;transform:translate3d(0,16rem,0) rotate(5deg) scale(.92)}}@keyframes cv-hero-float{0%{transform:translate3d(0,-.8rem,0)}to{transform:translate3d(0,.8rem,0)}}@keyframes cv-hero-zoom{to{transform:scale(1.1)}}.disable-animations .cv-hero__render,.disable-animations .cv-hero__render-img{transition:none}@media(prefers-reduced-motion:reduce){.cv-hero *,.cv-hero *:before,.cv-hero *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/cv-hero.css.map */