*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:var(--text-color)}button{all:unset;display:inline-block;cursor:pointer}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont.woff2) format("woff2"),url(/fonts/Inter-VariableFont.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap}@view-transition{navigation: auto;}::view-transition-group(*){animation-duration:.5s}header{view-transition-name:none}:root{--main-color: #461EAA;--text-color: #262320;--font: "Inter", sans-serif}html{scroll-behavior:smooth;font-family:var(--font);font-size:16px;font-weight:300;line-height:1.5;background-color:#fff;color:var(--text-color);position:relative}::selection{background-color:var(--main-color);color:#fff}.hero{height:80svh;display:flex;justify-content:center;align-items:center;padding:0 1rem;svg{max-width:500px;height:auto}}.flower{fill:var(--main-color)}.ari,.blazquez{fill:var(--text-color)}.work{display:block;padding:0 1rem;h4{text-transform:uppercase;color:#aaa;margin-bottom:16px;font-weight:300}}.project{display:block;margin-bottom:24px;img{width:100%;height:auto;object-fit:cover}.project-info p{font-size:13px;padding:8px 0 4px;text-transform:uppercase}.project-info h2{font-size:20px;font-weight:500;text-transform:none}}.intro-about{height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 1rem;h1{font-size:40px;font-weight:500;margin-bottom:32px;line-height:.9}}.experience{display:block;margin-bottom:40px;padding:0 1rem;.experience-wrapper{display:flex;justify-content:space-between;.company{display:none}}h2{text-transform:uppercase;color:#aaa;margin-bottom:24px}h3{font-size:20px;font-weight:500;margin-bottom:16px}p{margin-bottom:16px;font-size:13px}}.check-my-projects{width:100%;overflow:hidden;padding:40px 1rem 0;h4{font-size:40px;font-weight:500;margin-bottom:16px}.check-projects-wrapper{display:flex;overflow-x:auto;gap:16px;.check-project{display:block;img{width:240px;height:240px;object-fit:cover}.project-info p{font-size:13px;padding:8px 0 4px;text-transform:uppercase}.project-info h2{font-size:20px;font-weight:500}}}}.check-projects-wrapper::-webkit-scrollbar{display:none}.hero-img-project{width:100%;height:100%;padding:0 1rem;img{width:100%;height:70vh;object-fit:cover;margin-top:56px}}.projects-info-wrapper{display:block;margin:16px 0 40px;padding:0 1rem;.heading-projects{h2{text-transform:uppercase;font-size:13px}h1{font-size:60px;font-weight:500;margin:8px 0 16px}}.design-pillars{display:block;margin-top:40px;h3{text-transform:uppercase;color:#aaa;font-weight:300}.pillar{margin-top:24px;h4{font-size:24px;font-weight:500;margin-bottom:8px;line-height:1.2}}}}.projects-img-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:40px;padding:0 1rem;video{width:100%;height:auto;pointer-events:none}img{width:100%;height:auto}}@media (min-width: 768px){.hero{height:100dvh}.fila-1{display:flex;justify-content:flex-end;gap:16px}.fila-2{display:flex;justify-content:flex-end;position:relative}.project-1{position:relative;width:20vw;img{height:20vw;object-position:top left}}.project-2{position:relative;width:52vw}.project-3{position:relative;top:-70px;right:calc(52vw + 16px);width:calc(100vw - (52vw + 16px) - 48px)}.project-4{position:relative;width:20vw;img{height:20vw}}.project-5{position:relative;top:-90px;right:calc(20vw + 32px);width:calc(100vw - (20vw + 32px) - (20vw + 16px) - 32px);img{height:auto}}.project-6{position:relative;top:-90px;right:calc(20vw + 16px);width:20vw;img{height:20vw}}.intro-about h1{font-size:60px}.experience>h3{display:none}.experience .experience-wrapper{display:grid;margin-left:10vw;grid-template-columns:30vw 30vw 30vw;gap:20px;overflow:hidden;.company{display:block;h4{font-size:20px;font-weight:500;text-transform:uppercase}}}.check-my-projects{margin-bottom:80px;.check-projects-wrapper{overflow:hidden;justify-content:space-between;.check-project{width:100%;img{width:100%;height:300px}}}}.hero-img-project{width:100%;height:100svh;img{height:85svh;margin-top:72px}}.projects-info-wrapper{margin:0 8vw;.design-pillars-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;.pillar{display:flex;flex-direction:column;h4{min-height:0px}}}}}@media (min-width: 1024px){.project-3{top:-85px}.project-5,.project-6{top:-115px}.project .project-info p{font-size:16px}.project .project-info h2{font-size:30px}.intro-about{padding:0 20vw 0 15vw;h1{font-size:80px}p{padding-left:15vw}}.projects-info-wrapper{.design-pillars{.pillar{h4{font-size:32px;min-height:70px}}}}}.header{position:fixed;top:0;left:0;padding:1rem;width:100%;height:4rem;z-index:10;mix-blend-mode:difference}.navbar-logo{display:flex;align-items:center;justify-content:space-between}.navbar-logo .logos svg{width:auto;height:1.5rem;display:block}.logo-mobile{display:inline-block}.logo-desktop{display:none}.navbar-pages{display:flex;flex-direction:column;gap:.8rem;align-items:center;text-align:center;text-transform:uppercase;transform:translateY(-200%)}.navbar-pages a{color:#dfdfdf}.navbar-pages a:nth-child(3){border:1px solid #DFDFDF;padding:0 .5rem;border-radius:20rem;display:flex;align-items:center}@media (min-width: 768px){.logo-mobile,.menu-toggle{display:none}.logo-desktop{display:inline-block}.navbar-pages{transform:none;flex-direction:row;font-size:1.1rem;gap:1.3rem}.navbar-pages a:nth-child(3) svg{width:1.2rem;height:1.2rem}.header{display:flex;align-items:center;justify-content:space-between}}footer{display:block;margin:80px 0 40px;padding:0 1rem}.get-in-touch{display:flex;p{font-size:35px;font-weight:500;margin-right:8px;white-space:nowrap}svg{height:40px;margin-right:8px}}.contact-footer{display:flex;justify-content:space-between;padding:24px 0;a{text-transform:lowercase;font-weight:500;font-size:20px}.rrss a{padding:4px 14px;border:1px solid var(--text-color);border-radius:16px;text-transform:uppercase;font-size:16px;font-weight:300}}@media (min-width: 768px){.contact-footer .rrss{display:none}footer{display:flex;justify-content:space-between;margin:0 0 80px;align-items:center}.contact-footer a{font-size:24px}}@media (min-width: 1024px){.contact-footer a{font-size:2rem}}.lowbar-wrapper{display:none;position:fixed;bottom:0;left:0;width:100%;mix-blend-mode:difference}.lowbar{display:flex;justify-content:space-between;margin:16px;svg{height:20px;cursor:pointer}a{color:#dfdfdf;border:1px solid #DFDFDF}}.rrss a{padding:4px 14px;border:1px solid #DFDFDF;border-radius:16px;text-transform:uppercase;font-size:16px;font-weight:300}@media (min-width: 768px){.lowbar-wrapper{display:block}.lowbar{margin:16px 24px}}