.inklusv-how-to{--inklusv-how-to-stage: calc(100dvh - var(--header-height, 20.5rem) - 11rem);position:relative;height:var(--inklusv-how-to-stage);min-height:52rem}.inklusv-how-to__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}.inklusv-how-to__scroll::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.inklusv-how-to__scroll{scroll-behavior:auto}}.inklusv-how-to__panel{display:flex;align-items:center;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:3.2rem 0}.inklusv-how-to__inner{display:grid;gap:2.5rem;align-items:center;width:100%}@media screen and (min-width:900px){.inklusv-how-to__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8rem;max-width:120rem;margin-inline:auto}.inklusv-how-to__panel--flip .inklusv-how-to__device{order:-1}.inklusv-how-to__inner--wide{grid-template-columns:minmax(0,1fr)}.inklusv-how-to__inner--wide .inklusv-how-to__intro-inner{max-width:none}}@media screen and (min-width:1300px){.inklusv-how-to__inner{gap:10rem}}.inklusv-how-to--carousel{--inklusv-how-to-stage: clamp(42rem, 62vh, 62rem);min-height:0}.inklusv-how-to--carousel .inklusv-how-to__scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.inklusv-how-to--carousel .inklusv-how-to__panel{flex:0 0 100%;width:100%;scroll-snap-align:start}.inklusv-how-to--carousel .inklusv-how-to__rail{left:50%;right:auto;top:auto;bottom:.6rem;transform:translate(-50%);flex-direction:row}.inklusv-how-to--carousel .inklusv-how-to__dots{display:flex;flex-direction:row}.inklusv-how-to__strip-cta{display:flex;justify-content:center;margin-top:2.4rem}.inklusv-how-to__strip-head{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;align-items:baseline;justify-content:space-between;margin:0 auto 1.6rem}.inklusv-how-to__strip-title{margin:0;font-size:clamp(2.4rem,1.4rem + 1.6vw,3.6rem);line-height:1.1}.inklusv-how-to__strip-link{font-size:1.4rem}.inklusv-how-to__intro-inner{max-width:76rem}.inklusv-how-to__crumbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 1.6rem;margin-bottom:1.4rem}.inklusv-how-to__crumbs .inklusv-breadcrumbs,.inklusv-how-to__crumbs .inklusv-back-link{margin:0}.inklusv-how-to__inner--wide .inklusv-how-to__intro-inner{text-align:left}.inklusv-how-to__inner--wide .inklusv-how-to__intro-copy{max-width:66rem;margin-bottom:1.8rem}.inklusv-how-to__inner--wide .inklusv-how-to__index-link{text-align:left;font-size:1.1rem;padding:.7rem 1.1rem}.inklusv-how-to__inner--wide .inklusv-how-to__index{margin-bottom:1.2rem}.inklusv-how-to__eyebrow{margin:0 0 1.4rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--inklusv-gold, 201 162 77))}.inklusv-how-to__title{margin:0 0 .9rem;font-size:clamp(4rem,2rem + 4vw,6rem);line-height:1.04}.inklusv-how-to__intro-copy{margin:0 0 2.4rem;max-width:46rem;font-size:1.8rem;line-height:1.55;color:rgba(var(--color-foreground),.76)}.inklusv-how-to__index{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}@media screen and (max-width:749px){.inklusv-how-to__index-link{padding:.7rem 1rem;font-size:1.1rem}}@media screen and (min-width:750px){.inklusv-how-to__index{gap:.6rem 1.6rem}}@media screen and (min-width:1100px){.inklusv-how-to__index{grid-template-columns:repeat(4,1fr);column-gap:.8rem}}.inklusv-how-to__index>li{display:grid}.inklusv-how-to__index-link{display:flex;gap:1.4rem;align-items:baseline;padding:.9rem 1.4rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:6px;text-decoration:none;color:inherit;font-size:1.35rem;letter-spacing:.05em;text-transform:uppercase;transition:border-color .15s ease,background-color .15s ease}.inklusv-how-to__index-link:hover,.inklusv-how-to__index-link:focus-visible{border-color:rgb(var(--inklusv-gold, 201 162 77));background:rgba(var(--color-foreground),.04)}.inklusv-how-to__index-num{color:rgb(var(--inklusv-gold, 201 162 77));font-variant-numeric:tabular-nums}.inklusv-how-to__tour-frame{width:100%;max-width:min(120rem,calc((var(--inklusv-how-to-stage) - 38rem) * 16 / 9));margin:0 0 2.2rem;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.16);background:#000;box-shadow:0 22px 56px #00000080;line-height:0}:root[data-theme=dark] .inklusv-how-to__tour-frame,:root:not([data-theme=light]) .inklusv-how-to__tour-frame{border-color:rgba(var(--color-foreground),.32)}.inklusv-how-to__tour-video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.inklusv-how-to__kicker{margin:0 0 1.3rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--inklusv-gold, 201 162 77))}.inklusv-how-to__heading{margin:0 0 1.6rem;font-size:clamp(3.2rem,1.6rem + 3.4vw,6.4rem);line-height:1.08}.inklusv-how-to__body{margin:0;max-width:52rem;font-size:1.8rem;line-height:1.62;color:rgba(var(--color-foreground),.78)}.inklusv-how-to__cta{display:inline-block;margin-top:2.2rem}.inklusv-how-to__device{justify-self:center;width:100%;max-width:30rem;container-type:inline-size}.inklusv-how-to__device--wide{max-width:64rem}.inklusv-how-to__device:not(.inklusv-how-to__device--wide){max-width:min(32rem,calc((var(--inklusv-how-to-stage) - 6.4rem) * .46))}.inklusv-how-to__phone{position:relative;padding:2px;border-radius:43px;border-radius:14.2cqw;background:linear-gradient(148deg,#a5a8ae,#eceef1 7%,#80838a 19%,#61646a,#b7bac0 47%,#f1f2f4 55%,#767a80 69%,#55585e 84%,#aeb1b7);box-shadow:0 30px 64px #000000a8,0 2px 10px #0006,inset 0 1px 2px #ffffff47;--inklusv-how-to-fade: linear-gradient(to bottom, #000 0, #000 82%, rgba(0, 0, 0, .28) 92%, transparent 99%);-webkit-mask-image:var(--inklusv-how-to-fade);mask-image:var(--inklusv-how-to-fade);animation:inklusv-how-to-float 7.5s ease-in-out infinite;will-change:transform}:root[data-theme=light] .inklusv-how-to__phone{--inklusv-how-to-fade: linear-gradient(to bottom, #000 0, #000 94%, rgba(0, 0, 0, .3) 97.5%, transparent 100%)}@keyframes inklusv-how-to-float{0%,to{transform:translate3d(0,-.9%,0)}50%{transform:translate3d(0,.9%,0)}}@media(prefers-reduced-motion:reduce){.inklusv-how-to__phone{animation:none}}.inklusv-how-to__bezel{padding:5px;border-radius:41px;border-radius:13.4cqw;background:#060608}.inklusv-how-to__screen-wrap{position:relative;overflow:hidden;border-radius:38px;border-radius:12.4cqw;background:#000;padding-top:40px;line-height:0}.inklusv-how-to__screen{display:block;width:100%;height:auto}.inklusv-how-to__screen-wrap .inklusv-how-to__screen{aspect-ratio:390 / 844;object-fit:cover;object-position:top center}.inklusv-how-to__laptop-screen .inklusv-how-to__screen{aspect-ratio:16 / 10;object-fit:cover;object-position:top center}.inklusv-how-to__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(122deg,#ffffff24,#ffffff0d 13%,#fff0 27% 74%,#ffffff0e 89%,#fff0)}.inklusv-how-to__island{position:absolute;top:11px;left:50%;width:28%;aspect-ratio:3.3 / 1;transform:translate(-50%);border-radius:999px;background:radial-gradient(circle 3px at 78% 50%,#26282d 0 62%,#0d0e11 62% 100%,transparent 100%),#000;box-shadow:0 0 0 .5px #ffffff12;z-index:3}.inklusv-how-to__status{position:absolute;top:0;left:0;right:0;height:40px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1px 12px 0;padding:.4cqw 5cqw 0;font-size:1.3rem;font-size:5.4cqw;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1;color:#fff}.inklusv-how-to__status-icons{display:flex;gap:4px;gap:1.7cqw;align-items:center}.inklusv-how-to__status-icons svg{height:4.3cqw;width:auto}.inklusv-how-to__btn{position:absolute;width:3px;background:linear-gradient(#c6c9ce,#7c7f85);box-shadow:inset 0 0 0 .5px #00000038}.inklusv-how-to__btn--act{left:-2px;top:14%;height:3.6%;border-radius:2px 0 0 2px}.inklusv-how-to__btn--up{left:-2px;top:21%;height:6.6%;border-radius:2px 0 0 2px}.inklusv-how-to__btn--dn{left:-2px;top:29%;height:6.6%;border-radius:2px 0 0 2px}.inklusv-how-to__btn--pwr{right:-2px;top:22%;height:9.4%;border-radius:0 2px 2px 0}.inklusv-how-to__laptop-screen{position:relative;border:8px solid #18181a;border-bottom-width:13px;border-radius:11px 11px 4px 4px;background:#000;overflow:hidden;line-height:0;box-shadow:0 22px 56px #0000008c,inset 0 0 0 1px #ffffff0b}.inklusv-how-to__laptop-screen .inklusv-how-to__screen{border-radius:4px 4px 1px 1px}.inklusv-how-to__cam{position:absolute;top:0;left:50%;width:15%;max-width:92px;height:7px;transform:translate(-50%);border-radius:0 0 4px 4px;background:#18181a;z-index:2}.inklusv-how-to__cam:after{content:"";position:absolute;top:2px;left:50%;width:3px;height:3px;transform:translate(-50%);border-radius:50%;background:#2f3034;box-shadow:0 0 0 .5px #ffffff0f}.inklusv-how-to__laptop-base{position:relative;left:-2.5%;width:105%;height:12px;border-radius:0 0 10px 10px;background:linear-gradient(#d2d3d7 0 1px,#a7a8ad 1px,#86878c 58%,#5f6065);box-shadow:0 14px 26px #00000073}.inklusv-how-to__laptop-notch{position:absolute;bottom:0;left:50%;width:22%;max-width:130px;height:4px;transform:translate(-50%);border-radius:5px 5px 0 0;background:linear-gradient(#5f6065,#7e7f84)}.inklusv-how-to__rail{position:absolute;z-index:2;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:1.2rem;pointer-events:none}@media screen and (min-width:900px){.inklusv-how-to__rail{left:auto;right:1.8rem;bottom:auto;top:50%;transform:translateY(-50%);flex-direction:column;gap:2rem}}.inklusv-how-to__dots{display:none;flex-direction:row;gap:.7rem;pointer-events:auto}@media screen and (min-width:900px){.inklusv-how-to__dots{display:flex;flex-direction:column}}.inklusv-how-to__dot{width:8px;height:8px;padding:0;border:1px solid rgba(var(--color-foreground),.45);border-radius:50%;background:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.inklusv-how-to__dot.is-current{border-color:rgb(var(--inklusv-gold, 201 162 77));background:rgb(var(--inklusv-gold, 201 162 77))}.inklusv-how-to__cue{display:flex;flex-direction:row;align-items:center;gap:.7rem;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);transition:opacity .3s ease}@media screen and (min-width:900px){.inklusv-how-to__cue{flex-direction:column;gap:1rem}.inklusv-how-to__cue-label{writing-mode:vertical-rl}}.inklusv-how-to.is-end .inklusv-how-to__cue{opacity:0}.inklusv-how-to__cue-arrow{display:flex;animation:inklusv-how-to-nudge 2.4s ease-in-out infinite}@keyframes inklusv-how-to-nudge{0%,70%,to{transform:translateY(0);opacity:.55}35%{transform:translateY(4px);opacity:1}}@media(prefers-reduced-motion:reduce){.inklusv-how-to__cue-arrow{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/inklusv-how-to.css.map */