.index{background-color:var(--background)}.index>section{padding:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.index .index-hero{padding:8.5em clamp(1em,2vw,3.75em) 1em!important;position:relative;min-height:76.25em;background-image:var(--hero-gradient);overflow:hidden;gap:4.5em;justify-content:center;align-items:center}.index .index-hero header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}.index .index-hero header .description,.index .index-hero header .top{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.index .index-hero header .description{line-height:1.4em;white-space:wrap;color:var(--gray-400);font-size:clamp(1.125rem, 2vw, 1.25rem)}.index .index-hero header .top span.name,.index .index-hero header .top span.role{font-size:3rem;display:flex;justify-self:center;text-align:center;font-weight:700;letter-spacing:-6%;color:var(--white);font-family:Inconsolata,Inter,sans-serif}.index .index-hero header .top span.role{white-space:wrap}.index .index-hero .image{border-radius:1.2em}.index .index-hero .image img,.index .index-hero .image source{border-radius:inherit;width:83.75em;height:42em;object-fit:contain;object-position:center;opacity:.5}.skills{padding:3.75em 1em!important;gap:4.5em}.skills .wrapper-header{max-width:48em}.skills .wrapper-header .title{font-size:clamp(1.75rem, 3vw, 2.5rem)}.skills .cards{display:grid;grid-template-columns:1fr;gap:clamp(1em,3vw,2em)}.skills .cards .column{display:flex;flex-direction:column;gap:clamp(1em,3vw,2em)}.skills .cards .card{padding-left:clamp(1em,5vw,2em);padding-top:clamp(1em,5vw,2em);width:100%;height:28em;border-radius:1.25em;box-shadow:var(--shadow-md);overflow:hidden}.skills .cards .top{padding-right:clamp(1em,5vw,2em)}@media (min-width:425px){.skills .cards .card{height:32em}}.skills .cards .card .image{aspect-ratio:4/3}.latest .content .card .icon img,.skills .cards .card .image img,.skills .cards .card .image source{height:100%;width:100%;object-fit:contain;object-position:center}.skills .cards .details .title{font-weight:700;font-size:clamp(1.125rem, 3vw, 1.25rem)}.skills .cards .details .description{font-weight:500;font-size:clamp(1rem, 1vw, 1.125rem)}.skills .cards .card.dev{background-color:var(--gray-950)}.skills .cards .card.design{background-color:var(--primary)}.skills .cards .card.comm .actions a .text,.skills .cards .card.design .description,.skills .cards .card.design .title,.skills .cards .card.dev .title{color:var(--white)}.skills .cards .card.dev .description{color:var(--gray-300)}.skills .cards .card.web{background-color:var(--background-secondary)}.skills .cards .card.comm{padding:2em;background-color:var(--white);justify-content:space-between;align-items:center}.skills .cards .card.comm .details,.skills .cards .card.comm .top{padding:0;text-align:center;align-items:center;justify-content:center}.skills .cards .card.comm .title,.skills .cards .card.web .title{color:var(--text)}.skills .cards .card.comm .description,.skills .cards .card.web .description{color:var(--gray-600)}.skills .cards .card,.skills .cards .card .top{display:flex;flex-direction:column;gap:1.25em}.skills .cards .card .details{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:start;gap:.5em}.skills .cards .top .icon{padding:clamp(.2em,2vw,.4em);max-width:fit-content;display:flex;justify-content:center;align-items:center;border-radius:.6em;background-color:var(--gray-300)}.skills .cards .top .icon img{width:clamp(1em,5vw,1.5em)}.latest{gap:3.25em}.latest .title{word-break:break-all;font-weight:600;font-size:clamp(2rem, 12vw, 6rem);text-align:left}.latest .content{box-shadow:var(--shadow-md);border-radius:2.5em;background-color:var(--white);padding:clamp(1em,5vw,3em) clamp(1em,5vw,3em) 0;background-image:var(--card-gradient)}.latest .content .card{min-height:clamp(10em,8vw,45em);gap:clamp(2em,8vw,6em);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.latest .content .card image{aspect-ratio:5/2;height:100%;width:100%}.latest .content .card .image img,.latest .content .card .image source{height:100%;width:100%;object-fit:cover;object-position:center}.latest .content .card .top{width:100%;display:flex;justify-content:space-between;align-items:center}.latest .content .card .logo{display:flex;gap:.4em;justify-content:flex-start;align-items:center}.latest .content .card .icon{display:flex;justify-content:center;align-items:center;background-color:var(--gray-200);border-radius:.6em;padding:clamp(.4em,2vw,.5em)!important;width:clamp(3em,2vw,4em);height:clamp(3em,2vw,4em)}.latest .content .card .name{font-size:clamp(1.125rem, 2vw, 1.75rem);color:var(--gray-900);font-weight:600}.latest .content .card .status{display:flex;align-items:center;gap:.4em}.latest .content .card .status-icon{min-width:.6em;min-height:.6em;border-radius:100%;background-color:var(--yellow-500)}.latest .content .card .status .text{font-size:clamp(.9rem, 2vw, 1rem)}.latest .project-description{margin:0 clamp(1rem,8.5vw,8em);display:flex;flex-direction:column;gap:2.5em}.latest .project-description .description{max-width:40em;font-size:clamp(1.25rem, 2vw, 1.75rem);text-align:left;font-weight:600}.latest .project-description .actions{display:flex;justify-content:flex-start;align-items:center;gap:1em}.latest .project-description .actions a,.latest .project-description .actions button{font-size:clamp(1.125rem, 3vw, 1.25rem);padding:clamp(.7em,2vw,.8em) clamp(.7em,2vw,1em)}.index .gallery{background-color:transparent;padding:3.75em 0!important;overflow-x:hidden;margin-left:-10vw;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center}.index .gallery .image{box-shadow:var(--shadow-md);opacity:.9}.index .gallery .image img,.index .gallery .image source{height:10em;width:16.25em;object-fit:cover;object-position:center}@media (min-width:728px){.index .index-hero header .description,.index .index-hero header .top{max-width:44em}.index .index-hero header .top span.name,.index .index-hero header .top span.role{font-size:4rem}.skills .cards{grid-template-columns:repeat(2,1fr)}.skills .cards .card{height:32em;max-width:24em}.skills .cards .column:nth-child(2n){margin-top:8em}.index .gallery .image img,.index .gallery .image source{height:20em;width:32.5em}}@media (min-width:1024px){.index>section{padding:3.75em}.skills{padding:3.75em!important}.index .gallery .image img,.index .gallery .image source{height:30em;width:42.5em}}@media (min-width:1720px){.index .gallery .image img,.index .gallery .image source{height:40em;width:65em}}.quote{padding:8.5em 3.75em!important;text-align:center;display:flex;justify-content:center}.quote .description{max-width:28em;font-family:Over the Rainbow,Inconsolata,Inter,sans-serif;font-size:1.125rem}