@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{margin:0}.App{width:100%;min-height:100vh;font-family:PT Sans,sans-serif;background:#8d927280}.App .main{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.App .main{flex-wrap:wrap}}.App .main .ad{position:fixed;z-index:15;top:0;left:0;background:#8d927280;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.App .main .ad .ad-container{position:relative;width:600px;height:600px;background-color:#c9cabc;box-shadow:1px 1px 10px #0003;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center}@media screen and (max-width: 330px){.App .main .ad .ad-container{height:350px}}@media screen and (min-width: 331px) and (max-width: 768px){.App .main .ad .ad-container{height:600px}}.App .main .ad .ad-container .image{background:url(/assets/dantza-ad-BID2Cjlx.jpg) no-repeat;background-position:center top;background-size:100%;width:100%;height:500px}@media screen and (max-width: 330px){.App .main .ad .ad-container .image{height:210px}}@media screen and (min-width: 331px) and (max-width: 768px){.App .main .ad .ad-container .image{height:400px;background-position:top}}.App .main .ad .ad-container a{padding:0 10px}.App .main .ad .ad-container a button{font-size:18px;padding:15px 50px}@media screen and (max-width: 330px){.App .main .ad .ad-container a button{padding:10px 50px;font-size:16px}}.App .main .quote-desktop{position:absolute;top:15px;margin:auto;left:37%;font-style:italic;font-size:18px;text-align:center;color:#848587}@media screen and (max-width: 768px){.App .main .quote-desktop{display:none}}.App .main .quote-mobile{text-align:center;font-style:italic;margin:10px 0 40px;color:#848587;font-size:16px}@media screen and (min-width: 769px){.App .main .quote-mobile{display:none}}.App .main>div.left-panel{width:20%;padding-right:30px;display:flex;flex-direction:column;overflow-y:auto;max-height:60%}@media screen and (max-width: 768px){.App .main>div.left-panel{width:80%;height:auto}}.App .main>div.left-panel::-webkit-scrollbar{display:none}.App .main>div.left-panel.menu-home{max-height:100%;height:100vh}@media screen and (max-width: 768px){.App .main>div.left-panel.menu-home{height:auto}}.App .main>div.left-panel.prints{width:50%;padding:0 40px 0 60px;box-sizing:border-box;color:#fff}.App .main>div.left-panel.prints.workshops{padding-top:0}@media screen and (max-width: 768px){.App .main>div.left-panel.prints.workshops{padding-top:200px;max-height:none;overflow-y:hidden}}@media screen and (min-width: 1700px){.App .main>div.left-panel.prints.workshops{padding:100px 40px 0}}@media screen and (max-width: 768px){.App .main>div.left-panel.prints{width:100%;padding:160px 40px 0;max-height:none;overflow-y:hidden}}@media screen and (min-width: 1700px){.App .main>div.left-panel.prints{padding:100px 40px 0}}.App .main>div.left-panel.prints p{margin:0;padding:20px;font-size:16px;background-color:#00000059}.App .main>div.left-panel.prints .spacer{display:inline-block;width:30px}.App .main .images-panel{width:40%;height:100vh;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:50px 25px 0 0}@media screen and (max-width: 768px){.App .main .images-panel{width:85%;padding:0}}.App .main .images-panel div{display:flex;align-items:center;justify-content:center;position:relative;transform:scale(.98);transition:transform .6s ease-in-out}.App .main .images-panel div:hover{transform:scale(1);transition:.6s ease-in-out}@media screen and (min-width: 769px){.App .main .images-panel div:hover a{visibility:visible;animation:opacity .5s}}.App .main .images-panel div.small{width:47%;height:30%}.App .main .images-panel div.large{width:47%;height:60%}.App .main .images-panel div.full{width:100%;height:60%}.App .main .images-panel div a{text-decoration:none;color:#fff;font-weight:500;font-size:22px;text-shadow:1px 1px 2px rgba(0,0,0,.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media screen and (min-width: 769px){.App .main .images-panel div a{visibility:hidden}}@media screen and (min-width: 1900px){.App .main .images-panel div a{font-size:38px}}.App .main .images-panel div:hover:before,.App .main .images-panel div:focus:before{content:"";position:absolute;width:100%;height:100%;z-index:5;background-color:#00000080;animation:.8s opacity}@keyframes opacity{0%{opacity:0}to{opacity:1}}.App .main .images-panel div#portfolio{background:url(/assets/portfolio-td1ghTQQ.jpg) center center/cover}.App .main .images-panel div#prints{background:url(/assets/prints-C-pGQg3k.jpg) center center/cover}.App .main .images-panel div#workshops{background:url(/assets/workshops-CWcXnwGu.jpg) center center/cover}.App .main .images-panel div#about{background:url(/assets/about-B9zYDj8b.png) center center/cover}.App .main .images-panel div#books{background:url(/assets/books-BN_O8Ll4.jpg) center center/cover}.App .main .images-panel div#press{background:url(/assets/press-c12htDCg.jpg) center center/cover}.App .main .images-panel div#contact{background:url(/assets/contact-OCTcwPm_.jpg) center center/cover}.App .main .books-panel{width:90%;height:100%;margin-top:200px;display:flex;flex-wrap:wrap;justify-content:flex-start;box-sizing:border-box;padding:50px 25px 0 0}@media screen and (max-width: 768px){.App .main .books-panel{margin-top:70px;padding-right:0}}.App .main .books-panel.press-panel{justify-content:flex-start}.App .main .books-panel .book{width:22%;height:auto;margin-bottom:80px;margin-right:30px;display:flex;flex-direction:column}@media screen and (max-width: 768px){.App .main .books-panel .book{width:100%}}.App .main .books-panel .book img{width:100%;height:auto}.App .main .books-panel .book h2{margin-bottom:0}.App .main .books-panel .book p{margin-top:10px;white-space:pre-line}.App .main .books-panel .book a button{font-size:16px;padding:10px 30px}.App .main .books-panel .book.press{width:auto;height:230px}@media screen and (max-width: 768px){.App .main .books-panel .book.press{width:100%}}.App .main .books-panel .book.press a{height:100%}.App .main .books-panel .book.press a img{width:auto;height:100%}.App .main .portfolio-panel{width:90%;height:90%;margin-top:70px;box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative}@media screen and (max-width: 768px){.App .main .portfolio-panel{overflow-y:scroll;overflow-x:hidden;height:auto}}.App .main .portfolio-panel.prints{margin-top:70px}.App .main .portfolio-panel .dropdown{width:200px;height:auto;z-index:10;position:sticky;top:30px;left:0;box-sizing:border-box}.App .main .portfolio-panel .item{width:auto;height:80vh;margin-right:50px;display:inline-block;text-align:center;transition:.8s ease-in-out;margin-top:70px}@media screen and (max-width: 768px){.App .main .portfolio-panel .item{display:block;width:100%;height:auto}}.App .main .portfolio-panel .item:first-child{margin-left:0}.App .main .portfolio-panel .item:hover{transform:scale(1.06);transition:.8s ease-in-out}.App .main .portfolio-panel .item img{height:90%}@media screen and (max-width: 768px){.App .main .portfolio-panel .item img{width:100%;height:auto}}.App .main .portfolio-panel .item h3{margin:0}.App .main .portfolio-panel .item a{display:block}.App .main .portfolio-panel .item a button{font-size:16px;padding:8px 50px}.App .main .logo{width:200px;height:auto;margin:40px 0 10px}@media screen and (max-width: 768px){.App .main .logo{margin:40px auto 10px}}.App .main nav{height:40%}@media screen and (max-width: 768px){.App .main nav{display:none}}.App .main nav ul{list-style:none;padding:0 20px}.App .main nav ul li{padding:10px 0}.App .main nav ul li a{text-decoration:none;color:#010101;position:relative}.App .main nav ul li a:before{content:"";position:absolute;width:100%;height:2px;bottom:-3px;left:0;background:#0003;visibility:hidden;border-radius:5px;transform:scaleX(0);transition:.25s linear}.App .main nav ul li a:hover:before,.App .main nav ul li a:focus:before{visibility:visible;transform:scaleX(1)}.App .main .about{width:100%;height:100%;box-sizing:border-box;padding:130px 65px 50px;display:flex;justify-content:space-between}@media screen and (max-width: 768px){.App .main .about{flex-direction:column;height:250%;padding:40px 40px 50px}}.App .main .about .picture{width:70%;height:auto;background:url(/assets/about-B9zYDj8b.png) center/auto 100% no-repeat}@media screen and (max-width: 768px){.App .main .about .picture{width:100%;height:60vh;margin-top:70px;background-size:100%}}@media screen and (min-width: 767px) and (max-width: 772px){.App .main .about .picture{height:80%}}.App .main .about .content{width:50%;height:100%;box-sizing:border-box;padding:0 70px 0 0;overflow-y:auto}.App .main .about .content h2{color:#0000004d;margin-top:0}@media screen and (max-width: 768px){.App .main .about .content h2{margin-top:20px}}.App .main .about .content p{text-align:justify}@media screen and (max-width: 768px){.App .main .about .content{width:100%;padding:0}}.App .main .about.contact .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 768px){.App .main .about.contact .content{height:50%}}.App .main .about.contact .content img{width:700px;opacity:.5}@media screen and (max-width: 768px){.App .main .about.contact .content img{width:80%;margin-bottom:30px}}.App .main .about.contact .content .buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto}@media screen and (max-width: 768px){.App .main .about.contact .content .buttons{flex-direction:column}}.App .main .about.contact .content .buttons a button{width:200px;font-size:16px;padding:15px 50px;margin-right:20px}.App .main .about.contact .content .buttons a button i{margin-right:10px;font-size:18px}.mem-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#101010;border:none;color:#fff;font-family:PT Sans,sans-serif;cursor:pointer;transition:background-color .5s ease-in-out;margin-bottom:20px}.mem-btn:hover{background-color:#000000b3}.status-msg{font-family:PT Sans,sans-serif;font-size:16px;color:#848587;padding:20px;margin:0}.status-msg--error{color:#c0392b}.close{position:absolute;top:20px;right:15px;height:30px}.close .outer{position:relative;margin:auto;width:50px;cursor:pointer}.close .inner{width:inherit;text-align:center}.close label{font-family:PT Sans,sans-serif;font-size:.8em;line-height:2.5em;text-transform:uppercase;color:#000;transition:all .3s ease-in;opacity:0;cursor:pointer}.close .inner:before,.close .inner:after{position:absolute;content:"";height:1px;width:inherit;background:#000;left:0;transition:all .3s ease-in}.close .inner:before{top:50%;transform:rotate(45deg)}.close .inner:after{bottom:50%;transform:rotate(-45deg)}.close .outer:hover label{opacity:1}.close .outer:hover .inner:before,.close .outer:hover .inner:after{transform:rotate(0)}.close .outer:hover .inner:before{top:0}.close .outer:hover .inner:after{bottom:0}.mobileNav{width:100%;height:100vh;position:fixed;top:0;z-index:1000;background-color:#c9cabc;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mobileNav .nav-container{height:90%;width:50%}@media screen and (max-width: 768px){.mobileNav .nav-container{display:block}}.mobileNav .nav-container .close-button{position:absolute;width:30px;height:30px;top:20px;left:90px;z-index:10000}@media screen and (max-width: 768px){.mobileNav .nav-container .close-button{left:60px}}.mobileNav .nav-container .logo-container{width:40%;height:auto;margin:20px auto 50px}.mobileNav .nav-container ul{list-style:none;padding:0;margin:60px 0 0}.mobileNav .nav-container ul li{padding:12px 0}.mobileNav .nav-container ul li a{font-family:PT Sans,sans-serif;text-decoration:none;color:#010101;font-size:1.1rem;letter-spacing:.05em;transition:opacity .2s ease}.mobileNav .nav-container ul li a:hover{opacity:.6}.menuButton{position:absolute;width:40px;height:15px;top:40px;left:5%;border:none;border-bottom:1px solid black;background:transparent;padding:0;cursor:pointer;transition:width .3s ease-in-out;display:block}.menuButton:before{content:"";width:80%;height:1px;position:absolute;top:0;left:0;background-color:#000}.menuButton:hover{width:60px}.logoMain{position:absolute;z-index:99999;top:20px;left:0;right:0;margin:0 auto;width:300px;height:auto;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.logoMain{width:240px;margin-left:100px}}.logoMain a img{width:150px}@media screen and (max-width: 768px){.logoMain a img{width:120px}}.logoMain .title{box-sizing:border-box;margin-left:20px}@media screen and (max-width: 768px){.logoMain .title{margin-left:10px}}.logoMain .title h1{border-left:1px solid #dedede;padding:0 30px;font-weight:100;font-size:1.5rem;margin:0;color:#fff}@media screen and (max-width: 768px){.logoMain .title h1{padding:0 15px}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;font-family:PT Sans,sans-serif}.not-found__logo{width:200px;opacity:.5}.not-found__message{color:#848587;font-size:18px;margin:0}.not-found__link{color:#010101;font-size:16px;text-decoration:none}.not-found__link:hover{text-decoration:underline}