@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--background-primary: white;--color-primary: #030615;--border-radius-small: .5rem;--border-radius-large: .75rem;--max-width: 1200px;--content-width: 75%;--padding-mobile: 1rem;--padding-tablet: 2rem;--padding-desktop: 3rem;--section-margin: 4rem;--section-margin-large: 8rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background:var(--background-primary);color:var(--color-primary);font-size:1rem;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp 1.2s ease-out forwards}.fade-in-delay-1{animation-delay:.2s}.fade-in-delay-2{animation-delay:.4s}.fade-in-delay-3{animation-delay:.6s}.fade-in-delay-4{animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--padding-mobile);padding-right:var(--padding-mobile)}.content-width{width:var(--content-width);margin-left:auto;margin-right:auto;text-align:left}.section-spacing{margin:var(--section-margin-large) 0 1rem 0}header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;max-width:var(--max-width);width:100%;padding:var(--padding-tablet) var(--padding-desktop);margin-left:auto;margin-right:auto;background:#ffffffe6;box-sizing:border-box}main{max-width:var(--max-width);margin:0 auto;padding:calc(var(--section-margin-large) + 2rem) var(--padding-desktop) 0}footer{max-width:var(--max-width);margin:var(--section-margin-large) auto var(--section-margin) auto;padding:0 var(--padding-desktop)}section{margin:var(--section-margin-large) 0 1rem 0}h1{font-size:4.5rem;font-weight:600;line-height:1.2}h1.subtitle{color:#5a5a5a}h2{font-size:2rem;font-weight:500;margin-bottom:1rem}.about-text,.footer-text{width:var(--content-width);margin-left:auto;margin-right:auto;font-size:2rem;font-weight:300;line-height:1.5;text-align:justify}.footer-text{font-size:1rem}.links{width:100%;margin:1rem auto 3rem;text-align:center}a{color:inherit;font-size:2rem;font-weight:500;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}#projects-section{width:100%;margin-left:auto;margin-right:auto}.placeholder-note{color:#767b85;margin-bottom:.5rem}.cards-grid{display:grid;grid-template-columns:1fr;gap:2rem}.project-card{position:relative;height:300px;overflow:hidden;border-radius:var(--border-radius-large);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px #0000001a}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.project-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0000001a;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{background:#000000b3;opacity:1}.project-content{max-width:100%;color:#fff;text-align:center}.project-content h4{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.project-description{font-size:.9rem;line-height:1.4;margin-bottom:1.5rem;opacity:.9}.visit-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:transparent;border:2px solid white;border-radius:2rem;text-decoration:none;transition:all .3s ease}.visit-button:hover{background:#fff;color:#000;text-decoration:none;transform:translateY(-2px)}.about-section{display:flex;align-items:flex-start;gap:3rem;margin:var(--section-margin-large) 0 1rem 0;scroll-margin-top:8rem}.photo-links-container{display:flex;flex-direction:column;align-items:center;flex:0 0 30%;min-width:200px}.photo{display:block;width:100%;max-width:100%;height:auto;margin:0 auto 2rem;border-radius:var(--border-radius-large);filter:grayscale(100%);transition:filter .3s ease}.photo:hover,.photo-links-container:hover .photo{filter:grayscale(0%)}.about-text-container{flex:1;display:flex;flex-direction:column}.about-text-container .about-text{width:100%;margin:0}.about-text-container .about-text.about-text-spacing{margin-top:1.5rem}.social-links{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin:0}.social-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;text-decoration:none;transition:all .3s ease}.social-link:hover{text-decoration:none;transform:scale(1.1)}.social-icon{width:2.5rem;height:2.5rem;opacity:.6;transition:all .3s ease}.social-link:hover .social-icon{opacity:1}@media (min-width: 769px) and (max-width: 1024px){header{padding:var(--padding-tablet)}main{padding:calc(var(--section-margin-large) + 2rem) var(--padding-tablet) 0}footer{padding:0 var(--padding-tablet)}.about-section{gap:2.5rem}.photo-links-container{flex:0 0 32%;min-width:240px}h1{font-size:3.5rem}.about-text,.footer-text,.about-text-container .about-text{font-size:1.5rem}.footer-text{font-size:1rem}}@media (min-width: 640px){.cards-grid{grid-template-columns:repeat(2,1fr)}.project-card{height:350px}.project-content h4{font-size:1.75rem}.project-description{font-size:1rem}.about-section{gap:2.5rem}.photo-links-container{flex:0 0 35%;min-width:220px}.photo{max-width:280px}}@media (max-width: 768px){header{padding:var(--padding-mobile)}main{padding:calc(var(--section-margin) + 2rem) var(--padding-mobile) 0}footer{padding:0 var(--padding-mobile)}h1{font-size:2.5rem}h2{font-size:1.5rem}.about-text,.footer-text{font-size:1.25rem;width:100%;text-align:left}.footer-text{font-size:1rem}a{font-size:1.5rem}section{margin:var(--section-margin) 0 1rem 0}.project-card{height:250px}.project-content h4{font-size:1.25rem}.project-description{font-size:.85rem}.about-section{flex-direction:column;gap:2rem}.photo-links-container{flex:none;order:1;margin-bottom:1rem;align-self:center}.about-text-container{order:2}.about-text-container .about-text{font-size:1.25rem}.social-links{justify-content:center}.photo{max-width:250px;margin:0 auto 1.5rem}.social-icon{width:2rem;height:2rem}}