@font-face{font-family:"Claroscuro Titulo";src:url(titulo.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:block}
@font-face{font-family:"Claroscuro Cuerpo";src:url(cuerpo.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --color-black:#121212;--color-mid-grey:#ededed;--color-light-grey:#f5f5f5;
  --azul:#0e75be;--azul-claro:#cfe3f2;
  --mar:#3e8dac;--mar-claro:#d7e8ef;
  --amarillo:#f0d160;--amarillo-claro:#f7f3e3;
  --coral:#ee8c6c;--coral-claro:#f9e4dc;
  --lila:#a79bdc;--lila-claro:#e9e5f6;
  --rosa:#eab1b6;--rosa-claro:#f8e7e8;
  --titulo:"Claroscuro Titulo","Helvetica Neue Condensed","Helvetica",sans-serif;
  --cuerpo:"Claroscuro Cuerpo","Helvetica",sans-serif;
  --lh-xs:81%;--lh-sm:85%;--lh-md:91%;--lh-lg:105%;--lh-xl:110%;
  --base-padding:2rem;--header-padding:.6666rem var(--base-padding);
  --alto-cab:3.375rem;
  --vh:100vh;
  --fs-xxl:6.5rem;--fs-xl:5rem;--fs-lg:2.75rem;--fs-md:2rem;--fs-sm:1rem;--fs-xs:.8rem;
}
@supports (height:100svh){:root{--vh:100svh}}
@media screen and (min-width:1600px){:root{--fs-xxl:9rem;--fs-xl:6.666rem;--fs-lg:3.5rem;--fs-md:2rem;--fs-sm:1rem}}
@media screen and (min-width:992px) and (max-width:1439px){:root{--fs-xxl:min(6.5rem,7.23vw);--fs-xl:min(5rem,5.56vw)}}
@media screen and (max-width:991px){:root{--fs-xxl:4.25rem;--fs-xl:3.75rem;--fs-lg:2rem;--fs-md:1.666rem;--fs-sm:1rem;--fs-xs:.8rem}}
@media screen and (max-width:767px){.header li+li{margin-left:min(.9rem,2.6vw)}.header__nav{margin-left:min(1.2rem,3.4vw)}.header__logo{flex-shrink:0}.header__link,.header-project__link{font-size:min(var(--fs-md),5.4vw)}}
@media screen and (max-width:767px){:root{--fs-xxl:min(3.375rem,13.8vw);--fs-xl:2.5rem;--fs-lg:1.5rem;--fs-md:1.3333rem;--base-padding:1.2rem;--header-padding:.4rem var(--base-padding);--alto-cab:2.4rem}}


html[data-color="azul"]{--pd:var(--azul)}
html[data-color="mar"]{--pd:var(--mar)}
html[data-color="amarillo"]{--pd:var(--amarillo)}
html[data-color="coral"]{--pd:var(--coral)}
html[data-color="lila"]{--pd:var(--lila)}
html[data-color="rosa"]{--pd:var(--rosa)}
html[data-ultimo="azul"]{--pc:var(--azul)}
html[data-ultimo="mar"]{--pc:var(--mar)}
html[data-ultimo="amarillo"]{--pc:var(--amarillo)}
html[data-ultimo="coral"]{--pc:var(--coral)}
html[data-ultimo="lila"]{--pc:var(--lila)}
html[data-ultimo="rosa"]{--pc:var(--rosa)}

*,*::before,*::after{box-sizing:border-box}
html{font-feature-settings:"kern";font-kerning:normal;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--color-black);font-family:var(--cuerpo);font-weight:500;line-height:1;background:var(--color-light-grey)}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
[hidden]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.saltar{position:fixed;left:1rem;top:-4rem;z-index:20;background:var(--color-black);color:#fff;padding:.7rem 1rem;font-size:1rem}
.saltar:focus{top:.6rem}
:focus-visible{outline:3px solid var(--color-black);outline-offset:3px}
.block-link:focus-visible{outline-offset:-8px}


.header,.header-project{align-items:center;background-color:transparent;display:flex;height:var(--alto-cab);justify-content:space-between;left:0;padding:var(--header-padding);position:fixed;top:0;width:100%;z-index:2}
.header{transition:background-color .6s ease-out}
.header__logo{align-items:center;display:flex}
.header__list{display:flex}
.header__link{font-family:var(--titulo);font-size:var(--fs-md);font-weight:800;letter-spacing:-.01em;line-height:var(--lh-md);text-transform:uppercase}
.header__link--logo{display:block;line-height:.9}
.header li+li{margin-left:2rem}
.header--azul{background-color:var(--azul)}
.header--mar{background-color:var(--mar)}
.header--amarillo{background-color:var(--amarillo)}
.header--coral{background-color:var(--coral)}
.header--lila{background-color:var(--lila)}
.header--rosa{background-color:var(--rosa)}
.header--lista,.header--pagina{background-color:var(--pc,var(--pd))}
@media screen and (min-width:1200px){
  .header--lista{background-color:transparent;color:var(--pc,var(--pd));transition:none;z-index:5}
  .header--lista .header__link--logo{color:var(--color-black)}
}
.background-cover{background-color:var(--pc,var(--pd));height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}
.background-cover.is-bloque{background-color:var(--fondo)}


.block-layout{margin-top:var(--alto-cab);animation:aparece .3s ease-out}
@keyframes aparece{from{opacity:0}to{opacity:1}}
.block-container{display:flex}
.block-container .block-element{width:100%}
.block-element{--c:var(--amarillo);--cl:var(--amarillo-claro);background-color:var(--c);color:var(--color-black);height:calc(var(--vh) - var(--alto-cab))}
.block-element--azul{--c:var(--azul);--cl:var(--azul-claro)}
.block-element--mar{--c:var(--mar);--cl:var(--mar-claro)}
.block-element--amarillo{--c:var(--amarillo);--cl:var(--amarillo-claro)}
.block-element--coral{--c:var(--coral);--cl:var(--coral-claro)}
.block-element--lila{--c:var(--lila);--cl:var(--lila-claro)}
.block-element--rosa{--c:var(--rosa);--cl:var(--rosa-claro)}
.block-link{display:block;height:100%}
@media screen and (min-width:992px){
  .block-text--full{color:var(--cl)}
  .block-text--full.block-text--color-override{color:var(--c)}
}

.block-half{display:flex;height:100%;position:relative;width:100%}
.block-half--right{flex-direction:row-reverse}
.block-half .block-text{width:50%}

.block-assets{position:relative}
.block-assets .asset{opacity:0;transition:opacity .4s}
.block-assets .asset--loaded{opacity:1}
.block-assets--inset{align-items:center;background-color:var(--cl);display:flex;justify-content:center}
.block-assets--inset .asset{aspect-ratio:var(--ar);box-shadow:0 4px 4px 0 rgba(0,0,0,.078);height:auto;width:min(calc(50vw - 4rem),calc((var(--vh) - var(--alto-cab) - 4rem) * var(--ar)))}
.block-assets--half{width:50%}
.block-assets--full,.block-assets--full-double{height:calc(var(--vh) - var(--alto-cab));left:0;position:absolute;top:0;width:100%}
.block-assets--full-double .asset{position:absolute;width:50%}
.block-assets--full-double .asset:last-child{left:50%}

.asset,.asset__object{height:100%;width:100%}
.asset{overflow:hidden;position:relative}
.asset__object{left:0;opacity:0;position:absolute;top:0;-webkit-user-select:none;user-select:none}
.asset--cover .asset__object{object-fit:cover}
.asset--abajo .asset__object{object-position:50% 88%}
.asset--loaded .asset__object{opacity:1}
.asset--loaded .asset__video{opacity:0}
.asset--loaded .asset__video.is-playing{opacity:1}
.asset__object{transition:opacity .4s}
.asset--inset{contain:paint}
.asset--inset .asset__object{position:static}
.asset--video{background-color:var(--color-mid-grey)}
.block-assets--full .asset,.block-assets--full-double .asset{contain:paint}
.asset picture{display:block;height:100%;width:100%}


.block-assets--full::after,.block-assets--full-double::after{background:linear-gradient(to top,rgba(10,10,10,.34),rgba(10,10,10,0) 58%);content:"";inset:0;pointer-events:none;position:absolute}
.block-assets--centro::after{background:rgba(10,10,10,.16)}
.block-assets--claro::after{background:none}
@media screen and (min-width:992px){.block-text--oscuro{color:var(--color-black)!important}}
@media screen and (max-width:991px){.block-assets--full::after,.block-assets--full-double::after{display:none}}


@supports(animation-timeline:view()){
  .block-assets--full,.block-assets--full-double{contain:paint}
  .block-assets--full .asset__object,.block-assets--full-double .asset__object{animation:paralaje linear both;animation-timeline:view();height:110%;will-change:transform}
}
@keyframes paralaje{0%{transform:translateZ(0)}to{transform:translate3d(0,-8%,0)}}

.block-text{display:flex;flex-direction:column;justify-content:flex-end;overflow-wrap:break-word;padding:var(--base-padding);text-wrap:balance}
.block-text__header{margin-bottom:1rem;position:relative}
.block-text__artists{display:inline-block}
.block-text__artists,.block-text__clients,.block-text__disciplines{text-transform:uppercase}
.block-text__disciplines{font-size:var(--fs-md);font-weight:600;line-height:var(--lh-sm);position:relative}
.block-text--size-large,.block-text--size-small,.block-text__disciplines{font-family:var(--titulo);letter-spacing:-.01em}
.block-text--size-large,.block-text--size-small{font-size:var(--fs-xxl);font-weight:800;line-height:var(--lh-xs)}
.block-text--align-center{justify-content:center;text-align:center}
.block-full{display:flex;height:100%;position:relative;width:100%}
.block-full .block-text--full{width:100%}
@media screen and (min-width:992px){
  .block-text--size-small{font-size:var(--fs-xl)}
  .block-text--split{height:100%;position:absolute;width:100%}
  .block-text--split .block-text__artists{bottom:0;left:0;padding-right:var(--base-padding);position:absolute;width:50%}
  .block-text--split .block-text__disciplines,.block-text--split .block-text__info{margin-left:50%;padding-left:var(--base-padding);width:50%}
}


@media screen and (max-width:991px){
  .block-layout{margin-top:var(--alto-cab)}
  .block-container{flex-direction:column}
  .block-element{height:auto}
  .block-half,.block-half--right{flex-direction:column;height:auto}
  .block-half .block-text,.block-half--right .block-text{flex-grow:1;width:100%}
  .block-assets--half{height:calc(100vw / var(--ar));width:100%}
  .block-assets--inset .asset{width:calc(100vw - 2rem)}
  .block-assets--full,.block-assets--full-double{height:calc(100vw * 9 / 16);position:relative}
  .block-assets--full-double{height:calc(100vw / .8)}
  .block-assets--full .asset,.block-assets--full-double .asset{width:100%}
  .block-assets--full-double .asset:last-child{display:none}
  .block-assets--full-double .asset{position:relative}
  .block-full{display:block;height:auto}
  .block-text--align-center{text-align:left}
  .block-text--split{height:auto;position:static}
  .block-text--split .block-text__artists{position:static;width:auto}
  .block-text--split .block-text__info,.block-text--split .block-text__disciplines{margin-left:0;padding-left:0;width:auto}
}


.aviso{font-family:var(--cuerpo);font-size:var(--fs-sm);font-weight:500;letter-spacing:-.01em;line-height:var(--lh-lg)}
.aviso a{text-decoration:underline;text-underline-offset:.18em}
.aviso a:hover{text-decoration-thickness:2px}
.pie{align-items:center;background-color:var(--color-light-grey);display:flex;height:var(--alto-cab);justify-content:center;padding:0 var(--base-padding)}


.pages-areas{background-color:var(--pc,var(--pd));min-height:100vh;padding:var(--alto-cab) var(--base-padding)}
@supports (height:100lvh){.pages-areas,.pages-about{min-height:100lvh}}
.pages-areas__title,.pages-about__title{font-family:var(--titulo);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em;line-height:var(--lh-xs);margin:2.1667rem 0 2.5rem;text-transform:uppercase}
.pages-areas__discipline{break-inside:avoid;margin-bottom:var(--base-padding)}
.pages-areas__discipline-title{font-family:var(--titulo);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:var(--lh-sm);margin-bottom:1rem;text-transform:uppercase}
.pages-areas__area{display:block;width:fit-content}
.pages-areas__name{display:inline-block;font-family:var(--titulo);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em;line-height:var(--lh-xs);margin-bottom:.5rem;text-transform:uppercase}
.pages-areas__asset{display:none}
.pages-areas__random{display:none}
.aviso--lista{margin-top:3rem}
@media screen and (min-width:1200px){
  .pages-areas__disciplines,.pages-areas__title{width:calc(50% - var(--base-padding))}
  .pages-areas__asset,.pages-areas__random{display:block;height:100%;left:50%;position:fixed;top:0;width:50%}
  .pages-areas__asset[hidden]{display:none}
  .pages-areas__asset{z-index:3}
  .pages-areas__random{background-position:center;background-size:cover;opacity:0;transition:opacity .3s;z-index:2}
  .pages-areas__random.is-visible{opacity:1}
  .pages-areas__asset .asset__object{object-fit:cover}
  .pages-areas__asset.asset{overflow:hidden}
  .pages-areas__asset.is-on{display:block}
  .pages-areas__asset:not(.is-on){display:none}
  .aviso--lista{margin-bottom:0;width:calc(50% - var(--base-padding))}
}
@media screen and (max-width:991px){
  .pages-areas{padding-top:var(--alto-cab)}
  .pages-areas__title,.pages-about__title{font-size:var(--fs-xxl)}
  .pages-areas__discipline-title{margin-bottom:.666rem}
  .pages-areas__name{margin-bottom:.25rem}
}


.pages-about{background-color:var(--pc,var(--pd));min-height:100vh;padding:var(--alto-cab) var(--base-padding);width:100%}
.pages-about__rich-text{max-width:1280px}
.pages-about__rich-text p{font-family:var(--cuerpo);font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em;line-height:var(--lh-xl);margin:var(--base-padding) 0}
.pages-about__rich-text p b{font-family:var(--titulo);font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;line-height:var(--lh-md)}
.pages-about__contact{font-family:var(--titulo);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:var(--lh-sm);margin:4rem 0;text-transform:uppercase}
.pages-about .separator,.pages-about__link{display:inline-block}
.pages-about .separator{margin:0 .5rem;opacity:.5}
.pages-about__link:hover{text-decoration:underline;text-underline-offset:.15em}
.aviso--pagina{margin-top:2rem}
.aviso-flotante{background:var(--color-black);bottom:1.5rem;color:#fff;font-size:var(--fs-sm);left:50%;padding:.9rem 1.2rem;position:fixed;transform:translateX(-50%);z-index:30}
.aviso-flotante[hidden]{display:none}
@media screen and (max-width:991px){.pages-about{padding-top:var(--alto-cab)}.pages-about__contact{margin:var(--base-padding) 0}}


.header-project{background-color:var(--color-light-grey)}
.header-project__link{display:inline-block;font-family:var(--titulo);font-size:var(--fs-md);font-weight:800;letter-spacing:-.01em;line-height:var(--lh-md);text-transform:uppercase}
.header-project__link-container{text-align:right}
.header-project__details{display:flex;flex:3;justify-content:center}
.header-project__details span{font-family:var(--cuerpo);font-size:var(--fs-sm);font-weight:500;letter-spacing:-.01em;line-height:var(--lh-lg)}
.header-project__artists{margin-right:1.3333rem;text-transform:uppercase}
.header-project .header__logo{flex:1}
.header-project__link-container{flex:1}
.pages-project{background-color:var(--color-light-grey);min-height:var(--vh);padding:3.333rem 0}
.cursor-left:hover{cursor:w-resize}
.cursor-right:hover{cursor:e-resize}
.pages-project.cursor-left .project-assets__controller,.pages-project.cursor-right .project-assets__controller{cursor:inherit}
.project-assets{align-items:center;display:grid;justify-items:center;padding:0 var(--base-padding);place-items:center;width:100%}
.project-assets__container{--ch:calc(var(--vh) - 6.75rem);align-items:center;display:flex;height:var(--ch);justify-content:center;margin-bottom:8rem;transition:opacity .3s;width:calc(100vw - var(--base-padding) * 2)}
.project-assets__controller{aspect-ratio:var(--gar);display:grid;grid-template-columns:var(--cols);grid-template-rows:100%;width:min(100%,calc(var(--ch) * var(--gar)))}
.project-assets__controller .asset{height:100%;opacity:0;transition:opacity .3s;width:100%}
.project-assets__controller .asset--loaded{opacity:1}
.project-assets__controller .asset:last-child:not(:first-child){transform:translateX(-.5px)}
.pages-project__grid{align-items:center;display:flex;min-height:calc(var(--vh) - 6.666rem)}
.pages-project__grid[hidden]{display:none}
.project-grid{flex-grow:0;margin-left:var(--base-padding);margin-right:var(--base-padding);width:calc(100% - var(--base-padding) * 2)}
.project-grid__row{display:flex;flex-wrap:wrap;gap:var(--base-padding);justify-content:center}
.project-grid__cell{cursor:pointer;display:block;flex:0 0 auto;height:calc((var(--vh) - 6.666rem - var(--base-padding) * 4) / 3);aspect-ratio:var(--ar);overflow:hidden}
.project-grid__cell img{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;width:100%}
.project-grid__cell img.is-loaded{opacity:1}
.project-footer{align-items:center;background-color:var(--color-light-grey);bottom:0;display:flex;height:var(--alto-cab);justify-content:space-between;left:0;padding:.66rem var(--base-padding);position:fixed;width:100%;z-index:2}
.project-footer__button-container,.project-footer__counter{flex:1;font-family:var(--titulo);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:var(--lh-sm)}
.project-footer__button-container{text-align:right}
.project-footer__counter{font-feature-settings:"tnum" 1;letter-spacing:-.1rem}
.project-footer__button{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}
.project-footer__caption{flex:2;text-align:center}
.pages-project--no-scroll{overflow:hidden}
.aviso--movil{display:none}
@media screen and (min-width:992px){.pages-project--no-scroll .pages-project__gallery{height:calc(var(--vh) - 6.666rem);overflow:hidden}}
@media screen and (max-width:1199px){.project-footer{padding:var(--header-padding)}.project-footer__counter{letter-spacing:-.06rem}}
@media screen and (max-width:991px){
  .pages-project{height:auto;overflow:visible;padding-top:var(--alto-cab);padding-bottom:var(--alto-cab)}
  .project-assets__container{height:auto;width:100%}
  .project-assets__controller{width:100%}
  .project-footer{height:2.4rem}
  .project-footer__caption{display:none}
  .aviso--movil{display:block;padding:0 var(--base-padding) 1.5rem;text-align:center}
  .header-project__details{display:none}
  .header-project__artists{display:block;margin-right:0}
}
@media screen and (max-width:767px){.project-assets{margin-top:8rem}}

@media (prefers-reduced-motion:reduce){
  *,::before,::after{animation:none!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}
  .asset__object,.block-assets .asset{opacity:1!important}
  .asset__video{display:none!important}
}