@keyframes keyShow{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes keyHide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.anim-fade{opacity:0;--fade-transform: translate(0, 10px);--fade-duration: 1s;--fade-delay: 0s;--fade-filter: none;--fade-timing-function: cubic-bezier(.4, 0, .2, 1)}.anim-fade.is-animate,.is-animate-wrap .anim-fade{animation-name:keyFade;animation-duration:var(--fade-duration);animation-delay:var(--fade-delay);animation-timing-function:var(--fade-timing-function);animation-fill-mode:forwards}html:not(.js-enabled) .anim-fade{opacity:1}@media print{.anim-fade{opacity:1}}@keyframes keyFade{0%{opacity:0;transform:var(--fade-transform);filter:var(--fade-filter)}99%{filter:blur(0px)}to{opacity:1;transform:translate(0) scale(1);filter:none}}@keyframes keyClip{0%{opacity:var(--clip-opacity);clip-path:var(--clip-path);transform:var(--clip-transform)}80%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes keyAutoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.anim-fade{opacity:1!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.c-page-header-key.anim-fade,.sapporo-page-header-key.anim-fade,.roots-hero-media.anim-fade{opacity:1!important;animation:none!important;filter:none!important;position:relative}.c-page-header-key.anim-fade:after,.sapporo-page-header-key.anim-fade:after,.roots-hero-media.anim-fade:after{content:"";position:absolute;inset:0;z-index:2;background:var(--color-bg);pointer-events:none;animation:keyHeroOverlayOut .9s cubic-bezier(.4,0,.2,1) forwards}@keyframes keyHeroOverlayOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.c-page-header-key.anim-fade:after,.sapporo-page-header-key.anim-fade:after,.roots-hero-media.anim-fade:after{animation:none;opacity:0}}