#ProjectDetail .section__hero{background-color:var(--color-primary-dark);width:100%;height:auto}#ProjectDetail .section__hero img{object-fit:cover;object-position:center;z-index:-1;opacity:0;width:100%;height:100%;position:absolute;scale:1.2}#ProjectDetail .section__hero .column__1{justify-content:flex-end;align-items:flex-start;width:100%;height:100vh}#ProjectDetail .section__hero .column__1 .proyect__title{background-color:var(--color-primary-dark);width:calc(50% - 80px);height:auto;padding:3vh 5vw;display:block;position:relative;transform:translateY(30vh)}#ProjectDetail .section__hero .column__1 .proyect__title:before{content:"";background-color:var(--color-primary-dark);clip-path:polygon(15% 0,100% 85%,100% 100%,0 100%,0 0);width:80px;height:80px;display:block;position:absolute;top:0;right:-80px}#ProjectDetail .section__hero .column__1 .proyect__title:after{content:"";background-color:var(--color-primary-dark);width:80px;height:calc(100% - 77px);display:block;position:absolute;top:77px;right:-80px}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs{color:var(--color-primary);font-size:var(--size-sm);text-transform:uppercase;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5em;margin-bottom:.3em;font-weight:400;text-decoration:none;display:flex}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs a{font-size:inherit;text-transform:inherit;font-weight:inherit;color:var(--color-secondary);text-decoration:none}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs a:hover{color:var(--color-secondary);text-decoration:underline}#ProjectDetail .section__hero .column__1 .proyect__title h1{font-size:var(--size-2xl);text-transform:uppercase;margin-bottom:0;font-weight:800;line-height:1}#ProjectDetail .portable__wrapper{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}#ProjectDetail .portable__wrapper h3{font-size:var(--size-sm);text-transform:uppercase;font-weight:300}#ProjectDetail .portable__wrapper h2{width:100%;margin-bottom:1.5em}#ProjectDetail .portable__wrapper p{border-left:.2em solid var(--color-secondary-dark);width:100%;margin-left:0%;padding-left:.8em}#ProjectDetail .portable__wrapper .btn{margin-left:20%}#ProjectDetail .section__intro{z-index:1;background-color:var(--color-primary-dark);padding:8% 0% 0%}#ProjectDetail .section__intro .column__2 .col__left{padding-left:5%}#ProjectDetail .section__intro .column__2 .col__left img{aspect-ratio:1}#ProjectDetail .section__intro .column__2 .col__right{justify-content:center;padding:0 10% 8vh 5%}#ProjectDetail .section__intro .column__2 .col__right .portable__wrapper h3{color:var(--color-white)}#ProjectDetail .section__intro .column__2 .col__right .portable__wrapper h2{color:var(--color-white)}#ProjectDetail .section__intro .column__2 .col__right .portable__wrapper p{color:var(--color-white)}#ProjectDetail .section__intro .column__2 .col__right:before{content:"";background-color:var(--color-white);width:100%;height:8vh;display:block;position:absolute;bottom:0;right:0}#ProjectDetail .section__solution{background-color:var(--color-white);z-index:2;padding:8% 5%}#ProjectDetail .section__solution .column__2 .col__left{padding-right:15%}#ProjectDetail .section__solution .column__2 .col__left h3{text-transform:uppercase;font-weight:300;font-size:var(--size-sm)}#ProjectDetail .section__solution .column__2 .col__right p{border-left:.2em solid var(--color-secondary-dark);padding-left:.8em}#ProjectDetail .section__solution .column__2 .col__right img{aspect-ratio:1.7;margin-top:4%}#ProjectDetail .section__divider{background-color:var(--color-white);padding:0 5%}#ProjectDetail .section__divider:before{content:"";background-color:var(--color-primary);z-index:0;width:100%;height:50%;display:block;position:absolute;bottom:0;left:0}#ProjectDetail .section__divider .column__1 img{object-fit:cover;object-position:center;width:100%;height:90vh}#ProjectDetail .section__result{background-color:var(--color-primary);padding:8% 5%}#ProjectDetail .section__result .column__2 .col__left{padding-right:15%}#ProjectDetail .section__result .column__2 .col__left h3{color:var(--color-white);font-size:var(--size-sm);text-transform:uppercase;font-weight:300}#ProjectDetail .section__result .column__2 .col__left h2{color:var(--color-white)}#ProjectDetail .section__result .column__2 .col__right p{color:var(--color-white);border-left:.2em solid var(--color-secondary-dark);padding-left:.8em}#ProjectDetail .section__gallery{background-color:var(--color-primary)}#ProjectDetail .section__gallery:before{content:"";background-color:var(--color-primary-dark);z-index:0;width:100%;height:40vh;position:absolute;bottom:0;left:0}#ProjectDetail .section__gallery .column__2{padding:0 5%}#ProjectDetail .section__gallery .column__2 .col__left .portableText h3{text-transform:uppercase;font-size:var(--size-sm);color:var(--color-white);font-weight:300}#ProjectDetail .section__gallery .column__2 .col__left .portableText h2{color:var(--color-white);margin-bottom:.3em}#ProjectDetail .section__gallery .column__2 .col__right{justify-content:flex-end;align-items:flex-end}#ProjectDetail .section__gallery .column__2 .col__right .slider__nav{flex-direction:row;justify-content:center;align-items:center;gap:1px;width:6em;margin-left:5%;display:flex}#ProjectDetail .section__gallery .column__2 .col__right .slider__nav button{background-color:var(--color-secondary-light);width:2em;height:2em;font-size:1vw}#ProjectDetail .section__gallery .column__1{z-index:1;padding:0 5%}#ProjectDetail .section__gallery .column__1 .splide .splide__track ul.splide__list li.splide__slide img{height:80vh}@media only screen and (max-width:1024px){#ProjectDetail .section__hero .column__1{height:50vh}#ProjectDetail .section__hero .column__1 .proyect__title{width:calc(70% - 80px)}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs{font-size:var(--size-xs)}#ProjectDetail .section__hero .column__1 .proyect__title h1{font-size:var(--size-xl)}#ProjectDetail .section__intro .column__2{flex-direction:column-reverse}#ProjectDetail .section__intro .column__2 .col__left{padding:0 5% 5%}#ProjectDetail .section__intro .column__2 .col__left img{aspect-ratio:1.2}#ProjectDetail .section__intro .column__2 .col__right{padding:5%}#ProjectDetail .section__intro .column__2 .col__right:before{display:none}#ProjectDetail .section__divider .column__1 img{height:40vh}#ProjectDetail .section__gallery:before{height:20vh}#ProjectDetail .section__gallery .column__1{padding:0 5%}#ProjectDetail .section__gallery .column__1 .splide .splide__track ul.splide__list li.splide__slide img{height:40vh}}@media only screen and (max-width:768px){#ProjectDetail .section__hero{padding:60px 0 0}#ProjectDetail .section__hero .column__1{height:50vh}#ProjectDetail .section__hero .column__1 .proyect__title{background-color:var(--color-primary-dark);width:calc(90% - 50px);height:auto;padding:4% 5% 0;display:block;position:relative}#ProjectDetail .section__hero .column__1 .proyect__title:before{width:50px;height:50px;top:0;right:-50px}#ProjectDetail .section__hero .column__1 .proyect__title:after{width:50px;height:calc(100% - 47px);top:47px;right:-50px}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs{font-size:var(--size-2xs);margin-bottom:.3em}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs a{color:var(--color-secondary);font-size:inherit;text-transform:inherit;font-weight:inherit;text-decoration:none}#ProjectDetail .section__hero .column__1 .proyect__title .breadcrumbs a:hover{color:var(--color-secondary);text-decoration:underline}#ProjectDetail .section__hero .column__1 .proyect__title h1{font-size:var(--size-2xl);text-transform:uppercase;margin-bottom:0;font-weight:800;line-height:1}#ProjectDetail .section__intro{padding:15% 0%}#ProjectDetail .section__intro .column__2 .col__left img{aspect-ratio:1.3}#ProjectDetail .section__divider{padding:0% 5% 10%}#ProjectDetail .section__divider .column__1 img{aspect-ratio:1.3;height:auto}#ProjectDetail .section__gallery{padding:15% 0% 0%}#ProjectDetail .section__gallery:before{height:15vh}#ProjectDetail .section__gallery .column__1{padding:0 5%}#ProjectDetail .section__gallery .column__1 .splide .splide__track ul.splide__list li.splide__slide img{height:30vh}}
