:root{--color-light-text: rgba(208, 208, 198, .95);--color-faded-light-text: rgba(208, 208, 198, .2);--color-slightly-faded-light-text: rgba(208, 208, 198, .8);--color-dark-background: #171717;--color-grid-background: #102024;--text-size-header: clamp(1.2rem, calc(1vw + .8rem) , 1.7rem);--text-size-subheader: clamp(.9rem, calc(1vw + .4rem) , 1.3rem);--text-size-medium: clamp(.8rem, calc(1vw + .2rem) , 1.1rem);--text-size-small: clamp(.6rem, calc(1vw + 0rem) , .8rem);--letter-spacing-header: clamp(2px, .12rem , 5px);--icon-size-large: clamp(70px, calc(5vw + 28px) , 100px);--icon-size-standard: clamp(25px, calc(1.5vw + 14px) , 35px);font-family:Jura,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--color-light-text);background-color:var(--color-dark-background);view-transition-name:none}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}#root{--section-gap: 20px;padding:2rem 3rem}.summary-grid-container{display:grid;grid-template-rows:1fr minmax(270px,1fr);row-gap:var(--section-gap);width:min(1200px,100vw - 6rem);height:min(90vh,700px)}.grid-row,.grid-column{display:flex;gap:var(--section-gap)}.grid-row{flex-direction:row}.grid-column{flex-direction:column}.grid-section{background-color:var(--color-grid-background);display:flex;padding:clamp(12px,1.5vw,20px);align-items:center;justify-content:center;border-radius:15px;box-shadow:-2px 4px 4px #00000080}.icon-button{color:var(--color-slightly-faded-light-text);cursor:pointer;height:var(--icon-size-standard);width:var(--icon-size-standard);background-color:transparent;border:none;will-change:transform,color;transition:transform .3s,color .3s}.icon-button:hover{transform:scale(1.125);color:var(--color-light-text)}.icon-fg{color:var(--color-grid-background)}.icon{width:var(--icon-size-standard);height:var(--icon-size-standard);color:inherit}.section-label{color:var(--color-faded-light-text);font-size:var(--text-size-header);text-align:center;letter-spacing:var(--letter-spacing-header);line-height:34px}@media (max-width: 449px){#root{padding:1rem;--section-gap: 10px}.grid-section{padding:15px}.icon-button:hover{transform:none}}@media (min-width: 450px) and (max-width: 649px){#root{padding:1.5rem;--section-gap: 15px}.grid-section{padding:15px}}@media (min-width: 650px) and (max-width: 849px){#root{padding:1.5rem 2.5rem;--section-gap: 15px}.grid-section{padding:15px}}.about{--responsive-headshot-container-size: clamp(120px, 15vw , 150px);display:flex;flex-direction:column;align-items:center;text-align:center}.headshot{width:var(--responsive-headshot-container-size);height:var(--responsive-headshot-container-size);overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;border:5px solid var(--color-faded-light-text);margin-bottom:5px;pointer-events:none}.headshot img{width:calc(var(--responsive-headshot-container-size) + 75px);height:calc(var(--responsive-headshot-container-size) + 75px);transform:translateY(-5px)}.socials{position:relative;width:100%;height:100%;overflow:hidden}.socials-label,.socials-links{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly}.socials-label{transition:opacity .8s ease,transform .8s ease;transition-delay:.3s;opacity:1;transform:translate(0);pointer-events:none}.socials.hovered .socials-label{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.socials-links{opacity:0;transform:translate(40px);visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.socials.hovered .socials-links{opacity:1;transform:translate(0);visibility:visible;pointer-events:auto;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.socials-links>*{opacity:0;transform:translate(20px);transition:transform .8s ease,opacity .8s ease;will-change:opacity,transform}.socials.hovered .socials-links>*{opacity:1;transform:translate(0);transition:transform .3s ease,opacity .3s ease}.socials.hovered .socials-links>*:nth-child(1){transition-delay:.3s}.socials.hovered .socials-links>*:nth-child(2){transition-delay:.35s}.socials.hovered .socials-links>*:nth-child(3){transition-delay:.4s}@media (prefers-reduced-motion: reduce){.socials-label,.socials-links,.socials-links>*{transition:none!important;transform:none!important}.socials-links{visibility:visible;opacity:1;pointer-events:auto}.icon{transition:none!important}}@media (max-width: 449px){.socials-links{flex-direction:column;position:static;height:100%}}.education{--scalable-icon-size: clamp(15px, 2.4vw, 25px);position:relative;width:100%;height:100%;overflow:hidden}.education-label,.education-checklist{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}.education-label{gap:5px;align-items:center;transition:opacity .8s ease,transform .8s ease;transition-delay:.3s;opacity:1;transform:translate(0);pointer-events:none}.education.hovered .education-label{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.education-checklist{gap:15px;justify-self:center;width:fit-content;padding:10px;opacity:0;transform:translate(40px);visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.education.hovered .education-checklist{opacity:1;transform:translate(0);visibility:visible;pointer-events:auto;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.education-checklist>*{opacity:0;transform:translate(20px);transition:transform .8s ease,opacity .8s ease}.education.hovered .education-checklist>*{opacity:1;transform:translate(0);transition:transform .3s ease,opacity .3s ease}.education.hovered .education-checklist>*:nth-child(1){transition-delay:.3s}.education.hovered .education-checklist>*:nth-child(2){transition-delay:.4s}@media (prefers-reduced-motion: reduce){.education-label,.education-checklist,.education-checklist>*{transition:none!important;transform:none!important}.education-checklist{visibility:visible;opacity:1;pointer-events:auto}}.checkbox-wrapper{display:flex;flex-direction:row;font-size:var(--text-size-subheader);color:var(--color-light-text);gap:15px;justify-content:flex-start;width:fit-content}.checkbox-icon{flex-shrink:0;width:var(--scalable-icon-size);height:var(--scalable-icon-size);color:var(--color-light-text);margin-top:1px}@media (max-width: 449px){.education-checklist{position:static;padding:0}.checkbox-wrapper{gap:10px}.checkbox-icon{margin-top:2px}}.contact{--scalable-padding-vertical: clamp(5px, .7vw, 10px);position:relative;text-decoration:none;color:var(--color-light-text);text-align:center;border-radius:25px;padding:var(--scalable-padding-vertical) 18px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--text-size-header);border:1px solid var(--color-light-text);will-change:transform,background-color;transition:transform .3s,background-color .3s linear}.contact-section:hover .contact{transform:scale(1.05)}.contact:hover{background-color:color-mix(in srgb,var(--color-light-text) 5%,transparent 95%)}.contact-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media (prefers-reduced-motion: reduce){.contact{transition:none}.contact-section:hover .contact{transform:none}}@media (max-width: 449px){.contact{background-color:color-mix(in srgb,var(--color-light-text) 5%,transparent 95%)}}.skills{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,auto);align-items:center;justify-items:center;row-gap:25px;width:100%;color:var(--color-faded-light-text);transition:color .3s linear}.skills .divider{background-color:var(--color-faded-light-text);transition:background-color .3s linear}.divider{position:absolute;top:50%;left:50%;height:75px;width:1px;transform:translate(-50%,-50%)}.divider .outer-dot,.divider .inner-dot{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.divider .outer-dot{height:7px;width:7px;background-color:var(--color-grid-background);z-index:5}.divider .inner-dot{height:3px;width:3px;background-color:inherit;z-index:10}.skills.hovered{color:var(--color-slightly-faded-light-text);transition:color .3s linear}.skills.hovered .divider{background-color:var(--color-slightly-faded-light-text);transition:background-color .3s linear}@media (prefers-reduced-motion: reduce){.skills,.skills.hovered,.skills .divider,.skills.hovered .divider{transition:none}}@media (min-width: 650px) and (max-width: 849px){.skills{grid-auto-flow:row;grid-template-rows:1fr 1fr;grid-template-columns:repeat(4,auto)}}.build{position:relative;width:100%;height:100%;overflow:hidden;place-content:center}.build.hovered{cursor:pointer}.build-label,.build-detail{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.build-label{gap:15px;transition:opacity .8s ease,transform .8s ease;transition-delay:.3s;opacity:1;transform:translate(0);pointer-events:none}.build.hovered .build-label{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.build-detail{color:var(--color-light-text);gap:10px;opacity:0;transform:translate(40px);visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.build.hovered .build-detail{opacity:1;transform:translate(0);visibility:visible;pointer-events:auto;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s;transition-delay:.3s}@media (prefers-reduced-motion: reduce){.build-label,.build-detail{transition:none!important;transform:none!important}}@media (max-width: 449px){.build-detail{position:static;line-height:normal;font-size:calc(var(--text-size-header) - .1rem)}}.testimonials{--custom-mid-opacity: color-mix(in srgb, var(--color-light-text) 65%, transparent);position:relative;height:100%;place-content:center;color:var(--color-slightly-faded-light-text)}.carousel-wrapper{display:grid;grid-template-columns:0fr 1fr 0fr;gap:20px;align-items:center;justify-content:center;height:100%;min-height:250px}.dots-wrapper{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:5;gap:15px;top:20px;left:50%;transform:translate(-50%,-50%)}.dot{height:10px;width:10px;border-radius:10%;background-color:var(--color-faded-light-text);transition:transform 1.6s ease,background-color 1.6s ease}.dot.active{transform:scale(1.5);background-color:var(--custom-mid-opacity)}.dot:not(.active):hover{background-color:var(--custom-mid-opacity);cursor:pointer;transition:background-color .3s ease}.quote{position:relative;overflow:hidden;text-align:center;height:100%;place-content:center;display:flex;flex-direction:column;view-transition-name:quote;transition:opacity .8s ease}.quote.fallback-fade-out{opacity:0}.quote.fallback-fade-in{opacity:1}.quote .content{text-align:center;line-height:25px;font-size:var(--text-size-subheader)}.quote .attribution-wrapper{position:absolute;display:flex;flex-direction:column;text-align:right;right:0;bottom:15px}.attribution-wrapper .name{font-size:var(--text-size-medium)}.attribution-wrapper .relationship{font-size:var(--text-size-small)}html.next::view-transition-group(quote){clip-path:inset(0)}html.next::view-transition-old(quote){animation:next-exit .3s ease both}html.next::view-transition-new(quote){animation:next-enter 1.2s ease both;animation-delay:.4s}@keyframes next-exit{0%{transform:translate(0);opacity:1}to{transform:translate(-10%);opacity:0}}@keyframes next-enter{0%{transform:translate(10%);opacity:0}to{transform:translate(0);opacity:1}}html.prev::view-transition-group(quote){clip-path:inset(0)}html.prev::view-transition-old(quote){animation:prev-exit .3s ease both}html.prev::view-transition-new(quote){animation:prev-enter 1.2s ease both;animation-delay:.4s}@keyframes prev-exit{0%{transform:translate(0);opacity:1}to{transform:translate(10%);opacity:0}}@keyframes prev-enter{0%{transform:translate(-10%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){html.next::view-transition-old(quote),html.next::view-transition-new(quote),html.prev::view-transition-old(quote),html.prev::view-transition-new(quote){animation:none}.dot,.icon-button{transition:none}.quote{view-transition-name:none}}.testimonials .icon-button{height:100%;color:var(--custom-mid-opacity);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.testimonials .icon-button:hover{color:var(--color-slightly-faded-light-text)}@media (max-width: 449px){.quote .content{font-size:calc(var(--text-size-subheader));line-height:18px}.carousel-wrapper{gap:5px}.quote .attribution-wrapper{bottom:5px}.attribution-wrapper .name{font-size:calc(var(--text-size-medium) - .1rem)}.dots-wrapper{top:10px}}@media (min-width: 450px) and (max-width: 649px){.quote .content{line-height:20px}}.experience{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px}.timeline{width:100%;height:100%;color:var(--color-slightly-faded-light-text);transition:color .3s linear}.experience-section:hover .timeline{color:color-mix(in srgb,var(--color-light-text) 54%,white 46%)}@media (prefers-reduced-motion: reduce){.timeline{transition:none}}@media (max-width: 449px){.timeline{color:var(--color-light-text)}}