@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;600&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Bodoni Moda",serif}.landing{background:#1b1b1b;display:-webkit-flex;display:flex;color:#fafafa;z-index:1}@media (max-width:600px){.landing{-webkit-flex-direction:column;flex-direction:column}}.landing .active{z-index:20;position:absolute;left:100%;padding:15% 10%;transition:all .5s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (max-width:600px){.landing .active{width:100vw;height:100vh;visibility:visible;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#1b1b1b;color:#fafafa}}.landing .active .close{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.landing .active .close .line{width:18px;height:1px;background:#fff;margin:5px 0}.landing .active .close .first{-webkit-transform:rotate(45deg) translateY(8px);transform:rotate(45deg) translateY(8px)}.landing .active .close .second{-webkit-transform:rotate(-45deg) translateY(-8px);transform:rotate(-45deg) translateY(-8px)}.landing .active .content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:70vh;padding:15% 0;font-size:22px}.landing .active .content .links:hover{color:#cfb53b}.landing .dropdown{position:absolute;left:-100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.landing .left{width:40%;padding:2% 4%}@media (max-width:600px){.landing .left{width:100%;padding:10%}}.landing .left .mobile-img{display:none;padding-top:40px}@media (max-width:600px){.landing .left .mobile-img{display:-webkit-flex;display:flex}}.landing .left .mobile-img .img-container{display:-webkit-flex;display:flex;overflow:auto}.landing .left .mobile-img .img-container::-webkit-scrollbar{display:none}.landing .left .mobile-img .img-container .image{-webkit-flex:0 0 auto;flex:0 0 auto;width:230px;height:230px}.landing .left .mobile-img .img-container .image:not(:last-of-type){margin-right:20px}.landing .left .nav{-webkit-justify-content:space-between;justify-content:space-between}.landing .left .nav,.landing .left .nav .eko-logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.landing .left .nav .eko-logo{-webkit-justify-content:center;justify-content:center;color:#fff;border:1px solid #fff;padding:12px;width:28%;font-family:"Proxima Nova";font-weight:light}@media (max-width:600px){.landing .left .nav .eko-logo{font-size:11px;width:30%;padding:10px 6px}}@media (min-width:601px) and (max-width:900px){.landing .left .nav .eko-logo{width:40%;font-size:13px}}@media (min-width:901px) and (max-width:1200px){.landing .left .nav .eko-logo{width:40%}}.landing .left .nav .hamburger{display:none;cursor:pointer}@media (max-width:600px){.landing .left .nav .hamburger{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}.landing .left .nav .hamburger .line{width:18px;height:1px;background:#fff;margin:5px 0}.landing .left .wel-con{overflow:hidden;visibility:hidden}.landing .left .wel-con .welcome{font-size:42px;line-height:56px;max-width:100%;margin-top:35%;opacity:1}@media (max-width:600px){.landing .left .wel-con .welcome{font-size:32px;line-height:45px;max-width:92%;margin-top:20%}}@media (min-width:601px) and (max-width:900px){.landing .left .wel-con .welcome{font-size:24px;margin-top:30%;line-height:40px}}@media (min-width:901px) and (max-width:1200px){.landing .left .wel-con .welcome{font-size:28px;line-height:45px}}.landing .left .land-con{visibility:hidden;overflow:hidden}.landing .left .land-con .landing-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#cfb53b;width:55%;padding:4% 0;margin-top:10%;cursor:pointer;color:#fafafa;transition:all .3s ease-out;opacity:1}@media (max-width:600px){.landing .left .land-con .landing-btn{padding:6% 0}}@media (min-width:601px) and (max-width:900px){.landing .left .land-con .landing-btn{padding:6% 0}}@media (min-width:901px) and (max-width:1200px){.landing .left .land-con .landing-btn{height:9%}}.landing .left .land-con .landing-btn:hover{background:#fafafa;color:#cfb53b}.landing .left .land-con .landing-btn .arrow{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center;font-size:17px}.landing .left .land-con .landing-btn .visit{font-family:"Proxima Nova"}@media (min-width:601px) and (max-width:900px){.landing .left .land-con .landing-btn{font-size:13px}}.landing .right{width:60%}@media (max-width:600px){.landing .right{width:100%}}@media (max-width:600px){.landing .right .top{display:none}}.landing .right .top ul{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:4%;margin:0 2%}.landing .right .top ul li{list-style:none;transition:all .3s ease;cursor:pointer}@media (min-width:601px) and (max-width:900px){.landing .right .top ul li{font-size:12px}}.landing .right .top ul li:hover{color:#cfb53b}#bottom{padding:0 5% 5%;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:20px}@media (max-width:600px){#bottom{display:none}}@media (min-width:601px) and (max-width:900px){#bottom{padding:5% 10%;grid-gap:10px}}#bottom .reveal-left{width:100%;height:100%;visibility:hidden}#bottom .reveal-left .pictures1{position:relative;overflow:hidden;width:100%;height:100%}#bottom .reveal-left .pictures1 .cover{position:absolute;width:100%;height:100%;top:0;right:0;background-color:#1b1b1b;z-index:99}#bottom .reveal-left .pictures1 .pic1{position:absolute;right:0}@media (min-width:601px) and (max-width:900px){#bottom .reveal-left .pictures1 .pic1{max-width:190px;max-height:190px}}@media (min-width:901px) and (max-width:1200px){#bottom .reveal-left .pictures1 .pic1{max-width:250px;max-height:250px}}#bottom .reveal-left .pictures4{position:relative;overflow:hidden;width:100%;height:100%}#bottom .reveal-left .pictures4 .cover{position:absolute;width:100%;height:100%;top:0;right:0;background-color:#1b1b1b;z-index:99}@media (min-width:601px) and (max-width:900px){#bottom .reveal-left .pictures4 .pic4{max-width:190px;max-height:190px}}@media (min-width:901px) and (max-width:1200px){#bottom .reveal-left .pictures4 .pic4{max-width:250px;max-height:250px}}#bottom .reveal-right{width:100%;height:100%;visibility:hidden}#bottom .reveal-right .pictures2{position:relative;overflow:hidden;width:100%;height:100%}#bottom .reveal-right .pictures2 .cover{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#1b1b1b;z-index:99}#bottom .reveal-right .pictures2 .pic2{position:absolute;top:80px}@media (min-width:601px) and (max-width:900px){#bottom .reveal-right .pictures2 .pic2{max-width:140px;max-height:140px;top:50px}}@media (min-width:901px) and (max-width:1200px){#bottom .reveal-right .pictures2 .pic2{max-width:200px;max-height:200px;top:50px}}#bottom .reveal-right .pictures3{position:relative;overflow:hidden;width:100%;height:100%}#bottom .reveal-right .pictures3 .cover{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#1b1b1b;z-index:99}#bottom .reveal-right .pictures3 .pic3{position:absolute;right:0}@media (min-width:601px) and (max-width:900px){#bottom .reveal-right .pictures3 .pic3{max-width:140px;max-height:140px}}@media (min-width:901px) and (max-width:1200px){#bottom .reveal-right .pictures3 .pic3{max-width:200px;max-height:200px}}.section .artwork{padding:2% 4% 7%}@media (max-width:600px){.section .artwork{padding:10%}}.section .artwork .section-nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:3% 0}.section .artwork .section-nav .heading{font-size:30px;position:relative;padding-bottom:2%}@media (max-width:600px){.section .artwork .section-nav .heading{font-size:26px;padding-bottom:7%}}.section .artwork .section-nav .heading:after{content:"";position:absolute;width:90%;height:3px;bottom:0;left:0;background:#cfb53b}.section .artwork .section-nav .all{display:-webkit-flex;display:flex;color:#cfb53b;font-size:14px;-webkit-align-items:center;align-items:center;cursor:pointer}@media (max-width:600px){.section .artwork .section-nav .all{display:none}}.section .artwork .section-nav .all .all-text{font-family:"Proxima Nova"}.section .artwork .section-nav .all .icon{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center}.section .artwork .images{display:-webkit-flex;display:flex}@media (max-width:600px){.section .artwork .images{-webkit-flex-direction:column;flex-direction:column}}.section .artwork .images .card{width:33.3%}@media (max-width:600px){.section .artwork .images .card{width:100%;margin-top:15%}}.section .artwork .images .card .picture{width:100%}.section .artwork .images .card .picture img{width:100%;height:100%;object-position:center;object-fit:contain}.section .artwork .images .card .title{margin:5% 0;font-weight:600}.section .artwork .images .card .author{font-family:"Proxima Nova";font-size:11px}.section .artwork .images .middle{margin:0 2%}@media (max-width:600px){.section .artwork .images .middle{margin:15% 0 0}}.section .artwork .images .all-down{display:none;color:#cfb53b;font-size:14px;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:10%}@media (max-width:600px){.section .artwork .images .all-down{display:-webkit-flex;display:flex}}.section .artwork .images .all-down .all-text{font-family:"Proxima Nova"}.section .artwork .images .all-down .icon{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center}.section .artist{padding:5% 4% 3%;background:#fafafa;display:-webkit-flex;display:flex}@media (max-width:600px){.section .artist{-webkit-flex-direction:column;flex-direction:column;padding:10%}}.section .artist .left{width:50%}@media (max-width:600px){.section .artist .left{width:100%}}.section .artist .left .heading{font-size:30px;position:relative;padding-bottom:2%}@media (max-width:600px){.section .artist .left .heading{font-size:20px;width:60%;padding-bottom:7%}}.section .artist .left .heading:after{content:"";position:absolute;width:39%;height:3px;bottom:0;left:0;background:#cfb53b}@media (max-width:600px){.section .artist .left .heading:after{width:100%}}@media (min-width:601px) and (max-width:900px){.section .artist .left .heading:after{width:68%}}.section .artist .left .author{font-weight:600;font-size:20px;margin:4% 0}@media (max-width:600px){.section .artist .left .author{font-size:16px;margin-top:10%}}@media (min-width:601px) and (max-width:900px){.section .artist .left .author{margin:7% 0}}.section .artist .left .description{font-family:"Proxima Nova";max-width:60%;line-height:56px}@media (max-width:600px){.section .artist .left .description{max-width:100%;line-height:40px}}@media (min-width:601px) and (max-width:900px){.section .artist .left .description{max-width:80%;line-height:35px}}@media (min-width:901px) and (max-width:1200px){.section .artist .left .description{line-height:40px}}.section .artist .right{width:50%;margin-top:7%}@media (max-width:600px){.section .artist .right{width:100%}}@media (min-width:601px) and (max-width:900px){.section .artist .right{margin-top:15%}}.section .artist .right .image-div{height:100%;width:90%}@media (max-width:600px){.section .artist .right .image-div{width:100%}}.section .artist .right .image-div img{height:90%;width:100%}@font-face{font-family:"Proxima Nova";src:url(/static/media/proxima.7bc9ce40.otf)}.footer{background:#1b1b1b;color:#fafafa;padding:2% 4%}@media (max-width:600px){.footer{padding:4% 10%}}.footer .first{display:-webkit-flex;display:flex}@media (max-width:600px){.footer .first{-webkit-flex-direction:column;flex-direction:column}}.footer .first .left{width:50%}@media (max-width:600px){.footer .first .left{width:100%}}.footer .first .left .top{display:-webkit-flex;display:flex;padding:3% 5% 3% 0}@media (max-width:600px){.footer .first .left .top{-webkit-flex-direction:column;flex-direction:column;padding-right:none}}.footer .first .left .top .side{width:30%}@media (max-width:600px){.footer .first .left .top .side{width:50%}}.footer .first .left .top .side .logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;border:1px solid #fff;padding:12px;font-family:"Proxima Nova";font-weight:light;width:70%}@media (max-width:600px){.footer .first .left .top .side .logo{font-size:12px;padding:10px}}@media (min-width:601px) and (max-width:900px){.footer .first .left .top .side .logo{font-size:12px;width:100%}}@media (min-width:901px) and (max-width:1200px){.footer .first .left .top .side .logo{width:90%}}.footer .first .left .top .top-right{display:-webkit-flex;display:flex;width:70%;-webkit-justify-content:space-around;justify-content:space-around}@media (max-width:600px){.footer .first .left .top .top-right{padding-top:6%;padding-bottom:3%;width:100%;-webkit-justify-content:space-around;justify-content:space-around}}.footer .first .left .top .top-right .side .center{margin:20px 0}.footer .first .left .top .top-right .side .option{opacity:.6;transition:all .3s ease;cursor:pointer}@media (max-width:600px){.footer .first .left .top .top-right .side .option{opacity:1;font-size:13px}}.footer .first .left .top .top-right .side .option:hover{opacity:1}.footer .first .right{width:50%;display:-webkit-flex;display:flex;padding:1% 0}@media (max-width:600px){.footer .first .right{width:100%}}.footer .first .right .icon{font-size:24px;opacity:.7;transition:all .3s ease;cursor:pointer}.footer .first .right .icon:hover{opacity:1}@media (max-width:600px){.footer .first .right .icon{opacity:1;font-size:20px}}.footer .first .right .center{margin:0 10%}.footer .bottom{display:-webkit-flex;display:flex;font-size:10px;-webkit-align-items:center;align-items:center}@media (max-width:600px){.footer .bottom{margin-top:10%}}@media (min-width:601px) and (max-width:900px){.footer .bottom{margin-top:5%}}.footer .bottom .text{font-family:"Proxima Nova";opacity:.8}.footer .bottom .icon{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center}
/*# sourceMappingURL=main.410bf7cd.chunk.css.map */