.home{display:grid}.home__content{display:flex;align-items:center}.home__greet{font-size:clamp(var(--fz-sm),5vw,var(--fz-md));font-family:var(--font-mono);color:var(--green)}.home__title{margin-top:1rem}.home__subtitle,.home__title{font-size:var(--big-heading);line-height:1.1}.home__subtitle{color:var(--slate);margin-bottom:var(--mb-1-5)}.home__description{font-size:var(--fz-lg);margin-bottom:var(--mb-3);max-width:540px}@media screen and (max-width:768px){.home__description{font-size:var(--fz-md)}}.home__description span{color:var(--green)}.home__scroll{display:none}.home__scroll-button{color:var(--green);transition:.3s}.home__scroll-button:hover{transform:translateY(.25rem)}.home__scroll-mouse{font-size:2rem}.home__scroll-name{font-size:var(--fz-sm);color:var(--lightest-slate);font-weight:var(--font-medium);margin-right:var(--mb-0-25)}.home__scroll-arrow{font-size:1.25rem}@media screen and (min-width:768px){.home__scroll{display:block}.home__scroll-button{margin-left:3rem}}.experience{max-width:740px}.experience__container{display:flex;gap:1.5rem}.experience__tabs{--tab-height:2.75rem;--tab-width:175px;position:relative}.experience__tabs button{padding:0 1.25rem;outline:none;border:none;background:var(--navy);color:var(--slate);width:100%;display:flex;align-items:center;height:var(--tab-height);font-size:var(--fz-xs);font-family:var(--font-mono);cursor:pointer;position:relative;transition:var(--transition);white-space:nowrap}.experience__tabs button:focus,.experience__tabs button:hover{background:var(--light-navy);color:var(--green)}.experience__tabs button:before{content:"";position:absolute;top:0;left:0;height:100%;width:2px;background:var(--lightest-navy)}.experience__tabs button.active{color:var(--green)}.experience__tabs span{position:absolute;top:0;left:0;height:var(--tab-height);width:2px;background:var(--green);border-radius:2px;transform:translateY(calc(var(--index, 0) * var(--tab-height)));transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s}.experience__title{font-weight:var(--font-medium);margin-bottom:.25rem}.experience__title p{display:inline-block;color:var(--green)}.experience__date{font-size:var(--fz-xs);font-family:var(--font-mono);margin-bottom:1rem}.experience__description li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.experience__description li:before{content:"▹";position:absolute;left:0;color:var(--green)}@media screen and (max-width:600px){.experience__container{display:block}.experience__tabs{margin-bottom:30px;display:flex;overflow-x:auto;width:calc(100% + 100px);padding-left:50px;margin-left:-50px}.experience__tabs button{display:flex;align-items:center;justify-content:center;min-width:var(--tab-width);padding:0 15px;border-left:0;border-bottom:2px solid var(--lightest-navy);text-align:center}.experience__tabs button:before{width:0}.experience__tabs span{top:auto;bottom:0;height:2px;width:100%;max-width:var(--tab-width);transform:translateX(calc(var(--index, 0) * var(--tab-width)));transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s;margin-left:50px}}@media screen and (max-width:480px){.experience__tabs{width:calc(100% + 50px);padding-left:25px;margin-left:-25px}.experience__tabs span{margin-left:25px}}.work-featured__container{position:relative;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.work-featured__container:not(:last-of-type){margin-bottom:100px}.work-featured__container:nth-of-type(odd) .work-featured__contents{text-align:right;grid-column:7/-1}.work-featured__container:nth-of-type(odd) .work-featured__image{grid-column:1/8}.work-featured__container:nth-of-type(odd) .work-featured__techstack{justify-content:flex-end}.work-featured__container:nth-of-type(odd) .work-featured__links{justify-content:flex-end;margin-left:0;margin-right:-10px}.work-featured__image{display:block;position:relative;aspect-ratio:16/9;border-radius:4px;background:var(--green);box-shadow:0 10px 30px -15px var(--navy-shadow);grid-area:1/6/-1/-1;transition:var(--transition)}.work-featured__image:focus,.work-featured__image:hover{outline:0}.work-featured__image:focus .work-featured__img,.work-featured__image:hover .work-featured__img{mix-blend-mode:normal;filter:none;transition:var(--transition)}.work-featured__image .work-featured__img{-o-object-fit:cover;object-fit:cover;border-radius:4px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);transition:var(--transition)}.work-featured__contents{grid-area:1/1/-1/7}.work-featured__contents .work-overline{margin:10px 0;color:var(--green);font-size:var(--fz-sm);font-family:var(--font-mono)}.work-featured__contents .work-title{color:var(--lightest-slate);font-size:clamp(24px,5vw,28px);line-height:1.1;font-weight:var(--font-semi-bold)}.work-featured__contents .work-title:focus,.work-featured__contents .work-title:hover{color:var(--green)}.work-featured__contents .work-description{position:relative;background:var(--light-navy);color:var(--light-slate);box-shadow:0 10px 30px -15px var(--navy-shadow);padding:1.5rem;border-radius:4px;z-index:2;transition:var(--transition)}.work-featured__contents .work-description:focus-visible,.work-featured__contents .work-description:hover{box-shadow:0 20px 30px -15px var(--navy-shadow)}.work-featured__contents .work-featured__techstack{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:2;margin:25px 0 10px;font-size:var(--fz-xs);font-family:var(--font-mono);color:var(--light-slate);text-align:center}.work-featured__contents .work-featured__links{display:flex;align-items:center;margin:10px 0}.work-featured__contents .work-featured__links a{color:var(--lightest-slate);font-size:var(--fz-xl);padding:5px 7px;aspect-ratio:1;display:grid;place-content:center}.work-featured__contents .work-featured__links a:hover{color:var(--green)}.work-featured__contents .work-featured__links a svg{width:var(--fz-xl)}@media screen and (max-width:1080px){.work-featured__container:nth-of-type(odd) .work-featured__contents{grid-column:5/-1}.work-featured__contents{grid-column:1/9}}@media screen and (min-width:768px){.work-featured__contents .work-title{margin:0 0 20px}}@media screen and (max-width:768px){.work-featured__container:not(:last-of-type){margin-bottom:70px}.work-featured__container:nth-of-type(odd) .work-featured__image{grid-column:1/-1}.work-featured__container:nth-of-type(odd) .work-featured__contents{grid-column:1/-1;padding:40px 40px 30px;text-align:left;box-shadow:0 10px 30px -15px var(--navy-shadow)}.work-featured__container:nth-of-type(odd) .work-featured__contents .work-description:hover{box-shadow:none}.work-featured__container:nth-of-type(odd) .work-featured__contents .work-featured__techstack{justify-content:flex-start}.work-featured__container:nth-of-type(odd) .work-featured__contents .work-featured__links{justify-content:flex-start;margin-left:-10px;margin-right:0}.work-featured__container:nth-of-type(odd) .work-featured__contents:focus-visible,.work-featured__container:nth-of-type(odd) .work-featured__contents:hover{box-shadow:0 20px 30px -15px var(--navy-shadow);transition:var(--transition)}.work-featured__image{grid-column:1/-1;height:100%;opacity:.25;aspect-ratio:auto}.work-featured__image:focus-visible,.work-featured__image:hover{box-shadow:0 20px 30px -15px var(--navy-shadow)}.work-featured__image .work-featured__img{filter:grayscale(100%) contrast(1) brightness(50%)}.work-featured__contents{display:flex;flex-direction:column;justify-content:center;height:100%;grid-column:1/-1;padding:40px 40px 30px;z-index:5}.work-featured__contents .work-title{color:var(--white);margin:0 0 10px}.work-featured__contents .work-description{padding:20px 0;background-color:transparent;box-shadow:none}.work-featured__contents .work-featured__techstack{margin:10px 0}}@media screen and (max-width:480px){.work-featured__container:not(:last-of-type){margin-bottom:30px}.work-featured__container:nth-of-type(odd) .work-featured__contents,.work-featured__contents{padding:25px 25px 20px}}.work-other__wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:10rem}.work-other__wrapper h2{font-size:var(--fz-3xl)}@media screen and (max-width:768px){.work-other__wrapper h2{font-size:22px}}.work-other__wrapper .highlight{color:var(--green);font-size:var(--fz-sm);font-family:var(--font-mono);margin-bottom:2rem}.work-other__wrapper button{margin-top:4rem}.work-other__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.work-other__card{background:var(--light-navy);border-radius:4px;padding:1.75rem;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 10px 30px -15px var(--navy-shadow)}.work-other__card:focus-within,.work-other__card:hover{transform:translateY(-.5rem)!important}.work-other__links{display:flex;justify-content:space-between;align-items:center;margin-right:-10px}.work-other__links span:first-child{width:2.5rem;color:var(--green)}.work-other__links span:nth-child(2){display:flex}.work-other__links span:nth-child(2) a{color:var(--light-slate);padding:5px 7px;aspect-ratio:1;display:grid;place-content:center;z-index:1}.work-other__links span:nth-child(2) a:focus,.work-other__links span:nth-child(2) a:hover{color:var(--green)}.work-other__links span:nth-child(2) a svg{width:var(--fz-xl)}.work-other__data{margin-top:1.5rem}.work-other__data h3 a{font-size:var(--fz-xl);color:var(--lightest-slate)}.work-other__data h3 a:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.work-other__data h3 a:focus,.work-other__data h3 a:hover{color:var(--green)}.work-other__data p{font-size:var(--fz-sm);color:var(--light-slate);margin-top:.5rem}.work-other__techstack{display:flex;-moz-column-gap:1rem;column-gap:1rem;row-gap:.25rem;font-size:var(--fz-xxs);font-family:var(--font-mono);padding-top:1.5rem;text-align:center;flex-wrap:wrap}@media screen and (max-width:1080px){.work-other__container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.contact{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:auto;margin-bottom:6rem}.contact .contact__heading{font-family:var(--font-mono);color:var(--green)}.contact .contact__heading:before{font-size:var(--fz-sm)}.contact .contact__title{font-size:clamp(40px,5vw,56px)}.contact .contact__wrapper{text-align:center}.contact .contact__wrapper p{margin-bottom:4rem;font-size:var(--fz-lg)}@media screen and (max-width:768px){.contact .contact__wrapper p{font-size:var(--fz-md)}}.about{max-width:900px}.about__img-container{max-width:300px}.about__img-wrapper{width:100%;display:grid;place-content:center}.about__img{height:100%;width:100%}.about__description{margin-bottom:var(--mb-1);font-size:var(--fz-lg)}@media screen and (max-width:768px){.about__description{font-size:var(--fz-md)}}.about__info{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0 1rem}.about__info li{margin-bottom:.75rem;padding-left:1.5rem;font-size:var(--fz-sm);font-family:var(--font-mono);position:relative}.about__info li:before{content:"▹";position:absolute;left:0;color:var(--green)}@media screen and (min-width:568px){.about__container{grid-template-columns:3fr 2fr}}@media screen and (max-width:768px){.about__container{display:block}.about__img-container{width:70%;margin:50px auto 0}}@media screen and (min-width:768px){.about__container{-moz-column-gap:3rem;column-gap:3rem}.about__description{text-align:initial}.about__info{justify-content:space-between}}