.shokz-insta360-2026-brand{position:relative;background:#fff;color:#fff}.si26-brand__track{height:130vh}@media screen and (min-width:1001px){.si26-brand__track{height:180vh}}.si26-brand__sticky{position:sticky;top:var(--si26-sticky-offset, 114px);display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--si26-sticky-offset, 114px));overflow:hidden}.si26-brand__frame{--si26-brand-progress: 0;position:relative;width:calc(1200px + ((100vw - 1200px) * var(--si26-brand-progress)));max-width:100vw;height:calc(675px + ((100vh - 675px) * var(--si26-brand-progress)));max-height:100vh;overflow:hidden;border-radius:calc(12px * (1 - var(--si26-brand-progress)))}@media screen and (min-width:1001px){.si26-brand__frame{--si26-brand-exit: 0;width:calc((1200px + (100vw - 1200px) * var(--si26-brand-progress)) * (1 - var(--si26-brand-exit)) + 1200px * var(--si26-brand-exit));height:calc((675px + (100vh - var(--si26-sticky-offset, 114px) - 675px) * var(--si26-brand-progress)) * (1 - var(--si26-brand-exit)) + 675px * var(--si26-brand-exit));max-height:calc(100vh - var(--si26-sticky-offset, 114px));--si26-brand-radius: calc(12px * (1 - var(--si26-brand-progress) + var(--si26-brand-exit)));border-radius:var(--si26-brand-radius);clip-path:inset(0 round var(--si26-brand-radius));transform:none;transform-origin:center center}}.si26-brand__media{position:absolute;left:50%;top:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none}@media screen and (min-width:1001px){.si26-brand__media{margin-left:-50vw;margin-top:-50vh;transform:none}}.si26-brand__video,.si26-brand__image{display:block;width:100%;height:100%;object-fit:cover}.si26-brand__video--mobile,.si26-brand__image--mobile{display:none}.si26-brand__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a47;opacity:0;pointer-events:none;transition:opacity .7s ease}.si26-brand__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;width:min(374px,calc(100% - 48px));height:100%;margin:0 auto;padding:80px 0;text-align:center}.si26-brand__logo-wrap{display:flex;align-items:center;justify-content:center;width:198px}.si26-brand__logo{display:block;width:198px;height:auto;object-fit:contain}.si26-brand__heading{margin:0;width:100%;background-image:linear-gradient(180deg,#fff,#9a9a9a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:20px;font-weight:400;font-style:normal;line-height:28px;letter-spacing:.16px;text-align:center}.si26-brand__subheading{margin:0;width:100%;color:#c6c6c6;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.si26-brand__logo-wrap,.si26-brand__heading,.si26-brand__subheading{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.si26-brand__heading{transition-delay:.15s}.si26-brand__subheading{transition-delay:.3s}.shokz-insta360-2026-brand.si26-is-complete .si26-brand__scrim,.shokz-insta360-2026-brand.si26-is-complete .si26-brand__logo-wrap,.shokz-insta360-2026-brand.si26-is-complete .si26-brand__heading,.shokz-insta360-2026-brand.si26-is-complete .si26-brand__subheading{opacity:1;transform:none}@media screen and (max-width:1000px){.shokz-insta360-2026-brand{background:#dae0e8}.si26-brand__sticky{align-items:flex-start}.si26-brand__frame{--si26-brand-sx: .92;--si26-brand-sy: .5;--si26-brand-shift: 60px;width:100%;height:100%;max-height:none;margin-top:0;transform-origin:center top;transform:translate3d(0,var(--si26-brand-shift),0) scale(var(--si26-brand-sx),var(--si26-brand-sy));border-radius:calc(12px * (1 - var(--si26-brand-progress, 0)) / var(--si26-brand-sy));will-change:transform}.si26-brand__media{transform:translate(-50%,-50%) scale(calc(1 / var(--si26-brand-sx)),calc(1 / var(--si26-brand-sy)));transform-origin:center center}.si26-brand__video--pc,.si26-brand__image--pc{display:none}.si26-brand__video--mobile,.si26-brand__image--mobile{display:block}.si26-brand__inner{align-items:flex-start;justify-content:flex-end;box-sizing:border-box;gap:16px;width:calc(100% - 32px);max-width:361px;padding:12px 0 calc(16px + (var(--si26-brand-progress, 0) * (max(72px,calc(48px + env(safe-area-inset-bottom,0px))) - 16px)));text-align:left}.si26-brand__scrim{background:linear-gradient(180deg,#0a0a0a00 28%,#0c1019 78%)}.si26-brand__logo-wrap{align-self:center}.si26-brand__heading{font-size:18px;line-height:26px;letter-spacing:.16px;text-align:left}.si26-brand__subheading{color:#8d8d8d;text-align:left}}@media(prefers-reduced-motion:reduce){.si26-brand__track{height:100vh}.si26-brand__frame{--si26-brand-progress: 1;width:100vw;height:100vh;border-radius:0;transform:none}.si26-brand__media{transform:translate(-50%,-50%)}.si26-brand__logo-wrap,.si26-brand__heading,.si26-brand__subheading,.si26-brand__scrim{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/334/assets/shokz-insta360-2026-brand.css.map */