vogalab-phone-tunnel{display:block;position:relative;width:100%;margin:0;background:var(--vpt-bg,#f2f0eb);color:#121212;isolation:isolate;overflow:clip}vogalab-phone-tunnel,vogalab-phone-tunnel *,vogalab-phone-tunnel *:before,vogalab-phone-tunnel *:after{box-sizing:border-box}.vpt-scroll-space{position:relative;height:calc(var(--vpt-scroll-vh,560)*1vh);min-height:420vh}.vpt-sticky{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;background:var(--vpt-bg,#f2f0eb);transform:translateZ(0)}.vpt-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.14),transparent 35%),linear-gradient(180deg,#ffffff08,#0000000e);pointer-events:none}.vpt-phone{position:absolute;z-index:12;left:50%;top:50%;width:min(var(--vpt-phone-width-desktop,340px),72vw);aspect-ratio:9/19.5;transform-origin:50% 50%;will-change:transform,opacity;transition:transform var(--vpt-phone-smooth,90ms) linear,opacity var(--vpt-phone-smooth,90ms) linear;pointer-events:none}.vpt-phone__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--vpt-phone-radius,52px);background:transparent;border:2px solid rgba(255,255,255,.16);box-shadow:0 34px 90px #00000057,inset 0 0 0 7px var(--vpt-frame,#27282b),inset 0 0 0 12px var(--vpt-bezel,#050507);pointer-events:none}.vpt-phone__body:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.055);border-radius:calc(var(--vpt-phone-radius,52px) - 12px);background:transparent;pointer-events:none}.vpt-phone__body:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:calc(var(--vpt-phone-radius,52px) - 2px);border-top:2px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.09);border-bottom:2px solid rgba(0,0,0,.3);pointer-events:none}.vpt-phone__speaker{position:absolute;z-index:3;left:50%;top:2.15%;width:21%;height:1.25%;transform:translate(-50%);border-radius:999px;background:#050507f2;box-shadow:inset 0 1px 1px #ffffff1f}.vpt-phone__camera{position:absolute;z-index:4;top:2.06%;left:62%;width:2.1%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#4c6797 0 14%,#0d172a 18% 42%,#020205 48% 100%)}.vpt-phone__home{position:absolute;z-index:4;bottom:1.6%;left:50%;width:31%;height:.72%;transform:translate(-50%);border-radius:999px;background:#e6e6e9db;mix-blend-mode:difference}.vpt-phone__side{position:absolute;width:2px;border-radius:999px;background:#000000d1}.vpt-phone__side--left{left:-2px;top:18%;height:14%;box-shadow:0 66px #000000d1}.vpt-phone__side--right{right:-2px;top:24%;height:9%}.vpt-screen{position:absolute;z-index:11;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;will-change:clip-path;transition:clip-path var(--vpt-phone-smooth,90ms) linear,-webkit-clip-path var(--vpt-phone-smooth,90ms) linear;-webkit-clip-path:inset(50% 50% 50% 50% round var(--vpt-screen-radius,42px));clip-path:inset(50% 50% 50% 50% round var(--vpt-screen-radius,42px))}.vpt-screen.is-ready{opacity:1}.vpt-screen__clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f7f1e6;transform:translateZ(0)}.vpt-screen__clip.has-postfx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 54%,rgba(0,0,0,.14) 100%);mix-blend-mode:multiply}.vpt-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#f7f1e6}.vpt-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.vpt-status{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,360px);padding:10px 14px;color:#121212b8;text-align:center;font:600 12px/1.45 system-ui,sans-serif;pointer-events:none}.vpt-tunnel-hud{position:absolute;z-index:6;left:5%;right:5%;bottom:5%;display:flex;align-items:center;gap:14px;color:#121212;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.vpt-tunnel-progress{height:2px;flex:1;background:#12121224}.vpt-tunnel-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#121212}.vpt-3d-debug{position:absolute;z-index:8;top:10px;left:10px;max-width:calc(100% - 20px);max-height:38%;overflow:auto;margin:0;padding:8px 10px;border:1px solid #48a99a;border-radius:6px;color:#8fffdc;background:#000000bd;font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;pointer-events:none}.vpt-fallback{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;overflow:auto;padding:16px;background:#fffdf9;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;color:#121212}.vpt-fallback[hidden]{display:none}.vpt-fallback img{display:block;width:100%;height:140px;object-fit:cover}.vpt-fallback h3{margin:7px 0 0;font:700 13px/1.25 system-ui,sans-serif}.vpt-hint{position:absolute;z-index:20;left:50%;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%);color:var(--vpt-hint,#242424);font:600 11px/1.15 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}.vpt-hint__icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid currentColor;border-radius:50%}.vpt-phone-debug{position:absolute;z-index:30;top:14px;left:14px;min-width:172px;padding:10px 12px;border-radius:8px;color:#baffd4;background:#000000b8;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}@media(max-width:749px){.vpt-phone{width:min(var(--vpt-phone-width-mobile,76vw),88vw);transition-duration:0ms!important}.vpt-screen{transition-duration:0ms!important}.vpt-scroll-space{height:calc(var(--vpt-scroll-vh-mobile,var(--vpt-scroll-vh,560))*1vh);min-height:320vh}.vpt-tunnel-hud{font-size:8px;gap:7px}}.vpt-intro{position:absolute;z-index:18;left:50%;top:var(--vpt-intro-top,35px);width:min(var(--vpt-intro-max,1050px),calc(100% - 48px));transform:translate(-50%);opacity:1;will-change:opacity,transform;pointer-events:none;color:var(--vpt-intro-title,#1f2933)}.vpt-intro--left{text-align:left}.vpt-intro--center{text-align:center}.vpt-intro--right{text-align:right}.vpt-intro__eyebrow{margin:0 0 8px;font:700 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--vpt-intro-copy,#5f646c)}.vpt-intro__title{max-width:18ch;margin:0 auto;font:700 var(--vpt-intro-title-size,48px)/1.04 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em;color:var(--vpt-intro-title,#1f2933)}.vpt-intro--left .vpt-intro__title{margin-left:0}.vpt-intro--right .vpt-intro__title{margin-right:0}.vpt-intro__description{max-width:62ch;margin:14px auto 0;font:400 var(--vpt-intro-copy-size,18px)/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vpt-intro-copy,#5f646c)}.vpt-intro--left .vpt-intro__description{margin-left:0}.vpt-intro--right .vpt-intro__description{margin-right:0}.vpt-intro__description p{margin:0}.vpt-intro__description p+p{margin-top:.55em}@media(max-width:749px){.vpt-intro{top:max(18px,calc(var(--vpt-intro-top,35px)*.62));width:calc(100% - 28px)}.vpt-intro__eyebrow{font-size:9px;margin-bottom:6px}.vpt-intro__title{max-width:16ch;font-size:var(--vpt-intro-title-size-mobile,32px);line-height:1.06}.vpt-intro__description{max-width:32ch;margin-top:9px;font-size:var(--vpt-intro-copy-size-mobile,15px);line-height:1.4}}.vpt-intro{display:block!important;position:absolute!important}.vpt-intro__title{display:block!important;text-transform:none!important;text-decoration:none!important}.vpt-intro__description{display:block!important}.vpt-card-copy-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.vpt-card-copy{position:absolute;left:0;top:0;width:320px;opacity:0;visibility:hidden;transform:translate(-50%,-100%) scale(.8);transform-origin:50% 100%;text-align:left;color:var(--vpt-card-title-color,#fff);text-shadow:0 2px 12px rgba(0,0,0,.38);will-change:left,top,transform,opacity}.vpt-card-copy__label{margin:0 0 6px;font-family:var(--font-heading-family,Arial,Helvetica,sans-serif);font-size:12px;font-weight:var(--vpt-card-label-weight,500);line-height:1.15;letter-spacing:.12em;text-transform:uppercase;color:var(--vpt-card-label-color,#fff);opacity:.82}.vpt-card-copy__title{margin:0;font-family:var(--font-heading-family,Arial,Helvetica,sans-serif);font-size:clamp(24px,2.35vw,42px);font-weight:var(--vpt-card-title-weight,500);line-height:.98;letter-spacing:-.025em;text-transform:uppercase;color:var(--vpt-card-title-color,#fff)}.vpt-card-copy__description{max-width:48ch;margin-top:8px;font-family:var(--font-body-family,Arial,Helvetica,sans-serif);font-size:clamp(12px,.92vw,16px);font-weight:var(--vpt-card-description-weight,400);line-height:1.38;letter-spacing:0;color:var(--vpt-card-description-color,#fff);opacity:.92}@media(max-width:749px){.vpt-card-copy{max-width:78vw}.vpt-card-copy__label{font-size:9px}.vpt-card-copy__title{font-size:clamp(18px,6.2vw,28px)}.vpt-card-copy__description{font-size:11px;margin-top:5px}}.vpt-stage{z-index:1}.vpt-webp-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.vpt-animated-webp{position:absolute;left:0;top:0;display:block;width:1px;height:1px;max-width:none!important;object-fit:cover;object-position:center;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:0 0;backface-visibility:hidden;contain:layout paint style;will-change:transform,width,height,opacity,clip-path;transform:translate3d(-9999px,-9999px,0);clip-path:none;-webkit-clip-path:none;image-rendering:auto}vogalab-phone-tunnel .vpt-mobile-caption,vogalab-phone-tunnel .vpt-mobile-footer{display:none}@media(max-width:749px){vogalab-phone-tunnel .vpt-scroll-space{display:block;min-height:0}vogalab-phone-tunnel .vpt-sticky{top:var(--vpt-mobile-top,0px);height:calc(100svh - var(--vpt-mobile-top,0px));min-height:0;touch-action:pan-y}vogalab-phone-tunnel .vpt-phone{top:60%;transform:translate(-50%,-50%) scale(.6);transition:none!important}vogalab-phone-tunnel .vpt-screen{transition:none!important}vogalab-phone-tunnel .vpt-intro{top:20px;width:calc(100% - 32px);text-align:center}vogalab-phone-tunnel .vpt-intro__title{max-width:18ch;margin-inline:auto;font-size:var(--vpt-intro-title-size-mobile,28px)}vogalab-phone-tunnel .vpt-intro__description{font-size:var(--vpt-intro-copy-size-mobile,13px);max-width:34ch}vogalab-phone-tunnel .vpt-intro__eyebrow{font-size:9px;letter-spacing:.14em}vogalab-phone-tunnel .vpt-hint{bottom:12px;font-size:9px;gap:4px}vogalab-phone-tunnel .vpt-hint__icon{width:22px;height:22px}vogalab-phone-tunnel .vpt-card-copy-layer,vogalab-phone-tunnel .vpt-tunnel-hud{display:none!important}vogalab-phone-tunnel .vpt-mobile-caption{display:block;position:absolute;z-index:6;top:0;left:0;width:90%;opacity:0;pointer-events:none;text-align:center;color:var(--vpt-mobile-heading-color,#fffaf0);will-change:transform,opacity}vogalab-phone-tunnel .vpt-mobile-caption__label{margin:0 0 10px;color:inherit;font:600 9px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase}vogalab-phone-tunnel .vpt-mobile-caption__title{display:block;margin:0 auto;padding:0;color:inherit;max-width:18ch;font:var(--vpt-mobile-heading-weight,700) var(--vpt-mobile-heading-size,28px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 2px 7px rgba(30,20,8,.18)}vogalab-phone-tunnel .vpt-mobile-caption__description{margin:9px auto 0;padding:0;max-width:34ch;color:inherit;font:400 12px/1.4 Arial,Helvetica,sans-serif;white-space:pre-line}vogalab-phone-tunnel .vpt-mobile-caption__label:empty,vogalab-phone-tunnel .vpt-mobile-caption__description:empty{display:none}vogalab-phone-tunnel .vpt-mobile-footer{display:flex;position:absolute;z-index:6;left:20%;right:20%;bottom:max(15px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;opacity:0;color:#4c4436;pointer-events:none;font:500 10px/1.2 Arial,Helvetica,sans-serif}vogalab-phone-tunnel .vpt-mobile-footer__hint{color:#fffaf0;font-size:11px}vogalab-phone-tunnel .vpt-mobile-footer__bar{height:2px;width:82px;background:#423b2a33}vogalab-phone-tunnel .vpt-mobile-footer__bar i{display:block;height:100%;width:100%;background:#514a3c;transform:scaleX(0);transform-origin:left}vogalab-phone-tunnel .vpt-mobile-motion{position:absolute;top:0;left:0;overflow:hidden;transform-origin:0 0;pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity;contain:layout paint style}vogalab-phone-tunnel .vpt-mobile-motion>img.vpt-animated-webp{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;will-change:auto}vogalab-phone-tunnel .vpt-status{font-size:11px;max-width:80%}vogalab-phone-tunnel[data-load-error] .vpt-screen{clip-path:inset(5%);-webkit-clip-path:inset(5%);opacity:1}}@media(max-width:749px)and (max-height:580px){vogalab-phone-tunnel .vpt-intro{top:12px}vogalab-phone-tunnel .vpt-intro__title{font-size:min(var(--vpt-intro-title-size-mobile,28px),24px)}vogalab-phone-tunnel .vpt-intro__description{font-size:12px;margin-top:7px}vogalab-phone-tunnel .vpt-mobile-caption__title{font-size:min(var(--vpt-mobile-heading-size,28px),24px)}vogalab-phone-tunnel .vpt-mobile-caption__label{margin-bottom:6px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/phone-tunnel.css.map */