@font-face{font-family:Lithos;src:url(/fonts/Lithos-black-regular.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Cursive";src:url(/fonts/Sparkling-Valentine.ttf) format("opentype");font-weight:100;font-style:normal;font-display:swap}html{scroll-behavior:smooth}.nopad .projects-page{padding:1rem 0rem}.projects-page{min-width:1000px;max-width:1000px;margin:0 auto;padding:0rem 2rem}.main-page{background-color:var(--color, #fff);padding:3rem}.intro{background-color:var(--color, #f5f5f5);text-align:center;padding:3rem;margin-top:1rem;margin-bottom:.75rem}.intro h1{font-family:Lithos,sans-serif;font-size:1.7rem}.intro h2{font-family:Lithos,sans-serif;font-size:1.2rem}.intro p{font-size:1.2rem;max-width:95%}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-segment{flex:1;text-align:center;margin:0rem}.header-segment.left{text-align:left;flex:0 0 auto}.header-segment.right{text-align:right;flex:0 0 auto}.header-segment.center{flex:1}.carrousel{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-top:2rem;scrollbar-width:thin;justify-content:safe center}.carrousel::-webkit-scrollbar{height:6px}.carrousel::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.carrousel-foto{flex:0 0 auto;width:150px;text-decoration:none;border-radius:8px;transition:transform .2s ease;position:relative}.carrousel-foto img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;transition:transform .2s ease,filter .2s ease}.carrousel-foto-foreground{position:absolute;top:0;right:0;filter:drop-shadow(0px 0px 0px #22222200)}.carrousel-foto:hover .carrousel-foto-background{transform:scale(1.05)}.carrousel-foto:hover .carrousel-foto-foreground{transform:scale(1.1);filter:drop-shadow(5px 5px 5px #22222260)}.project-details{display:flex;flex-direction:column}.project-contents p{font-size:1.2rem;margin:.2rem .5rem}.project-contents p+p{margin-top:1.2rem}.project-contents p:has(img){margin:.2rem}.project-contents img{max-width:100%}.project-card{scroll-margin-top:100px;background-color:var(--color, #f5f5f5);display:grid;grid-template-columns:auto auto;gap:3rem;padding:1rem;align-items:center;margin-top:.75rem;margin-bottom:.75rem}.project-card.left,.project-card.right{direction:ltr}.project-card.left .project-image{order:1}.project-card.left .project-info{order:2;padding-right:2.5rem}.project-card.right .project-image{order:2}.project-card.right .project-info{order:1;padding-left:2.5rem}.project-image{margin:0rem}.project-image img{height:22rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-title{font-family:Lithos,sans-serif;font-size:1.9rem;margin-bottom:-1rem;margin-top:0rem}.project-subtitle{font-family:Lithos,sans-serif;min-height:.8rem;margin-bottom:.75rem}.page-title{font-family:Lithos,sans-serif;font-size:3rem;margin-bottom:-2rem;margin-top:0rem;text-align:center}.page-subtitle{font-family:Lithos,sans-serif;font-size:1.5rem;margin-bottom:.75rem;min-height:.8rem;text-align:center}.project-description{font-size:1.2rem;margin-bottom:-.5rem}.project-description img{max-width:100%;max-height:20rem;height:auto;display:block}.project-collab{font-size:.9rem;font-style:italic;margin-top:1.5rem;margin-bottom:0rem}.project-more{font-weight:600;font-size:1.2rem}.layout-group{display:flex;align-items:flex-start}.layout-group img{max-width:100%}.layout-column{flex:var(--flex, 1);max-width:auto}.navbar{background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.navbar-container{max-width:1000px;margin:0 auto;padding:.5rem 0rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--color, #fff)}.navbar-logo{font-weight:700;font-size:1.25rem;text-decoration:none;max-width:3rem;max-height:3rem;color:#000;padding-left:1rem;padding-right:.5rem;justify-content:center;align-items:center}.navbar-logo img{max-width:3rem;max-height:3rem}.navbar-link{list-style:none;display:flex;gap:1rem;margin:0;padding:0;padding-left:.5rem;padding-right:1rem}.navbar-link a{flex:1;font-size:.8rem;height:1.8rem;text-decoration:none;color:#333;font-family:Lithos,sans-serif;font-weight:500;transition:color .2s;border-top:1px solid #000;border-bottom:1px solid #000;padding:.3rem 0;display:inline-block;text-align:center;text-justify:center}.navbar-link a:hover{color:#000;border-top-color:#800;border-bottom-color:#800}.navbar-link li.active a{color:#222;font-weight:700;border-top-width:2px;border-bottom-width:2px;border-top-color:#c00;border-bottom-color:#c00}@media(max-width:1200px){.header-row{flex-direction:column;text-align:center}.header-segment.left,.header-segment.right{text-align:center}}@media(max-width:768px){.project-card{grid-template-columns:1fr}.projects-page{min-width:100%;max-width:100%;padding-left:0rem;padding-right:0rem}.navbar{position:relative}.navbar-container{flex-direction:column;gap:1rem}.navbar-link{flex-wrap:wrap;justify-content:center}.navbar-link a{font-size:.6rem;height:1rem}.carrousel-foto{width:80px}.project-image img{height:15rem}.project-card{gap:1rem}.layout-group{display:block}.project-card.right .project-info{padding-left:0rem}.project-card.left .project-info{padding-right:0rem}.project-image{margin:auto}.project-title{font-size:1.5rem}.page-title{font-size:1.5rem;margin-bottom:-1rem}.intro h1{font-size:1.5rem}.page-subtitle,.project-subtitle{font-size:.8rem}.project-contents p,.project-description,.intro p{font-size:1rem}.project-card.left .project-image,.project-card.left .project-info,.project-card.right .project-image,.project-card.right .project-info{order:unset}}
