:root{--xm-ink: oklch(12% .015 47);--xm-ink-raised: oklch(17% .018 47);--xm-paper: oklch(94% .015 63);--xm-muted: oklch(73% .025 58);--xm-orange: oklch(70% .17 48);--xm-orange-hot: oklch(76% .18 55);--xm-border: color-mix(in oklch, var(--xm-paper) 16%, transparent);--xm-overlay: color-mix(in oklch, var(--xm-ink) 82%, transparent);--xm-font-display: var(--xifun-font-outlier, var(--font-heading-family));--xm-font-body: var(--xifun-font-body, var(--font-body-family));--xm-fast: .24s;--xm-normal: .52s;--xm-slow: .96s;--xm-cinematic: 1.32s;--xm-ease-smooth: cubic-bezier(.22, 1, .36, 1);--xm-ease-cinematic: cubic-bezier(.16, 1, .3, 1);--xm-ease-reveal: cubic-bezier(.77, 0, .18, 1);--xm-ease-magnetic: cubic-bezier(.2, .8, .2, 1);--xm-page-pad: clamp(20px, 4vw, 72px);--xm-section-space: clamp(72px, 10vw, 160px)}html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}.xifun-motion-section,.xifun-motion-section *{box-sizing:border-box}.xifun-motion-section{position:relative;background:var(--xm-ink);color:var(--xm-paper);overflow:clip}.xifun-motion-shell{width:min(100%,1800px);margin-inline:auto;padding-inline:var(--xm-page-pad)}.xifun-motion-label{color:var(--xm-orange);font:700 12px/1 var(--xm-font-body);letter-spacing:.14em;text-transform:uppercase}.xifun-motion-display{min-width:0;margin:0;overflow-wrap:anywhere;font-family:var(--xm-font-display);font-style:normal;font-weight:800;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}.xifun-motion-copy{max-width:58ch;color:var(--xm-muted);font:400 clamp(16px,1.2vw,19px)/1.65 var(--xm-font-body)}.xifun-motion-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border:1px solid var(--xm-border);border-radius:999px;color:var(--xm-paper);background:transparent;font:700 13px/1 var(--xm-font-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color var(--xm-fast),background var(--xm-fast),border-color var(--xm-fast),transform var(--xm-fast) var(--xm-ease-smooth)}.xifun-motion-button--accent{color:var(--xm-ink);background:var(--xm-orange);border-color:var(--xm-orange)}.xifun-motion-button:is(:hover,:focus-visible){background:var(--xm-paper);border-color:var(--xm-paper);color:var(--xm-ink)}.xifun-motion-button--accent:is(:hover,:focus-visible){background:var(--xm-orange-hot);border-color:var(--xm-orange-hot)}.xifun-motion-button:focus-visible,.xifun-motion-link:focus-visible{outline:2px solid var(--xm-orange-hot);outline-offset:4px}.xifun-motion-button:active{transform:translateY(1px)}.xifun-motion-button:is(:disabled,[aria-disabled=true]){opacity:.55;cursor:not-allowed}.motion-ready [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(28px)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:none;transition:opacity var(--xm-slow) var(--xm-ease-cinematic),transform var(--xm-slow) var(--xm-ease-cinematic)}.motion-ready [data-image-reveal]{clip-path:inset(0 0 100% 0)}.motion-ready [data-image-reveal].is-revealed{clip-path:inset(0);transition:clip-path var(--xm-cinematic) var(--xm-ease-reveal)}.motion-ready [data-image-reveal] img{transform:scale(1.08);transition:transform var(--xm-cinematic) var(--xm-ease-cinematic)}.motion-ready [data-image-reveal].is-revealed img{transform:scale(1)}.xm-word{display:inline-block;overflow:hidden;vertical-align:bottom}.xm-word>span{display:inline-block;transform:translateY(110%)}.is-revealed .xm-word>span{transform:none;transition:transform var(--xm-slow) var(--xm-ease-cinematic);transition-delay:calc(var(--xm-i, 0) * 35ms)}.xifun-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;background:var(--xm-ink);color:var(--xm-paper);pointer-events:none;transform-origin:top;animation:xm-opening var(--xm-cinematic) var(--xm-ease-reveal) forwards}.xifun-opening__mark{font:900 clamp(52px,13vw,180px)/.8 var(--xm-font-display);letter-spacing:-.07em}.xifun-opening.is-short{animation-duration:var(--xm-fast)}@keyframes xm-opening{0%,48%{transform:scaleY(1)}to{transform:scaleY(0)}}.xifun-page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--xm-ink);pointer-events:none;transform:scaleY(0);transform-origin:bottom;transition:transform .38s var(--xm-ease-reveal)}.xifun-page-transition.is-active{transform:scaleY(1)}.interactive-hero{min-height:calc(100svh - 145px);display:grid;align-items:end;isolation:isolate}.interactive-hero__media,.interactive-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.interactive-hero__media img,.interactive-hero__media video{width:100%;height:100%;object-fit:cover}.interactive-hero__fallback-video{display:block!important}.interactive-hero__media--placeholder{background:radial-gradient(circle at 72% 42%,color-mix(in oklch,var(--xm-orange) 24%,transparent),transparent 34%),var(--xm-ink-raised)}.interactive-hero__shade{display:block!important;background:linear-gradient(90deg,var(--xm-overlay),color-mix(in oklch,var(--xm-ink) 48%,transparent) 48%,transparent 74%),linear-gradient(0deg,color-mix(in oklch,var(--xm-ink) 58%,transparent),transparent 46%);z-index:1}.interactive-hero__content{position:relative;z-index:2;padding-block:clamp(140px,20vh,240px) clamp(56px,8vh,96px)}.interactive-hero__title{max-width:11ch;font-size:clamp(54px,9vw,140px)}.interactive-hero__bottom{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-top:clamp(32px,6vh,72px)}.interactive-category__item{position:relative;min-height:max(82svh,720px);display:grid;align-items:end;overflow:hidden;border-top:1px solid var(--xm-border);isolation:isolate}.interactive-category__media,.interactive-category__veil{position:absolute;top:0;right:0;bottom:0;left:0}.interactive-category__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--xm-slow) var(--xm-ease-smooth)}.interactive-category__veil{z-index:1;background:linear-gradient(0deg,var(--xm-overlay),transparent 72%)}.interactive-category__content{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:32px;padding-block:64px}.interactive-category__title{font-size:clamp(58px,11vw,170px)}.interactive-category__link{color:inherit;text-decoration:none}.interactive-category__item:is(:hover,:focus-within) img{transform:scale(1.035)}.interactive-category__item:is(:hover,:focus-within) .interactive-category__title{transform:translate(12px);transition:transform var(--xm-normal) var(--xm-ease-smooth)}.horizontal-showcase{--xm-track: 0px}.horizontal-showcase__stage{min-height:320vh}.horizontal-showcase__sticky{position:sticky;top:74px;height:calc(100svh - 74px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.horizontal-showcase__head{margin-bottom:36px}.horizontal-showcase__title{font-size:clamp(48px,7vw,104px)}.horizontal-showcase__track{display:flex;gap:clamp(18px,2.5vw,42px);width:max-content;padding-inline:var(--xm-page-pad);transform:translate3d(var(--xm-track),0,0);will-change:transform}.horizontal-showcase__card{position:relative;width:min(68vw,720px);aspect-ratio:4/5;overflow:hidden;background:var(--xm-ink-raised)}.horizontal-showcase__card img{width:100%;height:100%;object-fit:cover;transition:transform var(--xm-slow) var(--xm-ease-smooth)}.horizontal-showcase__card:is(:hover,:focus-within) img{transform:scale(1.035)}.horizontal-showcase__caption{position:absolute;inset:auto 0 0;padding:32px;color:var(--xm-paper);background:linear-gradient(transparent,var(--xm-overlay))}.horizontal-showcase__caption h3{margin:0;font:800 clamp(30px,4vw,58px)/1 var(--xm-font-display);letter-spacing:-.04em}.featured-products-motion{padding-block:var(--xm-section-space)}.featured-products-motion__head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);align-items:end;gap:40px;margin-bottom:64px}.featured-products-motion__title{font-size:clamp(48px,7vw,104px)}.featured-products-motion__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,88px) clamp(18px,3vw,48px)}.xm-product{color:var(--xm-paper);text-decoration:none}.xm-product__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--xm-ink-raised)}.xm-product__media img{width:100%;height:100%;object-fit:cover;transition:opacity var(--xm-normal),transform var(--xm-slow) var(--xm-ease-smooth)}.xm-product__media img+img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.xm-product:is(:hover,:focus-visible) .xm-product__media img{transform:scale(1.035)}.xm-product:is(:hover,:focus-visible) .xm-product__media img+img{opacity:1}.xm-product__meta{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:18px}.xm-product__meta h3{margin:0;color:inherit;font:700 clamp(18px,2vw,26px)/1.3 var(--xm-font-body)}.xm-product__price{color:var(--xm-orange);font-variant-numeric:tabular-nums}.xm-product__cta{grid-column:1/-1;color:var(--xm-muted);transform:translateY(8px);opacity:.5;transition:opacity var(--xm-fast),transform var(--xm-fast)}.xm-product:is(:hover,:focus-visible) .xm-product__cta{opacity:1;transform:none}.sticky-story{padding-block:var(--xm-section-space)}.sticky-story__layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(48px,9vw,150px)}.sticky-story__copy{position:sticky;top:22vh;align-self:start}.sticky-story__title{font-size:clamp(50px,7vw,108px)}.sticky-story__panel{min-height:78svh;display:grid;align-items:end;border-top:1px solid var(--xm-border);padding-block:64px}.sticky-story__panel-media{aspect-ratio:16/10;overflow:hidden;background:var(--xm-ink-raised)}.sticky-story__panel-media img{width:100%;height:100%;object-fit:cover}.editorial-banner{min-height:74svh;display:grid;align-items:center;padding-block:var(--xm-section-space)}.editorial-banner__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(40px,10vw,160px);align-items:end}.editorial-banner__title{font-size:clamp(54px,9vw,136px)}.interactive-video{padding-block:var(--xm-section-space)}.interactive-video__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--xm-ink-raised)}.interactive-video__frame video,.interactive-video__frame img{width:100%;height:100%;object-fit:cover}.interactive-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity var(--xm-normal) var(--xm-ease-cinematic),transform var(--xm-slow) var(--xm-ease-cinematic)}.interactive-video__play{position:absolute;inset:50% auto auto 50%;z-index:2;translate:-50% -50%;background:color-mix(in oklch,var(--xm-ink) 64%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.interactive-video__frame.is-playing .interactive-video__poster,.interactive-video__frame.is-playing .interactive-video__play{opacity:0;pointer-events:none}.interactive-video__frame.is-playing .interactive-video__poster{transform:scale(1.03)}.xm-marquee{overflow:hidden;border-block:1px solid var(--xm-border);padding-block:22px;background:var(--xm-ink);color:var(--xm-paper)}.xm-marquee__track{display:flex;width:max-content;animation:xm-marquee 28s linear infinite}.xm-marquee__item{padding-right:42px;font:800 clamp(34px,5vw,72px)/1 var(--xm-font-display);letter-spacing:-.04em;white-space:nowrap}@keyframes xm-marquee{to{transform:translate(-50%)}}.xifun-site-theme .header-wrapper{transition:transform var(--xm-normal) var(--xm-ease-smooth),background var(--xm-fast),backdrop-filter var(--xm-fast)}.template-index .header-wrapper:not(.xm-header-scrolled){background:transparent!important}.header-wrapper.xm-header-scrolled{background:color-mix(in oklch,var(--xm-ink) 88%,transparent)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-wrapper.xm-header-hidden{transform:translateY(-110%)}.xifun-site-theme .card-product .card-media,.xifun-site-theme .product-item .card-media{overflow:hidden}.xifun-site-theme .card-product img,.xifun-site-theme .product-item img{transition:transform var(--xm-normal) var(--xm-ease-smooth),opacity var(--xm-normal)}.xifun-site-theme .card-product:is(:hover,:focus-within) img,.xifun-site-theme .product-item:is(:hover,:focus-within) img{transform:scale(1.03)}.template-collection #MainContent,.template-product #MainContent{background:var(--xm-ink);color:var(--xm-paper)}.template-collection .page-header,.template-collection .collection-header{min-height:42svh;display:grid;align-items:end;padding-block:120px 48px}.template-collection h1{font-family:var(--xm-font-display);font-size:clamp(52px,9vw,132px);letter-spacing:-.05em;line-height:.92}.template-product .productView{padding-block:clamp(40px,7vw,96px)}.template-product .productView-images-wrapper{position:sticky;top:110px}.template-product .product-form__submit{transition:transform var(--xm-fast),background var(--xm-fast);animation:none!important}.halo-sidebar.halo-cart-sidebar,#halo-cart-sidebar{transition-duration:var(--xm-normal)!important;transition-timing-function:var(--xm-ease-cinematic)!important}.footer{background:var(--xm-ink)!important;color:var(--xm-paper)!important;border-top:1px solid var(--xm-border)}.footer:before{content:"XIFUN";display:block;padding:clamp(56px,8vw,112px) var(--xm-page-pad) 28px;color:var(--xm-paper);font:900 clamp(76px,18vw,310px)/.72 var(--xm-font-display);letter-spacing:-.075em;overflow:hidden}html body.xifun-site-theme .footer .footer__content-bottom .copyright__content :is(p,strong,span){color:var(--xm-muted)!important}html body.xifun-site-theme .footer .footer__content-bottom .copyright__content a,html body.xifun-site-theme .footer .footer__content-bottom .copyright__content a strong{color:var(--xm-paper)!important}@media(max-width:1024px){#navigation-mobile.halo-sidebar_menu{width:100vw;max-width:none;background:var(--xm-ink);color:var(--xm-paper)}#navigation-mobile .halo-sidebar-wrapper{padding:clamp(76px,12vh,124px) var(--xm-page-pad) 40px}#navigation-mobile .menu-lv-1__action{color:var(--xm-paper);font-family:var(--xm-font-display);font-size:clamp(34px,8vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.05}body.menu_open #navigation-mobile .menu-lv-1{animation:xm-menu-in var(--xm-normal) var(--xm-ease-cinematic) both;animation-delay:calc(var(--xm-menu-i, 0) * 45ms)}@keyframes xm-menu-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}.xifun-cursor{position:fixed;z-index:10001;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--xm-orange);color:var(--xm-ink);pointer-events:none;transform:translate3d(-100px,-100px,0);display:grid;place-items:center;font:800 11px/1 var(--xm-font-body);letter-spacing:.08em;transition:width var(--xm-fast),height var(--xm-fast),background var(--xm-fast)}.xifun-cursor span{opacity:0}.xifun-cursor.is-active{width:82px;height:82px}.xifun-cursor.is-active span{opacity:1}body.xm-cursor-enabled,body.xm-cursor-enabled a,body.xm-cursor-enabled button{cursor:none}.xm-cart-total-updated{animation:xm-total .36s var(--xm-ease-cinematic)}@keyframes xm-total{50%{color:var(--xm-orange);transform:translateY(-2px)}}@media(max-width:989px){.interactive-hero{min-height:calc(100svh - 52px)}.interactive-hero__bottom,.interactive-category__content{align-items:flex-start;flex-direction:column}.horizontal-showcase__stage{min-height:auto;padding-block:var(--xm-section-space)}.horizontal-showcase__sticky{position:relative;height:auto;overflow:visible}.horizontal-showcase__track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;padding-bottom:20px}.horizontal-showcase__card{flex:0 0 min(82vw,560px);scroll-snap-align:start}.featured-products-motion__head,.sticky-story__layout,.editorial-banner__grid{grid-template-columns:1fr}.sticky-story__copy{position:relative;top:auto}.interactive-category__item{min-height:78svh}.template-product .productView-images-wrapper{position:relative;top:auto}}@media(max-width:749px){.interactive-hero__title{font-size:clamp(48px,16vw,78px)}.interactive-category__title{font-size:clamp(48px,15vw,76px)}.featured-products-motion__grid{grid-template-columns:1fr}.footer:before{font-size:clamp(72px,27vw,130px)}}@media(hover:none),(pointer:coarse){.xifun-cursor{display:none!important}.xifun-motion-button{min-height:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-parallax],.horizontal-showcase__track{transform:none!important}.motion-ready [data-reveal],.motion-ready [data-image-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.xifun-cursor,.xifun-opening{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/motion-system.css.map */