.fxk [hidden]{display:none!important}html.motion[data-fx5~=scale] [data-reveal=scale]:not(.is-inview){transform:scale(.92)}html.motion[data-fx5~=scale] [data-reveal=scale]:not(.is-revealed){transition:opacity 1.1s var(--ease-power) var(--reveal-delay, 0s),transform 1.25s var(--ease-power) var(--reveal-delay, 0s)}html.motion [data-reveal=wipe]:not(.is-inview){opacity:1;transform:none;clip-path:inset(0 100% 0 0)}html.motion[dir=rtl] [data-reveal=wipe]:not(.is-inview){clip-path:inset(0 0 0 100%)}html.motion [data-reveal=wipe]:not(.is-revealed){clip-path:inset(0 0 0 0);transition:clip-path 1.5s var(--ease-inout) var(--reveal-delay, 0s)}html.motion [data-reveal=wipe]>img,html.motion [data-reveal=wipe]>.media__inner{transition:transform 1.9s var(--ease-out) var(--reveal-delay, 0s)}html.motion [data-reveal=wipe]:not(.is-inview)>img{transform:scale(1.18)}.fx5-gl{position:relative;height:0;width:100%;pointer-events:none;z-index:3}.fx5-gl svg{position:absolute;top:-6px;inset-inline:var(--page-margin);width:calc(100% - var(--page-margin) * 2);height:12px;overflow:visible}html[dir=rtl] .fx5-gl svg{transform:scaleX(-1)}.fx5-gl path{fill:none;stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.7s var(--ease-inout)}.fx5-gl.is-in path{stroke-dashoffset:0}.fx5-gl i{position:absolute;top:-6px;width:1px;height:12px;background:color-mix(in srgb,var(--ink) 30%,transparent);opacity:0;transition:opacity .5s ease 1.1s}.fx5-gl i:first-of-type{inset-inline-start:var(--page-margin)}.fx5-gl i:last-of-type{inset-inline-end:var(--page-margin)}.fx5-gl.is-in i{opacity:1}html[data-fx5~=wave] :is(.display,.h1,.h2) em{position:relative;text-decoration:none!important}html[data-fx5~=wave] :is(.display,.h1,.h2) em:after{content:"";position:absolute;inset-inline:-.02em;bottom:-.04em;height:.17em;pointer-events:none;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 10 0 20 5 T 40 5 T 60 5 T 80 5 T 100 5 T 120 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 10 0 20 5 T 40 5 T 60 5 T 80 5 T 100 5 T 120 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path 1.25s var(--ease-inout)}html[data-fx5~=wave][dir=rtl] :is(.display,.h1,.h2) em:after{clip-path:inset(0 0 0 100%)}html:not(.motion)[data-fx5~=wave] :is(.display,.h1,.h2) em{display:inline-block}html[data-fx5~=wave] .fx5-in em:after,html[data-fx5~=wave] em.fx5-uw.fx5-in:after,html[data-fx5~=wave] .fx5-in.fx5-uw:after{clip-path:inset(0 0 0 0)}@keyframes fx5-float{0%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:.7deg}to{translate:0 2px;rotate:-.5deg}}@keyframes fx5-sway{0%{translate:calc(-6px * var(--dir, 1)) 3px;rotate:-1.4deg}to{translate:calc(6px * var(--dir, 1)) -5px;rotate:1.4deg}}html[data-fx5~=float] .card__frame.is-live img.card__cut{animation:fx5-float 8s ease-in-out infinite alternate}html[data-fx5~=float] .card:nth-child(3n+2) .card__frame.is-live img.card__cut{animation-duration:9.5s;animation-delay:-2s}html[data-fx5~=float] .card:nth-child(3n) .card__frame.is-live img.card__cut{animation-duration:7s;animation-delay:-4s}html[data-fx5~=float] .fxs__stage.is-live .fxs__img,html[data-fx5~=float] .pa__stage.is-live .pa__cut img{animation:fx5-float 9s ease-in-out infinite alternate}html[data-fx5~=herotilt] .hero__visuals .hero__img{transform:perspective(1000px) translate3d(calc(var(--hx, 0) * var(--depth, .5) * -22px),calc(var(--hy, 0) * var(--depth, .5) * -16px),0) rotateY(calc(var(--hx, 0) * var(--depth, .5) * 13deg)) rotateX(calc(var(--hy, 0) * var(--depth, .5) * -9deg));will-change:transform}html[data-fx5~=herotilt] .hero__visuals.is-auto .hero__img{transform:none;animation:fx5-sway 8s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -1.9s)}html[data-fx5~=herotilt] .hero__stage{perspective:none}.fxu{--q: clamp(0, calc((var(--p) - .1) / .62), 1)}.fxu__stage{display:grid;align-items:center}html.motion .fxu .scene__stage{padding-block:calc(var(--header-h) + .5rem) 1.5rem}.fxu__word{position:absolute;inset-inline:0;top:36%;translate:0 -50%;margin:0;text-align:center;white-space:nowrap;line-height:.9;pointer-events:none;z-index:0;font-family:var(--font-display, inherit);font-weight:700;letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(4rem,calc(94vw / (var(--len, 7) * .74)),24rem);color:transparent;-webkit-text-stroke:1.3px color-mix(in srgb,var(--ink) 50%,transparent);background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 100% / 100% calc(var(--q) * 100%);-webkit-background-clip:text;background-clip:text}html[dir=rtl] .fxu__word{letter-spacing:0;text-transform:none;font-family:var(--fx-sans, inherit)}.fxu__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);align-items:center;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto}@media(min-width:990px){.fxu__inner{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr);gap:var(--s-16)}.fxu__copy{align-self:end;padding-block-end:5svh}}.fxu__prodwrap{height:100%;min-height:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);justify-items:center}.fxu__prod{position:relative;display:block;height:100%;min-height:0;max-height:78svh}.fxu__solid{display:block;height:100%;clip-path:inset(calc((1 - var(--q)) * 100%) 0 0 0)}.fxu__img{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 28px 26px rgba(40,24,16,.22))}.fxu__line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:calc(1 - var(--q) * .92);pointer-events:none}html[data-theme=dark] .fxu__line,.fxu.scheme-dark .fxu__line,html[data-theme=dark] .fxu.scheme-dark .fxu__line{filter:invert(1)}.fxu__prod:after{content:"";position:absolute;inset-inline:-14%;top:calc((1 - var(--q)) * 100%);height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--ink),transparent);opacity:clamp(0,calc(var(--q) * (1 - var(--q)) * 6),1)}.fxu__copy{display:grid;gap:var(--s-3);justify-items:start;opacity:clamp(0,calc((var(--p) - .45) * 3),1);translate:0 calc((1 - clamp(0,calc((var(--p) - .45) * 3),1))*24px)}.fxu__title{margin:0;max-width:14ch}.fxu__text{margin:0;max-width:36ch;color:var(--muted)}html:not(.motion) .fxu{padding-block:var(--s-16)}html:not(.motion) .fxu__word{position:relative;inset:auto;top:auto;translate:none;display:block;margin-bottom:-.18em}html:not(.motion) .fxu__copy{align-self:center;padding-block-end:0}html:not(.motion) .fxu .scene__stage{min-height:0;padding-block:0}html:not(.motion) .fxu__inner{height:auto}html:not(.motion) .fxu__prodwrap{height:min(70svh,560px)}@media(max-width:989px){.fxu__word{opacity:.9}.fxu__prod{max-height:100%}.fxu__copy{gap:var(--s-2)}.fxu__text{display:none}}.fxl--clist{--py: 0}.fxl--clist .fxl__row{grid-template-columns:3rem minmax(0,11rem) minmax(0,1fr) 2.5rem}.fxl--clist .fxl__pvi{overflow:hidden}.fxl--clist .fxl__pvimg{transform:scale(1.22) translate3d(0,calc(var(--py, 0) * -6%),0);transition:transform .5s var(--ease-out)}.fxk-list-head{margin-bottom:var(--s-8)}@media(max-width:749px),(hover:none){.fxl--clist .fxl__row{grid-template-columns:4.25rem minmax(0,1fr);grid-template-areas:"thumb name" "thumb brand"}.fxl--clist .fxl__thumb-img{transform:none}}@media(min-width:990px){html[data-fx5~=pdpsplit] .pa--split .pa__stage{order:0}}#fx5-loader{display:none}html.fx5-loading #fx5-loader{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg-root, #faf6f2);color:var(--ink, #1b1411);transition:opacity .5s var(--ease-soft),visibility 0s linear .5s;animation:fx5-failsafe .01s linear 1.6s forwards}html.fx5-loading.fx5-done #fx5-loader{opacity:0;visibility:hidden}.fx5-loader__bar{width:min(160px,40vw);height:1px;background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden}.fx5-loader__bar:after{content:"";display:block;height:100%;background:currentColor;transform:scaleX(0);transform-origin:left;animation:fx5-bar .62s var(--ease-inout) forwards}html[dir=rtl] .fx5-loader__bar:after{transform-origin:right}@keyframes fx5-bar{to{transform:scaleX(1)}}@keyframes fx5-failsafe{to{opacity:0;visibility:hidden}}html[data-theme=dark] #fx5-loader{background:var(--bg-root, #0b0908);color:#f3ebe4}@media(prefers-reduced-motion:reduce){.fx5-gl path{stroke-dashoffset:0;transition:none}.fx5-gl i{opacity:1;transition:none}html[data-fx5~=wave] :is(.display,.h1,.h2) em:after{clip-path:inset(0 0 0 0);transition:none}html[data-fx5~=float] *{animation:none!important}#fx5-loader{display:none!important}}.fxk__copy,.fxu__copy{grid-template-columns:minmax(0,1fr);min-width:0}
/*# sourceMappingURL=/cdn/shop/t/76/assets/fx5.css.map */
