.container{background:none}section.fv{--spin-duration: 20s;--zoom-out-duration: 3s;--zoom-out-delay: 0.5s;--zoom-out-end-time: calc(var(--zoom-out-duration) + var(--zoom-out-delay));position:relative;height:calc(100vh + 80px);height:calc(100dvh + 80px);overflow:hidden}section.fv:not(.loaded) *{-webkit-animation-play-state:paused !important;animation-play-state:paused !important}section.fv .bg-container{position:fixed;inset:0;z-index:-1;-o-object-fit:cover;object-fit:cover;-webkit-animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards;animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards}section.fv .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-animation:bg-cross-fade 15s calc((4 - var(--index)) * -3s) linear infinite;animation:bg-cross-fade 15s calc((4 - var(--index)) * -3s) linear infinite}@-webkit-keyframes bg-cross-fade{0%{opacity:0;z-index:2;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}20%{opacity:1;z-index:2;-webkit-animation-timing-function:linear;animation-timing-function:linear}20.1%{opacity:1;z-index:1}40%{opacity:1;z-index:1}40.1%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}@keyframes bg-cross-fade{0%{opacity:0;z-index:2;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}20%{opacity:1;z-index:2;-webkit-animation-timing-function:linear;animation-timing-function:linear}20.1%{opacity:1;z-index:1}40%{opacity:1;z-index:1}40.1%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}section.fv .fv-container{position:relative;height:100vh;height:100dvh;z-index:0;-webkit-perspective:1500px;perspective:1500px}section.fv .ring{--ring-transform: translate3d(320px, -50px, 0) rotateX(-30deg) rotateZ(25deg);position:absolute;top:50%;left:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:var(--ring-transform);transform:var(--ring-transform);-webkit-animation:ring-zoom-out var(--zoom-out-duration) var(--zoom-out-delay) ease-in-out backwards;animation:ring-zoom-out var(--zoom-out-duration) var(--zoom-out-delay) ease-in-out backwards;z-index:1}@media (max-width: 768px){section.fv .ring{--ring-transform: translate3d(100px, -40px, -100px) rotateX(-30deg)
        rotateZ(25deg)}}@-webkit-keyframes ring-zoom-out{0%{-webkit-transform:translate3d(0, 0, 800px) rotateX(0deg) rotateZ(30deg);transform:translate3d(0, 0, 800px) rotateX(0deg) rotateZ(30deg)}100%{-webkit-transform:var(--ring-transform);transform:var(--ring-transform)}}@keyframes ring-zoom-out{0%{-webkit-transform:translate3d(0, 0, 800px) rotateX(0deg) rotateZ(30deg);transform:translate3d(0, 0, 800px) rotateX(0deg) rotateZ(30deg)}100%{-webkit-transform:var(--ring-transform);transform:var(--ring-transform)}}section.fv .ring-spin-accele{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:0;height:0;-webkit-transform:rotateY(-240deg);transform:rotateY(-240deg);-webkit-animation:ring-spin-accele var(--zoom-out-end-time) cubic-bezier(0, 0, 0.29, 1);animation:ring-spin-accele var(--zoom-out-end-time) cubic-bezier(0, 0, 0.29, 1)}@-webkit-keyframes ring-spin-accele{0%{-webkit-transform:rotateY(60deg);transform:rotateY(60deg)}100%{-webkit-transform:rotateY(-240deg);transform:rotateY(-240deg)}}@keyframes ring-spin-accele{0%{-webkit-transform:rotateY(60deg);transform:rotateY(60deg)}100%{-webkit-transform:rotateY(-240deg);transform:rotateY(-240deg)}}section.fv .ring-origin{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;width:0;height:0;-webkit-animation:spin var(--spin-duration) linear infinite;animation:spin var(--spin-duration) linear infinite}section.fv .card{--card-angle: calc(360deg / var(--card-count) * var(--index));--card-delay: calc((var(--index) - 4) / var(--card-count) * 3.2s);width:calc(var(--card-width) - 10px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;aspect-ratio:3/2;-webkit-transform:translate(-50%, -50%) rotateY(var(--card-angle)) translateZ(var(--ring-radius));transform:translate(-50%, -50%) rotateY(var(--card-angle)) translateZ(var(--ring-radius));-webkit-animation:fade-in 0.2s var(--card-delay) ease-out backwards;animation:fade-in 0.2s var(--card-delay) ease-out backwards}section.fv .card-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.01);box-shadow:0 0 10px rgba(0,0,0,0.01)}section.fv .card-image.front{opacity:0.95}section.fv .card-image.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0.5}section.fv .fv-images{position:absolute;top:50%;left:7.7%;width:31.4%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}@media (max-width: 768px){section.fv .fv-images{top:46%;width:80%;max-width:410px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}section.fv .fv-logo{display:block;width:100%;-webkit-animation:fade-in 1s calc(var(--zoom-out-end-time) - 1.5s) ease-out backwards;animation:fade-in 1s calc(var(--zoom-out-end-time) - 1.5s) ease-out backwards}section.fv .fv-message{display:block;width:78.1%;margin:0 auto;-webkit-animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards;animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards}section.fv .fv-anchor{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:32px;width:15.8%;max-width:288px;min-width:192px;-webkit-animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards;animation:fade-in 2s var(--zoom-out-end-time) ease-out backwards;z-index:2}@media (max-width: 768px){section.fv .fv-anchor{width:192px;bottom:45px}}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@keyframes spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
