.hero-section{border:2px solid #415057;border-radius:.5rem;height:90dvh;max-height:60rem;margin-bottom:5rem;padding:2rem;position:relative}@media screen and (max-width:767px){.hero-section{flex-direction:column;justify-content:space-evenly;width:100%;height:95svh;max-height:50rem;margin:1.25rem 0 3rem;padding:0;display:flex}}.hero-section__location{letter-spacing:1px;background-color:#415057;border-radius:.5rem 0;padding:.25rem 1rem;font-size:.75rem;font-weight:200;position:absolute;bottom:0;right:0}
@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes slideInButton{0%{opacity:0;filter:blur(6px);transform:translate(50px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes fadeInIcon{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.hero-statement{width:auto;max-width:26.5rem;height:max-content;margin:7vh 0 0;padding:1rem .75rem;position:absolute;top:0%;right:49%}@media screen and (max-width:767px){.hero-statement{top:0;right:unset}}.hero-statement__title{white-space:nowrap;margin-bottom:1.75rem}@media screen and (max-width:767px){.hero-statement__title{margin-bottom:1.5rem}}.hero-statement__heading{color:#c5630c;font-size:clamp(2rem,6vw,4rem);font-weight:400;animation:.6s ease-out forwards slideUp}@media screen and (max-width:767px){.hero-statement__heading{font-size:8.5vw}}.hero-statement__subheading{opacity:0;font-size:.875rem;font-weight:100;animation:.5s ease-out .5s forwards fadeInBlur}@media screen and (max-width:767px){.hero-statement__subheading{font-size:3vw}}.hero-statement__description{color:#9ea5b1;opacity:0;margin-bottom:1.5rem;font-size:.875rem;animation:.5s ease-out 1s forwards fadeInBlur}@media screen and (max-width:767px){.hero-statement__description{font-size:.875rem}}.hero-statement__resume-btn{color:#dce0d9;opacity:0;cursor:pointer;background-color:#0000;border:1px solid #415057;border-radius:.45rem;justify-content:space-evenly;align-items:center;width:8rem;height:2rem;transition:box-shadow .3s,transform .1s;animation:.6s ease-out 1.5s forwards slideInButton;display:flex}.hero-statement__resume-btn:hover{box-shadow:0 0 8px #415057,0 0 13px #415057,0 0 17px #415057}.hero-statement__btn-icon{opacity:0;animation:.4s ease-out 2.1s forwards fadeInIcon}.hero-statement__btn-text{font-family:JetBrains Mono,sans-serif;font-weight:300}.hero-statement__download{text-decoration:none}
.project{min-height:600px;margin-bottom:5rem}.project__container{grid-template-columns:repeat(2,1fr);gap:3rem;width:100%;min-height:500px;display:grid}@media screen and (max-width:767px){.project__container{display:block}}
@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.section-heading{margin:1.25rem 0;position:relative}.section-heading__title{z-index:10;will-change:transform,opacity;opacity:0;align-items:center;margin-left:28px;font-size:1.5rem;font-weight:400;display:flex;position:absolute}.section-heading__title--visible{animation:.8s ease-out .6s forwards slideInRight}.section-heading__cursor{color:#c5630c;margin-left:2px;font-weight:100}.section-heading__decorator{margin-top:5px}.section-heading__decorator--visible .section-heading__decorator-line{animation:2.5s ease-out .25s forwards drawLine}.section-heading__decorator-dot{fill:#c5630c}.section-heading__decorator-line{stroke:#c5630c;stroke-dasharray:1000;stroke-dashoffset:1000px}
@keyframes scaleInCard{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInText{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.project-card{will-change:transform;opacity:0;border:3px solid #33353a;border-radius:.75rem;margin-bottom:1rem;padding:.25rem;transition:transform .3s,box-shadow .3s;position:relative;transform:scale(.95)}.project-card--visible{animation:.8s ease-out .15s forwards scaleInCard}.project-card:hover{cursor:pointer;background-color:#41505740;border:3px solid #415057;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026}.project-card__content{z-index:1;position:relative}.project-card__text-wrapper{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.project-card__title{margin-top:.25rem;font-size:1.25rem}@media screen and (max-width:767px){.project-card__title{font-size:1rem}}.project-card__info{padding:.25rem}.project-card__text{opacity:0}.project-card__text--visible{animation:.7s ease-out .35s forwards fadeInText}.project-card__description{letter-spacing:1px;color:#9ea5b1;margin:.25rem 0;font-size:.8rem;font-weight:200}.project-card__mask{border:1px solid #41505780;border-radius:.5rem .5rem 0 0;justify-content:center;align-items:center;width:100%;height:14.375rem;display:flex;position:relative;overflow:hidden}.project-card__mask:after{content:"";z-index:1;background-color:#0000;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.project-card:hover .project-card__mask:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000026}.project-card__image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.project-card__image--placholder{width:2rem;height:1.5rem}.project-card__expand{visibility:hidden;color:#dce0d9;font:inherit;cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;margin:0;padding:0;font-weight:200;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card__mask:hover .project-card__expand,.project-card:hover .project-card__expand{visibility:visible}.project-card__expand-text{margin-right:.5rem;display:inline-block}.skeleton{background-color:#33353a;background-image:linear-gradient(90deg,#9ea5b100,#9ea5b180,#9ea5b100);background-position:-40px 0;background-repeat:no-repeat;background-size:10px 100%;animation:1.5s infinite shine}@keyframes shine{to{background-position:right -40px top 0}}
.show-more{visibility:hidden;background:#41505733;border:none;border-radius:0 0 2rem 2rem;grid-column:1/-1;justify-content:center;align-items:center;width:100%;height:2rem;margin:-1rem 0 3.5rem;padding:0;display:flex}@media screen and (max-width:767px){.show-more{margin-bottom:0}}.show-more:hover{visibility:visible}.show-more--disabled{display:none}.project__container:hover .show-more{visibility:visible}
.experience-section{width:100%;min-height:800px;padding:2rem 0;position:relative;overflow:hidden}.experience-section__content{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.experience-section .timeline__center-line{will-change:transform}.experience-section .time-period{will-change:transform,opacity}
@keyframes scaleY{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.timeline{flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex;position:relative}@media screen and (max-width:767px){.timeline{padding:0 0 0 .625rem}}.timeline__center{fill:#c5630c;opacity:0;transform-origin:top;height:100%;position:absolute;top:0;transform:scaleY(0)}.timeline__center--visible{animation:2.5s ease-in-out .3s forwards scaleY}@media screen and (max-width:767px){.timeline__center{left:0}}.timeline__start{stroke:#c5630c;stroke-width:1px}.timeline__center-line{stroke:#c5630c}
@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.time-period{opacity:0;width:50%}.time-period--visible.time-period--left{animation:.8s ease-out forwards slideInLeft}.time-period--visible.time-period--right{animation:.8s ease-out forwards slideInRight}.time-period--left{align-self:flex-start}@media screen and (max-width:767px){.time-period--left{align-self:auto}}.time-period--right{align-self:flex-end}@media screen and (max-width:767px){.time-period--right{align-self:auto}.time-period{width:100%;margin-top:2.5rem}}.time-period__container{display:flex}.time-period__container--left{justify-content:flex-end}@media screen and (max-width:767px){.time-period__container--left{justify-content:normal}}.time-period__container--right{justify-content:flex-start}@media screen and (max-width:767px){.time-period__container--right{justify-content:normal}}.time-period__info{background-color:#9ea5b11a;border-radius:.75rem;flex-direction:column;width:80%;display:flex;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.time-period__heading{border-bottom:1px solid #c5630c;width:fit-content;height:4.5rem;margin-bottom:.25rem;padding:.75rem;display:inline-block}.time-period__heading--left{text-align:right;align-self:flex-end}@media screen and (max-width:767px){.time-period__heading--left{text-align:left;align-self:auto}}.time-period__job-title{margin-bottom:.25em;font-size:1.3rem;font-weight:400}@media screen and (max-width:767px){.time-period__job-title{font-size:4vw}}.time-period__company{font-size:.75rem;font-weight:200}@media screen and (max-width:767px){.time-period__company{font-size:3vw}}.time-period__job-description{color:#9ea5b1;padding:.75rem;font-size:.875rem}.time-period__year{border-bottom:1px solid #c5630c;align-items:end;height:4.5rem;padding:.5rem;font-weight:100;display:flex}.time-period__year--left{order:2}@media screen and (max-width:767px){.time-period__year--left{order:0}}.time-period__year-text{font-size:.75rem}@media screen and (max-width:767px){.time-period__year-text{font-size:2.25vw}}