.ottr-hero3d{--h3d-run: 200vh;--h3d-origin: 46% 52%;--h3d-focus: 50% 50%;--h3d-card-w: var(--h3d-set-w, 46%);--h3d-card-h: var(--h3d-set-h, 48%);--h3d-aspect: var(--h3d-set-aspect, 175);--h3d-radius: var(--h3d-set-radius, 26px);--h3d-fill: 1;--h3d-end-aspect: 0;--h3d-cw: 60%;--h3d-ch: 34%;--h3d-cy: 50%;--h3d-rad: 26px;--h3d-bg-scale: 1;--h3d-fg-scale: 1;--h3d-fg-y: 0px;--h3d-px: 0px;--h3d-py: 0px;--h3d-lift: 0;--h3d-open: 0;--h3d-copy: 0;position:relative;background:radial-gradient(120% 80% at 50% 0%,#f4f6f9,#f4f6f900 60%),linear-gradient(to bottom,#eceef2,#dfe3e9)}main.content-for-layout>.shopify-section:first-child:has(.ottr-hero3d){padding-block-start:0!important}.ottr-hero3d__scroller{height:var(--h3d-run)}.ottr-hero3d__sticky{--h3d-top: var(--header-group-height, 3.5rem);position:sticky;top:calc(var(--h3d-top) * (1 - var(--h3d-open) * var(--h3d-fill)));height:calc(100svh - var(--h3d-top) * (1 - var(--h3d-open) * var(--h3d-fill)));overflow:hidden}.ottr-hero3d__stage{position:static}.ottr-hero3d__copy,.ottr-hero3d__sticky:after{bottom:calc((100% - var(--h3d-ch)) / 2 * (1 - var(--h3d-fill)))}.ottr-hero3d__sticky:after{content:"";position:absolute;z-index:5;left:0;right:0;height:66%;background:radial-gradient(62% 100% at 50% 112%,#080a0ca8,#080a0c6b 42%,#080a0c24 68%,#080a0c00 86%);opacity:var(--h3d-copy);pointer-events:none}.ottr-hero3d__frame,.ottr-hero3d__fg{position:absolute;left:50%;top:var(--h3d-cy);width:var(--h3d-cw);height:var(--h3d-ch);translate:-50% -50%;pointer-events:none}.ottr-hero3d__frame{z-index:1;overflow:hidden;border-radius:var(--h3d-rad);background:#d9dde4;box-shadow:0 1px 2px rgb(11 13 15 / calc(.07 * (1 - var(--h3d-open)))),0 34px 80px -34px rgb(11 13 15 / calc(.42 * (1 - var(--h3d-open))))}.ottr-hero3d__fg{z-index:4;overflow:hidden;height:calc(var(--h3d-ch) + 100vh);translate:-50% calc(-50% - 50vh)}.ottr-hero3d__fginner{position:absolute;left:0;right:0;bottom:0;height:var(--h3d-ch)}.ottr-hero3d__bgimg,.ottr-hero3d__fgimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--h3d-focus);display:block;transform-origin:var(--h3d-origin)}.ottr-hero3d__bgimg{transform:translate3d(var(--h3d-px),var(--h3d-py),0) scale(var(--h3d-bg-scale))}.ottr-hero3d__plate{opacity:0}.ottr-hero3d.is-plated .ottr-hero3d__plate{opacity:1}.ottr-hero3d.is-plated .ottr-hero3d__photo{opacity:0}.ottr-hero3d__fgimg{transform:translate3d(calc(var(--h3d-px) * 4),calc(var(--h3d-py) * 4 + var(--h3d-fg-y)),0) scale(var(--h3d-fg-scale));filter:drop-shadow(0 calc(18px * var(--h3d-lift)) calc(34px * var(--h3d-lift)) rgb(11 13 15 / calc(.34 * var(--h3d-lift))))}.ottr-hero3d__fg{opacity:0;transition:opacity .45s ease}.ottr-hero3d.is-live .ottr-hero3d__fg{opacity:1}.ottr-hero3d__copy{position:absolute;left:0;right:0;padding-inline:var(--ottr-gutter, 1.5rem);padding-block-end:clamp(2.5rem,14vh,9rem);text-align:center;pointer-events:none}.ottr-hero3d.has-copy .ottr-hero3d__copy>*{pointer-events:auto}.ottr-hero3d__copy>*{opacity:var(--h3d-copy);translate:0 calc((1 - var(--h3d-copy)) * 22px)}.ottr-hero3d__logo{position:relative;z-index:6;width:clamp(40px,4.2vw,54px);margin:0 auto .5rem;opacity:.6;filter:invert(1)}.ottr-hero3d__logo img{display:block;width:100%;height:auto}.ottr-hero3d__mark{position:relative;z-index:6;display:block;width:min(52vw,34rem);margin:0 auto}.ottr-hero3d__mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 2px rgb(8 10 12 / .5)) drop-shadow(0 3px 24px rgb(8 10 12 / .45))}.ottr-hero3d__mark img+img{position:absolute;top:0;right:0;bottom:0;left:0}.ottr-hero3d__mark img:first-of-type{opacity:calc(1 - var(--h3d-copy))}.ottr-hero3d__mark img:last-of-type{opacity:var(--h3d-copy)}.ottr-hero3d__mark--text{width:auto;font-size:clamp(2.25rem,7vw,4.25rem);line-height:.95;letter-spacing:-.03em;font-weight:800;color:#fff}.ottr-hero3d__srt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ottr-hero3d__sub{position:relative;z-index:6;margin:-.55rem auto 0;max-width:34rem;font-size:clamp(.95rem,1.35vw,1.15rem);font-weight:500;line-height:1.45;text-wrap:balance;color:#fff;text-shadow:0 0 1px rgb(8 10 12 / .85),0 1px 2px rgb(8 10 12 / .7),0 0 8px rgb(8 10 12 / .55),0 2px 22px rgb(8 10 12 / .45)}.ottr-hero3d__cta{position:relative;z-index:6;display:inline-flex;align-items:center;gap:.55rem;margin-top:.85rem;margin-inline:.3rem;padding:.72rem 1.5rem;border-radius:999px;background:#fff;color:#1b5dab;box-shadow:0 6px 26px #080a0c47;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1)}.ottr-hero3d__cta--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #ffffff8c;text-shadow:0 1px 12px rgb(8 10 12 / .5)}.ottr-hero3d__cta--ghost:hover{box-shadow:inset 0 0 0 1px #ffffffeb}.ottr-hero3d__cta:hover{transform:translateY(-1px)}.ottr-hero3d__cta span{transition:transform .25s cubic-bezier(.22,1,.36,1)}.ottr-hero3d__cta:hover span{transform:translate(3px)}@media(max-aspect-ratio:6 / 5){.ottr-hero3d{--h3d-fill: 0;--h3d-end-aspect: 140}}@media(min-width:750px)and (max-width:900px){.ottr-hero3d{--h3d-card-w: 62%;--h3d-card-h: 44%;--h3d-aspect: 150;--h3d-radius: 22px}.ottr-hero3d__mark{width:62vw}}@media(max-width:749px){.ottr-hero3d{--h3d-card-w: 64%;--h3d-card-h: 40%;--h3d-aspect: 90;--h3d-radius: 18px;--h3d-end-aspect: 95}.ottr-hero3d__mark{width:56vw}.ottr-hero3d__sub{font-size:.85rem;margin-top:-.3rem;max-width:24rem}.ottr-hero3d__cta{margin-top:.6rem;padding:.62rem 1.1rem;font-size:.8125rem}.ottr-hero3d__copy{padding-block-end:1rem}.ottr-hero3d__sticky:after{height:78%}}@media(prefers-reduced-motion:reduce){.ottr-hero3d__scroller{height:100svh}.ottr-hero3d__fgimg{filter:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ottr-hero3d.css.map */