@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes mo-p{0%{--p: 0}to{--p: 1}}@supports (animation-timeline: view()){html.mo:not(.mo-raf) [data-scene]{animation:mo-p linear both;animation-timeline:view();animation-range:var(--mo-range, cover 0% cover 100%)}}html.mo{--amp: 1}@media(max-width:767px){html.mo{--amp: .5}}html.mo [data-scene]{--e: calc(1 - (1 - var(--p)) * (1 - var(--p)))}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:mo-vt-out .2s ease both}::view-transition-new(root){animation:mo-vt-in .45s ease .08s both}}@keyframes mo-vt-out{to{opacity:0}}@keyframes mo-vt-in{0%{opacity:0}}html.mo h1[data-mo=pre],html.mo h2[data-mo=pre]{opacity:0}html.mo h1[data-mo=in],html.mo h2[data-mo=in]{transition:opacity .35s ease}html.mo .reveal{transition-duration:.4s}html.mo .kw{position:relative}html.mo .mo-ul{position:absolute;left:0;bottom:.06em;width:100%;height:.16em;overflow:visible;pointer-events:none}html.mo .mo-ul path{fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}html.mo [data-mo=pre] .mo-ul path{stroke-dashoffset:1}html.mo [data-mo=in] .mo-ul path{transition:stroke-dashoffset 1.1s var(--ease-out) var(--ul-d, .5s)}.on-dark .mo-ul path,.on-brand-bg .mo-ul path{stroke:var(--foil)}html.mo .hero[data-mo=pre] .hero__portrait{clip-path:inset(0 100% 0 0)}html.mo .hero[data-mo=pre] .hero__portrait img{translate:-6% 0}html.mo .hero[data-mo=in] .hero__portrait{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease-out) .05s}html.mo .hero[data-mo=in] .hero__portrait img{translate:0 0;transition:translate 1.6s var(--ease-out) .05s}html.mo .hero[data-mo=pre] .hero__sub,html.mo .hero[data-mo=pre] .hero__cta>*{opacity:0}html.mo .hero[data-mo=in] .hero__sub{transition:opacity .4s ease .15s}html.mo .hero[data-mo=in] .hero__cta>*{transition:opacity .4s ease calc(.3s + var(--k, 0) * .1s)}html.mo .hero[data-mo=done] .hero__portrait{clip-path:none}@media(max-width:767px){html.mo .hero[data-mo=pre] .hero__portrait{clip-path:none;opacity:0;translate:0 12px}html.mo .hero[data-mo=pre] .hero__portrait img{translate:0 0}html.mo .hero[data-mo=in] .hero__portrait{clip-path:none;opacity:1;translate:0 0;transition:opacity 1.1s ease-out .05s,translate 1.1s var(--ease-out) .05s}html.mo .hero[data-mo=done] .hero__portrait{opacity:1;translate:0 0}}html.mo [data-scene=hero] .hero__portrait img{scale:calc(1 + var(--p) * .06);transform-origin:30% 100%}html.mo [data-scene=manifest] .mi-manifest__ring{rotate:calc(var(--p) * 540deg);transform-origin:50% 50%}@media(hover:hover)and (min-width:768px){html.mo .mi-manifest__img{overflow:clip}html.mo .mi-manifest__img img{scale:1.12}html.mo [data-scene=manifest] .mi-manifest__img--a img{translate:0 calc((var(--p) - .5) * -9%)}html.mo [data-scene=manifest] .mi-manifest__img--b img{translate:0 calc((var(--p) - .5) * 6%)}html.mo [data-scene=manifest] .mi-manifest__img--c img{translate:0 calc((var(--p) - .5) * -12%)}}html.mo [data-scene=polas]{overflow:clip}html.mo [data-scene=polas] .mi-polas__pola--a{translate:calc((1 - var(--e)) * 70vw * var(--amp)) calc((1 - var(--e)) * -12vh);rotate:calc((1 - var(--e)) * 34deg)}html.mo [data-scene=polas] .mi-polas__pola--b{translate:calc((1 - var(--e)) * -70vw * var(--amp)) calc((1 - var(--e)) * 14vh);rotate:calc((1 - var(--e)) * -34deg)}html.mo [data-scene=watch] .mi-watch__curtain--l{translate:calc(var(--e) * -101%) 0}html.mo [data-scene=watch] .mi-watch__curtain--r{translate:calc(var(--e) * 101%) 0}html.mo [data-scene=watch] .mi-watch__media video,html.mo [data-scene=watch] .mi-watch__media{scale:calc(1.08 - var(--e) * .08)}html.mo [data-scene=feat] .feat__b{transform:perspective(1400px) rotateY(calc((1 - var(--e)) * -60deg * var(--amp))) translateY(calc((1 - var(--e)) * 34px)) scale(calc(.9 + var(--e) * .1));opacity:clamp(0,var(--p) * 3.2,1)}@media(hover:hover)and (min-width:768px){html.mo [data-scene=shelf] .book__cover--1{translate:0 calc((.5 - var(--p)) * 90px)}html.mo [data-scene=shelf] .book__cover--2{translate:0 calc((var(--p) - .5) * 90px)}}html.mo [data-scene=about] .about__img{clip-path:inset(calc((1 - var(--e)) * 100%) 0 0 0)}html.mo [data-scene=kit]{overflow:clip}html.mo [data-scene=kit] .kit__polaroid{translate:0 calc((1 - var(--e)) * 38vh * var(--amp));rotate:calc((1 - var(--e)) * 24deg)}html.mo [data-scene=cta] .cta__bg{clip-path:circle(calc(var(--e) * 112%) at 50% 62%)}html.mo .logos__val[data-count]{font-variant-numeric:tabular-nums}html.mo .lv-card.reveal:not(.is-in) .lv-card__img img{transform:perspective(900px) rotateY(16deg) translateY(16px) scale(.97)}html.mo .lv-card.reveal .lv-card__img img{transition-delay:calc(var(--k, 0) * 70ms)}html.mo [data-tilt]{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s var(--ease-out);will-change:transform}html.mo [data-tilt].is-tilting{transition:transform .12s linear}@media(hover:none){html.mo [data-tilt].is-press{transform:scale(1.025);transition:transform .25s var(--ease-out)}}@media(hover:hover){html.mo .btn{position:relative;isolation:isolate;overflow:hidden}html.mo .btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background:var(--_fill, var(--brand-hover));clip-path:circle(0 at var(--mx, 50%) var(--my, 50%));transition:clip-path .55s var(--ease-out)}html.mo .btn:hover:before{clip-path:circle(150% at var(--mx, 50%) var(--my, 50%))}html.mo .btn--line{--_fill: var(--brand)}html.mo .on-dark .btn,html.mo .on-brand-bg .btn{--_fill: var(--surface-page)}html.mo .on-dark .btn--line,html.mo .on-brand-bg .btn--line{--_fill: var(--on-block)}html.mo .btn:hover{transition-delay:.3s,.22s,.3s,0s}html.mo .btn--lg:after{content:"\2192";position:absolute;right:1.15rem;top:50%;margin-top:-.6em;line-height:1.2;opacity:0;translate:-12px 0;transition:opacity .3s ease,translate .45s var(--ease-out)}html.mo .btn--lg:hover:after{opacity:1;translate:0 0}}html.mo .marquee:hover .marquee__track{animation-play-state:running}html.mo .site-header{transition:background-color .35s ease}html.mo .cart-ship__bar:after{width:100%;transform-origin:0 50%;transform:scaleX(var(--p));transition:transform .8s var(--ease-out)}html{background:var(--surface-page, #fff8fa)}html.mo h2[data-mo=pre]:has(.mo-w){opacity:1}html.mo .mo-w{display:inline-block;overflow:clip;vertical-align:top;padding:.02em .09em .18em;margin:-.02em -.09em -.18em}html.mo .mo-w__i{display:inline-block;transform:translateY(108%);transition:transform .45s var(--ease-out) calc(var(--i, 0) * 35ms);will-change:transform}html.mo [data-mo=in] .mo-w__i,html.mo [data-mo=done] .mo-w__i{transform:none}html.mo [data-mo=done] .mo-w{overflow:visible}@media(min-width:900px)and (prefers-reduced-motion:no-preference){html.mo .book__media .book__cover{transform:perspective(1000px) rotateY(-34deg);transform-origin:50% 100%;transition:transform 1.1s var(--ease-out) calc(var(--i, 0) * .14s)}html.mo .book__media.is-in .book__cover{transform:perspective(1000px) rotateY(0)}}.mo-progress{position:fixed;z-index:160;left:0;top:0;right:0;height:2px;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--pr, 0));background:linear-gradient(90deg,var(--foil, #d9a441),var(--brand, #b0245f));opacity:0;transition:opacity .3s ease}html.mo.mo-scrolled .mo-progress{opacity:.9}@supports (animation-timeline: scroll()){html.mo:not(.mo-raf) .mo-progress{animation:mo-prog linear both;animation-timeline:scroll(root block)}}@keyframes mo-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.8,.24,1)}::view-transition-group(root){animation-duration:.45s;animation-timing-function:ease}}::view-transition{background:var(--surface-page, #fff8fa)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-motion.css.map */