:root{--principal-color: #014339;--secondary-color: #efe4d0;--black: #11110f}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Lora,serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{display:flex;flex-direction:column;width:100%;flex:1}.description-container{display:flex;flex-direction:column;color:var(--secondary-color);text-align:center;max-width:1440px;margin:0 auto}.description-left{background-color:var(--principal-color);flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 0}.description-right{background-color:var(--black);flex:1;display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2rem;z-index:1;height:100%}.description-title{text-transform:uppercase;letter-spacing:.25rem;font-weight:500;font-size:clamp(1rem,5vw,1.5rem)}.description-subtitle{text-transform:uppercase;font-size:clamp(.8rem,3vw,1rem);text-wrap:balance;position:relative}.description-text{font-size:clamp(.75rem,3vw,1rem);text-wrap:balance}.description-left img{width:clamp(8rem,100%,15rem);margin-bottom:-5rem;view-timeline:--leftImage block;animation-timeline:--leftImage;animation-name:appear;animation-duration:1ms;animation-range:entry 5% cover 30%;animation-fill-mode:both}.description-right img{width:100%;width:clamp(10rem,20vw,12rem);margin:1rem;view-timeline:--rightImage block;animation-timeline:--rightImage;animation-name:appear;animation-duration:1ms;animation-range:entry 5% cover 30%;animation-fill-mode:both}@media (min-width: 768px){.description-container{flex-direction:row}.image-container{flex:1;width:100%;position:relative;display:flex;justify-content:center}.description-left img{position:absolute;top:1rem}}.experience-container{text-align:center;display:flex;flex-direction:column;gap:1rem;max-width:1440px;margin:3rem auto 0;width:100%}.experience-title{text-transform:uppercase;font-size:clamp(2rem,5vw,2.5rem)}.experience-subtitle{font-size:clamp(1rem,5vw,1.5rem)}.experience-image{width:100%;box-sizing:border-box;view-timeline:--experienceImage block;animation-timeline:--experienceImage;animation-name:appear;animation-duration:1ms;animation-fill-mode:both;animation-range:entry 0% cover 35%}.experience-images-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}@media (min-width: 1280px){.experience-images-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}.footer-container{background-color:var(--principal-color);width:100%}.footer{color:var(--secondary-color);display:grid;width:100%;max-width:1440px;margin:0 auto;text-align:center;gap:3rem;padding:4rem 0}.footer-title{font-size:1.5rem;text-transform:uppercase;display:flex;flex-direction:column;align-items:center}.footer-logo{width:5rem}.footer-navbar{display:flex;justify-content:center;align-items:center;letter-spacing:.1rem}.footer-navlinks{display:flex;flex-direction:column;gap:1rem}.footer-link{text-transform:uppercase}.no-hover:after{display:none}.icons-container{display:flex;gap:1rem;justify-content:center;align-items:center}@media (min-width: 768px){.footer{grid-template-columns:1fr 3fr 1fr;gap:3rem}.footer-copyright{grid-column-start:1;grid-column-end:4}}@media (min-width: 1024px){.footer-navlinks{flex-direction:row;justify-content:space-between;width:100%}}.toggle-menu{width:24px;height:22px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;background-color:transparent;border:none}.toggle-menu i{display:block;position:absolute;height:2px;background:var(--secondary-color);width:24px;left:0;-webkit-transition:all .3s;transition:all .3s;z-index:3;opacity:1}.toggle-menu i:nth-child(1){top:4px}.toggle-menu i:nth-child(2){top:10px}.toggle-menu i:nth-child(3){top:16px}.toggle-menu.active i:nth-child(1){transform:rotate(-45deg);top:11px}.toggle-menu.active i:nth-child(2){opacity:0}.toggle-menu.active i:nth-child(3){transform:rotate(45deg);top:11px}header{position:absolute;top:0rem;width:100%;max-width:1280px;font-family:Lora,serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar{color:var(--secondary-color);text-transform:uppercase;font-weight:500}.navlinks{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;letter-spacing:.1rem;gap:2rem;width:100vw;height:100vh;background-color:var(--black);z-index:2;transform:translateY(-100%);transition:transform .5s}.navlinks.active{transform:translateY(0)}.link{position:relative;text-decoration:none;color:var(--secondary-color)}.link:visited{text-decoration:none;color:var(--secondary-color)}.link:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background-color:var(--secondary-color);scale:0%;transition:all .25s}.link:hover:after{scale:100%}.logo-container{flex:1;text-align:center;opacity:0;animation:fade-in 1s forwards 1s;position:absolute;top:1rem;width:100%}.link-logo{display:none}.logo{width:5rem}.menu-container{position:fixed;top:1.5rem;right:1.5rem;z-index:2;width:24px;height:24px}@media (min-width: 768px){.menu-container,.logo-container{display:none}.navlinks{position:absolute;width:100%;height:fit-content;flex-direction:row;justify-content:space-between;padding:0 2rem;background-color:transparent;top:1rem;transform:none;gap:1rem}.link-left{display:list-item;text-align:start;flex:1}.link-right{display:list-item;text-align:end;flex:1}.link-logo{display:list-item}.navbar{opacity:0;animation:fade-in 1s forwards 1.5s}}@media (min-width: 1024px){.logo-container{animation:none;opacity:1}.navlinks{padding:0 3rem}}.hero-container{font-family:Lora,serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;justify-content:center;min-height:100vh;color:var(--secondary-color);font-weight:500;background:linear-gradient(90deg,rgba(17,17,15,1) 0%,rgba(17,17,15,1) 50%,rgba(1,67,57,1) 50%,rgba(1,67,57,1) 100%);background-size:200%;animation:background-closeup 1s forwards ease-out}.portrait-image{position:absolute;align-self:center;width:clamp(1rem,75%,500px);height:auto;mix-blend-mode:multiply}.title-container{max-width:1280px;margin:0 auto;text-transform:uppercase}.title{font-size:clamp(2rem,9vw,9rem);text-align:center;animation:fade-in 1s forwards 1s;opacity:0;overflow:hidden}.subtitle-name{font-size:clamp(1rem,5vw,2rem);text-align:end;animation:fade-in 1s forwards 1.5s;opacity:0}.subtitle-description{font-size:clamp(.75rem,3vw,1.25rem);text-align:end;animation:fade-in 1s forwards 2s;opacity:0}.catchphrase{position:absolute;bottom:0;width:100%;text-align:center;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5rem;word-spacing:.75rem;animation:fade-in 1s forwards 1s;opacity:0}@media (min-width: 1024px){.hero-container{animation-duration:1.5s}.title{animation-delay:1.5s}.subtitle-name{animation-delay:2s}.subtitle-description{animation-delay:2.5s}.catchphrase{animation-delay:1.5s}}@keyframes background-closeup{0%{background-position:100%}to{background-position:50%}}@keyframes fade-in{0%{transform:translateY(25%)}to{opacity:1;transform:translate(0)}}@keyframes appear{0%{opacity:0;scale:25%}to{opacity:1;scale:100%}}.icon-animation{scale:100%;transition:all .2s}.icon-animation:hover{scale:125%}.products-container{margin:0 auto;padding:2rem 0;display:grid;grid-template-columns:1fr;gap:2rem;color:var(--black);max-width:1440px;background-color:#fff;z-index:1}.product-card{width:100%;text-align:center}.product-card img{width:100%;max-width:20rem;view-timeline:--productImage block;animation-timeline:--productImage;animation-name:appear;animation-duration:1ms;animation-fill-mode:both;animation-range:entry 0% cover 35%}.product-title{text-transform:uppercase;font-size:clamp(1.5rem,2.5vw,2rem)}.product-description{text-wrap:balance;font-size:clamp(1rem,2vw,1.5rem);margin:0 .5rem}@media (min-width: 768px){.products-container{grid-template-columns:1fr 1.2fr 1fr}.product-card img{width:100%;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}html{scroll-behavior:smooth}