body.page-template-how.admin-bar main#site-content section#hero{height:calc(100vh - 32px)}body.page-template-how main#site-content section#hero{background-color:var(--color-background);height:100vh;max-height:1000px;overflow:hidden;padding:30px 0;position:relative}body.page-template-how main#site-content section#hero:before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);content:"";height:100%;left:0;position:absolute;top:0;width:50%;z-index:1}@media screen and (max-width:768px){body.page-template-how main#site-content section#hero:before{display:none}}body.page-template-how main#site-content section#hero:after{background:linear-gradient(180deg,rgba(7,13,18,0),#070d12);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}body.page-template-how main#site-content section#hero .entries{height:100%}@media screen and (max-width:768px){body.page-template-how main#site-content section#hero .entries{height:95%}}body.page-template-how main#site-content section#hero .entries .background-video{display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:0}body.page-template-how main#site-content section#hero .entries .background-video video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:768px){body.page-template-how main#site-content section#hero .entries .background-video video{transform:none}}body.page-template-how main#site-content section#hero .entries .container{height:100%;position:relative;z-index:3}body.page-template-how main#site-content section#hero .entries .container>.content{color:var(--color-white);display:flex;flex-direction:column;gap:30px;height:100%;justify-content:end;position:relative}body.page-template-how main#site-content section#hero .entries .container>.content h1{font-family:var(--heading-font);font-size:104px;line-height:1em;text-transform:uppercase}@media screen and (max-width:1280px){body.page-template-how main#site-content section#hero .entries .container>.content h1{font-size:65px}}@media screen and (max-width:768px){body.page-template-how main#site-content section#hero .entries .container>.content h1{font-size:48px}}body.page-template-how main#site-content section#hero .entries .container>.content p{font-family:var(--body-font-light);font-size:20px;line-height:1.5em;max-width:600px}@media screen and (max-width:1280px){body.page-template-how main#site-content section#hero .entries .container>.content p{font-size:18px}}body.page-template-how main#site-content section#three-d-showup{position:relative;z-index:3}body.page-template-how main#site-content section#three-d-showup .entries .container .image{width:100%}body.page-template-how main#site-content section#three-d-showup .entries .container .image img{left:50%;position:relative;transform:translateX(-54%);width:100%}@media screen and (max-width:768px){body.page-template-how main#site-content section#three-d-showup .entries .container .image img{width:300%}}body.page-template-how main#site-content section#story-line{padding:100px 0 0;position:relative;z-index:3}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line{padding:80px 0 0}}body.page-template-how main#site-content section#story-line .entries .container{max-width:1140px}body.page-template-how main#site-content section#story-line .entries .container .info{color:var(--color-white);margin:auto auto 50px}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .info{margin-bottom:80px}}body.page-template-how main#site-content section#story-line .entries .container .info h2{font-family:var(--heading-font);font-size:80px;line-height:1.1em;margin-bottom:20px;text-align:center;text-transform:uppercase}@media screen and (max-width:1280px){body.page-template-how main#site-content section#story-line .entries .container .info h2{font-size:65px}}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .info h2{font-size:35px}}body.page-template-how main#site-content section#story-line .entries .container .info p{display:block;font-family:var(--body-font-light);font-size:24px;line-height:1.5em;margin:auto;max-width:800px;text-align:center}@media screen and (max-width:1280px){body.page-template-how main#site-content section#story-line .entries .container .info p{font-size:20px}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block{align-items:center;display:flex;gap:20px;height:80vh;max-height:1000px}@media screen and (max-width:992px) and (orientation:landscape){body.page-template-how main#site-content section#story-line .entries .container .story-line-block{gap:50px;height:auto;max-height:none}}@media screen and (max-width:992px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block{flex-direction:column;height:auto;max-height:none}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .cta-scroll-down{color:#859aad;margin-top:20px;pointer-events:none}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .cta-scroll-down{display:none}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .cta-scroll-down:after{background:#859aad}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts{display:flex;flex-direction:column;height:85vh;justify-content:space-around;max-height:1000px;max-width:428px;position:relative;width:50%}@media screen and (max-width:992px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts{display:none}}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts{display:block;gap:50px;height:auto;margin:0;max-height:none;max-width:none;width:100%}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item{color:var(--color-white);opacity:0;padding-right:20px;position:absolute;top:50%;transform:translateY(100px);transform:translate(-20%,-50%);transition:.7s}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item{opacity:1;padding-right:0;position:relative;top:0;transform:none}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure{display:none;left:50%;margin-top:40px;position:relative;transform:translateX(-51%);width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure img{width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure .circle-links{font-family:var(--body-font);left:50%;position:absolute;text-transform:uppercase;top:50%;transform:translate(-49%,-50%);width:94%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure .circle-links svg{width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure .circle-links svg a{text-decoration:none}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item:last-of-type figure{display:block}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item.current{opacity:1;transform:translateY(-50%);transition:.7s}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item.current{transform:none}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item figure{display:none;margin-top:40px;width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item figure img{width:100%}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item figure{display:block}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item h3{font-family:var(--heading-font);font-size:36px;line-height:1.2em;margin-bottom:10px;text-transform:uppercase}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .texts .item p{font-family:var(--body-font-light);font-size:16px;line-height:1.5em}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector{height:-moz-fit-content;height:fit-content;position:absolute;right:0;top:100px;width:50%}@media screen and (max-width:768px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector{display:none}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector img{width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector .circle-links{bottom:15px;left:50%;position:absolute;transform:translateX(-50%);width:95%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector .circle-links svg{height:100%;width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector .circle-links svg text{font-family:var(--body-font);text-transform:uppercase}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector .circle-links svg text a{margin-right:10px;text-decoration:none}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos{aspect-ratio:1/1;border-radius:100%;cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s;width:275px;z-index:2}@media screen and (max-width:1100px){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos{width:235px}}@media screen and (max-width:768px) and (orientation:landscape){body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos{width:40%}}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos:hover span[data-preview-image-url].current{opacity:.7;transition:.5s}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='8' y='7' width='64' height='64' rx='32' fill='%231185F0' fill-opacity='.5'/%3E%3Cpath d='M32.801 46.38V31.611c-.007-.25.056-.496.182-.713.127-.218.313-.398.537-.52a1.458 1.458 0 0 1 1.464.037L48.082 37.8c.219.124.4.301.526.514a1.37 1.37 0 0 1 0 1.398 1.43 1.43 0 0 1-.526.514l-13.098 7.385a1.493 1.493 0 0 1-1.46-.003 1.43 1.43 0 0 1-.533-.52 1.37 1.37 0 0 1-.19-.708Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='-1' width='80' height='81' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3381_69892'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3381_69892' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:contain;content:"";display:block;height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:1}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos a{background:var(--preview-image-url);background-position:50%;background-size:cover;border-radius:100%;height:100%;opacity:0;position:absolute;transition:.5s;width:100%}body.page-template-how main#site-content section#story-line .entries .container .story-line-block .vector #circle-videos a.current{opacity:1;transition:.5s}body.page-template-how main#site-content section#map-section{padding-top:80px;position:relative;z-index:3}@media screen and (max-width:1280px){body.page-template-how main#site-content section#map-section{padding:80px 0}}body.page-template-how main#site-content section#map-section h2{color:var(--color-white);font-family:var(--heading-font);font-size:36px;margin-bottom:24px;text-align:center;text-transform:uppercase}body.page-template-how main#site-content section#explore{color:var(--color-white);padding:120px;position:relative;z-index:3}@media screen and (max-width:1280px){body.page-template-how main#site-content section#explore{padding:0 0 58px}}body.page-template-how main#site-content section#explore .entries .container{max-width:1140px}body.page-template-how main#site-content section#explore .entries .container h2{font-family:var(--heading-font);font-size:36px;line-height:1.3em;margin-bottom:56px;text-align:center;text-transform:uppercase}@media screen and (max-width:768px){body.page-template-how main#site-content section#explore .entries .container h2{font-size:30px;margin-bottom:64px}}body.page-template-how main#site-content section#explore .entries .container .items{display:flex;gap:16px}@media screen and (max-width:768px){body.page-template-how main#site-content section#explore .entries .container .items{flex-direction:column}}body.page-template-how main#site-content section#explore .entries .container .items .item{align-items:center;border:1px solid #213445;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:40px;text-align:center}@media screen and (max-width:768px){body.page-template-how main#site-content section#explore .entries .container .items .item{padding:36px}}body.page-template-how main#site-content section#explore .entries .container .items .item svg{margin-bottom:24px}body.page-template-how main#site-content section#explore .entries .container .items .item h3{font-family:var(--body-font);font-size:24px;margin-bottom:8px}body.page-template-how main#site-content section#explore .entries .container .items .item p{font-family:var(--body-font-light);font-size:14px;line-height:1.5em;margin-bottom:24px}body.page-template-how main#site-content section#explore .entries .container .items .item a.btn-default{margin:auto auto 0;width:100%}body.page-template-how main#site-content section#contact{margin-bottom:120px}@media screen and (max-width:768px){body.page-template-how main#site-content section#contact{margin-bottom:80px}body.page-template-how main#site-content section#contact .entries{padding:0 20px}}body.page-template-how main#site-content section#contact .entries .container{align-items:center;border-radius:80px;display:flex;justify-content:center;overflow:hidden;padding:80px 0;position:relative}@media screen and (max-width:768px){body.page-template-how main#site-content section#contact .entries .container{padding:48px 0}}body.page-template-how main#site-content section#contact .entries .container figure{height:100%;left:0;position:absolute;top:0;width:100%}body.page-template-how main#site-content section#contact .entries .container figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body.page-template-how main#site-content section#contact .entries .container .content{color:var(--color-white);position:relative;text-align:center;z-index:3}@media screen and (max-width:768px){body.page-template-how main#site-content section#contact .entries .container .content{padding:0 24px}}body.page-template-how main#site-content section#contact .entries .container .content h2{font-family:var(--heading-font);font-size:80px;line-height:1.1em;text-transform:uppercase}@media screen and (max-width:768px){body.page-template-how main#site-content section#contact .entries .container .content h2{font-size:40px}}body.page-template-how main#site-content section#contact .entries .container .content p{font-family:var(--body-font-light);font-size:18px;line-height:1.3em;margin-top:16px}@media screen and (max-width:768px){body.page-template-how main#site-content section#contact .entries .container .content p{font-size:18px;line-height:1.5em}}body.page-template-how main#site-content section#contact .entries .container .content a.btn-default{background-color:var(--color-accent);color:var(--color-white);margin:48px auto auto}body.page-template-how main#site-content section#contact .entries .container .content a.btn-default:hover{opacity:.7}