:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--colour-background:#120818;--colour-surface:#321847;--colour-text:#f7f1e8;--colour-text-muted:#b9aabd;--colour-accent:#f15153;--colour-line:#725d7b;--colour-image-blank:#d6d1c9;--font-statement:"Notable", "Arial Black", sans-serif;--font-title:"Sora", Arial, sans-serif;--font-text:"Manrope", Arial, sans-serif;--text-page-title:clamp(2.75rem, 8vw, 7rem);--text-section-title:clamp(2rem, 5vw, 4rem);--text-subtitle:clamp(1.25rem, 2.5vw, 2rem);--text-body:clamp(1rem, min(1.25vw, 2.1vh), 1.25rem);--text-small:.875rem;--body-font-weight:500;--body-line-height:1.5;--section-padding-inline:clamp(1.5rem, 6vw, 6rem);--home-circle-size:clamp(8rem, 28vw, 22rem);--home-ring-size:calc(var(--home-circle-size) + 10rem);--orbit-ring-width:.25rem;--icon-stroke-width:1.75;--navigation-button-size:1.25rem;--navigation-link-size:2.75rem;--navigation-link-gap:.25rem;--navigation-rail-inset:.625rem}*{box-sizing:border-box}html{background-color:var(--colour-background);color:var(--colour-text);font-family:var(--font-text);font-size:100%;line-height:1.6}body{background-color:var(--colour-background);min-width:20rem;margin:0}main{z-index:0;position:relative;overflow:clip}h1,h2,h3{font-family:var(--font-title);margin:0;line-height:1.1}h1{font-size:var(--text-page-title)}h2{color:var(--colour-accent);font-size:var(--text-section-title);text-transform:uppercase;font-weight:800}h3{font-size:var(--text-subtitle)}p{color:var(--colour-text);font-size:var(--text-body);font-weight:var(--body-font-weight);line-height:var(--body-line-height);margin:0}a,button{color:inherit;font:inherit}.background-grid{z-index:0;width:100%;height:100%;color:var(--colour-line);pointer-events:none;position:fixed;inset:0}.background-grid-lines{fill:none;stroke:currentColor;stroke-width:1px;stroke-opacity:.32}.home-container,.about-container,.experience-container,.project-container,.skill-container,.contact-container{min-height:100svh;padding:clamp(4rem, 8vw, 8rem) var(--section-padding-inline);align-items:center;scroll-margin-block-start:0;display:grid}.body-copy{color:var(--colour-text);font-size:var(--text-body);font-weight:var(--body-font-weight);line-height:var(--body-line-height)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-static-container{min-height:150svh}.section-static-container>section{position:sticky;top:0}.orbit-ring{aspect-ratio:1;border:var(--orbit-ring-width) solid var(--colour-line);pointer-events:none;border-radius:50%}.main-circle-container{z-index:2;width:var(--home-circle-size);aspect-ratio:1;pointer-events:none;border-radius:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.main-circle-mask{border-radius:inherit;background-color:var(--colour-image-blank);position:absolute;inset:0;overflow:hidden}.main-circle-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.navigation-container{--navigation-radius:calc((var(--home-ring-size) - var(--orbit-ring-width)) / 2);z-index:1;width:calc(var(--home-ring-size) + var(--navigation-button-size));aspect-ratio:1;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navigation-list{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.navigation-item{--navigation-angle:0deg;--navigation-label-position:translate(-50%, calc(-100% - 1.5rem));--navigation-label-hidden:inset(100% 0 0 0);transform:translate(-50%, -50%) rotate(var(--navigation-angle)) translateY(calc(var(--navigation-radius) * -1)) rotate(calc(var(--navigation-angle) * -1));position:absolute;top:50%;left:50%}.navigation-item:nth-child(2){--navigation-angle:60deg}.navigation-item:nth-child(3){--navigation-angle:120deg}.navigation-item:nth-child(4){--navigation-angle:180deg}.navigation-item:nth-child(5){--navigation-angle:240deg}.navigation-item:nth-child(6){--navigation-angle:300deg}.navigation-item:nth-child(2),.navigation-item:nth-child(3){--navigation-label-position:translate(1.5rem, -50%);--navigation-label-hidden:inset(0 100% 0 0)}.navigation-item:nth-child(4){--navigation-label-position:translate(-50%, 1.5rem);--navigation-label-hidden:inset(0 0 100% 0)}.navigation-item:nth-child(5),.navigation-item:nth-child(6){--navigation-label-position:translate(calc(-100% - 1.5rem), -50%);--navigation-label-hidden:inset(0 0 0 100%)}.navigation-docked .navigation-item{--navigation-label-position:translate(calc(-100% - 1.5rem), -50%);--navigation-label-hidden:inset(0 0 0 100%);top:auto;left:0;transform:none}.navigation-container.navigation-docked{z-index:3;inset:var(--navigation-rail-inset) var(--navigation-rail-inset) var(--navigation-rail-inset) auto;width:var(--navigation-link-size);aspect-ratio:auto;animation:.25s .5s both navigation-rail-enter;transform:none}@keyframes navigation-rail-enter{0%{visibility:hidden;transform:translateX(calc(100% + var(--navigation-rail-inset)))}.01%{visibility:visible}to{visibility:visible;transform:translate(0)}}.navigation-container.navigation-rail-exiting{animation:.25s both navigation-rail-exit}@keyframes navigation-rail-exit{0%{visibility:visible;transform:translate(0)}to{visibility:hidden;transform:translateX(calc(100% + var(--navigation-rail-inset)))}}.navigation-container.navigation-home-entering{animation:.5s both navigation-home-enter}@keyframes navigation-home-enter{0%{visibility:visible;opacity:0;transform:translate(-50%,-50%)scale(0)}25%{opacity:1}to{visibility:visible;opacity:1;transform:translate(-50%,-50%)scale(1)}}.navigation-docked .navigation-theme-slot{top:0}.navigation-docked .navigation-item:nth-child(2){bottom:calc(4 * (var(--navigation-link-size) + var(--navigation-link-gap)))}.navigation-docked .navigation-item:nth-child(3){bottom:calc(3 * (var(--navigation-link-size) + var(--navigation-link-gap)))}.navigation-docked .navigation-item:nth-child(4){bottom:calc(2 * (var(--navigation-link-size) + var(--navigation-link-gap)))}.navigation-docked .navigation-item:nth-child(5){bottom:calc(var(--navigation-link-size) + var(--navigation-link-gap))}.navigation-docked .navigation-item:nth-child(6){bottom:0}.navigation-rail{z-index:3;inset-block:var(--navigation-rail-inset);right:var(--navigation-rail-inset);grid-template-rows:var(--navigation-link-size) minmax(0, 1fr) auto;width:var(--navigation-link-size);pointer-events:none;justify-items:center;display:grid;position:fixed}.navigation-rail-slot{width:var(--navigation-link-size);aspect-ratio:1}.navigation-rail-links{gap:var(--navigation-link-gap);flex-direction:column;display:flex}.navigation-copyright{color:var(--colour-text-muted);font-size:var(--text-small);opacity:0;writing-mode:vertical-rl;align-self:center}.navigation-copyright-visible{opacity:.75;transition:opacity .25s .5s}.navigation-copyright-exiting{opacity:0;transition:opacity .25s}.navigation-theme-slot{width:var(--navigation-link-size);aspect-ratio:1;place-items:center;display:grid}.navigation-link{width:var(--navigation-link-size);aspect-ratio:1;pointer-events:none;border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative}.navigation-home-ready .navigation-link,.navigation-effects-ready .navigation-link{pointer-events:auto}.navigation-link:before,.navigation-theme-slot:before{width:var(--navigation-button-size);aspect-ratio:1;border:var(--orbit-ring-width) solid var(--colour-text);background-color:var(--colour-background);content:"";border-radius:50%;transition:background-color .18s,border-radius .18s,transform .18s;display:block}.navigation-link-active:before{background-color:var(--colour-text)}.navigation-label{z-index:1;width:max-content;clip-path:var(--navigation-label-hidden);font-size:var(--text-body);transform:var(--navigation-label-position);visibility:hidden;pointer-events:none;position:absolute;top:50%;left:50%}:is(.navigation-home-ready,.navigation-effects-ready) .navigation-label{visibility:visible;transition:clip-path .18s}:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link:hover:before,:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link:focus-visible:before,:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link-touch-open:before{border-radius:.5rem;transform:rotate(45deg)}:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link:hover .navigation-label,:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link:focus-visible .navigation-label,:is(.navigation-home-ready,.navigation-effects-ready) .navigation-link-touch-open .navigation-label{clip-path:inset(0)}.navigation-link:focus-visible{outline:2px solid var(--colour-text);outline-offset:.125rem}@media (prefers-reduced-motion:reduce){.navigation-link:before,.navigation-theme-slot:before,.navigation-label{transition:none}.navigation-container.navigation-docked,.navigation-container.navigation-rail-exiting,.navigation-container.navigation-home-entering{animation:none}.navigation-copyright-visible,.navigation-copyright-exiting{transition:none}}.home-container{position:relative}.home-navigation-ring{z-index:0;width:var(--home-ring-size);transition:transform .5s,opacity .125s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-exiting .home-navigation-ring{opacity:0;transition:transform .5s,opacity .125s linear .375s;transform:translate(-50%,-50%)scale(0)}.home-navigation-exit-marker{--home-marker-angle:0deg;width:var(--navigation-button-size);aspect-ratio:1;border:var(--orbit-ring-width) solid var(--colour-text);background-color:var(--colour-background);opacity:0;transform:translate(-50%, -50%) rotate(var(--home-marker-angle)) translateY(calc((var(--home-ring-size) - var(--orbit-ring-width)) / -2));border-radius:50%;position:absolute;top:50%;left:50%}.home-exiting .home-navigation-exit-marker{opacity:1}.home-navigation-exit-marker:nth-child(2){--home-marker-angle:60deg}.home-navigation-exit-marker:nth-child(3){--home-marker-angle:120deg}.home-navigation-exit-marker:nth-child(4){--home-marker-angle:180deg}.home-navigation-exit-marker:nth-child(5){--home-marker-angle:240deg}.home-navigation-exit-marker:nth-child(6){--home-marker-angle:300deg}.home-text{grid-template-columns:minmax(0, 1fr) var(--home-circle-size) minmax(0, 1fr);align-items:stretch;column-gap:clamp(5rem,10vw,8rem);width:100%;display:grid}.home-title{font-family:var(--font-statement);font-size:clamp(1.5rem,7vw,7rem);font-weight:400;line-height:.85;display:contents}.home-first-name{color:var(--colour-accent)}.home-name-left{clip-path:inset(-.2em 0);white-space:nowrap;grid-area:1/1;place-self:center end}.home-name-right{clip-path:inset(-.2em 0);white-space:nowrap;grid-area:1/3;align-content:space-between;justify-self:start;display:grid}.home-name-value{transition:transform .5s;display:block}.home-name-right .home-name-value{align-content:space-between;height:100%;display:grid}.home-exiting .home-name-left .home-name-value{transform:translate(100%)}.home-exiting .home-name-right .home-name-value{transform:translate(-100%)}.home-description-curve{width:calc(var(--home-circle-size) + 4rem);height:calc(var(--home-circle-size) + 4rem);color:var(--colour-text-muted);fill:currentColor;font-family:var(--font-text);font-size:calc(100 * var(--text-small) / (var(--home-circle-size) + 4rem) * 1px);pointer-events:none;transition:transform .5s,opacity .125s linear;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.home-exiting .home-description-curve{opacity:0;transition:transform .5s,opacity .125s linear .375s;transform:translate(-50%,-50%)scale(0)}@media (width<=48rem){.home-text{column-gap:clamp(.75rem,3vw,2rem)}}@media (prefers-reduced-motion:reduce){.home-navigation-ring,.home-name-value,.home-description-curve{transition:none}}.about-container{--about-circle-arc:64vh;grid-template-columns:var(--about-circle-arc) minmax(0, 1fr) calc(var(--navigation-link-size) + var(--navigation-rail-inset));justify-items:center;padding-block:clamp(2rem,4vh,3rem);padding-inline:0}.about-text{visibility:hidden;clip-path:inset(0 50%);grid-column:2;gap:clamp(1.5rem,3vw,2.5rem);width:min(42rem,48vw);transition:clip-path .5s,visibility 0s linear .5s;display:grid}.about-content-visible .about-text{visibility:visible;clip-path:inset(0);transition-delay:0s}.about-description{gap:1rem;display:grid}.about-statistics{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,4vw,3rem);margin:0;padding:0;list-style:none;display:grid}.about-statistic{text-align:center;justify-items:center;gap:.75rem;display:grid}.about-statistic-amount{color:var(--colour-accent);font-family:var(--font-statement);font-size:clamp(1.5rem,7vw,7rem);font-weight:400;line-height:1}@media (width<=48rem){.about-container{--about-circle-arc:28.5vw}.about-text{width:min(65vw,100% - 1.5rem)}}@media (prefers-reduced-motion:reduce){.about-text{clip-path:inset(0);transition:none}}.experience-container,.experience-orbit-foreground{--experience-section-padding-inline:var(--section-padding-inline);--experience-circle-size:min(46.5vw, 69vh);--experience-rail-gap:clamp(1rem, 2vw, 2rem);--experience-orbit-center-x:calc(100vw - var(--navigation-rail-inset) - var(--navigation-link-size) - var(--experience-rail-gap) - var(--experience-circle-size) / 2)}.experience-container{--experience-content-boundary-x:calc(100cqw - var(--navigation-rail-inset) - var(--navigation-link-size) - var(--experience-rail-gap) - var(--experience-circle-size) / 2 - var(--experience-orbit-size) / 2);--experience-orbit-size:min(75vw, 108vh);--experience-content-gap:clamp(1rem, 2vw, 2rem);--experience-header-space:clamp(7.5rem, 14vh, 9.5rem);--experience-content-width:calc(var(--experience-content-boundary-x) - var(--experience-section-padding-inline) - var(--experience-content-gap));grid-template-columns:minmax(0, var(--experience-content-width)) minmax(0, 1fr);align-items:stretch;padding-block:clamp(2rem,5vw,4rem);position:relative;container-type:inline-size}.experience-copy{z-index:1;flex-direction:column;grid-column:1;min-height:0;display:flex;position:relative}.experience-copy:after,.experience-header{flex:0 0 var(--experience-header-space)}.experience-copy:after{content:""}.experience-header{clip-path:inset(0 0 -1rem);width:max-content}.experience-header-content,.experience-text{visibility:hidden;transition:visibility 0s linear .5s}.experience-header-content{transition:transform .5s,visibility 0s linear .5s;transform:translateY(-110%)}.experience-text{clip-path:inset(50% 0);transition:clip-path .5s,visibility 0s linear .5s}.experience-content-visible :is(.experience-header-content,.experience-text){visibility:visible;transition-delay:0s}.experience-content-visible .experience-header-content{transform:translateY(0)}.experience-content-visible .experience-text{clip-path:inset(0)}.experience-content-region{flex:auto;align-items:center;min-height:0;display:flex;overflow:hidden}.experience-text{width:100%;min-height:0;max-height:100%;padding-right:var(--experience-content-gap);scrollbar-width:none;overflow-y:auto}.experience-text::-webkit-scrollbar{display:none}.experience-title{font-size:clamp(3rem,5.25vw,5.25rem)}.experience-event-title{overflow-wrap:anywhere;font-size:clamp(1.75rem,min(2.4vw,4.1vh),2.5rem);font-weight:700}.experience-event-metadata{flex-wrap:wrap;gap:.75rem clamp(2rem,4vw,4rem);margin-top:clamp(1.25rem,3vh,2rem);display:flex}.experience-metadata-item{color:var(--colour-text);align-items:center;gap:.75rem;display:inline-flex}.experience-metadata-icon{width:1.5rem;height:1.5rem;color:var(--colour-accent);stroke-width:var(--icon-stroke-width);flex:none}.experience-description{color:var(--colour-text);margin-top:clamp(1.25rem,3vh,2rem)}.experience-highlights{color:var(--colour-text);margin:clamp(1.5rem,3.5vh,2.25rem) 0 0;padding:0;list-style:none}.experience-highlights li{grid-template-columns:2rem minmax(0,1fr);align-items:center;column-gap:1.25rem;display:grid}.experience-highlights li+li{margin-top:clamp(.75rem,1.6vh,1.25rem)}.experience-highlight-marker{place-items:center;width:2rem;height:2rem;display:grid;position:relative}.experience-highlight-marker:before,.experience-highlight-marker:after{box-sizing:border-box;aspect-ratio:1;content:"";border-radius:50%;width:.625rem;position:absolute}.experience-highlight-marker:before{background-color:var(--colour-accent)}.experience-highlight-marker:after{border:2px solid var(--colour-accent);animation:2.8s cubic-bezier(.22,1,.36,1) infinite experience-highlight-pulse}.experience-highlights li:nth-child(2) .experience-highlight-marker:after{animation-delay:.9s}.experience-highlights li:nth-child(3) .experience-highlight-marker:after{animation-delay:1.8s}@keyframes experience-highlight-pulse{0%{opacity:.8;transform:scale(.9)}75%,to{opacity:0;transform:scale(3)}}.experience-type-toggle{border:1px solid var(--colour-line);background-color:var(--colour-background);isolation:isolate;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:.25rem;width:fit-content;margin-top:1rem;padding:.25rem;display:grid;position:relative}.experience-type-toggle:before{z-index:0;background-color:var(--colour-accent);content:"";border-radius:999px;width:calc(50% - .375rem);height:calc(100% - .5rem);transition:transform .25s;position:absolute;top:.25rem;left:.25rem}.experience-type-toggle[data-active-type=education]:before{transform:translate(calc(100% + .25rem))}.experience-type-button{z-index:1;color:var(--colour-text-muted);font-size:var(--text-small);cursor:pointer;background-color:#0000;border:0;border-radius:999px;padding:.45rem .85rem;transition:color .25s;position:relative}.experience-type-button-active{color:var(--colour-background)}.experience-type-button:focus-visible,.experience-orbit-scroll:focus-visible,.experience-event-button:focus-visible{outline:2px solid var(--colour-text);outline-offset:.25rem}.experience-orbit{z-index:1;top:64%;left:var(--experience-orbit-center-x);width:var(--experience-orbit-size);height:var(--experience-orbit-size);position:absolute;transform:translate(-50%,-50%)}.experience-orbit-foreground{z-index:3;top:64%;left:var(--experience-orbit-center-x);width:var(--experience-circle-size);aspect-ratio:1;pointer-events:none;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.experience-orbit-front{border-radius:inherit;visibility:hidden;transition:visibility 0s linear .5s;position:absolute;inset:0;overflow:hidden}.experience-orbit-front-path{width:var(--experience-ellipse-render-width);opacity:0;height:auto;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(0);transition:opacity .5s,transform .5s;position:absolute;top:50%;left:50%;overflow:visible}.experience-orbit-foreground-visible .experience-orbit-front{visibility:visible;transition-delay:0s}.experience-orbit-foreground-visible .experience-orbit-front-path{opacity:1;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(1);transition-delay:0s}.experience-orbit-scroll{z-index:1;width:var(--experience-circle-size);height:var(--experience-circle-size);pointer-events:none;scrollbar-width:none;scroll-snap-type:y mandatory;border-radius:50%;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.experience-orbit-ready .experience-orbit-scroll{pointer-events:auto}.experience-orbit-scroll::-webkit-scrollbar{display:none}.experience-orbit-scroll-indicator{z-index:4;aspect-ratio:1;width:clamp(2.5rem,3.2vw,3rem);color:var(--colour-text);opacity:0;pointer-events:none;background-color:#120818e0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;bottom:clamp(1rem,5%,1.75rem);left:50%;transform:translate(-50%)}.experience-orbit-scroll-indicator svg{width:60%;height:auto;stroke-width:var(--icon-stroke-width);display:block}.experience-orbit-scroll-indicator-visible{opacity:1;animation:1.6s ease-in-out infinite experience-orbit-scroll-indicator}@keyframes experience-orbit-scroll-indicator{0%,to{transform:translate(-50%,-.2rem)}50%{transform:translate(-50%,.2rem)}}.experience-orbit-track{height:calc(100% + var(--experience-scroll-distance));position:relative}.experience-orbit-ring{z-index:0;width:var(--experience-ellipse-render-width);visibility:hidden;opacity:0;height:auto;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(0);pointer-events:none;transition:opacity .5s,transform .5s,visibility 0s linear .5s;position:absolute;top:50%;left:50%;overflow:visible}.experience-content-visible .experience-orbit-ring{visibility:visible;opacity:1;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(1);transition-delay:0s}.experience-orbit-path{fill:none;stroke:var(--colour-line);stroke-width:var(--orbit-ring-width);vector-effect:non-scaling-stroke}.experience-event-orbit-list{margin:0;padding:0;list-style:none;position:absolute;inset:0}.experience-orbit-planets{--experience-planet-size:clamp(4.375rem, 6.25vw, 5.625rem);z-index:3;width:var(--experience-ellipse-render-width);aspect-ratio:var(--experience-ellipse-aspect-ratio);visibility:hidden;opacity:0;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(0);pointer-events:none;transition:opacity .5s,transform .5s,visibility 0s linear .5s;position:absolute;top:50%;left:50%}.experience-orbit-planets-visible{visibility:visible;opacity:1;transform:translate(-50%, -50%) rotate(var(--experience-ellipse-rotation)) scale(1);transition-delay:0s}.experience-event-orbit-item,.experience-orbit-focus-marker{transform:translate(-50%, -50%) rotate(var(--experience-ellipse-counter-rotation));position:absolute}.experience-event-orbit-item-hidden{visibility:hidden;opacity:0;pointer-events:none}.experience-event-button{box-sizing:border-box;width:var(--experience-planet-size);border:var(--orbit-ring-width) solid var(--colour-text);aspect-ratio:1;background-color:var(--colour-background);cursor:pointer;pointer-events:none;border-radius:50%;padding:0;display:block;position:relative;overflow:hidden}.experience-orbit-planets-ready .experience-event-button{pointer-events:auto}.experience-event-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.experience-orbit-focus-marker{--experience-focus-gap:4px;z-index:1;box-sizing:border-box;width:calc(var(--experience-planet-size) + var(--experience-focus-gap) + var(--experience-focus-gap) + var(--orbit-ring-width) + var(--orbit-ring-width));border:var(--orbit-ring-width) solid var(--colour-accent);aspect-ratio:1;pointer-events:none;border-radius:50%}.experience-orbit-snap-point{scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;position:absolute;left:0}@media (width<=48rem){.experience-container{--experience-circle-size:78vw;--experience-orbit-size:123vw}.experience-orbit,.experience-orbit-foreground{top:72%}}@media (prefers-reduced-motion:reduce){.experience-highlight-marker:after{animation:none}.experience-orbit-scroll-indicator-visible{animation:none;transform:translate(-50%)}.experience-type-toggle:before,.experience-type-button,.experience-orbit-ring,.experience-orbit-front,.experience-orbit-front-path,.experience-orbit-planets{transition:none}.experience-header-content,.experience-text{clip-path:inset(0);transition:none;transform:none}}.project-container,.project-selected-content{--project-circle-size:min(38.4vw, 54.4vh)}.project-container{--project-planet-size:clamp(3.75rem, 9vmin, 7.5rem);--project-ring-gap:clamp(6rem, 16.5vw, 15rem);--project-ring-step:calc(var(--project-ring-gap) + var(--project-ring-gap));--project-ring-1-size:calc(var(--project-circle-size) + var(--project-ring-step));--project-ring-2-size:calc(var(--project-circle-size) + var(--project-ring-step) + var(--project-ring-step));--project-ring-3-size:calc(var(--project-circle-size) + var(--project-ring-step) + var(--project-ring-step) + var(--project-ring-step));position:relative}.project-orbit{position:absolute;inset:0}.project-title{z-index:1;top:calc(50% - var(--project-circle-size) / 2 - 8rem);white-space:nowrap;font-size:clamp(4rem,10.5vw,10rem);position:absolute;left:50%;transform:translate(-50%)}.project-ring{--project-stage-one-size:var(--project-ring-1-size);--project-stage-two-size:var(--project-ring-1-size);--project-final-size:var(--project-ring-1-size);aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-ring[data-ring-index="1"]{width:var(--project-ring-1-size)}.project-ring[data-ring-index="2"]{--project-stage-two-size:var(--project-ring-2-size);--project-final-size:var(--project-ring-2-size);width:var(--project-ring-2-size)}.project-ring[data-ring-index="3"]{--project-stage-two-size:var(--project-ring-2-size);--project-final-size:var(--project-ring-3-size);width:var(--project-ring-3-size)}.project-ring:before{border:var(--orbit-ring-width) solid var(--colour-line);aspect-ratio:1;content:"";opacity:0;border-radius:50%;width:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-list{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.project-item{--project-orbit-size:var(--project-ring-1-size);--project-stage-one-size:var(--project-ring-1-size);--project-stage-two-size:var(--project-ring-1-size);--project-final-size:var(--project-ring-1-size);visibility:hidden;opacity:0;transform:translate(-50%, -50%) scale(0) rotate(var(--project-angle)) translateY(calc(var(--project-orbit-size) / -2)) rotate(var(--project-angle-inverse));pointer-events:auto;position:absolute;top:50%;left:50%}.project-item[data-ring-index="2"]{--project-orbit-size:var(--project-ring-2-size);--project-stage-two-size:var(--project-ring-2-size);--project-final-size:var(--project-ring-2-size)}.project-item[data-ring-index="3"]{--project-orbit-size:var(--project-ring-3-size);--project-stage-two-size:var(--project-ring-2-size);--project-final-size:var(--project-ring-3-size)}.project-content-visible .project-ring:before,.project-content-visible .project-item{animation:.5s both project-orbit-enter}.project-content-exiting .project-ring:before,.project-content-exiting .project-item{animation:.5s both project-orbit-exit}.project-content-visible .project-item{animation-name:project-planet-enter}.project-content-exiting .project-item{animation-name:project-planet-exit}@keyframes project-orbit-enter{0%{visibility:hidden;opacity:0;width:0}.01%{visibility:visible}25%{opacity:1}33.333%{width:var(--project-stage-one-size)}66.667%{width:var(--project-stage-two-size)}to{visibility:visible;width:var(--project-final-size);opacity:1}}@keyframes project-planet-enter{0%{visibility:hidden;opacity:0;transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(0) rotate(var(--project-angle-inverse)) scale(0)}.01%{visibility:visible}25%{opacity:1}33.333%{transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-stage-one-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}66.667%{transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-stage-two-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}to{visibility:visible;opacity:1;transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-final-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}}@keyframes project-orbit-exit{0%{visibility:visible;width:var(--project-final-size);opacity:1}33.333%{width:var(--project-stage-two-size)}66.667%{width:var(--project-stage-one-size)}75%{opacity:1}99.99%{visibility:visible}to{visibility:hidden;opacity:0;width:0}}@keyframes project-planet-exit{0%{visibility:visible;opacity:1;transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-final-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}33.333%{transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-stage-two-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}66.667%{transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(calc(var(--project-stage-one-size) / -2)) rotate(var(--project-angle-inverse)) scale(1)}75%{opacity:1}99.99%{visibility:visible}to{visibility:hidden;opacity:0;transform:translate(-50%, -50%) rotate(var(--project-angle)) translateY(0) rotate(var(--project-angle-inverse)) scale(0)}}.project-link{width:var(--project-planet-size);aspect-ratio:1;border:var(--orbit-ring-width) solid var(--colour-text);background-color:var(--colour-surface);color:var(--colour-text);cursor:pointer;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid;overflow:hidden}.project-link[aria-pressed=true]{outline:var(--orbit-ring-width) solid var(--colour-accent);outline-offset:var(--orbit-ring-width)}.project-link:focus-visible{outline:var(--orbit-ring-width) solid var(--colour-text);outline-offset:var(--orbit-ring-width)}.project-image{object-fit:cover;width:100%;height:100%}.project-selected-content{z-index:3;width:var(--project-circle-size);aspect-ratio:1;opacity:0;pointer-events:none;border-radius:50%;transition:opacity 0s linear .5s;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.project-selected-content-visible{opacity:1;transition-delay:0s}.project-selected-summary{color:var(--colour-text);text-align:center;background-color:#120818c7;border-radius:.75rem;padding:clamp(.5rem,1.2vmin,1rem);font-size:clamp(.625rem,1.8vmin,1rem);line-height:1.5;position:absolute;bottom:15%;left:15%;right:15%}.project-detail-link{z-index:3;top:calc(50% + var(--project-circle-size) / 2);left:calc(50% + var(--project-circle-size) / 2);width:min(clamp(2.75rem, 5vmin, 4rem), calc(var(--project-circle-size) * .16));aspect-ratio:1;border:var(--orbit-ring-width) solid var(--colour-text);background-color:var(--colour-background);color:var(--colour-text);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-100%,-100%)}.project-detail-link:hover{background-color:var(--colour-accent)}.project-detail-link:focus-visible{outline:var(--orbit-ring-width) solid var(--colour-accent);outline-offset:var(--orbit-ring-width)}.project-detail-link svg{width:55%;height:55%;stroke-width:var(--icon-stroke-width)}@media (width<=48rem){.project-container,.project-selected-content{--project-circle-size:57.6vw}}@media (prefers-reduced-motion:reduce){.project-content-visible .project-ring:before,.project-content-visible .project-item,.project-content-exiting .project-ring:before,.project-content-exiting .project-item{animation-duration:.01ms}}.contact-container{place-items:center;position:relative}.contact-orbit{z-index:3;aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(56vw,56vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-content{z-index:4;text-align:center;justify-items:center;gap:.75rem;max-width:min(24rem,70vw);display:grid;position:relative}.contact-description{color:var(--colour-background)}.contact-action{color:var(--colour-background);text-underline-offset:.25rem;font-weight:700}.contact-blob-layer,.contact-link-layer{z-index:2;opacity:0;visibility:hidden;position:absolute;inset:0}.contact-blob-layer{filter:url(#contact-goo)}.contact-blob-center,.contact-satellite{background-color:var(--colour-image-blank);border-radius:50%;position:absolute}.contact-satellite{z-index:1}.contact-blob-center{inset:0}.contact-satellite,.contact-link{aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-link{color:var(--colour-background);pointer-events:auto;border-radius:50%;place-items:center;font-size:clamp(.625rem,1.2vmin,.875rem);font-weight:700;text-decoration:none;display:grid;position:absolute}.contact-link:focus-visible{outline:.2rem solid var(--colour-accent);outline-offset:.2rem}@media (prefers-reduced-motion:reduce){.contact-blob-layer{filter:none}}.project-detail-page{min-height:100svh;padding:clamp(1.5rem,5vw,5rem)}.project-detail-back{z-index:1;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex;position:relative}.project-detail-back svg{width:1.25rem;height:1.25rem;stroke-width:var(--icon-stroke-width)}.project-detail-content{z-index:1;gap:1.5rem;max-width:60rem;margin:clamp(3rem,8vh,7rem) auto 0;display:grid;position:relative}.project-detail-content h1{color:var(--colour-accent)}.project-detail-content section{gap:.75rem;padding-top:1.5rem;display:grid}.project-detail-content h2{font-size:var(--text-subtitle)}.project-detail-label{color:var(--colour-text-muted);font-size:var(--text-small);text-transform:uppercase}.project-detail-image{aspect-ratio:1;object-fit:cover;border-radius:50%;width:clamp(8rem,20vw,14rem)}