.home .page-content{opacity:0}.home .page-content.active{opacity:1;transition:opacity 1s ease-out}.home .snap-container-wrap{padding-top:70px;height:calc(100vh - 50px)}.home .snap-container{overflow:auto;height:calc(100vh - 70px);scroll-snap-type:mandatory;scroll-snap-points-y:repeat(calc(100vh - 70px));scroll-snap-type:y mandatory}.home .snap-container>div.each{display:block;position:relative;height:calc(100vh - 70px);scroll-snap-align:start;overflow:hidden}.home .snap-container>div.each .mask{position:relative;overflow:hidden;width:100vw;height:calc(100vh - 70px);scale:1}.home .snap-container>div.each .mask .bg{position:absolute;top:0;left:0;width:100%;height:auto;transition:all 6s ease-in-out;transform:translateY(0) translateY(0);scale:1}@media (min-width: 1024px){.home .snap-container>div.each .mask .bg{top:70px}}.home .snap-container>div.each .mask .bg img{display:block;width:auto;height:auto;max-width:200%;max-height:200%}@media (min-width: 1024px){.home .snap-container>div.each .mask .bg img{display:inline;width:100%;height:100%;min-height:100vh;max-width:300%;max-height:300%}}@media (min-width: 1024px){.home .snap-container>div.each .mask.v .bg{transform:translateY(-100px)}}.home .snap-container>div.each .mask.v .bg img{display:block;width:auto;height:auto;max-width:200%;max-height:200%;transform:translate(-12.5%)}@media (min-width: 1024px){.home .snap-container>div.each .mask.v .bg img{display:inline;width:100%;height:100%;min-height:100vh;max-width:300%;max-height:300%;transform:translateY(-30px);transform:translate(0)}}@media (orientation: portrait){.home .snap-container>div.each .mask.h .bg{top:0}}.home .snap-container>div.each .mask.h .bg img{display:block;width:auto;height:auto;max-width:200%;max-height:200%;min-height:100vh}@media (min-width: 1024px){.home .snap-container>div.each .mask.h .bg img{display:inline}@media (orientation: landscape){.home .snap-container>div.each .mask.h .bg img{width:100vw;height:auto;min-height:100vh;min-width:100vh;max-width:initial;max-height:initial;transform:translateY(-100px)}}@media (orientation: portrait){.home .snap-container>div.each .mask.h .bg img{height:100vh;width:auto}}}.home .snap-container>div.each .mask .bg.active-v{transform:translateY(-20%) translate(-3%);scale:1.5}@media (min-width: 1024px){@media (orientation: landscape){.home .snap-container>div.each .mask .bg.active-v{transform:translateY(-1000px);scale:1.15}}@media (orientation: portrait){.home .snap-container>div.each .mask .bg.active-v{transform:translateY(-100px);scale:1.25}}}.home .snap-container>div.each .mask .bg.active-h{transform:translateY(-25px) translate(-180px);scale:1.075}@media (min-width: 1024px){@media (orientation: landscape){.home .snap-container>div.each .mask .bg.active-h{transform:translateY(-100px) translate(-20px);scale:1.2}}@media (orientation: portrait){.home .snap-container>div.each .mask .bg.active-h{transform:translateY(-100px) translate(-400px);scale:1.15}}}.home .snap-container>div.each .mask .font-title{position:absolute;display:block;width:100%;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);text-align:center;min-width:30%;margin:0 auto}.home .snap-container>div.each .mask .font-title span{display:block;width:auto;margin:0 auto;padding:5px 25px;color:#fff;font-size:50px;font-family:futura-pt,sans-serif;font-weight:300;opacity:0;line-height:1.2;transition:opacity 1.5s ease-out}@media (min-width: 640px){.home .snap-container>div.each .mask .font-title span{font-size:64px}}@media (min-width: 768px){.home .snap-container>div.each .mask .font-title span{font-size:77px}}@media (min-width: 1024px){.home .snap-container>div.each .mask .font-title span{font-size:88px}}.home .snap-container>div.each .mask .font-title small{text-align:center;display:inline-block;width:auto;margin:0 auto;padding:10px 50px;color:#fff;opacity:0;font-weight:700;font-size:20px;transition:opacity 1.5s ease-out .5s}.home .snap-container>div.each .mask .font-title.active span{opacity:1}.home .snap-container>div.each .mask .font-title.active small{opacity:1}.home .snap-framer-container{margin-top:45px;height:calc(100vh - 45px)}.home .snap-framer-container>div.each{display:block;position:relative;height:calc(100vh - 45px);scroll-snap-align:start;overflow:hidden}.home .snap-framer-container>div.each .bg{position:relative;height:calc(100vh - 45px)}.home .snap-framer-container>div.each .font-title{position:absolute;top:50%;left:0;background-color:#000;color:#fff}.home .pagenation{position:fixed;bottom:20px;right:20px}.home .pagenation div.outside{position:relative;background-color:#ffffffb3;overflow:hidden;background:transparent;width:40px;height:40px;border-radius:50%;border:none;font-size:1rem;color:#fff;font-weight:500;z-index:1;opacity:.7;display:flex;justify-content:center;align-items:center}.home .pagenation div.outside span{color:#fff;font-size:12px;position:relative;z-index:2}.home .pagenation div.outside:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border-radius:50%;border:2px solid #FFF;border-top-color:#666;animation:spinner 10s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}