:root{--main-color: #8e8d8a;--subtle-color: grey;--ghost-color: #eeeeee;--outline-color: #ddd;--dark-color: #444;--primary-color: #8e8d8a;--primary-alt-color: #666;--overlay-color: rgb(250 250 250 / .9);--nav-color: var(--main-color);--nav-hover-color: #666;--nav-active-color: #333;--base-font: "Soleil", "Open Sans", sans-serif;--logo-font: "Soleil Lt", "Open Sans", sans-serif;--title-font: "Soleil Lt", "Open Sans", sans-serif;--error-color: #c00}*{box-sizing:border-box}html{line-height:1.5;font-size:14px;font-feature-settings:normal;height:100%}body{color:var(--main-color);margin:0;padding:0;width:100%;height:100%;font-size:16px;line-height:inherit;font-family:var(--base-font);font-weight:300;position:relative;-webkit-font-smoothing:antialiased}ol,ul,menu{list-style:none;margin:0;padding:0}p,li,input,textarea,button{font-size:clamp(1rem,1rem + .2vw,1.4rem)}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:var(--dark-color)}:is(a,button,input,textarea,summary):focus-visible{outline:1px solid var(--outline-color);outline-offset:1px;border-radius:2px}strong{font-weight:500}label{display:block}input,textarea{width:100%;margin:0;padding:0 5px 4px;border:1px solid var(--outline-color);height:40px;line-height:36px;font-family:var(--base-font);font-size:inherit;color:var(--dark-color)}input.has-errors,textarea.has-errors{border-color:var(--error-color)}textarea{height:120px}button{font-family:var(--base-font);background-color:transparent}button:hover{background-color:var(--outline-color)}button:active{color:#fff;background-color:var(--dark-color)}.mobile{display:none!important}@media screen and (max-width: 799px){.mobile{display:block!important}}#app-header{min-height:60px;padding:calc(1vh + 1rem) 4vw 1vh 4vw;z-index:2;display:flex;position:relative}#app-header a{color:var(--nav-color)}#app-header a.active{color:var(--nav-active-color)}#app-logo{display:flex;flex:1 0 auto;font-size:2.7rem;letter-spacing:.1em;font-family:var(--logo-font);font-weight:400;text-transform:uppercase}@media (max-width: 435px){#app-logo{font-size:2rem}}.navbar-toggle{width:40px;height:40px;display:flex;cursor:pointer;border:none;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;background-color:transparent;margin:0;padding:0}.navbar-toggle span{width:25px;display:flex;height:0px;border-bottom:2px solid var(--main-color);overflow:hidden}.navbar-toggle span:before,.navbar-toggle span:after{content:".";display:block;position:absolute;overflow:hidden;top:12px;border-bottom:2px solid var(--main-color);width:25px;height:0px}.navbar-toggle span:after{top:26px}@media screen and (min-width: 800px){.navbar-toggle{display:none}}#app-navbar{display:flex;z-index:10}#app-navbar ul{background:white}#app-navbar>ul{display:flex;flex-wrap:wrap;justify-content:flex-end}#app-navbar>ul>li{padding:0 0 0 1.5rem;position:relative}#app-navbar>ul>li>a{height:30px;font-family:var(--base-font);font-weight:400;font-size:18px;letter-spacing:.26px;padding:0 10px 0 .4em;text-transform:uppercase}@media (pointer: coarse){#app-navbar>ul>li>a{pointer-events:none}}#app-navbar>ul li>a:hover:not(.active){color:var(--nav-hover-color)}#app-navbar>ul li>a{display:block}#app-navbar>ul ul{position:absolute;width:200px;display:none;z-index:10;padding:10px 20px}#app-navbar>ul ul li{padding:10px 0 13px}#app-navbar>ul>li:hover ul,#app-navbar>ul>li:active ul{display:block}@media screen and (max-width: 799px){#app-navbar>ul{display:block;width:100%;position:absolute;top:100px;left:0;right:0;padding:20px}#app-navbar.collapsed>ul{display:none}#app-navbar>ul ul{display:block;position:relative;padding:0 20px}#app-navbar>ul ul li{padding:0}#app-navbar>ul li>a{margin-bottom:20px}}main{display:flex;flex-direction:column;max-width:min(1200px,100%);margin:0 auto;padding:0 1rem}.page-title{font-size:2.7em;text-align:center;letter-spacing:.1em;text-transform:uppercase;padding:1em 0 0;font-family:var(--title-font);font-weight:400}@media (max-width: 435px){.page-title{font-size:2.2rem}}footer{padding:40px 25px;display:flex;flex-direction:column}footer .copyright{font-size:.9rem;margin:0 auto 2px}footer .credit{font-size:.7em;margin:1em auto 20px}footer .credit a{color:inherit}#home{height:100%}#home-bg-slider{z-index:1;overflow:hidden;position:relative;zoom:1;height:100%}.slides{width:100%;height:100%;max-width:100vw;overflow:hidden}.slide{width:100%;height:100%;display:block}.slide img{width:100%;height:100%;object-fit:cover}#home-hero{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#121461;margin-top:35px;padding:94px 100px 60px;text-align:center;border:1px solid rgba(0,0,0,.65);color:#fff}#home-hero a{color:inherit;text-decoration:none}#home-hero .site-title,#home-hero .site-subtitle{font-size:2.7rem;line-height:calc(1.1em + .5rem);margin:0;font-weight:400;letter-spacing:.1em}.collection-description{padding-top:3rem;padding-bottom:3.5rem}.collection-description p{width:min(100%,40em);text-align:justify;margin:0 auto;font-size:1em}.collection-categories{display:flex;flex-direction:column;padding:2rem 0}.collection-categories .works{display:flex;flex-direction:row;flex-wrap:wrap}.collection-categories .work{flex:0 0 calc(100% - 20px);margin:10px;padding:20px;align-content:center}@media (min-width: 640px){.collection-categories .work{flex:0 0 calc(50% - 20px)}}.collection-categories .work.top{align-content:start}.collection-categories .work.bottom{align-content:end}@media (min-width: 768px){.collection-categories .work{flex:0 0 calc(33.3333% - 20px)}}.collection-categories .work a{display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden;width:auto}.collection-categories .work .thumbnail{position:relative;margin-bottom:16px}.work-category,.work-collection{text-transform:uppercase;font-weight:400}.work{color:var(--subtle-color);font-size:1rem;line-height:1.4em}.work-title strong{font-weight:700}.work-subtitle{font-weight:300}.work-modal{position:absolute;top:0;left:0;display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#f0f0f0;background:white;z-index:100;padding:2rem}.work-detail{display:flex;flex:1;height:100%;overflow:hidden}.work-detail .work-main-image-and-nav{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:stretch;overflow:hidden;position:relative}.work-detail .work-main-image{display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:hidden;position:relative;padding:2rem;flex-grow:1}.work-detail .work-main-image .work-image{display:none;height:100%;width:100%;object-fit:contain;position:relative;z-index:1;cursor:pointer}.work-detail .work-main-image .work-image.selected{display:block}.work-detail .work-metadata-and-portfolio-nav{width:300px;display:flex;flex-direction:column;margin:0;padding:0 1.25rem;align-items:flex-start;justify-content:center}.work-detail .work-metadata{margin:0}.work-detail .work-metadata .work-title{margin-top:1em}.work-image-nav{padding:4em 0}@media screen and (max-width: 799px){.work-detail{flex-direction:column}.work-detail .work-metadata-and-portfolio-nav{width:100%}.work-detail .work-main-image{padding:2rem 0}.work-image-nav{padding-top:1em;display:none}}.work-image-nav ol{display:flex;flex-direction:row;justify-content:center}.work-image-nav li{list-style:none;cursor:pointer;width:62px;height:62px;overflow:hidden;margin:0 10px 0 0;border:1px inset transparent}.work-image-nav li.selected{border-color:#000}.work-image-nav img.nav-image{width:100%;height:100%;object-fit:cover}.portfolio-nav{position:absolute;top:10px;right:10px;width:40px;height:40px;overflow:hidden;z-index:2;background:white;border-radius:50%}.portfolio-nav ul{display:flex;width:100%;flex-direction:row;justify-content:center;font-size:clamp(1rem,1rem + .2vw,1.4rem);gap:calc(1.1em + .5rem)}.portfolio-nav li{width:6em}.portfolio-nav li.portfolio-nav-close{width:auto}.portfolio-nav a{color:inherit;display:block}.portfolio-nav .portfolio-nav-back{text-align:end}.page-content{width:min(70rem,100%);min-height:250px;margin:0 auto}.content-block{width:min(50rem,100%);margin:0 auto 20px}.content-block.centered{text-align:center}.image-block{width:min(52rem,100%);margin:40px auto 1em}.image-block img{display:block;max-width:100%;height:auto;margin:0 auto}.image-block figcaption{font-size:14px;text-align:center;margin-top:10px}.timeline-block{display:flex;flex-wrap:nowrap;align-items:normal;margin-bottom:1.75em;gap:2em}.timeline-block .timeline-year{flex-basis:25%;flex-grow:0;font-size:clamp(2.2rem,2.2rem + .6vw,2.7rem);font-family:var(--title-font);color:var(--primary-color);margin:0 auto 20px}.timeline-block .timeline-content{flex-basis:75%;flex-grow:0}.timeline-block .timeline-content p{margin:0 auto 20px;width:min(100%,50rem)}.page-content.biography .image-block img{border:1px solid #eee;margin:30px auto 40px}.page-content.process a{color:inherit}#contact-form{margin-top:26px;display:flex;flex-wrap:wrap;gap:20px}#contact-form>div{flex:1 1 100%}.contact .border{width:390px;height:124px;background-color:#fff;background-image:url(/images/casa-batllo-tile-125h-80a516df1a0b1144bbb673c9d5004a57.jpg?vsn=d);background-repeat:space;background-position:center;background-size:contain;margin:0 auto 50px}@media (min-width: 768px){.contact .border{width:655px}}@media (max-width: 435px){.contact .border{width:302px;height:96px}}.page-content.contact .content-content p{text-align:center}.actions{padding-bottom:1rem}.button{color:var(--main-color);font-size:16px;padding:0 15px;height:50px;border:2px solid var(--outline-color);transition:.2s all ease-in-out}.button:not(.disabled){cursor:pointer}.button.primary{background-color:var(--primary-color);color:#fff}.button.primary:hover{background-color:var(--primary-alt-color)}.actions .button{padding:0 30px}table{width:100%;margin-top:2rem}th{font-weight:400;color:var(--dark-color);text-align:left;text-transform:uppercase}table .thumbnail{max-width:75px;max-height:75px}.clickable{cursor:pointer;transition:.25s all}.clickable:hover{background-color:var(--ghost-color)}.row-actions{text-wrap:nowrap}.row-actions a{display:block;padding:.25em;line-height:.9}table .secondary{display:none}@media (min-width: 768px){table .thumbnail{max-width:100px;max-height:100px}.row-actions a{display:inline-block;padding:.5em}table .secondary{display:table-cell}}.modal{position:relative;z-index:50;display:none}.overlay{background-color:var(--overlay-color);position:fixed;inset:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dialog{position:fixed;inset:0;overflow-y:auto}.dialog>div{display:flex;min-height:100%;align-items:center;justify-content:center}.dialog>div>div{width:100%;max-width:48rem;padding:1rem}@media (min-width: 1024px){.dialog>div>div{padding-top:2rem;padding-bottom:2rem}}@media (min-width: 640px){.dialog>div>div{padding:1.5rem}}.modal-container{box-shadow:#fff 0 0,#3f3f461a 0 0 0 1px,#3f3f461a 0 10px 15px -3px,#3f3f461a 0 4px 6px -4px;position:relative;display:none;border-radius:1rem;background-color:#fff;padding:3.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-close{position:absolute;top:1.5rem;right:1.25rem}.modal-close button{border:none;background-color:transparent;cursor:pointer}
