.anniversary-motion-film{--anniversary-motion-film-lockup-gap: var(--space-token-xl);--anniversary-motion-film-lockup-width: 151px;--anniversary-motion-film-lockup-height: 36px;--anniversary-motion-film-header-offset: 66px;background:var(--color-bg-brand-dark);color:var(--color-text-white-primary)}.anniversary-motion-film__pin{position:sticky;top:var(--anniversary-motion-film-header-offset);height:calc((var(--amf-stage-height) * 1svh) - var(--anniversary-motion-film-header-offset));min-height:0;overflow:clip}.anniversary-motion-film__nav{position:absolute;z-index:4;inset:0 0 auto;display:flex;justify-content:center;gap:var(--space-token-3xl);min-height:56px;background:var(--color-bg-black);overflow-x:auto;scrollbar-width:none}.anniversary-motion-film__nav-item{flex:0 0 auto;padding:0;border:0;border-block-end:4px solid transparent;background:transparent;color:var(--color-text-white-secondary);font:var(--font-base-medium);cursor:pointer}.anniversary-motion-film__nav-item.is-active{color:var(--color-text-white-primary);border-color:var(--color-text-white-primary)}.anniversary-motion-film__stage{position:relative;height:100%;padding:var(--space-token-7xl) var(--space-token-4xl);isolation:isolate;perspective:1100px}.anniversary-motion-film--has-navigation .anniversary-motion-film__stage{padding-block-start:calc(var(--space-token-7xl) + 56px)}.anniversary-motion-film__mosaic{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;transform-style:preserve-3d}.anniversary-motion-film--has-navigation .anniversary-motion-film__mosaic{inset-block-start:56px}.anniversary-motion-film__responsive-scene-positioner{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;inline-size:70.2564102564vw;pointer-events:none;transform:translate3d(-50%,-50%,0)}.anniversary-motion-film__responsive-scene{inline-size:100%;margin:0;opacity:0;transform:scale(var(--amf-responsive-scene-scale, 1));transform-origin:center;will-change:opacity,transform}.anniversary-motion-film__responsive-scene picture-breakpoint,.anniversary-motion-film__responsive-scene picture,.anniversary-motion-film__responsive-scene-media{display:block;inline-size:100%;block-size:auto}.anniversary-motion-film__image{position:absolute;overflow:hidden;border-radius:var(--radius-s);opacity:0;transform-origin:center;transform-style:preserve-3d;will-change:filter,opacity,transform}.anniversary-motion-film__image picture-breakpoint,.anniversary-motion-film__image picture,.anniversary-motion-film__media{display:block;width:100%;height:100%}.anniversary-motion-film__media{object-fit:cover}.anniversary-motion-film__copy{position:relative;z-index:2;height:100%;max-width:1200px;margin-inline:auto;text-align:center;visibility:hidden;opacity:0}.anniversary-motion-film.is-copy-ready .anniversary-motion-film__copy{visibility:visible;opacity:1}.anniversary-motion-film__stack{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:50%;display:flex;flex-direction:column;align-items:center;inline-size:min(740px,86vw);transform:translate3d(-50%,-50%,0)}.anniversary-motion-film__lockup{display:flex;align-items:center;justify-content:center;margin-block-end:var(--anniversary-motion-film-lockup-gap);line-height:0}.anniversary-motion-film__lockup .mammotion-10th-logo{display:block;flex:none;inline-size:var(--anniversary-motion-film-lockup-width);block-size:var(--anniversary-motion-film-lockup-height)}.anniversary-motion-film__statements{display:grid;justify-items:center;inline-size:100%}.anniversary-motion-film__statement{grid-area:1 / 1;position:relative;z-index:2;inline-size:100%;margin:0;text-align:center;pointer-events:none;will-change:transform,opacity}.anniversary-motion-film__statement-title{margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font:var(--font-2xl-semibold);text-wrap:balance;background:linear-gradient(90deg,var(--color-text-white-secondary),var(--color-text-white-primary) 55%);background-size:200% 100%;background-position:calc((1 - var(--amf-color-progress, 0)) * 100%) 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.anniversary-motion-film__text{margin-block-start:var(--space-token-l);font:var(--font-description-xl)}.anniversary-motion-film__video{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-bg-brand-dark);opacity:0;pointer-events:none;transform-origin:center;will-change:filter,opacity,transform}.anniversary-motion-film__video-preview{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;opacity:var(--amf-video-preview-opacity, 0);pointer-events:none;transition:opacity .16s linear;object-fit:cover}.anniversary-motion-film__video-preview--pc,.anniversary-motion-film__video-preview--tablet{display:none}.anniversary-motion-film__video-preview--mobile{display:block}.anniversary-motion-film__video-poster,.anniversary-motion-film__video-poster-source,.anniversary-motion-film__video-poster picture-breakpoint,.anniversary-motion-film__video-poster-media{width:100%;height:100%}.anniversary-motion-film__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.anniversary-motion-film__video-poster-source{display:none}.anniversary-motion-film__video-poster-source--pc{display:block}.anniversary-motion-film__video-poster-media{display:block;object-fit:cover}.anniversary-motion-film__video-poster-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-bg-brand-dark) 42%,transparent);opacity:var(--amf-video-poster-decoration-opacity, 1);pointer-events:none;transition:opacity .16s linear}.anniversary-motion-film__video-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-bg-brand-dark) 42%,transparent);opacity:var(--amf-video-overlay-opacity, 0);pointer-events:none;transition:opacity .16s linear}.anniversary-motion-film__video-overlay[data-motion-film-video-overlay-ready]{pointer-events:auto}@media(min-width:768px){.anniversary-motion-film__video-preview--mobile{display:none}.anniversary-motion-film__video-preview--tablet{display:block}}@media(min-width:1280px){.anniversary-motion-film__video-preview--tablet{display:none}.anniversary-motion-film__video-preview--pc{display:block}}.anniversary-motion-film__video-content,.anniversary-motion-film__video-poster-content{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--space-token-xl);text-align:center}.anniversary-motion-film__video-poster-content{filter:blur(var(--blur-sm))}.anniversary-motion-film__video-title,.anniversary-motion-film__video-poster-title{margin:0;color:var(--color-text-white-primary);font:var(--font-5xl-semibold)}.anniversary-motion-film__video-title{opacity:0;transition:opacity .18s ease-in-out}.anniversary-motion-film__video-play,.anniversary-motion-film__video-poster-button{--anniversary-motion-film-play-size: 48px;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:0;inline-size:var(--anniversary-motion-film-play-size);min-inline-size:0;block-size:var(--anniversary-motion-film-play-size);min-block-size:0;padding:0;border:0;background:var(--color-bg-white);color:var(--color-bg-brand-dark);cursor:pointer;overflow:hidden}.anniversary-motion-film__video-poster-button{cursor:default;pointer-events:none}.anniversary-motion-film__video-play:focus-visible,.anniversary-motion-film__youtube-popup-close:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:4px}.anniversary-motion-film__video-play svg,.anniversary-motion-film__video-poster-button svg{flex:0 0 18px;inline-size:18px;block-size:18px}.anniversary-motion-film__video-play-label{flex:0 0 0;inline-size:0;min-inline-size:0;overflow:hidden;color:var(--color-bg-brand-dark);font:var(--font-base-medium);opacity:0;pointer-events:none;transform:translate(8px);white-space:nowrap}@media(min-width:1280px){.anniversary-motion-film__video-play{interpolate-size:allow-keywords;transition:gap .3s ease-in-out,inline-size .3s ease-in-out,padding .3s ease-in-out}.anniversary-motion-film__video-play-label{transition:inline-size .3s ease-in-out,opacity .18s ease-in-out,transform .3s ease-in-out}.anniversary-motion-film__video-play:focus-visible{inline-size:max-content;justify-content:flex-start;gap:var(--space-token-s);padding-inline:var(--space-token-l)}.anniversary-motion-film__video-play:focus-visible .anniversary-motion-film__video-play-label{flex-basis:auto;inline-size:max-content;opacity:1;transform:none}}@media(min-width:1280px)and (hover:hover){.anniversary-motion-film__video-play:hover{inline-size:max-content;justify-content:flex-start;gap:var(--space-token-s);padding-inline:var(--space-token-l)}.anniversary-motion-film__video-play:hover .anniversary-motion-film__video-play-label{flex-basis:auto;inline-size:max-content;opacity:1;transform:none}}.anniversary-motion-film__youtube-popup{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;box-sizing:border-box;inline-size:100vw;max-inline-size:100vw;block-size:100svh;max-block-size:100svh;margin:0;padding:var(--space-token-2xl);border:0;background:transparent}.anniversary-motion-film__youtube-popup:not([open]){display:none}.anniversary-motion-film__youtube-popup::backdrop{background:color-mix(in srgb,var(--color-bg-black) 72%,transparent)}.anniversary-motion-film__youtube-popup-content{position:relative;inline-size:min(1000px,calc(100vw - (var(--space-token-2xl) * 2)));aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:var(--color-bg-brand-dark);overflow:hidden}.anniversary-motion-film__youtube-player{display:block;inline-size:100%;block-size:100%;border:0}.anniversary-motion-film__youtube-popup-close{position:absolute;z-index:1;inset-block-start:var(--space-token-l);inset-inline-end:var(--space-token-l);display:grid;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-bg-brand-dark) 72%,transparent);color:var(--color-text-white-primary);cursor:pointer;font:var(--font-base-medium);place-items:center}@media(max-width:1279px){.anniversary-motion-film{--anniversary-motion-film-lockup-gap: var(--space-token-2xl);--anniversary-motion-film-lockup-width: 168px;--anniversary-motion-film-lockup-height: 40px}.anniversary-motion-film__stage{padding-inline:var(--space-token-xl)}.anniversary-motion-film__video-poster-source{display:none}.anniversary-motion-film__video-poster-source--tablet{display:block}.anniversary-motion-film__statement-title{font:var(--font-3xl-semibold)}.anniversary-motion-film__video-title,.anniversary-motion-film__video-poster-title{font:var(--font-4xl-semibold)}.anniversary-motion-film__youtube-popup{padding:0}.anniversary-motion-film__youtube-popup-content{inline-size:100%;block-size:90svh;aspect-ratio:auto;border-radius:0}}@media(max-width:767px){.anniversary-motion-film{--anniversary-motion-film-lockup-gap: var(--space-token-xl);--anniversary-motion-film-lockup-width: 151px;--anniversary-motion-film-lockup-height: 36px}.anniversary-motion-film__nav{justify-content:flex-start;gap:var(--space-token-l);padding-inline:var(--space-token-l)}.anniversary-motion-film__video-poster-source{display:none}.anniversary-motion-film__video-poster-source--mobile{display:block}.anniversary-motion-film__stage{padding:var(--space-token-5xl) var(--space-token-base)}.anniversary-motion-film--has-navigation .anniversary-motion-film__stage{padding-block-start:calc(var(--space-token-5xl) + 56px)}.anniversary-motion-film__statement-title{font:var(--font-2xl-semibold)}.anniversary-motion-film__text{font:var(--font-base-medium)}.anniversary-motion-film__video-content,.anniversary-motion-film__video-poster-content{gap:var(--space-token-l)}.anniversary-motion-film__video-title,.anniversary-motion-film__video-poster-title{font:var(--font-3xl-semibold)}.anniversary-motion-film__video-play,.anniversary-motion-film__video-poster-button{--anniversary-motion-film-play-size: 48px}.anniversary-motion-film__youtube-popup-close{inset-block-start:var(--space-token-xl);inset-inline-end:var(--space-token-xl)}}@media(min-width:768px)and (max-width:1279px){.anniversary-motion-film__responsive-scene-positioner{inline-size:32.8537170264vw}.anniversary-motion-film__video-play,.anniversary-motion-film__video-poster-button{--anniversary-motion-film-play-size: 36px}}@media(min-width:1280px){.anniversary-motion-film{--anniversary-motion-film-lockup-gap: var(--space-token-4xl);--anniversary-motion-film-lockup-width: 209px;--anniversary-motion-film-lockup-height: 50px}.anniversary-motion-film__statement-title{font:var(--font-5xl-semibold)}.anniversary-motion-film__responsive-scene-positioner{display:none}}.anniversary-motion-film--has-responsive-scene .anniversary-motion-film__image--ifa-hero{display:none}.anniversary-motion-film__image--ifa-hero{inset:auto;inline-size:0;block-size:auto;aspect-ratio:auto;overflow:hidden}.anniversary-motion-film__image--ifa-hero picture-breakpoint,.anniversary-motion-film__image--ifa-hero picture,.anniversary-motion-film__image--ifa-hero .anniversary-motion-film__media{block-size:auto;inline-size:100%}.anniversary-motion-film__image--ifa-hero .anniversary-motion-film__media{object-fit:initial}@media(min-width:1280px){.anniversary-motion-film--has-responsive-scene .anniversary-motion-film__image--ifa-hero{display:block}}@media(prefers-reduced-motion:reduce){.anniversary-motion-film__pin{position:relative;height:auto;overflow:visible}.anniversary-motion-film__stage,.anniversary-motion-film__copy{height:auto}.anniversary-motion-film__copy{visibility:visible;opacity:1}.anniversary-motion-film__stage{padding-block:var(--space-token-7xl)}.anniversary-motion-film__mosaic,.anniversary-motion-film__responsive-scene-positioner{display:none}.anniversary-motion-film__stack{position:relative;inset:auto;inline-size:min(740px,100%);margin-inline:auto;transform:none}.anniversary-motion-film__statement:not(:first-of-type),.anniversary-motion-film__image{display:none}.anniversary-motion-film__statement:first-of-type{opacity:1!important;transform:none!important}.anniversary-motion-film__video{position:relative;inset:auto;min-block-size:min(56.25vw,720px);margin-block-start:var(--space-token-5xl);opacity:1!important;filter:none!important;pointer-events:auto!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/anniversary-motion-film.css.map */