@import url(https://fonts.googleapis.com/css2?family=Krub:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--base:#fffefd;--brown:#462c15;--black:#5a5a5a;--grey:#8c8c8c;--monserrat:"Montserrat",sans-serif;--titillium:"Titillium Web",serif}*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-ms-box-sizing:border-box!important;box-sizing:border-box!important}.background,body,html{height:100%;width:100%}.background{background:#fffefd;background:var(--base);position:absolute;z-index:-100}.App{align-content:center;align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Titillium Web,serif;font-family:var(--titillium)}:after{content:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}a:-webkit-any-link{color:#000;cursor:pointer;text-decoration:none}.container{padding:0 10px 20px}.sect-mid{display:grid;grid-template-rows:1fr fit-content(100%);margin:0 auto;max-width:1470px;overflow-y:auto;width:100%}.head-mid{align-items:center;background-color:#fffefd;display:flex;justify-content:center;z-index:-25}.scroller{height:100px;overflow-y:auto;scrollbar-color:#639 green;scrollbar-width:thin;width:300px}.text-overlay{color:#462c15;font-weight:400;text-align:center;width:100%}.text-overlay .title{font-size:calc(min(79px, 5vw) + 30px)}.text-overlay .subtitle{font-size:calc(min(28px, 1.5vw) + 15px);font-style:italic}.img-profile{margin:2vh 16vw 2vw 5vw;opacity:1;padding:20px}.case-profile-border{position:relative}.img-profile img{border:2px solid #000;height:30vh}.img-profile-border{border:2px solid #000;padding:20px}.alert-enter{opacity:0}.alert-enter-active{opacity:1;transition:opacity 2s,transform 2s}.alert-exit{opacity:1}.alert-exit-active{opacity:0;transition:opacity 2s,transform 2s}.route-fade-enter{opacity:0}.route-fade-enter-active{opacity:1;transition:opacity .3s}.route-fade-exit{opacity:1}.route-fade-exit-active{opacity:0;transition:opacity .3s}.app-content{display:grid;grid-template-rows:fit-content(100%) auto;height:100vh;width:100%}.title{font-family:Montserrat,sans-serif;font-family:var(--monserrat);font-size:min(40px,calc(23px + 1vw));margin:0;text-align:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#898989;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}.page{max-width:1580px;min-width:100%}.content-box{margin:0 auto;max-width:906px;padding:5px 20px;text-align:center}@media screen and (max-width:800px){.content-box{margin:10px;padding:15px}}.img-painting{margin:25px;transform-origin:top center;transition:transform 2s ease-in}.img-painting>div{box-shadow:0 3px 8px #0000003d}.img-painting .shadow{background:linear-gradient(180deg,#686565,#0000);height:3px;margin-left:-1%;width:102%}.img-painting .case-border{padding:6px}.img-painting .case-inner{border:2px solid #e0e0e2;display:flex;overflow:hidden}.img-painting .img-case{box-shadow:inset 0 2px 4px 0 #0000000f;height:375px;object-fit:cover;scale:1;transition:scale .7s ease-out,background-position 24s ease-in-out;width:100%;width:250px}.img-painting .img-case:hover{scale:1.03}.img-painting .img-case.slide-left{background-position-x:76%}.img-gallery{display:grid;grid-auto-flow:column;justify-content:center;margin-left:0;opacity:1;overflow:hidden;padding:30px;transition:opacity .4s ease-in-out}.img-gallery:has(.img-painting.hidden){opacity:0}.img-gallery .hidden img{max-height:100px;max-width:100px}@media (max-width:1300px){.img-gallery{padding:20px}.img-painting{margin:20px}}@media (max-width:1270px){.img-gallery{padding:10px}.img-painting .img-case{height:300px;width:200px}}@media (max-width:1075px){.img-gallery{grid-template-rows:1fr 1fr}.img-painting .img-case{height:375px;width:250px}.img-painting{margin:20px 30px}}@media (max-width:700px){.img-painting{margin:15px}}@media (max-width:620px){.img-gallery{grid-auto-flow:row;grid-template-rows:none;padding:5px}.img-painting{margin:15px}}@media (max-width:340px){.img-painting .img-case{height:300px;width:200px}}@media (max-width:250px){.img-painting .img-case{height:225px;width:150px}}button.icon{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;cursor:pointer}.icon{align-items:center;background:var(--brown);border:2px solid var(--brown);border-radius:50px;display:flex;justify-content:center;padding:10px}.icon .icon-image{color:var(--base)}.icon.alternate{background:#462c151c}.icon.alternate .icon-image{color:var(--brown)}.icon:active,.icon:hover{background:var(--base)}.icon:active .icon-image,.icon:hover .icon-image{color:var(--brown)}.icon.alternate:active,.icon.alternate:hover{background:var(--grey)}.icon.alternate:active .icon-image,.icon.alternate:hover .icon-image{color:var(--base)}.social-container{grid-gap:10px;display:flex;flex-wrap:wrap;justify-content:end;margin:15px auto auto;width:80%}@media screen and (max-width:600px){.social-container{justify-content:center;margin-top:20px}}.contact-container{align-items:end;display:flex;flex-direction:column;margin-right:-200px;margin-top:108px;z-index:1}.contact-container>ul{background:#fff;box-shadow:0 1px 1px 1px #5a5a5a30;list-style-type:none;padding:0 10px}.contact-container div{grid-gap:5px;align-items:center;display:flex}.contact-container li>div{grid-gap:20px;align-items:center;display:flex;justify-content:space-between;margin:5px;max-width:600px;min-width:490px;padding:20px 15px}.contact-container .contact-name{font-size:20px;letter-spacing:1.5px}@media screen and (max-width:1200px){.contact-container{margin-right:-160px;margin-top:70px;transform:scale(.9)}}@media screen and (max-width:1050px){.contact-container{margin-right:-140px;margin-top:40px;transform:scale(.8)}}@media screen and (max-width:860px){.contact-container{margin-bottom:-54px;margin-right:-62px;margin-top:0;transform:scale(.8)}}@media screen and (max-width:695px){.contact-container{align-items:center;margin:0}}@media screen and (max-width:500px){.contact-container{transform:scale(.7)}}@media screen and (max-width:380px){.contact-container{transform:scale(.6)}}@media screen and (max-width:300px){.contact-container{transform:scale(.5)}}.clipboard div{background-color:#fff;border-radius:50px;box-shadow:0 0 3px 0 #000000bf;opacity:0;padding:5px 10px;transition:opacity .4s ease-out;white-space:nowrap}.clipboard{display:none;left:50%;position:absolute;top:30%;width:0;z-index:100}.clipboard,.copy-text{align-items:center;justify-content:center}.copy-text{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;cursor:pointer;padding:5px 15px}.copy-icon,.copy-text{border-radius:50px;display:flex}.copy-icon,.copy-icon .icon-image{padding:4px}.copy-text .icon-image{color:var(--brown);opacity:.4;transform:scale(1);transition:all .05s ease-out}.copy-text:hover{background:#f6f6f6}.copy-text:active{background:#ebebeb}.copy-text.copied .icon-image,.copy-text:hover .icon-image{opacity:1;transform:scale(1.1)}.overlay-image{position:absolute}.project-outer .project{box-shadow:0 2px 6px 0 #00000029;display:block;height:300px;position:relative;transform:scale(1);transition:transform .1s ease-out;width:420px}.project-outer .project:focus-within,.project-outer .project:hover{transform:scale(1.01);transition:transform .1s ease-in}.project-container{align-items:center;display:flex;flex-wrap:wrap;flex-wrap:start;justify-content:center;padding:15px;width:100%}.project .header{font-weight:600}.project .content{grid-gap:4px;display:grid;grid-template-rows:auto 48px;height:100%;padding:9px}.project .card-title{display:flex;justify-content:space-between}.project .card-mention{font-size:12px;font-style:italic}.project .card-text{align-items:center;justify-content:space-between;margin:0 5px 10px}.project .info{display:flex;flex-direction:column;justify-content:space-around}.project .info-style{background:#fff;box-shadow:0 2px 4px 0 #0000000f;margin:10px 0;padding:10px}.project .front{display:flex;flex-direction:column;height:100%;width:100%}.project .c-title{font-family:var(--monserrat);font-size:15px;font-weight:600;margin:0}.project-outer{cursor:pointer;margin:24px}@media screen and (max-width:1002px){.project-outer .project{height:255px;width:315px}.project-outer{margin:16px}}@media screen and (max-width:760px){.project-outer .project{height:300px;width:420px}.project-outer{margin:10px}.project-container{padding:10px}}@media screen and (max-width:490px){.project-outer .project{height:calc(60vw + 40px);width:85vw}.project-outer{margin:10px 5px}.project-container{padding:5px}}.project-expand .grid{display:grid;grid-template-columns:4fr 2fr;justify-content:center;padding:5px 20px;width:100%}.project-expand .main{display:grid;grid-template-columns:1fr 60px;margin-top:10px}.project-expand .year{font-size:20px;font-weight:700}.project-expand .producent{border-right:2px solid #000;font-size:16px;font-style:italic;padding:4px 12px;text-align:end}.project-expand .details{display:flex;flex-direction:column;justify-content:start;margin:0 auto;padding-right:50px}.project-expand .meta{margin-bottom:20px;padding:20px 5px;text-align:start}.project-expand .meta p{font-size:14px;font-style:italic;line-height:1.5;margin:0;padding:1px 0 0 7px}.project-expand .description{font-style:italic;margin:auto;max-width:800px;overflow-y:auto;text-overflow:ellipsis}.project-dots div{border-bottom:8px dotted var(--black);height:36px;margin:auto;width:68px}.project-expand .description,.project-expand .details{max-width:800px;padding:20px 20px 50px;width:100%}.project-expand .details{padding:0 60px 50px 20px}.project-expand .credits{font-size:13px;line-height:1.5;text-align:justify}@media screen and (max-width:1280px){.project-expand .grid{grid-template-columns:1fr}.project-expand .description,.project-expand .details{padding:10px 50px 50px}}@media screen and (max-width:820px){.project-expand .description,.project-expand .details{padding:10px 25px 50px}.project-expand .grid{padding:5px 10px}}@media screen and (max-width:450px){.project-expand .grid{padding:2px 0}}.grid2{display:grid;grid-template-columns:fit-content(100%) 5fr}.project-outer .project{opacity:0;transition:opacity .4s ease-in-out}.project-outer.loaded .project{opacity:1}.project-outer.hidden~.project-outer.loaded .project{opacity:0}.image-slider{display:flex;height:100%;position:relative}.image-slider .content{display:flex;justify-content:center;min-width:200px;overflow:hidden;padding:0;width:100%}.image-slider.padded .content{padding:10px 60px 56px}.image-slider.padded{min-height:500px}.image-slider .control{align-items:center;display:flex;height:100%;justify-content:space-between;padding:5px 15px;position:absolute;width:100%}.image-slider .control>div{border-left:6px solid #000;border-radius:3px;border-top:6px solid #000;cursor:pointer;height:25px;transition:transform .5s ease-out;width:25px}.image-slider .control>div:hover{transform:scale(1.3)}.image-slider .control .left{rotate:-45deg}.image-slider .control .right{rotate:135deg}@media (max-width:1200px){.image-slider .control{padding:5px 15px}}@media (max-width:820px){.image-slider.padded .content{padding:10px 40px 56px}.image-slider .control{padding:5px}}@media (max-width:450px){.image-slider.padded .content{padding:10px 0 56px}.image-slider.padded{min-height:300px}}.image-slider .images{position:relative;width:100%}.image-slider .image{align-items:center;display:grid;grid-template-rows:100% fit-content(100%);height:100%;justify-content:center;position:absolute;width:100%}.image-slider .image-case{align-items:center;display:flex;justify-content:center}.image-slider img.landscape{height:auto;width:100%}.image-slider img.portrait{height:100%;width:auto}.image-slider img{max-height:100%;max-width:100%}.image-slider .image-case.contain{height:100%}.image-slider.fade .image{opacity:1;transition:none}.image-slider.fade .images:not(:has(.image.hidden)) .image:nth-of-type(2) .image-case{opacity:0;transition:opacity 2.5s ease-in-out}.image-slider.slide .images .image{transform:translateX(0);transition:transform .8s ease-in-out}.image-slider.slide .images.slide .image:first-child{transform:translateX(0)}.image-slider.slide .images.slide.left .image.hidden{transform:translateX(200%)}.image-slider.slide .images.slide.left .image:nth-child(2),.image-slider.slide .images.slide.right .image.hidden{transform:translateX(-200%)}.image-slider.slide .images.slide.right .image:nth-child(2){transform:translateX(200%)}.image-slider .caption{grid-gap:6px;align-items:center;bottom:-38px;display:flex;font-size:14px;justify-content:center;padding:8px 16px;position:absolute;transform:translateX(0);transition:opacity .4s ease-in-out,transform .8s ease-in-out;width:100%}.image-slider.slide .images .image .caption,.image-slider.slide .images.slide .image:first-child .caption{opacity:1;transform:translateX(0)}.image-slider.slide .images.slide.left .image.hidden .caption{opacity:0;transform:translateX(-725px)}.image-slider.slide .images.slide.left .image:nth-child(2) .caption,.image-slider.slide .images.slide.right .image.hidden .caption{opacity:0;transform:translateX(725px)}.image-slider.slide .images.slide.right .image:nth-child(2) .caption{opacity:0;transform:translateX(-725px)}.image-dot>div{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.image-dot>div>div{background-color:#c5c5c5;border-radius:50px;box-shadow:0 0 1px 0 #030303;height:8px;transform:scale(1);transition:background-color .7s ease-in,width .7s ease-in,height .7s ease-in,transform .2s ease-in;width:8px}.image-dot>div.active>div{background-color:#545454;height:12px;width:12px}.image-dot>div:not(.active):hover>div{transform:scale(1.3)}.image-dot{grid-gap:5px;align-items:center;bottom:0;flex-direction:row-reverse;height:15px;padding:10px 80px}.image-dot,.popup-container{display:flex;justify-content:center;position:absolute;width:100%}.popup-container{background-color:none;height:100%;top:0;transition:background-color .4s;z-index:100}.popup-bar{display:grid;grid-template-columns:auto 34px;min-height:36px;padding:2px;width:100%}.popup-bar:after{border-bottom:1px solid #000;height:1px;width:80%}.popup-container.open{background-color:rgba(0,0,0,.511)}.popup{background-color:#fff;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;position:absolute;transform:scale(0);transition:transform .4s ease-in;transition:opacity .4s ease-in;z-index:9999}.popup-container.open .popup{transform:scale(1)}.popup.large{height:90%;top:12%;width:70%}.popup.medium{height:70%;top:15%;width:60%}.popup.small{height:50%;top:20%;width:32.4%}.popup.flex{max-width:1300px;top:5%;width:80%}@media screen and (max-width:900px){.popup.flex{width:90%}}@media screen and (max-width:600px){.popup.flex{width:100%}}.popup-title{font-size:32px;font-weight:600;padding-top:16px;text-align:center}.popup-content{height:100%;max-height:82vh;overflow-y:auto;text-align:center}.popup-content button{background-color:#00bcd4;border:none;color:#fff;cursor:pointer;font-size:.9em;outline:none;padding:10px 20px}.btn-container{display:flex;flex-wrap:wrap;justify-content:end}.button.standard{display:flex;justify-content:center;padding:10px 5px}.button.standard button,.button.standard label{background-color:#a1adb5;border:none;border-radius:4px;color:#fff;font-size:16px;padding:10px 20px}.button.standard.active button,.button.standard.active label{background-color:#3498db;cursor:pointer}.actions{align-items:center;display:flex;margin-bottom:10px}.close-icon{cursor:pointer;opacity:.5}.close-icon:active,.close-icon:hover{opacity:1}.aboutpage{display:grid;grid-template-columns:2fr 3fr;padding:0 35px}.contact-image{padding:35px}@media screen and (max-width:1350px){.aboutpage{grid-template-columns:2fr 4fr;padding:0 25px}}@media screen and (max-width:860px){.aboutpage{grid-template-columns:1fr;padding:0 15px}.contact-image{padding:15px}}@media screen and (max-width:695px){.aboutpage{display:block;grid-template-columns:1fr;padding:0 5px}.contact-image{padding:0}}.nav-section{font-size:38px;line-height:90%;position:relative;white-space:nowrap}.nav-section nav{display:grid;font-family:var(--monserrat);font-size:20px;grid-template-columns:fit-content(100%) auto;padding-top:15px}.nav-head{align-items:center;display:flex;height:64px;justify-content:start;padding:10px}.nav-head .nav-title{color:var(--grey);font-family:var(--monserrat);font-size:min(40px,calc(23px + 1vw));font-weight:400;white-space:nowrap}.nav-container{align-items:end;display:flex;justify-content:space-around;margin:0;padding:0;text-align:center}.nav-container>li{align-items:center;color:var(--black);cursor:pointer;display:flex;flex-direction:column;font-weight:600;height:58px;justify-content:end;opacity:1;padding-bottom:12px;transition:height .3s ease-in-out,opacity .3s ease-in;width:0}.nav-expanded.closed .nav-container>li{height:0;opacity:0}.nav-container>li>a{transition:inherit}.nav-container>li:hover>a{font-size:22px}.nav-line{background-color:var(--black);height:1px;margin-bottom:10px;transition:top .2s ease-in-out;width:100%}.nav-line>div,.nav-section>nav{margin:0 auto;max-width:1470px}.nav-point-container{display:flex;position:relative;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-point{display:grid;grid-template-columns:8px 8px;grid-template-rows:8px 8px;height:24px;margin-left:-12px;margin-top:-12px;width:24px}.spacer{height:2vh}.nav-point div{border:1.5px solid var(--black);border-radius:40%;float:left;height:16px;margin:0;padding:0;rotate:45deg;width:16px}.page-line{background-color:var(--black);height:1px;margin:2px auto;width:80%}@media (max-width:1100px){.nav-section{font-size:32px}.nav-head{justify-content:center}}@media (max-width:860px){.nav-container{align-items:start;flex-direction:column}.nav-container>li{align-items:start;justify-content:center;padding-bottom:0}.nav-section{font-size:22px;margin-bottom:0}.nav-section nav{flex-direction:column;grid-template-columns:none;padding:0;width:70%}.nav-line{position:absolute}}@media (max-width:620px){.nav-section{font-size:30px}}@media (max-width:400px){.nav-head{font-size:24px}}.arrow-icon{display:flex;margin-left:-15px;margin-top:28px;transition:margin .3s ease-in-out}.arrow-icon.open{margin-top:18px}.arrow-icon div{background:#000;border-radius:5px;height:15px;transform-origin:top;transition:rotate .3s ease-in-out;width:2px}.arrow-icon.open div:first-child{rotate:315deg}.arrow-icon.open div:nth-child(2){rotate:45deg}.arrow-icon.close div:first-child{rotate:225deg}.arrow-icon.close div:nth-child(2){rotate:135deg}
/*# sourceMappingURL=main.ef024dd8.css.map*/