.b3d{--w: 200px;--h: 320px;--t: 18px;position:relative;width:100%;aspect-ratio:5 / 6;display:grid;place-items:center;perspective:1800px;perspective-origin:50% 38%;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;contain:layout}.b3d__fallback{grid-area:1 / 1;max-width:78%;max-height:92%;width:auto;height:auto}.b3d.is-3d .b3d__fallback{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.b3d__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;cursor:grab}.b3d.is-drag .b3d__stage{cursor:grabbing}.b3d__stage:focus-visible{outline:2px solid var(--brand);outline-offset:6px;border-radius:8px}.b3d__rot{position:absolute;left:50%;top:46%;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;will-change:transform;transform:rotateX(-6deg) rotateY(14deg)}.b3d__f{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.b3d__f>.b3d__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:oklch(.14 .03 var(--rouge-h));opacity:var(--sh, 0);will-change:opacity;pointer-events:none}.b3d__front{top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--t) / 2));background:var(--cover) center / 100% 100% no-repeat,var(--spine);border-radius:1px 3px 3px 1px;box-shadow:inset 0 0 0 .5px #00000038}.b3d__front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(255,255,255,.14) 1.3%,rgba(0,0,0,.09) 3%,rgba(255,255,255,.04) 4.4%,transparent 7%)}.b3d__gloss{position:absolute;top:-20%;bottom:-20%;left:0;width:46%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-120%) skew(-14deg);will-change:transform;pointer-events:none}.b3d__back{top:0;right:0;bottom:0;left:0;transform:rotateY(180deg) translateZ(calc(var(--t) / 2));background:radial-gradient(120% 90% at 30% 20%,color-mix(in oklch,var(--spine) 82%,white),var(--spine));display:grid;place-content:center;justify-items:center;gap:calc(var(--w) * .035);padding:10% 12%;text-align:center;color:var(--ink-on, #fff);border-radius:3px 1px 1px 3px}.b3d__back-t{font:italic 400 calc(var(--w) * .105)/1.08 var(--font-serif);letter-spacing:0;text-wrap:balance}.b3d__back-s{font:400 calc(var(--w) * .043)/1.4 var(--font-sans);opacity:.86;max-width:17em;text-wrap:balance}.b3d__back-a{margin-top:calc(var(--w) * .05);font:500 calc(var(--w) * .032)/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;opacity:.8}.b3d__back-r{width:24%;height:1px;background:currentColor;opacity:.5}.b3d__spine{top:0;left:50%;width:var(--t);height:100%;margin-left:calc(var(--t) / -2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(90deg,color-mix(in oklch,var(--spine) 80%,black) 0,var(--spine) 18%,color-mix(in oklch,var(--spine) 90%,white) 55%,var(--spine) 82%,color-mix(in oklch,var(--spine) 78%,black) 100%);color:var(--ink-on, #fff);display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:6% 0}.b3d__spine-t{writing-mode:vertical-rl;font:italic 400 calc(var(--t) * .56)/1 var(--font-serif);white-space:nowrap;max-height:100%;overflow:hidden}.b3d__spine-m{width:calc(var(--t) * .34);height:calc(var(--t) * .34);opacity:.85}.b3d__pg{background:linear-gradient(var(--pg-dir, 90deg),rgba(70,40,20,.22),transparent 14%,transparent 86%,rgba(70,40,20,.22)),repeating-linear-gradient(var(--pg-dir, 90deg),#f6efe0 0 1px,#ddd0b8 1px 1.7px,#f3ead8 1.7px 2.6px)}.b3d__right{top:1.5px;bottom:1.5px;left:50%;width:var(--t);margin-left:calc(var(--t) / -2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 1.5px))}.b3d__top,.b3d__bottom{left:1.5px;right:3px;top:50%;height:var(--t);margin-top:calc(var(--t) / -2);--pg-dir: 0deg}.b3d__top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 1.5px))}.b3d__bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 - 1.5px))}.b3d__top,.b3d__bottom{background:linear-gradient(0deg,rgba(70,40,20,.22),transparent 14%,transparent 86%,rgba(70,40,20,.22)),repeating-linear-gradient(0deg,#f6efe0 0 1px,#ddd0b8 1px 1.7px,#f3ead8 1.7px 2.6px)}.b3d__shadow{position:absolute;left:50%;top:calc(46% + var(--h) / 2 - 10px);width:calc(var(--w) * 1.25);height:calc(var(--w) * .16);margin-left:calc(var(--w) * -.625);background:radial-gradient(closest-side,rgba(52,10,32,.46),rgba(52,10,32,.18) 55%,transparent 100%);will-change:transform,opacity;pointer-events:none}.b3d__halo{position:absolute;left:50%;top:46%;width:calc(var(--w) * 1.9);aspect-ratio:1;margin:calc(var(--w) * -.95) 0 0 calc(var(--w) * -.95);background:radial-gradient(closest-side,color-mix(in oklch,var(--blush) 38%,transparent),transparent 72%);opacity:.55;pointer-events:none}@media(max-width:767px){.b3d{perspective:1400px}}.feat .b3d{max-width:520px;margin-inline:auto}html.mo .feat__media:has(.b3d.is-3d),html.mo .feat__media:has(.b3d.is-3d)[data-tilt]{transform:none!important;transition:none!important}.feat__media:has(.b3d){width:100%}@media(max-width:899px){.feat .b3d{aspect-ratio:1 / .98;max-width:360px}}.lv-hero__cover{position:relative}.b3d-open{justify-self:center;display:inline-flex;align-items:center;gap:.55rem;margin-top:var(--space-3);min-height:44px;padding:0 1.1rem 0 .9rem;border:1px solid color-mix(in oklch,var(--ink) 22%,transparent);border-radius:999px;background:color-mix(in oklch,var(--surface-page) 70%,transparent);color:var(--ink);font:400 .9rem/1 var(--font-sans);cursor:pointer;transition:border-color .3s ease,background-color .3s ease,transform .4s var(--ease-out)}.b3d-open svg{width:20px;height:20px;flex:none}.b3d-open:hover{border-color:var(--brand);background:var(--surface-page)}.b3d-open:hover svg{transform:rotate(-24deg)}.b3d-open svg{transition:transform .5s var(--ease-out)}.b3d-open:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.b3d-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 35%,var(--surface-page),var(--surface-powder-rose));opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.b3d-dialog.is-open{opacity:1;visibility:visible;transition:opacity .45s ease}.b3d-dialog .b3d{width:min(92vw,560px);max-height:78vh;aspect-ratio:5 / 6;transform:scale(.94);transition:transform .8s var(--ease-out)}.b3d-dialog.is-open .b3d{transform:none}.b3d-dialog__x{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in oklch,var(--ink) 22%,transparent);background:var(--surface-page);color:var(--ink);cursor:pointer;display:grid;place-items:center}.b3d-dialog__x svg{width:20px;height:20px}.b3d-dialog__x:hover{border-color:var(--brand)}.b3d-dialog__x:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.b3d-dialog__hint{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom));text-align:center;font:400 .9375rem/1.3 var(--font-sans);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:.6rem;transition:opacity .6s ease}.b3d-dialog__hint svg{width:28px;height:14px}.b3d-dialog__hint.is-off{opacity:0}.b3d-dialog__title{position:absolute;left:0;right:0;top:max(22px,env(safe-area-inset-top));text-align:center;font:italic 300 1.5rem/1.1 var(--font-serif);color:var(--ink);pointer-events:none}body.no-scroll{overflow:hidden}@media(prefers-reduced-motion:reduce){.b3d-dialog,.b3d-dialog .b3d,.b3d-open,.b3d-open svg{transition:none}.b3d-dialog__hint svg{animation:none}}@media(prefers-reduced-motion:no-preference){.b3d-dialog__hint svg path{animation:sig-nudge 2.4s var(--ease-out) infinite}}@keyframes sig-nudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}html.mo [data-curtain=pre]{clip-path:inset(0 50% 0 50%)}html.mo [data-curtain=in]{clip-path:inset(0 0 0 0);transition:clip-path 1.25s cubic-bezier(.76,0,.22,1) calc(var(--k, 0) * .13s)}html.mo [data-curtain=pre]>img,html.mo img[data-curtain=pre]{scale:1.18}html.mo [data-curtain=in]>img,html.mo img[data-curtain=in]{scale:1;transition:scale 1.9s var(--ease-out) calc(var(--k, 0) * .13s)}html.mo [data-curtain=done]{clip-path:none}html.mo .mi-manifest__img[data-curtain=in]>img,html.mo .mi-manifest__img[data-curtain=done]>img{scale:1.12}html.mo .mi-manifest__img[data-curtain=pre]>img{scale:1.3}.sig-fly{position:fixed;z-index:120;left:0;top:0;margin:0;padding:0;transform-origin:0 0;pointer-events:none;will-change:transform;object-fit:contain}html.sig-fly-on .lv-hero__cover .lv-cover{opacity:0}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.45s;animation-delay:0s}}html.sig-on .btn.is-added{background:var(--surface-brand-deep)!important;border-color:var(--surface-brand-deep)!important;color:var(--on-block, #fff)!important;transition:background-color .35s ease,border-color .35s ease,color .35s ease}html.sig-on .btn.is-added:before{display:none}.sig-added{display:inline-flex;align-items:center;gap:.55em;animation:sig-pop .5s var(--ease-out) both}.sig-added svg{width:1.15em;height:1.15em}.sig-added path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sig-draw .5s var(--ease-out) .12s forwards}@keyframes sig-draw{to{stroke-dashoffset:0}}@keyframes sig-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sig-added,.sig-added path{animation:none}.sig-added path{stroke-dashoffset:0}}.sig-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1.5px solid var(--brand);pointer-events:none;opacity:0}.site-header__cart{position:relative}.sig-chip{position:fixed;left:0;top:0;z-index:130;pointer-events:none;will-change:transform}.sig-chip>span{display:block;width:100%;height:100%;border-radius:4px;background-size:contain!important;background-repeat:no-repeat;background-position:50% 50%;filter:drop-shadow(0 10px 14px rgba(70,10,40,.35));will-change:transform;transform-origin:50% 50%}.sig-chip--dot{width:18px!important;height:18px!important}.sig-chip--dot>span{border-radius:50%;background:var(--brand)!important}.cart-ship__bar.is-free:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 50%,transparent 80%);transform:translate(-100%);animation:sig-shine 1.4s var(--ease-out) .7s both;pointer-events:none}.cart-ship__bar{position:relative;overflow:hidden}@keyframes sig-shine{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.cart-ship__bar.is-free:before{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-signature.css.map */
