@font-face{font-family:"Hanken Cumbrera";src:url(hanken.woff2) format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader Cumbrera";src:url(newsreader.woff2) format("woff2");font-weight:300 420;font-style:normal;font-display:swap}

:root{
  --g:clamp(10px,1.9101px + 1.1236vw,30px);
  --g2:clamp(40px,-4.4943px + 6.1798vw,150px);
  --esc:.885;
  --t-small:calc(clamp(17px,15.7865px + .1685vw,20px) * var(--esc));
  --t-med:calc(clamp(20px,15.1461px + .6742vw,32px) * var(--esc));
  --t-large:calc(clamp(40px,25.8427px + 1.9663vw,75px) * var(--esc));
  --t-toggle:calc(clamp(20px,11.9101px + 1.1236vw,40px) * var(--esc));
  --ease:cubic-bezier(.645,.045,.355,1);
  --bg-color:#000;--text-color:#fff;--start-w:200px;
  --serif:"Newsreader Cumbrera","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Hanken Cumbrera","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:inherit;font-size:100%;vertical-align:baseline;text-decoration:none}
html{-webkit-text-size-adjust:100%}
html.vista-proyecto{scroll-snap-type:y mandatory}
body{background:var(--bg-color);color:var(--text-color);font:300 var(--t-med)/1.1em var(--sans);-webkit-font-smoothing:antialiased;
  transition:background-color .6s var(--ease),color .6s var(--ease);min-height:100vh}
article,aside,figure,footer,header,main,nav,section{display:block}
ul,ol{list-style:none}
img,video{display:block;max-width:100%}
button{background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
a{color:inherit}
::selection{background:#000;color:#fff}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cursor-on,.cursor-on *{cursor:none!important}
.t-small{font-size:var(--t-small);line-height:1.1em}
.t-med{font-size:var(--t-med);line-height:1.1em}
.saltar{position:fixed;left:var(--g);top:-80px;z-index:20000;background:#fff;color:#000;padding:8px 12px;font-size:var(--t-small)}
.saltar:focus{top:var(--g)}
.nojs{padding:var(--g);max-width:44rem}.nojs h2{font-size:var(--t-large);line-height:.9;margin-bottom:var(--g)}.nojs p{margin-bottom:1rem}


.menu-toggle{position:fixed;bottom:var(--g);right:var(--g);z-index:12;display:inline-flex;align-items:center;padding:0;color:#fff;mix-blend-mode:difference;
  font-size:var(--t-toggle);line-height:1;transition:transform .5s var(--ease)}
.menu-toggle__label{display:inline-block;line-height:1;font-weight:300;letter-spacing:.01em}
.menu-toggle.is-open{transform:translate(calc(-100vw + 100% + var(--g) * 2))}
@media (min-width:720px){.menu-toggle.is-open{transform:translate(calc(-30vw + 100% + var(--g) * 2))}}
@media (max-width:720px){.home .menu-toggle{mix-blend-mode:normal}}


.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:100vw;z-index:11;background:#000;color:#fff;padding:var(--g);display:flex;flex-flow:column;
  transform:translate(100%);transition:transform .5s var(--ease);overflow:visible}
.nav-drawer.is-open{transform:translate(0)}
@media (min-width:720px){.nav-drawer{width:30vw}}
.nav-drawer__primary .home{position:absolute;top:var(--g);right:var(--g);z-index:13}
.nav-drawer__primary .home-dot{display:block;width:1em;height:1em;border-radius:100%;background:#fff;font-size:var(--t-med);transition:transform .3s var(--ease);transform-origin:center}
.nav-drawer__primary .home:hover .home-dot,.nav-drawer__primary .home:focus-visible .home-dot{transform:scale(.5)}
.nav-drawer__primary ul{display:flex;flex-flow:column;gap:.6em;width:fit-content}
@media (min-width:720px){.nav-drawer__primary ul{margin-top:calc(1em + var(--g) / 2)}}
.nav-drawer__primary li{width:fit-content}
.nav-drawer__primary a{display:flex;line-height:.7em}
.nav-drawer__primary-link{font-size:var(--t-large);line-height:.9em;letter-spacing:-.01em;text-transform:uppercase;color:#fff;display:block;transition:transform .3s var(--ease)}
.nav-drawer__primary-link:before{content:"\2014";display:inline-block;width:0;overflow:hidden;transition:width .3s var(--ease)}
.nav-drawer__primary-link:hover:before,.nav-drawer__primary-link.active:before,.nav-drawer__primary-link:focus-visible:before{width:1em}
.nav-drawer__bottom{margin-top:auto;display:flex}
.nav-drawer__bottom .info{flex:1;display:flex;flex-flow:column;justify-content:flex-end}
.nav-drawer__bottom .news{flex:1.3}
@media (max-width:720px){.nav-drawer__bottom .news{display:none}}
.nav-drawer__bottom .info p{font-size:var(--t-small);line-height:1.1em;padding-bottom:1rem}
.nav-drawer__bottom .info a{color:#fff}
.nav-drawer__bottom .info .close{font-size:var(--t-toggle);line-height:.9em;opacity:0}
.nav-drawer__news{background:rgba(217,217,217,.1);padding:calc(var(--g) / 2);position:relative}
.nav-drawer__news .carousel-track{position:relative;display:grid}
.nav-drawer__news .carousel-slide{grid-area:1/1;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.nav-drawer__news .carousel-slide.is-active{opacity:1;pointer-events:auto}
.nav-drawer__news-item a{display:flex;height:100%;flex-flow:column;color:#fff}
.nav-drawer__news-cover{margin:0 0 .5rem;aspect-ratio:1/1;overflow:hidden}
.nav-drawer__news-cover img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--ease)}
.nav-drawer__news-item a:hover img{scale:1.03}
.nav-drawer__news-heading{font:400 var(--t-small)/1.1 var(--serif);margin:0 0 1rem;max-width:20ch}
.nav-drawer__news-date{font-size:var(--t-small);opacity:.6;margin-top:auto}
.carousel-pagination{display:flex;gap:.5rem;align-items:flex-end;justify-content:flex-end}
.nav-drawer__news .carousel-pagination{position:absolute;bottom:calc(var(--g) / 2 + 5px);right:calc(var(--g) / 2);z-index:5}
.carousel-pagination__dot{position:relative;overflow:hidden;width:8px;height:6px;border-radius:5px;background:rgba(255,255,255,.42);padding:0;transition:width .3s var(--ease)}
.carousel-pagination__dot:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#fff;border-radius:inherit}
.carousel-pagination__dot.is-active{width:30px}
.carousel-pagination__dot.is-active:after{animation:dot-progress var(--dot-dur,5s) linear forwards}
@keyframes dot-progress{from{width:0}to{width:100%}}


.start{position:fixed;inset:0;z-index:13;display:flex;color:#000;pointer-events:none;transition:padding-right .5s var(--ease)}
@media (min-width:720px){.start{z-index:9}.nav-is-open .start{padding-right:30vw}}
.start-left,.start-right{background:#b9c7d6;flex-basis:100%}
@media (min-width:720px){.start-left,.start-right{flex-basis:50%}}
.start-left{padding:var(--g);display:flex;flex-flow:column;transform:translate(230%);transition:transform .8s cubic-bezier(.42,0,.58,1)}
.start-right{display:none}
@media (min-width:720px){.start-right{display:block;transform:translate(130%);transition:transform .6s cubic-bezier(.42,0,.58,1)}}
.start.show{pointer-events:all}
.start.show .start-left,.start.show .start-right{transform:translate(0)}
.start-top{display:flex;width:100%;align-items:center}
.start-top .steps{margin-left:auto}
.start-top .close{height:.8em;width:.8em;margin-left:var(--g);display:block;color:#000}
.start-top .close svg{width:100%;height:100%;display:block}
.start-form{margin-top:auto;max-height:100%}
@media (max-width:720px){.start-form{overflow:auto;margin-top:1rem}}
.start .form_text,.start .form_textarea{display:flex;flex-flow:column;gap:.5rem}
.start .form-col{display:flex;flex-flow:column;gap:var(--g)}
.start .texto-form{font-size:var(--t-med);line-height:1.1em;max-width:42ch;padding-bottom:1rem}
.start label,.start legend{font-size:var(--t-med);line-height:1.1em}
.start input[type=text],.start input[type=email],.start textarea{width:100%;padding:var(--g);border-radius:5px;background:#fff;color:#000;font-size:var(--t-med);line-height:1.1em;outline-offset:2px}
.start textarea{min-height:20vh;border-radius:7px;resize:vertical}
.start .opciones{display:flex;flex-flow:row wrap;gap:.5rem}
.start .opcion{flex-basis:100%;position:relative;background:#fff;border-radius:5px;padding:calc(var(--g) / 1.5);transition:background-color .2s var(--ease),color .2s var(--ease);font-size:var(--t-med);line-height:1.1em}
.start .opcion input{position:absolute;opacity:0;inset:0;width:100%;height:100%}
.start .opcion:has(input:checked){background:#000;color:#fff}
.start .opcion:has(input:focus-visible){outline:2px solid #000;outline-offset:2px}
.start .pill{width:100%;background:#000;color:#fff;text-align:left;padding:var(--g);border-radius:5px;font-size:var(--t-med);line-height:1.1em}
.start .pill:hover,.start .pill:focus-visible{opacity:.78}
.start .volver{margin-top:var(--g);width:100%;background:#000;color:#fff;text-align:left;padding:var(--g);border-radius:5px;font-size:var(--t-med);line-height:1.1em}
.start .form_error{color:#c4361b;font-size:calc(var(--t-small) * .95);margin-top:.25rem}
.start .form_error:empty{display:none}
.start input[aria-invalid=true]{outline:2px solid #c4361b}
.start .form_success{display:flex;flex-flow:column;gap:.5rem}
.start .form_success h2{font-size:calc(var(--t-med) * 1.2);font-weight:400}
.start-right .carousel-container,.start-right .carousel-track{height:100%}
.start-right .carousel-container.sticky{position:fixed;top:0;width:50vw;height:100%}
.start-right .carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-in-out}
.start-right .carousel-slide.is-active{opacity:1}
.start-right .carousel-slide img,.start-right .carousel-slide video{width:100%;height:100%;object-fit:cover}


main{transition:padding-right .5s var(--ease)}
@media (min-width:720px){.nav-is-open main{padding-right:30vw}}
.page-label{position:fixed;top:var(--g);display:flex;transform:translate(0);transition:transform .5s var(--ease);z-index:10}
@media (max-width:720px){.page-label{left:var(--g)}}
@media (min-width:720px){.page-label{z-index:13;right:calc(var(--g) + var(--start-w))}}
.page-label button{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;transition:all .5s var(--ease);padding-right:var(--g)}
.page-label button:hover{text-decoration-color:currentColor}
.page-label__title{font-weight:300;display:block}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.projects .page-label button,.project .page-label button{color:#fff}
.project .page-label button{color:#000}
.projects__start{position:fixed;z-index:12;display:inline-flex;align-items:center;height:fit-content;margin-top:-4px;background:#fff;padding:4px 7px 6px;
  transition:color .5s var(--ease),transform .5s var(--ease),background-color .5s var(--ease)}
.projects__start a{display:block;color:#000;font-size:var(--t-small);line-height:1}
@media (max-width:720px){.projects__start{bottom:calc(var(--g) + 3px);left:var(--g)}}
@media (min-width:720px){.projects__start{margin-left:.3em;top:var(--g);right:var(--g)}}
.project .projects__start,.news-post .projects__start{background:#000}
.project .projects__start a,.news-post .projects__start a{color:#fff}

body.home,body.default,body.news,body.news-post{--sx:calc(100vw - var(--start-w) * -1 - var(--g) * 2 - .45em);--lx:0px}
@media (min-width:720px){body.home,body.default,body.news,body.news-post{--sx:calc(var(--start-w) + var(--g) + .45em);--lx:calc(var(--start-w) + var(--g))}}
.projects__start{transform:translate(var(--sx,0))}
.page-label{transform:translate(var(--lx,0))}
body.home .page-label{opacity:0}
body.nav-is-open .projects__start{transform:translate(calc(100vw - var(--start-w) - var(--g) * 2 - .45em))}
body.nav-is-open .projects__start,body.nav-is-open .project__links{pointer-events:auto}
@media (min-width:720px){
  body.nav-is-open .projects__start{transform:translate(calc(-30vw + var(--g) * 2 + var(--start-w)))}
  body.nav-is-open .page-label{transform:translate(calc(-30vw + var(--start-w)))}
}
body.nav-is-open.project .projects__start,body.nav-is-open.news-post .projects__start{background:#fff}
body.nav-is-open.project .projects__start a,body.nav-is-open.news-post .projects__start a{color:#000}
@media (max-width:720px){.project .page-label,.news-post .page-label{display:none}}


.transition-fade{animation:none;opacity:1}
html.is-animating .transition-fade{animation:fadeOut .3s var(--ease) forwards}
html.is-rendering .transition-fade{animation:fadeIn .3s var(--ease) forwards}
html.is-animating .page-label,html.is-animating .projects__start{animation:fadeOut .3s var(--ease) forwards}
html.is-rendering .page-label,html.is-rendering .projects__start{animation:fadeIn .3s var(--ease) forwards}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
body.home.is-first .page-label{opacity:0}
#contenido:focus{outline:none}


.aviso-muestra{padding:var(--g);font-size:12px;line-height:1.2;position:relative;z-index:3}
.aviso-muestra p{font-size:12px;opacity:.7}
.aviso-muestra a{text-decoration:underline;text-underline-offset:2px}
.home .aviso-muestra{position:fixed;left:0;right:0;bottom:calc(var(--g) * .55);padding:0;text-align:center;z-index:4;pointer-events:none;mix-blend-mode:difference;color:#fff}
.home .aviso-muestra a{pointer-events:auto}
.default .aviso-muestra,.news .aviso-muestra,.news-post .aviso-muestra{mix-blend-mode:normal}
.projects .aviso-muestra{text-align:left}


.home-desktop-hero{display:none}
@media (min-width:720px){.home-mobile-hero{display:none}.home-desktop-hero{display:block}}
.home-mobile-hero{position:relative;width:100vw;height:100vh;height:100svh;background:#3a3532;overflow:hidden}
.home-mobile-hero .home-logotype{pointer-events:none;color:#fff}
.home-poster{width:100%;height:100%;object-fit:cover}
.home-logotype{position:absolute;top:0;left:0;width:100%;padding:var(--g);z-index:3;color:#fff;pointer-events:none}
.home-logotype svg{display:block;width:100%;height:auto;fill:currentColor;aspect-ratio:var(--logo,6.83)}
@media (min-width:720px){
  .home-logotype{clip-path:inset(0 100% 0 100%)}
  .home-logotype.layer--left{clip-path:inset(0 50% 0 0)}
  .home-logotype.layer--right{clip-path:inset(0 0 0 50%)}
  .home-logotype.layer--both{clip-path:none}
}
.home-reel{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;color:#fff;background-color:#571b21;opacity:0;
  transition:background-color .8s var(--ease),opacity .5s var(--ease)}
.home-reel.in-view{opacity:1}
.home-reel__carousel{position:absolute;inset:0;pointer-events:none;user-select:none}
.home-reel__slide{position:absolute;inset:0;z-index:1;display:flex;flex-direction:row;opacity:0;transition:opacity .8s var(--ease);pointer-events:none}
.home-reel__slide.is-active{opacity:1;z-index:2}
.home-reel .c6{position:relative;flex:0 0 50%;display:flex;align-items:center;justify-content:center;z-index:4;height:100%}
.home-reel__image{flex-basis:100%;height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.home-reel__image img,.home-reel__image video{width:100%;height:100%;object-fit:cover;display:block}
.home-reel .c6.frame .home-reel__image{height:auto;flex-basis:55%;width:55%}
.home-reel .c6.frame .home-reel__image img{height:auto;aspect-ratio:var(--ar)}
.home-reel .c6.frame video{aspect-ratio:5/7;height:auto}
.home-reel .home-logotype{opacity:0;z-index:5}
.home-reel .home-logotype.layer--left,.home-reel .home-logotype.layer--right,.home-reel .home-logotype.layer--both{opacity:1}
.home-reel .c6.cubre{z-index:6}
.home-reel__intro{position:absolute;left:var(--g);right:var(--g);bottom:var(--g);z-index:3;max-width:44rem;opacity:0;transform:translateY(1rem);
  transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none}
.home-reel__intro.is-visible{opacity:1;transform:translateY(0)}
.home-reel__intro p{margin:0;max-width:19em;font-size:var(--t-med);line-height:1.1em;text-wrap:pretty}
.nav-is-open .home-reel{pointer-events:none}


.projects__info{display:flex;padding:var(--g)}
.projects__toggle{flex-basis:8.3333%}
@media (max-width:720px){.projects__toggle{display:none}}
.projects__toggle button{display:block;line-height:0}
.projects__toggle svg{display:block;fill:#fff}
.projects__intro p{max-width:22.6em;font-size:var(--t-med);line-height:1.1em}
@media (max-width:720px){.projects__intro{margin-top:calc(var(--g) + 1em)}}
.projects__grid{margin:0;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:calc(var(--g) * 2);padding:5rem var(--g) 0;transition:all .6s var(--ease)}
@media (min-width:720px){.projects__grid{padding-inline:calc(var(--g2) / 2);gap:var(--g)}}
.is-two .projects__grid{padding-inline:var(--g2)}
@media (max-width:720px){.projects .project-card{flex-basis:100%}}
@media (min-width:720px){
  .is-two .project-card{flex-basis:calc(50% - (var(--g) / 2));animation:gridFade .7s var(--ease) forwards}
  .is-three .project-card{flex-basis:calc(33.3333% - var(--g) / 1.5);animation:gridFade .7s var(--ease) forwards}
}
@keyframes gridFade{from{opacity:0}to{opacity:1}}
.project-card{align-items:center;justify-content:center;display:flex;position:relative}
@media (min-width:720px){.project-card{aspect-ratio:1/1;padding-inline:calc(var(--g) * 3)}}
.project-card__link{display:block;position:relative;color:#fff;width:100%}
.project-card__link:hover{z-index:2}
.project-card__cover{height:100%;position:relative;overflow:hidden;margin:0 0 .3rem;transition:transform .6s var(--ease);z-index:4}
@media (min-width:720px){.project-card__cover{aspect-ratio:1/1;margin:0 0 .75rem}}
.project-card__cover img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s ease}
.project-card__cover img.is-loaded{opacity:1}
.project-card__title{font-size:var(--t-med);line-height:1.1em;font-weight:300;color:#fff}
@media (min-width:720px){
  .project-card__title{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;mix-blend-mode:difference;opacity:0;transition:opacity .3s var(--ease);text-align:center;z-index:15}
  .project-card__link:focus-visible .project-card__title{opacity:1;mix-blend-mode:normal;background:rgba(0,0,0,.86);color:#fff;padding:.4em 1em;width:max-content;max-width:90%}
}
.project-card__scatter{display:none}
@media (min-width:720px){
  .project-card__scatter{display:block;position:absolute;inset:0;pointer-events:none;z-index:-1}
  .project-card__scatter-item{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;object-fit:contain;height:auto;transform:translate(-50%,-50%);opacity:0;
    transition:transform .6s var(--ease),opacity .3s var(--ease);z-index:var(--pos-z,1)}
  .display--one:hover .project-card__cover,.display--one:focus-visible .project-card__cover,.is-focused .display--one .project-card__cover{transform:translate(var(--pos-x,-15%),var(--pos-y,-5%)) scale(var(--pos-scale,1))}
  .display--one:hover .project-card__scatter-item,.display--one:focus-visible .project-card__scatter-item,.is-focused .display--one .project-card__scatter-item{opacity:1}
  .display--one:hover .project-card__scatter-item:first-of-type,.display--one:focus-visible .project-card__scatter-item:first-of-type,.is-focused .display--one .project-card__scatter-item:first-of-type{transform:translate(calc(-50% + var(--pos-x,3%)),calc(-50% + var(--pos-y,-25%))) scale(var(--pos-scale,1))}
  .display--one:hover .project-card__scatter-item:last-of-type,.display--one:focus-visible .project-card__scatter-item:last-of-type,.is-focused .display--one .project-card__scatter-item:last-of-type{transform:translate(calc(-50% + var(--pos-x,15%)),calc(-50% + var(--pos-y,14%))) scale(var(--pos-scale,1))}
  .display--two:hover .project-card__cover,.display--two:focus-visible .project-card__cover,.is-focused .display--two .project-card__cover{transform:translate(var(--pos-x,25%),var(--pos-y,-5%)) scale(var(--pos-scale,1))}
  .display--two:hover .project-card__scatter-item,.display--two:focus-visible .project-card__scatter-item,.is-focused .display--two .project-card__scatter-item{opacity:1}
  .display--two:hover .project-card__scatter-item:first-of-type,.display--two:focus-visible .project-card__scatter-item:first-of-type,.is-focused .display--two .project-card__scatter-item:first-of-type{transform:translate(calc(-50% + var(--pos-x,-10%)),calc(-50% + var(--pos-y,10%))) scale(var(--pos-scale,1))}
  .display--two:hover .project-card__scatter-item:last-of-type,.display--two:focus-visible .project-card__scatter-item:last-of-type,.is-focused .display--two .project-card__scatter-item:last-of-type{transform:translate(calc(-50% + var(--pos-x,10%)),calc(-50% + var(--pos-y,-25%))) scale(var(--pos-scale,1))}
}


.project__links,.news__links{display:flex;width:100%;position:fixed;padding:var(--g);z-index:8;mix-blend-mode:difference;justify-content:space-between;transition:width .5s var(--ease)}
@media (min-width:720px){.nav-is-open .project__links,.nav-is-open .news__links{width:70vw}}
.project__links .back,.news__links .back{color:#fff;display:flex;gap:.2em;font-size:var(--t-small);line-height:1.1em}
.project__links .back:before,.news__links .back:before{content:"\2014";display:inline-block;width:0;overflow:hidden;transition:width .3s var(--ease)}
.project__links .back:hover:before,.news__links .back:hover:before,.project__links .back:focus-visible:before{width:1em}
.project-hero,.news-hero{display:flex;flex-flow:column}
@media (min-width:1000px){.project-hero,.news-hero{flex-flow:row;align-items:flex-start;height:100vh;height:100dvh;position:sticky;top:0;z-index:-1}.project-hero>*,.news-hero>*{flex:0 0 50%;width:50%}}
.project-hero__media,.news-hero__media{position:relative;overflow:hidden;background:#b9c7d6;margin:0;width:100%;height:100%}
@media (max-width:999px){.project-hero__media,.news-hero__media{height:70svh}}
.project-hero__media img,.news-hero__media img,.news-hero__media video{width:100%;height:100%;object-fit:cover;display:block}
.project-hero__meta,.news-hero__meta{display:flex;flex-flow:column;padding:var(--g);height:100%;color:#000}
.project-hero__meta ul,.news-hero__meta ul{margin-top:3rem;display:flex;flex-flow:column;gap:var(--g)}
@media (min-width:720px){.project-hero__meta ul,.news-hero__meta ul{margin-top:auto;flex-flow:row wrap}}
.project-hero__meta li,.news-hero__meta li{flex-basis:calc(33.3333% - var(--g));margin-top:var(--g);font-size:var(--t-small);line-height:1.1em}
.project-hero__title,.news-hero__title{margin:0;max-width:85%;text-wrap:pretty;font-size:var(--t-small);line-height:1.1em}
.news-hero__title{font:400 var(--t-med)/1.1 var(--serif)}
.project-hero__intro,.news-hero__intro{margin-top:3rem}
@media (min-width:720px){.project-hero__intro,.news-hero__intro{margin-top:5rem}}
.project-hero__intro p,.news-hero__intro p{text-indent:4rem;max-width:53ch;text-wrap:pretty;font-size:var(--t-small);line-height:1.1em}
.project-body,.news-body{position:relative;background:#fff;color:#000}
.grid{display:flex;flex-flow:column;overflow:hidden;margin:var(--g);max-width:100dvw;padding-top:calc(var(--pt-m,0) * 1px);padding-bottom:calc(var(--pb-m,0) * 1px)}
@media (min-width:720px){.grid{flex-flow:row;padding-top:calc(var(--pt-d,0) * 1px);padding-bottom:calc(var(--pb-d,0) * 1px)}}
.grid .column{opacity:0;transition:all .8s var(--ease);transition-delay:var(--stagger-delay,0s)}
.grid .column.in-view{opacity:1}
.grid.flush{margin:0}
.c12{flex-basis:100%}.c10{flex-basis:83.3333%}.c8{flex-basis:66.6666%}.c6{flex-basis:50%}.c4{flex-basis:33.3333%}.c2{flex-basis:16.6666%}
.project-body .grid{align-items:center;padding-inline:var(--g2);gap:calc(var(--g2) / 2);min-height:100svh;scroll-snap-align:start}
@media (max-width:719px){.project-body .grid{min-height:0;align-items:stretch;padding-inline:var(--g);gap:var(--g);scroll-snap-align:none}.project-body .grid .column:empty{display:none}}
.project-body .grid:last-of-type{margin-bottom:0!important}
.project-body .image{max-height:90vh;display:flex;justify-content:center}
.project-body .image img{width:100%;height:auto;max-height:90vh;object-fit:contain;display:block}
.project-body .plano{width:100%;color:#000}
.project-body .plano svg{display:block;width:100%;height:auto;max-height:90vh}
.text p,.text h6{padding-bottom:1rem;font-size:var(--t-small);line-height:1.1em}
.grid .column.c6 .text p,.grid .column.c4 .text p{max-width:42ch}
body.project,body.news-post{scroll-snap-align:start}


.news__intro{display:flex;flex-flow:column;gap:var(--g);padding:var(--g)}
@media (min-width:720px){.news__intro{flex-flow:row;gap:0}}
.news__time{flex-basis:8.3333%;line-height:0}
.news-head__clock{display:flex;font-size:var(--t-small);line-height:1.1em}
.news-head__caption{display:block;margin-top:.35em;font-size:calc(var(--t-small) * .72);line-height:1.1;opacity:.62}
@media (max-width:720px){.news-head__clock{justify-content:flex-end}}
.news-head__clock-colon{display:inline-block;animation:news-clock-blink 1s infinite linear}
@keyframes news-clock-blink{0%{opacity:1}to{opacity:0}}
.news__info p{max-width:28ch;font-size:var(--t-med);line-height:1.1em}
.news__feed{display:grid;grid-template-columns:repeat(1,1fr);align-items:end;gap:var(--g);overflow:hidden;margin:5rem var(--g) var(--g);max-width:100dvw}
@media (min-width:720px){.news__feed{grid-template-columns:repeat(4,1fr)}}
.news__feed a{display:flex;flex-direction:column;color:#000}
.news__thumb{overflow:hidden}
.news__thumb img{width:100%;height:auto;transition:scale .3s var(--ease)}
.news__feed a:hover img,.news__feed a:focus-visible img{scale:1.03}
.news__meta{display:flex;flex-flow:column;gap:.5rem;margin-top:.5rem;min-height:5em}
.news__meta .title{font:400 var(--t-med)/1.1 var(--serif)}
.news__meta .date{font-size:var(--t-small);line-height:1.1em}
.news .page-label button,.news-post .page-label button,.default .page-label button{color:#000}
.news-hero__media .carousel-track{display:grid;height:100%}
.news-hero__media .carousel-slide{grid-area:1/1;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}
.news-hero__media .carousel-slide.is-active{opacity:1}
.news-hero__media .carousel-pagination{position:absolute;left:0;right:0;bottom:0;justify-content:center;padding:1rem;z-index:3}
.news-hero__media .carousel-pagination__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);transition:background-color .2s}
.news-hero__media .carousel-pagination__dot:after{display:none}
.news-hero__media .carousel-pagination__dot.is-active{background:#fff;width:8px}
.news-hero__meta{justify-content:flex-start}
.news-hero__meta .fecha{margin-top:auto;font-size:var(--t-small);line-height:1.1em}
.news-hero__intro{margin-top:5rem}


.default .grid.flush .column:has(.text),.default .grid.flush .column.col-texto{padding:var(--g)}
.timeline li{display:flex;flex-flow:column;margin-bottom:1rem}
@media (min-width:720px){.timeline li{gap:4rem;flex-flow:row;margin-bottom:.8rem}}
.timeline .year{font-weight:400;min-width:3em;font-size:var(--t-med);line-height:1.1em}
.timeline .info p{text-wrap:pretty;max-width:30ch;font-size:var(--t-med);line-height:1.1em}
.timeline .year{min-width:8em}
.spacer{display:block;width:calc(100% - 1.4rem);margin-left:.7rem}
.about-text p{font-size:var(--t-med);line-height:1.1em;padding-bottom:1rem;max-width:42ch}
.about-text h6{font-size:var(--t-small);padding-bottom:.4rem}
.about-text ul.t-small p{padding-bottom:.2rem}
.about-text ul.t-small{font-size:var(--t-small)}
.about-carousel{position:relative;width:100%}
@media (min-width:720px){.about-carousel.sticky{position:fixed;top:0;width:50vw;height:100dvh}}
.about-carousel .carousel-track-container,.about-carousel .carousel-track{height:70dvh;position:relative}
@media (min-width:720px){.about-carousel .carousel-track-container,.about-carousel .carousel-track{height:100dvh}}
.about-carousel .carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}
.about-carousel .carousel-slide.is-active{opacity:1;pointer-events:auto}
.about-carousel img,.about-carousel video{width:100%;height:100%;object-fit:cover;display:block}
.default .page-label button{color:#000}


.cursor-dot{position:fixed;top:0;left:0;width:1em;height:1em;border-radius:100%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;will-change:transform;font-size:var(--t-med)}
.custom-cursor{position:fixed;top:-100px;left:-100px;color:#fff;padding:.5rem .75rem;font-size:calc(1.65rem * var(--esc));mix-blend-mode:difference;text-align:center;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;transform:translate(-50%,-50%);white-space:nowrap}
.toast{position:fixed;left:50%;bottom:calc(var(--g) * 3);transform:translate(-50%,12px);background:#000;color:#fff;font-size:var(--t-small);line-height:1.2;padding:.7em 1.1em;border-radius:5px;z-index:14000;opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);max-width:calc(100vw - var(--g) * 2)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .grid .column{opacity:1}
  .news-head__clock-colon{animation:none}
  .carousel-pagination__dot.is-active:after{animation:none;width:100%}
}