/* Restore the reference story geometry after the earlier Brevart overrides.
   The source module rules below are copied from the supplied mainc302.css. */
main .mod-scroll__intro__content{width:auto;max-width:none}
main .mod-scroll__intro__title{white-space:normal}
main .mod-scroll__intro__title:last-child{grid-column:auto}
main .mod-scroll__intro__title:last-child em{font-size:1em}
main .mod-scroll__intro__text{margin-top:0;align-self:auto}
main .mod-scroll__intro__logo{inset:auto}
main .mod-scroll__intro__copyright{display:block}
main .mod-scroll__intro__menu{font-size:var(--parrafo)}
main .mod-scroll__intro__copyright{font-size:var(--subtitulo)}
main .mod-scroll__text__title{font-size:var(--supertitulo)}
main .mod-scroll__text__text{max-width:none;margin-left:0}
main .mod-scroll__images-text__text>p:first-child{font-size:var(--titulo-xl);line-height:var(--titulo-xl-lh)}
main .mod-scroll__terms{width:auto;min-width:0}
main .mod-scroll__terms__term{gap:0}
main .mod-scroll__terms__term__title{font-size:var(--supertitulo-l)}
main .mod-scroll__carousel{overflow:visible;font-size:var(--supertitulo-l)}
main .mod-scroll__carousel__text{font-size:var(--supertitulo)}
main .mod-scroll__projects__item.project-panel{flex:0 0 auto;width:auto;height:auto;min-height:0}
main .mod-scroll__projects__item.project-panel.bg-beige{background:var(--beige)}
main .mod-scroll__projects__item.project-panel.bg-grey{background:var(--grey)}
main .mod-scroll__projects__item.project-panel.bg-blue{background:var(--blue)}
main .mod-scroll__projects__item__image.project-panel__image{height:auto;overflow:visible}
main .mod-scroll__projects__item__image.project-panel__image img{height:auto;transition:none}
main .mod-scroll__projects__item__image.project-panel__image:hover img{transform:none}
main .mod-scroll__projects__item__text.project-panel__info{height:auto;padding:0;display:grid;flex-direction:row;justify-content:normal}
main .mod-scroll__cierre{flex:0 0 auto}
main .mod-scroll__intro .wrapper{padding-top:0;padding-bottom:0}
@media(max-width:950px){
 main .mod-scroll__intro .wrapper{padding-left:var(--wrapper-padd);padding-right:var(--wrapper-padd)}
 main .mod-scroll__intro__content{width:auto;max-width:none}
 main .mod-scroll__intro__title{font-size:var(--titulo-xxl)!important}
 main .mod-scroll__intro__title:last-child em{font-size:1em}
 main .mod-scroll__intro__text{max-width:100%;margin:0;transform:none}
 main .mod-scroll__intro__text p{font-size:var(--parrafo);line-height:var(--parrafo-lh)}
 main .mod-scroll__intro__copyright{display:block;font-size:var(--subtitulo)}
 main .mod-scroll__text .wrapper{padding:0 var(--wrapper-padd)}
 main .mod-scroll__text__text p{font-size:var(--parrafo)!important;line-height:var(--parrafo-lh)!important}
 main .mod-scroll__terms__term__title{font-size:var(--supertitulo-l)}
 main .mod-scroll__intro__menu{font-size:var(--parrafo)}
 main .mod-scroll__carousel{font-size:var(--supertitulo-l)}
 main .mod-scroll__carousel__text{font-size:var(--supertitulo)}
}
@media(max-width:468px){
 main .mod-scroll__intro__title{font-size:1.35rem!important}
 main .mod-scroll__intro__title.is_home{font-size:1.45rem!important}
}
main .mod-scroll {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  z-index: 2;
}
@media (max-width: 950px) {
  main .mod-scroll {
    display: block;
    width: 100%;
  }
}
main .mod-scroll > div, main .mod-scroll .wrapper {
  position: relative;
  height: var(--100vh);
  order: 3;
}
@media (max-width: 950px) {
  main .mod-scroll > div, main .mod-scroll .wrapper {
    height: auto;
  }
}
main .mod-scroll__section {
  position: absolute;
  top: 50%;
  left: var(--wrapper-padd);
  transform: translateY(-50%);
}
main .mod-scroll__intro .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 950px) {
  main .mod-scroll__intro .wrapper {
    width: 100%;
    min-height: var(--100vh);
  }
}
main .mod-scroll__intro.c-white .mod-scroll__logo,
main .mod-scroll__intro.c-white .mod-scroll__footer-logo {
  mix-blend-mode: difference;
  filter: invert(100%);
}
@media (max-width: 950px) {
  main .mod-scroll__intro.c-white .mod-scroll__intro__wrap-titles {
    grid-template-columns: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 2.5 + var(--grid-gap) * 1.5) calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 1.65 + var(--grid-gap) * 0.65);
    grid-gap: 0;
  }
}
main .mod-scroll__intro__copyright {
  position: absolute;
  bottom: var(--wrapper-padd);
  left: var(--wrapper-padd);
  text-transform: uppercase;
}
main .mod-scroll__intro__logo {
  position: absolute;
  width: calc(100% - var(--wrapper-padd) * 2);
  height: calc(100% - var(--wrapper-padd) * 2);
  top: var(--wrapper-padd);
  left: var(--wrapper-padd);
  opacity: 0;
}
main .mod-scroll__intro__logo .logo__normal {
  top: 0;
}
main .mod-scroll__intro__menu {
  position: absolute;
  top: calc(var(--wrapper-padd) - 1.15rem);
  right: var(--wrapper-padd);
  display: flex;
  flex-wrap: nowrap;
  gap: 1.2rem;
  transform: rotate(-90deg);
  transform-origin: bottom right;
}
@media (max-width: 950px) {
  main .mod-scroll__intro__menu {
    display: none;
  }
}
main .mod-scroll__intro__menu__a {
  text-transform: uppercase;
}
main .mod-scroll__intro__menu .no-show-scroll {
  display: none;
}
@media (max-width: 950px) {
  main .mod-scroll__intro__section {
    display: none;
  }
}
main .mod-scroll__intro__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  main .mod-scroll__intro__content {
    padding-left: calc(7.6rem - var(--wrapper-padd));
  }
}
@media (max-width: 950px) {
  main .mod-scroll__intro__content {
    padding-left: 0;
  }
}
main .mod-scroll__intro__wrap-titles {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: auto auto;
  grid-gap: 0.5rem 0;
}
@media (max-width: 950px) {
  main .mod-scroll__intro__wrap-titles {
    grid-template-columns: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 2.25 + var(--grid-gap) * 1.25) calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 1.75 + var(--grid-gap) * 0.75);
    grid-gap: 0 var(--grid-gap);
  }
}
main .mod-scroll__intro__title {
  text-transform: uppercase;
}
@media (max-width: 950px) {
  main .mod-scroll__intro__title .splitline {
    white-space: nowrap;
  }
}
@media (max-width: 468px) {
  main .mod-scroll__intro__title {
    font-size: 1.35rem;
  }
  main .mod-scroll__intro__title.is_home {
    font-size: 1.45rem;
  }
}
main .mod-scroll__intro__title em {
  font-family: var(--f-medium);
  font-style: italic;
}
main .mod-scroll__intro__text {
  max-width: 15.7rem;
  margin-right: 1rem;
  font-size: var(--parrafo);
  line-height: var(--parrafo-lh);
}
@media (max-width: 1024px) {
  main .mod-scroll__intro__text {
    max-width: 13.9rem;
    margin-right: 0rem;
    transform: translateX(calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0));
  }
}
@media (max-width: 950px) {
  main .mod-scroll__intro__text {
    max-width: 100%;
    width: 100%;
    margin-right: var(--wrapper-padd);
  }
}
main .mod-scroll__intro__text p {
  font-size: var(--parrafo);
  line-height: var(--parrafo-lh);
  width: 100%;
}
main .mod-scroll__images {
  position: relative;
  padding-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap));
  overflow: clip;
}
@media (max-width: 950px) {
  main .mod-scroll__images {
    padding-right: 0;
    padding-bottom: 1.8rem;
  }
}
main .mod-scroll__images__image-single {
  position: relative;
  aspect-ratio: 1279/960;
  height: var(--100vh);
}
@media (max-width: 950px) {
  main .mod-scroll__images__image-single {
    aspect-ratio: 375/281;
    height: auto;
    width: 100%;
  }
}
main .mod-scroll__images__image-single .media__wrap-source,
main .mod-scroll__images__image-single .media__source {
  position: relative;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 950px) {
  main .mod-scroll__images.principal {
    padding-bottom: 4.25rem;
  }
}
main .mod-scroll__images.principal .flipMedia:nth-of-type(1) {
  height: 100%;
  aspect-ratio: 1279/960;
}
main .mod-scroll__images.principal .flipMedia:nth-of-type(2) {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5.45 + var(--grid-gap) * 4.45);
  height: auto;
  aspect-ratio: 835/557;
}
@media (max-width: 950px) {
  main .mod-scroll__images.principal .flipMedia:nth-of-type(2) {
    top: auto;
    bottom: 1.75rem;
    left: 50%;
    transform: translate(-50%, 0%);
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 2.5 + var(--grid-gap) * 1.5);
  }
}
main .mod-scroll__images.secundario {
  padding-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1 + var(--grid-gap) * 2);
}
@media (max-width: 950px) {
  main .mod-scroll__images.secundario {
    padding-right: 0;
    padding-bottom: 5rem;
  }
}
main .mod-scroll__images.secundario.image-single {
  padding-right: 0;
}
@media (max-width: 950px) {
  main .mod-scroll__images.secundario.image-single {
    padding-bottom: 0rem;
  }
}
main .mod-scroll__images.secundario.image-single .flipMedia:nth-of-type(1) {
  height: 100%;
  aspect-ratio: 1483/960;
}
main .mod-scroll__images.secundario .flipMedia:nth-of-type(1) {
  height: 100%;
  aspect-ratio: 1090/960;
}
@media (max-width: 950px) {
  main .mod-scroll__images.secundario .flipMedia:nth-of-type(1) {
    aspect-ratio: 375/281;
    height: auto;
    width: 100%;
  }
}
main .mod-scroll__images.secundario .flipMedia:nth-of-type(2) {
  position: absolute;
  top: 50%;
  right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap));
  transform: translateY(-50%);
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5.2 + var(--grid-gap) * 4.2);
  height: auto;
  aspect-ratio: 668/554;
}
@media (max-width: 950px) {
  main .mod-scroll__images.secundario .flipMedia:nth-of-type(2) {
    top: auto;
    bottom: 2.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 2.5 + var(--grid-gap) * 1.5);
  }
}
main .mod-scroll__text .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9 + var(--wrapper-padd) * 2);
}
@media (max-width: 950px) {
  main .mod-scroll__text .wrapper {
    width: 100%;
    display: block;
  }
}
@media (max-width: 950px) {
  main .mod-scroll__text__section {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    margin-bottom: 1.35rem;
    text-align: center;
  }
}
main .mod-scroll__text__wrap-text {
  width: 100%;
  padding: var(--wrapper-padd);
  padding-left: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--wrapper-padd));
  padding-right: 0;
}
@media (max-width: 950px) {
  main .mod-scroll__text__wrap-text {
    padding: 0;
  }
}
main .mod-scroll__text__title {
  width: 100%;
  text-transform: uppercase;
  line-height: 0.9;
  margin-bottom: 4.9rem;
}
@media (max-width: 950px) {
  main .mod-scroll__text__title {
    margin-bottom: 3rem;
  }
}
main .mod-scroll__text__text {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2.9 + var(--grid-gap) * 1.9);
  font-family: var(--f-izmir);
  font-size: var(--parrafo);
  line-height: var(--parrafo-lh);
}
@media (max-width: 1024px) {
  main .mod-scroll__text__text {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4.8 + var(--grid-gap) * 3.8);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__text__text {
    width: 100%;
    margin-bottom: 2.4rem;
  }
}
main .mod-scroll__text__text p {
  font-family: var(--f-izmir);
  font-size: var(--parrafo);
  line-height: var(--parrafo-lh);
}
main .mod-scroll__images-text.only-text .wrapper {
  padding-left: calc(var(--wrapper-padd) * 5);
  padding-right: calc(var(--wrapper-padd) * 5);
}
@media (max-width: 950px) {
  main .mod-scroll__images-text.only-text .wrapper {
    padding: 1.75rem var(--wrapper-padd);
  }
}
main .mod-scroll__images-text.only-text .mod-scroll__images-text__text {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 9 + var(--grid-gap) * 8);
}
@media (max-width: 950px) {
  main .mod-scroll__images-text.only-text .mod-scroll__images-text__text {
    width: 95%;
  }
}
main .mod-scroll__images-text .wrapper {
  display: flex;
  flex-wrap: nowrap;
  padding-left: calc(var(--wrapper-padd) * 1 - 2px);
  padding-right: calc(var(--wrapper-padd) * 1);
}
@media (max-width: 950px) {
  main .mod-scroll__images-text .wrapper {
    flex-direction: column;
    padding: 0 var(--wrapper-padd);
  }
}
main .mod-scroll__images-text .flipMedia:nth-of-type(1) {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 944/756;
  margin-left: calc(var(--grid-gap) * -1);
  margin-right: var(--grid-gap);
}
@media (max-width: 1024px) {
  main .mod-scroll__images-text .flipMedia:nth-of-type(1) {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4 + var(--grid-gap));
  }
}
@media (max-width: 950px) {
  main .mod-scroll__images-text .flipMedia:nth-of-type(1) {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 3 + var(--grid-gap) * 2);
    margin: 0;
    z-index: 3;
  }
}
main .mod-scroll__images-text .flipMedia:nth-of-type(2) {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3);
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 441/451;
  margin-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap));
  align-self: flex-end;
}
@media (max-width: 1024px) {
  main .mod-scroll__images-text .flipMedia:nth-of-type(2) {
    margin-right: calc(var(--grid-gap) * 2);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__images-text .flipMedia:nth-of-type(2) {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 2 + var(--grid-gap) * 1);
    margin: 0;
    margin-top: -3rem;
    z-index: 2;
  }
}
main .mod-scroll__images-text__text {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
  padding: 0 calc(var(--wrapper-padd) * 1);
  align-self: center;
  font-size: var(--titulo-xl);
  line-height: var(--titulo-xl-lh);
  font-family: var(--f-regular);
}
@media (max-width: 1024px) {
  main .mod-scroll__images-text__text {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10.5 + var(--grid-gap) * 9.5);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__images-text__text {
    width: 99%;
    padding: 2.4rem 0;
  }
}
main .mod-scroll__images-text__text p {
  font-family: var(--f-regular);
  font-size: var(--titulo-xl);
  line-height: var(--titulo-xl-lh);
}
main .mod-scroll__carousel {
  position: relative;
  width: 1.5em;
  background: var(--black);
  z-index: 10;
}
@media (max-width: 950px) {
  main .mod-scroll__carousel {
    width: 100%;
    height: 1.5em !important;
  }
}
main .mod-scroll__carousel__content {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5em;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2.5rem;
  transform: translateY(var(--100vh)) rotate(-90deg);
  transform-origin: top left;
  background: var(--beige);
}
@media (max-width: 950px) {
  main .mod-scroll__carousel__content {
    font-size: 3.7rem;
    gap: 1rem;
    transform: translateY(0) rotate(0deg);
    transform-origin: unset;
  }
}
main .mod-scroll__carousel__content span {
  position: relative;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2.5rem;
  animation: carousel 5s linear infinite;
  padding: 0.2em 0;
}
@media (max-width: 950px) {
  main .mod-scroll__carousel__content span {
    gap: 1rem;
    padding: 0.6em 0;
  }
}
main .mod-scroll__carousel__text {
  white-space: nowrap;
}
main .mod-scroll__carousel__image {
  position: relative;
  display: block;
  width: 0.75em;
}
@media (max-width: 950px) {
  main .mod-scroll__carousel__image {
    max-width: unset;
  }
}
main .mod-scroll__terms {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--wrapper-padd);
  overflow: unset;
}
@media (max-width: 950px) {
  main .mod-scroll__terms {
    padding: 4rem 0;
    gap: 2.75rem;
  }
}
main .mod-scroll__terms__term {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
@media (max-width: 950px) {
  main .mod-scroll__terms__term {
    padding: var(--wrapper-padd);
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
main .mod-scroll__terms__term__title {
  position: relative;
  mix-blend-mode: difference;
  z-index: 20;
}
main .mod-scroll__terms__term__title__filter {
  filter: invert(100%);
}
main .mod-scroll__terms__term__title__color {
  color: black;
}
@media (max-width: 950px) {
  main .mod-scroll__terms__term__title {
    order: 1;
    margin-bottom: 1.1rem;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
    width: 90vw;
  }
}
main .mod-scroll__terms__term__text {
  position: relative;
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2.03 + var(--grid-gap) * 1.03 + var(--grid-gap));
  min-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2.03 + var(--grid-gap) * 1.03 + var(--grid-gap));
  margin: 0 calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1.4 + var(--grid-gap) * 0.4 + var(--grid-gap)) 0 calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap));
}
main .mod-scroll__terms__term__text__single {
  position: relative;
}
@media (min-width: 950px) {
  main .mod-scroll__terms__term__text__single:not(:nth-of-type(2)) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
  }
}
@media (max-width: 1024px) {
  main .mod-scroll__terms__term__text {
    margin: 0 calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1.6 + var(--grid-gap) * 0.6 + var(--grid-gap)) 0 0;
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3.65 + var(--grid-gap) * 2.65);
    min-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3.65 + var(--grid-gap) * 2.65);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__terms__term__text {
    width: calc(100% - 2rem);
    min-width: unset;
    margin: 0;
    margin-left: 1rem;
    order: 2;
  }
}
main .mod-scroll__terms__term__wrap-title {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  position: relative;
  width: 100%;
}
@media (max-width: 1024px) {
  main .mod-scroll__terms__term__wrap-title {
    gap: 0.3rem;
  }
}
main .mod-scroll__terms__term__wrap-title.follow__wrap {
  overflow: visible;
}
main .mod-scroll__terms__term:last-of-type {
  margin-left: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap));
  padding-bottom: calc(var(--wrapper-padd) / 2);
}
@media (max-width: 1024px) {
  main .mod-scroll__terms__term:last-of-type {
    margin-left: var(--grid-gap);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__terms__term:last-of-type {
    margin-left: 0;
  }
}
main .mod-scroll__terms__term:last-of-type .lh-less2 {
  line-height: 0.65;
}
@media (max-width: 950px) {
  main .mod-scroll__terms__term:last-of-type .lh-less2 {
    line-height: 0.85;
    margin-top: -0.05em;
  }
}
main .mod-scroll__terms .follow__mouse {
  z-index: 10;
  width: 18em;
  aspect-ratio: 1/1;
  overflow: clip;
  transform-origin: bottom center;
  opacity: 0;
}
@media (max-width: 1024px) {
  main .mod-scroll__terms .follow__mouse {
    width: 11em;
  }
}
@media (max-width: 950px) {
  main .mod-scroll__terms .follow__mouse {
    display: none;
  }
}
main .mod-scroll__terms .follow__mouse > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 1;
  --clipPath: 0% 0% 0% 0%;
  clip-path: inset(var(--clipPath));
}
main .mod-scroll__terms .follow__mouse > img.on {
  z-index: 3;
}
main .mod-scroll__terms .follow__mouse > img.prev {
  z-index: 2;
}
main .mod-scroll__projects {
  display: flex;
  flex-wrap: nowrap;
  z-index: 10;
}
@media (max-width: 950px) {
  main .mod-scroll__projects {
    flex-direction: column;
  }
}
main .mod-scroll__projects__wrap-text {
  position: relative;
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2 + var(--grid-gap) * 2);
  height: var(--100vh);
  padding: var(--grid-gap);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  main .mod-scroll__projects__wrap-text {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3 + var(--grid-gap) * 2);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projects__wrap-text {
    display: none;
  }
}
main .mod-scroll__projects__text {
  width: 17.5rem;
}
@media (max-width: 1024px) {
  main .mod-scroll__projects__text {
    width: 100%;
  }
}
main .mod-scroll__projects__text .line {
  overflow: clip;
}
main .mod-scroll__projects__item {
  position: relative;
  overflow: hidden;
  box-shadow: unset;
}
main .mod-scroll__projects__item__content {
  position: relative;
  height: var(--100vh);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__content {
    width: 100vw;
  }
}
main .mod-scroll__projects__item__image {
  position: relative;
  z-index: 2;
}
main .mod-scroll__projects__item__image * {
  will-change: transform, width, height;
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__image {
    height: 62svh;
  }
}
main .mod-scroll__projects__item__image .media__wrap-source {
  aspect-ratio: unset !important;
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__image .media__wrap-source {
    height: 62svh;
  }
}
main .mod-scroll__projects__item__image .media__source {
  position: relative;
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__image .media__source {
    height: 62svh;
  }
}
main .mod-scroll__projects__item__text {
  flex: 1;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  --margin: 1.25rem;
  z-index: 1;
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__text {
    --margin: 0.75rem;
    height: 38svh;
  }
}
main .mod-scroll__projects__item__text__title {
  white-space: nowrap;
  padding: var(--margin);
}
@media (max-width: 950px) {
  main .mod-scroll__projects__item__text__title {
    padding-top: 0;
  }
}
main .mod-scroll__projects__item__text__title > div {
  overflow: hidden;
}
main .mod-scroll__projects__item__text__data {
  position: absolute;
  width: 100%;
  height: 100%;
}
main .mod-scroll__projects__item__text__data > * {
  position: absolute;
  overflow: hidden;
}
main .mod-scroll__projects__item__text__data > * > span {
  position: relative;
  display: block;
}
main .mod-scroll__projects__item__text__data > *:nth-child(1) {
  top: var(--margin);
  left: var(--margin);
}
main .mod-scroll__projects__item__text__data > *:nth-child(2) {
  top: var(--margin);
  right: var(--margin);
}
main .mod-scroll__projects__item__text__data > *:nth-child(3) {
  bottom: var(--margin);
  left: var(--margin);
}
main .mod-scroll__projects__item__text__data > *:nth-child(4) {
  bottom: var(--margin);
  right: var(--margin);
}
main .mod-scroll__projects .last-item {
  overflow: unset;
}
main .mod-scroll__projects .last-item .home__projects__item__content {
  position: relative;
  z-index: 2;
}
main .mod-scroll__projects .last-item__carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(var(--100vh));
  z-index: 3;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__carousel {
    position: relative;
    transform: translateY(0vh);
  }
}
main .mod-scroll__projects .last-item__carousel__item {
  position: relative;
  width: 100%;
  height: 33.3333vh;
  display: grid;
  place-items: center;
  overflow: hidden;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__carousel__item {
    height: 40vh;
  }
}
main .mod-scroll__projects .last-item__carousel__item__image {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 100%;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__carousel__item__image .media__wrap-source {
    aspect-ratio: unset !important;
  }
}
main .mod-scroll__projects .last-item__carousel__item__image .media__source {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__carousel__item__image .media__source {
    height: 40vh;
  }
}
main .mod-scroll__projects .last-item__carousel__item__arrow {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  transform: scale(1.5);
  transform-origin: top right;
  z-index: 2;
}
main .mod-scroll__projects .last-item__carousel__item--link {
  height: 25vh;
  padding: 0;
  border: unset;
  border-radius: unset;
}
main .mod-scroll__projects .last-item__carousel__item--link::before {
  border: unset;
  border-radius: unset;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__carousel__item--link {
    height: 20vh;
  }
}
main .mod-scroll__projects .last-item__content {
  position: absolute;
  top: 0;
  height: var(--100vh);
  background: white;
  z-index: 1;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__content {
    position: relative;
    height: auto;
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__content__section {
    width: 100%;
    text-align: center;
    margin: 0.9rem 0 1.2rem;
  }
}
main .mod-scroll__projects .last-item__content__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 57.5vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--wrapper-padd);
  gap: var(--grid-gap);
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__content__wrap {
    position: relative;
    width: 100%;
    padding-bottom: 2.4rem;
    gap: 0;
  }
}
main .mod-scroll__projects .last-item__content__section {
  position: absolute;
  top: var(--wrapper-padd);
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__content__section {
    position: relative;
    top: auto;
  }
}
main .mod-scroll__projects .last-item__content__title {
  width: 100%;
}
main .mod-scroll__projects .last-item__content__title .line {
  overflow: clip;
}
@media (max-width: 950px) {
  main .mod-scroll__projects .last-item__content__title {
    margin-bottom: 3rem;
  }
}
main .mod-scroll__projects .last-item__content__text {
  font-size: var(--titulo);
  line-height: var(--titulo-lh);
  font-family: var(--f-edit);
}
main .mod-scroll__projects .last-item__content__text p {
  font-size: var(--titulo);
  line-height: var(--titulo-lh);
  font-family: var(--f-edit);
}
main .mod-scroll__projects .last-item__content__text p .line {
  overflow: clip;
}
main .mod-scroll__pin {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 950px) {
  main .mod-scroll__pin {
    display: none;
  }
}
main .mod-scroll__cierre {
  z-index: 15;
  width: 150vw;
}
@media (max-width: 950px) {
  main .mod-scroll__cierre {
    width: 100%;
  }
}
main .mod-scroll__cierre__content {
  position: relative;
  width: 100vw;
  height: var(--100vh);
  display: grid;
  place-items: center;
}
@media (max-width: 950px) {
  main .mod-scroll__cierre__content {
    height: auto;
    padding: 2.4rem 0;
  }
}
main .mod-scroll__cierre__content .mod-scroll__logo,
main .mod-scroll__cierre__content .mod-scroll__footer-logo {
  width: 8rem;
}
@media (max-width: 1024px) {
  main .mod-scroll__cierre__content .mod-scroll__logo,
  main .mod-scroll__cierre__content .mod-scroll__footer-logo {
    width: 5rem;
  }
}
@media (max-width: 950px) {
  main .mod-scroll__cierre__content .mod-scroll__logo,
  main .mod-scroll__cierre__content .mod-scroll__footer-logo {
    display: none;
  }
}
main .mod-scroll__cierre__content__image {
  position: relative;
  display: block;
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
  max-width: 90%;
  aspect-ratio: 1226/689;
}
@media (max-width: 950px) {
  main .mod-scroll__cierre__content__image {
    max-width: unset;
    width: calc(100% - var(--wrapper-padd) * 3);
  }
}
main .mod-scroll__projectInt {
  width: 100vw;
  display: flex;
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt {
    flex-direction: column;
  }
}
main .mod-scroll__projectInt__image {
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5 + var(--grid-gap));
  height: 100vh;
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__image {
    width: 100%;
    height: 45vh;
  }
}
main .mod-scroll__projectInt__image .flipMedia__media--up .media__source {
  max-width: unset;
  width: 120%;
}
main .mod-scroll__projectInt__content {
  position: relative;
  width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5 + var(--grid-gap));
  height: 100vh;
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__content {
    width: 100%;
    height: 45vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 5vh;
  }
}
main .mod-scroll__projectInt__section {
  position: absolute;
  top: 56%;
  left: var(--wrapper-padd);
  transform: translate(0%, -50%);
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__section {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}
main .mod-scroll__projectInt__text {
  position: absolute;
  bottom: var(--wrapper-padd);
  left: var(--wrapper-padd);
  transform: translate(0%, 0%);
  width: 10rem;
}
@media (max-width: 1024px) {
  main .mod-scroll__projectInt__text {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1.9 + var(--grid-gap) * 0.9 + var(--grid-gap));
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__text {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 1.5 + var(--grid-gap) * 0.5 + var(--grid-gap) * 2);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}
main .mod-scroll__projectInt__number {
  position: absolute;
  bottom: var(--wrapper-padd);
  right: var(--wrapper-padd);
  transform: translate(0%, 0%);
}
main .mod-scroll__projectInt__title {
  position: absolute;
  top: 56%;
  left: 17.5rem;
  transform: translate(0%, -50%);
  letter-spacing: 0.075em;
}
@media (max-width: 1024px) {
  main .mod-scroll__projectInt__title {
    left: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1 + var(--grid-gap) * 2);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__title {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}
main .mod-scroll__projectInt__image-small {
  position: absolute;
  top: 7.1rem;
  left: 17.5rem;
  transform: translate(0%, 0%);
  width: 11.7rem;
  aspect-ratio: 234/260;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 1024px) {
  main .mod-scroll__projectInt__image-small {
    width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2.1 + var(--grid-gap) * 1.1);
    top: 5rem;
    left: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1 + var(--grid-gap) * 2);
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt__image-small {
    display: none;
  }
}
@media (max-width: 950px) {
  main .mod-scroll__projectInt .follow__mouse {
    top: 25% !important;
  }
}

/* Desktop project geometry is driven by the source accordion animation. */
main .mod-scroll__carousel__content .brand-asterisk{display:block;width:.75em;animation:none;padding:0;flex-shrink:0}
@media(max-width:950px){
 main .mod-scroll__projects__item.project-panel{width:100vw}
 main .mod-scroll__projects__item__image.project-panel__image,
 main .mod-scroll__projects__item__image.project-panel__image img{height:62svh}
 main .mod-scroll__projects__item__text.project-panel__info{height:38svh}
}
@media(prefers-reduced-motion:reduce){
 main .mod-scroll{width:100%!important;display:block!important;transform:none!important}
 main .mod-scroll>div{width:100%!important;min-width:0!important;height:auto!important}
 main .mod-scroll .wrapper{width:100%!important}
 main .mod-scroll__projects{display:block!important}
 main .mod-scroll__projects__item.project-panel{width:100%!important}
 main .mod-scroll__projects .last-item__carousel,
 main .mod-scroll__projects .last-item__content,
 main .mod-scroll__projects .last-item__content__wrap{position:relative;transform:none;width:100%;height:auto}
 main .mod-scroll__projects .last-item__content__wrap{padding:3rem var(--wrapper-padd)}
 main .mod-scroll__projects .last-item__content__section{position:relative;top:auto}
 main .mod-scroll__projectInt{display:flex;flex-direction:column}
 main .mod-scroll__projectInt__image{width:100%;height:55svh}
 main .mod-scroll__projectInt__content{width:100%;height:45svh}
 main .mod-scroll__terms{width:100%!important;height:auto!important}
 main .mod-scroll__terms__term{padding:var(--wrapper-padd)}
 main .mod-scroll__terms .follow__mouse,main .mod-scroll__pin{display:none}
 main .mod-scroll__cierre__content{width:100%;height:auto;padding:3rem 0}
 main .mod-scroll__cierre__content__image{height:auto!important;aspect-ratio:1226/689}
}