.about{display:flex;justify-content:space-between;gap:60px}.about__title{font-size:3rem;font-weight:700;font-family:var(--ff-syncopate);text-transform:uppercase;color:var(--clr-black);margin-block-end:2.5rem}.about__description{font-size:1.125rem;max-width:80ch;font-weight:400;color:var(--clr-gray);margin-block-end:2.5rem;line-height:29.3px}.about__buttons{display:flex;gap:16px;margin-block:1rem;margin-block-end:130px}.about__pictureContainer{position:relative;width:100%;height:100%}.about__picture{object-fit:cover;width:100%;height:100%;padding:.5rem;box-shadow:0 .25rem .75rem #0000001f}.about__yearsContainer{position:absolute;bottom:-20px;right:-20px;background-color:var(--clr-black);color:var(--clr-white);padding:16px;width:124px;height:96px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about__years{font-size:24px;font-weight:700;font-family:var(--ff-syncopate);line-height:32px}.about__yearsText{font-size:.75rem;font-weight:400;font-family:var(--ff-inter);letter-spacing:1.2px;text-transform:uppercase}@media (width <= 37.5rem){.about{flex-direction:column-reverse}.about__title{font-size:24px}.about__description{max-width:60ch;font-size:.875rem}.about__yearsContainer{width:68px;height:3rem}.about__years{font-size:.875rem;line-height:16px}.about__yearsText{font-size:8px}.about__buttons{width:100%;flex-direction:column}.about__yearsText>span{display:none}}.experience{margin-block-end:130px}.experience__cards{display:flex;flex-direction:column;gap:3rem}.experience-card{width:100%;background-color:#fff;outline:1px solid #e5e5e5;padding:33px;box-shadow:0 .25rem .75rem #0000001f;border:1.5px solid #e5e5e5;opacity:0;clip-path:inset(20% 0 20% 0);transform:translateY(2.5rem);transition:opacity .3s,transform .3s;will-change:opacity,transform;scale:.1;transition:scale 1s;will-change:scale}.experience-card__header{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}.experience-card__title{font-family:var(--ff-syncopate);font-size:24px;font-weight:700;text-transform:lowercase;letter-spacing:.6px;margin-bottom:.25rem}.experience-card__dates{background-color:#f8f9fa;font-size:.875rem;font-weight:400;color:var(--clr-gray-light);padding-inline:.75rem;padding-block:.25rem;text-transform:capitalize}.experience-card__company{font-size:1.125rem;font-weight:400;color:var(--clr-gray-light);margin-bottom:24px}.experience-card__description{font-size:16px;font-weight:400;color:var(--clr-gray);line-height:1.75}@media (width <= 37.5rem){.experience-card__header{flex-direction:column;align-items:flex-start;margin-block:.75rem}.experience-card__title{font-size:1.125rem}.experience-card__company,.experience-card__description{font-size:.875rem}.experience-card__dates{font-size:.75rem}}footer{margin-top:100px;padding-block:36px;border-top:1px solid oklch(88% .0001 270);display:flex;flex-direction:column;font-family:var(--ff-inter)}.footer__header{text-transform:uppercase;color:var(--clr-gray-light);line-height:20px;font-size:.875rem;letter-spacing:.7px}.footer__subtext{font-size:.75rem;color:var(--clr-gray);line-height:16px;letter-spacing:.6px}.hero{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hero__title{font-family:var(--ff-syncopate);font-size:72px;font-weight:700;text-transform:uppercase}.hero__title--highlight{color:var(--clr-gray)}.hero__subtitle{font-size:24px;font-weight:400;color:var(--clr-gray);letter-spacing:.45px;margin-top:26px;margin-bottom:20px}.hero__description{font-size:1.125rem;font-weight:400;color:var(--clr-gray-light);letter-spacing:.35px;max-width:70ch}.bars{display:flex;gap:.75rem;margin-top:28px;margin-bottom:.875rem}.bar{width:.25rem}.bar--1{height:3rem;background-color:var(--clr-black);opacity:20%}.bar--2{height:80px;background-color:var(--clr-black);opacity:40%}.bar--3{height:64px;background-color:var(--clr-black);opacity:60%}.bar--4{height:96px;background-color:var(--clr-black);opacity:80%}.bar--5{height:56px;background-color:var(--clr-black);opacity:100%}.bar--6{height:72px;background-color:var(--clr-black);opacity:80%}.bar--7{height:3rem;background-color:var(--clr-black);opacity:60%}.hero__buttons{margin-top:64px;display:flex;gap:24px}@media (width <= 37.5rem){.hero__title{font-size:38px}.hero__subtitle{font-size:1.125rem}.hero__description{font-size:.875rem}.bar{width:3px}.hero__buttons{font-size:.75rem}}.text-inter--muted{color:var(--clr-gray);font-weight:400;font-family:var(--ff-inter)}.projects{margin-block-end:8.125rem}.projects__container{display:flex;flex-direction:column;gap:7rem}.project-container{width:100%;display:flex;justify-content:space-between;gap:3rem}.project-container:nth-child(2n){flex-direction:row-reverse}.project-container__pictureContainer{position:relative}.project-container__picture{object-fit:cover;aspect-ratio:16/9;max-height:21.875rem}.project-container__year{position:absolute;top:1rem;right:1rem;padding-block:.25rem;padding-inline:.75rem;background-color:var(--clr-white);border-radius:.25rem;z-index:1000}.project-container__buttons{display:flex;align-items:center;gap:1rem}.project-container__header{display:flex;align-items:center;justify-content:space-between;margin-block-end:1rem}.project-container__title{font-size:1.875rem;font-family:var(--ff-syncopate);text-transform:capitalize;font-weight:700;color:var(--clr-black)}.project-container__index{font-size:.875rem;letter-spacing:.7px}.project-container__company{font-size:1.125rem;margin-block-end:.75rem}.project-container__description{font-size:1rem}.project-container__skills{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.5rem}.project-container__skill{font-size:.75rem;letter-spacing:.6px;font-weight:400;padding-block:.375rem;padding-inline:.75rem;border-radius:.25rem;color:var(--clr-black);outline:1px solid var(--clr-gray-light);background-color:#fff}.projects__button{display:flex;justify-content:center;margin-block:72px}@media (width <= 37.5rem){.project-container{flex-direction:column!important}.project-container__title{font-size:20px}.project-container__company,.project-container__description{font-size:.875rem}.project-container__buttons{width:100%;flex-direction:column;align-items:normal}}.skills__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skill__item{width:200px;padding-inline:60px;padding-block:20px;background-color:#fff;outline:1px solid #e5e5e5;border-radius:.25rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center;transition:opacity .25s ease-in-out,scale .25s ease-in-out;will-change:opacity,scale}.skills__container:hover .skill__item{opacity:.65}.skills__container .skill__item:hover{opacity:1;scale:1.05}@media (width <= 37.5rem){.skills__container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skill__item{width:160px;font-size:.75rem;padding-block:16px}}:root{--clr-cream: oklch(.9247 .0524 66.1732);--clr-white: oklch(98% .00011 271.152);--clr-black: oklch(29.5% .00002 271.152);--clr-gray: oklch(51% .00004 271.152);--clr-gray-light: oklch(68.5% .00006 271.152);--transition-duration: .35s;--ff-syncopate: "Syncopate", sans-serif;--ff-inter: "Inter 28pt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto}::selection{background-color:var(--clr-cream);color:var(--clr-gray)}body{background-color:var(--clr-white);color:var(--clr-black);position:relative;min-height:100dvh;overflow-x:hidden}body:before{content:"";position:absolute;inset:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(#e5e7eb 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,var(--clr-black) 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,var(--clr-black) 70%,transparent 100%);z-index:-10}.container{width:100%;max-width:1200px;margin-inline:auto;padding:0 20px}.btn{height:46px;text-transform:uppercase;padding-block:1.125rem;padding-inline:34px;outline:1px solid var(--clr-black);text-align:center;display:flex;align-items:center;justify-content:center;user-select:none}.btn--fullWidth{width:100%!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover,.btn:disabled:focus{box-shadow:none;transform:none}.btn:disabled>a{pointer-events:none}.btn--primary{color:var(--clr-white);background:linear-gradient(to bottom,var(--clr-black) 50%,var(--clr-gray) 50%);background-size:100% 200%;background-position:top center;font-weight:500;outline-color:var(--clr-gray);transition:background-position .5s,color var(--transition-duration),box-shadow var(--transition-duration),outline-color var(--transition-duration)}.btn--primary:hover,.btn--primary:focus{background-position:bottom center;color:var(--clr-white);box-shadow:0 .25rem 16px #0000001f}.btn--secondary{background-color:var(--clr-white);color:var(--clr-black);font-weight:500;outline:1px solid var(--clr-black);border:none;transition:box-shadow var(--transition-duration),transform var(--transition-duration)}.btn--secondary:hover,.btn--secondary:focus{box-shadow:0 .25rem 16px #0000001f;transform:translateY(-2px) scale(1.03)}.sectionHeader{text-align:center;margin-bottom:80px}.sectionHeader__title{font-size:3rem;font-family:var(--ff-syncopate);text-transform:uppercase;font-weight:700;color:var(--clr-black);margin-bottom:24px}.sectionHeader__subtitle{font-size:20px;font-weight:400;font-family:var(--ff-inter);color:var(--clr-gray);letter-spacing:.5px;margin-bottom:24px}.line{transform:translateY(100%);will-change:transform}@media (width <= 37.5rem){.sectionHeader{margin-bottom:32px}.sectionHeader__title{font-size:24px;margin-bottom:16px}.sectionHeader__subtitle{font-size:.875rem}.btn{font-size:.75rem}}@font-face{font-family:Syncopate;src:url(/fonts/Syncopate/woff2/Syncopate-Regular.woff2) format("woff2"),url(/fonts/Syncopate/woff/Syncopate-Regular.woff) format("woff"),url(/fonts/Syncopate/ttf/Syncopate-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Syncopate;src:url(/fonts/Syncopate/woff2/Syncopate-Bold.woff2) format("woff2"),url(/fonts/Syncopate/woff/Syncopate-Bold.woff) format("woff"),url(/fonts/Syncopate/ttf/Syncopate-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Inter 28pt";src:url(/fonts/Inter/woff2/Inter_Light.woff2) format("woff2"),url(/fonts/Inter/woff/Inter_Light.woff) format("woff"),url(/fonts/Inter/ttf/Inter_Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Inter 28pt";src:url(/fonts/Inter/woff2/Inter_Regular.woff2) format("woff2"),url(/fonts/Inter/woff/Inter_Regular.woff) format("woff"),url(/fonts/Inter/ttf/Inter_Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter 28pt";src:url(/fonts/Inter/woff2/Inter_Medium.woff2) format("woff2"),url(/fonts/Inter/woff/Inter_Medium.woff) format("woff"),url(/fonts/Inter/ttf/Inter_Medium.ttf) format("truetype");font-weight:500;font-style:normal}:root{font-family:var(--ff-inter);font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh}input,button,textarea,select{font:inherit}li{list-style-type:none}a{text-decoration:none;color:inherit}input{border:none;outline:none}button{border:none;outline:none;cursor:pointer}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}img,video,svg{height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}