.template-flex-intro-page{position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;z-index:10;padding:0;overflow:hidden}.template-flex-intro-page .intro-page-items{display:flex;width:100%;height:100%}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items{height:100%}}.template-flex-intro-page .intro-page-items .item{display:flex;flex-direction:column;justify-content:center;width:100%;opacity:0}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item{background-color:transparent;width:33.3333333333%}}.template-flex-intro-page .intro-page-items .item .hightlight{position:relative;z-index:100;height:100%;display:flex;align-items:center}.template-flex-intro-page .intro-page-items .item .hightlight .letter{font-size:25rem;font-family:var(--secondary-font-family);color:#978c86;align-items:center}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item .hightlight .letter{display:flex;flex-direction:column;width:35rem}}@media screen and (max-height:800px){.template-flex-intro-page .intro-page-items .item .hightlight .letter{font-size:20rem}}@media screen and (min-width:1200px){.template-flex-intro-page .intro-page-items .item .hightlight .letter{font-size:30.5rem}}@media screen and (min-width:1500px){.template-flex-intro-page .intro-page-items .item .hightlight .letter{font-size:36.5rem}}.template-flex-intro-page .intro-page-items .item .hightlight .letter .inner{display:none}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item .hightlight .letter .inner{display:flex}}.template-flex-intro-page .intro-page-items .item .hightlight .desc{font-family:var(--primary-font-family);height:calc(100% - 49rem);display:flex;flex-direction:column;margin:0 auto;text-align:justify;font-size:1.4rem;font-weight:600;color:#978b85;min-height:14rem;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s;padding:0 3rem}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item .hightlight .desc{top:100%;min-width:calc(100% - 1rem);position:absolute}}@media screen and (min-width:1024px){.template-flex-intro-page .intro-page-items .item .hightlight .desc{min-width:calc(100% + 6rem)}}@media screen and (min-width:1500px){.template-flex-intro-page .intro-page-items .item .hightlight .desc{min-width:calc(100% + 12rem)}}.template-flex-intro-page .intro-page-items .item .hightlight .desc .wrap{padding-top:2rem}@media screen and (min-width:1024px){.template-flex-intro-page .intro-page-items .item .hightlight .desc .wrap{padding-top:3rem}}@media screen and (max-height:800px){.template-flex-intro-page .intro-page-items .item .hightlight .desc .wrap{padding-top:.5rem}}@media screen and (min-width:1500px){.template-flex-intro-page .intro-page-items .item .hightlight .desc .wrap{padding-top:4rem}}.template-flex-intro-page .intro-page-items .item .hightlight .desc p{min-height:10.7rem;margin-bottom:2rem;color:#f9f9f9;font-weight:400;line-height:1.6;font-size:1.3rem;padding:0 2rem}@media screen and (max-height:800px){.template-flex-intro-page .intro-page-items .item .hightlight .desc p{min-height:9rem;font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem;padding:0 3rem}}@media screen and (min-width:1025px){.template-flex-intro-page .intro-page-items .item .hightlight .desc p{min-height:10.7rem;line-height:2;font-size:1.4rem;padding:0}}.template-flex-intro-page .intro-page-items .item .hightlight .desc .subtitle{display:block;font-size:2rem;text-align:center;letter-spacing:.69em;font-family:var(--primary-font-family);font-weight:600;text-transform:uppercase;color:#e59875;margin-bottom:2rem}@media screen and (max-height:800px){.template-flex-intro-page .intro-page-items .item .hightlight .desc .subtitle{margin-bottom:1rem}}.template-flex-intro-page .intro-page-items .item .hightlight .desc .btn-wrap{margin:auto auto 0;display:flex;width:100%;align-items:center;justify-content:center}.template-flex-intro-page .intro-page-items .item .hightlight .desc .btn{background-color:#615955;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-height:800px){.template-flex-intro-page .intro-page-items .item .hightlight .desc .btn{min-height:3.3rem;font-size:1.2rem}}.template-flex-intro-page .intro-page-items .item .hightlight .desc .btn:after{display:none}.template-flex-intro-page .intro-page-items .item .hightlight .desc .btn:hover{background-color:#e59875}.template-flex-intro-page .intro-page-items .item .image{background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;z-index:-1;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.template-flex-intro-page .intro-page-items .item-2 .image,.template-flex-intro-page .intro-page-items .item-3 .image{z-index:0}.template-flex-intro-page .intro-page-items .item .wrapper{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.template-flex-intro-page .intro-page-items .item .wrapper:after{content:"";position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;visibility:visible;transition:opacity .5s,visibility .5s;z-index:3}.template-flex-intro-page .intro-page-items .item.is-active .wrapper:after{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s}.template-flex-intro-page .intro-page-items .item.is-active .desc,.template-flex-intro-page .intro-page-items .item.is-active .image{opacity:1;visibility:visible;transition:opacity .5s,visibility 0s}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item-2 .wrapper:before{content:"";z-index:3;position:absolute;top:0;left:0;pointer-events:none;height:100vh;width:100%;transition:opacity .2s ease-in-out;border-left:2px solid hsla(0,0%,100%,.1);border-bottom-color:hsla(0,0%,100%,.1);border-right:2px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.1);z-index:5}}.template-flex-intro-page .intro-page-items .item.preload-item .desc,.template-flex-intro-page .intro-page-items .item.preload-item .image{opacity:0}.template-flex-intro-page .intro-page-items.preload-animation .item-2 .wrapper:before{display:none}.template-flex-intro-page .intro-page-items .mobile-only.letters{display:block;font-size:10rem;width:100%;text-align:center;font-family:var(--secondary-font-family);line-height:1;font-weight:400}.template-flex-intro-page .intro-page-items .mobile-only.letters span{opacity:0}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .mobile-only.letters{display:none}}.template-flex-intro-page .bullets{list-style:none;text-align:center;position:absolute;bottom:3rem;left:50%;transform:translateX(-50%)}@media screen and (min-width:768px){.template-flex-intro-page .bullets{display:none}}.template-flex-intro-page .bullets .bullet{display:inline-block;width:1.25rem;height:1.25rem;background-color:#978b85;border-radius:50%;margin:0 .5rem;cursor:pointer;transition:background-color .5s}.template-flex-intro-page .bullets .bullet.active{background-color:var(--primary-color)}@media screen and (max-width:767px){.template-flex-intro-page .intro-page-items .item{display:none}.template-flex-intro-page .intro-page-items .item.is-active{display:flex;opacity:1}}@media screen and (min-width:768px){.template-flex-intro-page .intro-page-items .item-1.preload-item .letter{right:0;transition:background-color .5s ease}.template-flex-intro-page .intro-page-items .item-1:not(.preload-item) .letter{right:calc(50% - 17.5rem)}.template-flex-intro-page .intro-page-items .item-1 .letter{transition:right .3s ease}.template-flex-intro-page .intro-page-items .item-2.preload-item .letter,.template-flex-intro-page .intro-page-items .item-2:not(.preload-item) .letter{left:50%;transform:translate(-50%,-50%)}.template-flex-intro-page .intro-page-items .item-3.preload-item .letter{left:0;transition:background-color .5s ease}.template-flex-intro-page .intro-page-items .item-3:not(.preload-item) .letter{left:calc(50% - 17.5rem)}.template-flex-intro-page .intro-page-items .item-3 .letter{transition:left .3s ease}.template-flex-intro-page .intro-page-items .item .letter{top:50%;transform:translateY(-50%);position:absolute;line-height:1;text-align:center;display:block;width:28rem}}

/*# sourceMappingURL=_intro_page.css.map*/