.aboutSection{flex-direction:column;align-items:center;max-width:1200px;padding:1rem;display:flex}.aboutSection .titleContainer{align-items:flex-start;margin-bottom:2rem}.aboutSection .titleContainer .subTitle{font-size:clamp(24px,3vw,36px)}.aboutSection .aboutSectionContent{gap:4rem;display:flex}@media (max-width:768px){.aboutSection .aboutSectionContent{flex-direction:column;align-items:center}}.aboutSection .aboutSectionContent img{border-radius:.5rem}@media (max-width:768px){.aboutSection .aboutSectionContent img{width:100%;height:auto;margin-top:2rem}}.aboutSection .aboutSectionContent .aboutSectionText{flex-direction:column;gap:1.5rem;display:flex}.aboutSection .aboutSectionContent .aboutSectionText p{color:var(--color-text-secondary);font-family:Inter,Inter Fallback,sans-serif;font-size:16px;font-weight:400;line-height:26px}.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools{justify-content:space-around;gap:2rem;width:100%;display:flex}.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools{flex-direction:column;gap:1rem;display:flex}.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities h3,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.25em;font-family:Inter,Inter Fallback,sans-serif;font-size:clamp(12px,2.5vw,16px);line-height:20px}.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .abilitiList,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .toolList,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .abilitiList,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .toolList{flex-direction:column;gap:.5rem;list-style:none;display:flex}.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .abilitiList .abilitie,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .abilitiList .tool,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .toolList .abilitie,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .abilities .toolList .tool,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .abilitiList .abilitie,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .abilitiList .tool,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .toolList .abilitie,.aboutSection .aboutSectionContent .aboutSectionAbilitiesTools .tools .toolList .tool{font-family:Inter,Inter Fallback,sans-serif;font-size:14px;font-weight:400;line-height:26px}
.contactForm{flex-direction:column;gap:2.5rem;width:100%;max-width:500px;display:flex}.contactForm .field{flex-direction:column;gap:.75rem;display:flex}.contactForm label{letter-spacing:.15em;color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.contactForm input,.contactForm textarea{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);background:0 0;outline:none;padding:.75rem 0;font-size:1rem;transition:border-color .3s}.contactForm textarea{resize:none;min-height:120px}.contactForm input:focus,.contactForm textarea:focus{border-bottom:1px solid #b453e6}.contactForm button{background-color:var(--color-button);width:fit-content;color:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:16px;transition:all .3s ease-in-out;display:flex}.contactForm button:hover{background-color:var(--color-hover-primary);color:var(--color-text);border-color:var(--color-border)}.contactForm .error{color:#d64545;margin-top:.25rem;font-size:.75rem;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.contactSection{background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem;display:flex}.contactSection .subTitle{font-size:clamp(24px,4vw,36px)}.contactSection .moreInfoContent{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:1rem;font-size:14px;display:flex}.contactSection .moreInfoContent p{color:var(--color-text-secondary);line-height:23px}.contactSection .moreInfoContent .personalData{gap:1rem;display:flex}.contactSection .moreInfoContent .personalData a{color:var(--color-text)}
.heroSection{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.heroSection .heroImageReveal{border-radius:1rem;overflow:hidden}.heroSection img{border-radius:1rem;transition:transform .3s ease-in-out;display:block;box-shadow:0 4px 6px #0000004b}.heroSection img:hover{transform:translateY(-5px)}@media (max-width:768px){.heroSection img{width:100%;height:auto}}.heroSection .heroSectionButton{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.heroSection .heroSectionButton .viewButton{background-color:var(--color-button);color:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:16px;text-decoration:none;transition:all .3s ease-in-out;display:flex}.heroSection .heroSectionButton .viewButton:hover{background-color:var(--color-hover-primary);color:var(--color-text);border-color:var(--color-border)}
.processCard{flex-direction:column;gap:2rem;max-width:300px;padding:1rem;display:flex}.processCard .processCardHeader{align-items:center;gap:1rem;width:100%;display:flex}.processCard .processCardHeader .processIcon{border:1px solid rgba(var(--color-border-rgb),.2);border-radius:50%;padding:.5rem;display:flex}.processCard .processCardHeader .processIcon .icon{width:25px;height:25px}.processCard .processCardHeader p{color:var(--color-text-secondary);font-family:DM Serif Display,Georgia,serif;font-size:clamp(24px,3vw,36px)}.processCard .processCardContent{flex-direction:column;gap:1rem;display:flex}.processCard .processCardContent h3{font-size:clamp(14px,3vw,16px);font-weight:500}.processCard .processCardContent p{color:var(--color-text-secondary);font-size:clamp(12px,2.5vw,14px);line-height:23px}.processCard:hover .processIcon{background-color:var(--color-text);transition:all .3s ease-in-out}.processCard:hover .processIcon .icon{color:var(--color-bg)}
.processSection{flex-direction:column;gap:2rem;max-width:1400px;display:flex}@media (max-width:768px){.processSection{padding:2rem}}.processSection .titleContainer{align-items:flex-start}.processSection .titleContainer .subTitle{font-size:clamp(24px,3vw,36px)}.processSection .processCardsContainer{flex-wrap:wrap;justify-content:center;display:flex}
.projectCard{width:100%;max-width:400px;color:var(--color-text);flex-direction:column;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease-in-out;display:flex;overflow:hidden}.projectCard .projectCardImageContainer{cursor:pointer;border-radius:1rem;position:relative;overflow:hidden}.projectCard .projectCardImageContainer .projectCardImage{object-fit:cover;width:100%;height:400px;transition:transform .4s}.projectCard .projectCardImageContainer:after{content:"";opacity:0;z-index:1;background:linear-gradient(#0000 30%,#0006 60%,#000000bf 100%);transition:opacity .4s;position:absolute;inset:0}.projectCard .projectCardImageContainer .projectCardContent{z-index:2;color:#fff;opacity:0;transition:all .4s;position:absolute;bottom:20px;left:20px;transform:translateY(10px)}.projectCard:hover .projectCardImage{transform:scale(1.05)}.projectCard:hover .projectCardImageContainer:after{opacity:1}.projectCard:hover .projectCardContent{opacity:1;transform:translateY(0)}
.projectsContainer{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.projectsContainer .emptyProjects{text-align:center;width:100%;color:var(--color-text-secondary);border:1px solid rgba(var(--color-border-rgb),.2);border-radius:.75rem;padding:2rem 1rem;font-size:14px}
.workSection{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1400px;padding:1rem;display:flex}.workSection .titleContainer{align-items:flex-start}.workSection .titleContainer .title{font-size:clamp(12px,4vw,14px)}.workSection .titleContainer .subTitle{font-size:clamp(32px,4vw,36px)}