:root{--border: hsl(188, 100%, 25%);--dark-blue: hsl(213, 48%, 7%);--mid-blue: hsl(213, 48%, 14%);--light-blue: hsl(188, 100%, 50%);--line-blue: hsl(188, 100%, 14%);--yellow: hsl(65, 72%, 70%);--background-light-1: hsla(0, 0%, 100%, .03);--background-light-2: hsla(0, 0%, 100%, .06);--border-radius-s: .5rem;--border-radius-m: 1rem;--space-between-sections: 5rem;--space-within-sections: 4rem;--space-between-sections-s: 4rem;--space-within-sections-s: 2rem;--padding-s: 3rem;--padding-m: 3.25rem;--spacing-s: 2rem;--spacing-m: 4rem;--border-radius-mobile-s: .25rem;--border-radius-mobile-m: 1.25rem;--padding-mobile: 1rem;--spacing-mobile-s: 1rem;--spacing-mobile-m: 1.5rem}a{text-underline-offset:3px;transition:color .15s linear,background-color .15s linear}a:has(image):hover{background-color:transparent}a:hover{background-color:var(--yellow);color:var(--dark-blue)}html{background-color:var(--dark-blue);color:#fff;font-family:Space Grotesk Variable,sans-serif;margin:0;padding:0;text-wrap:pretty}body{visibility:hidden;margin:0;padding:0;line-height:1.6;transition:background-color .3s ease,color .3s ease}.js body{visibility:visible}blockquote{font-size:2rem;margin:0 0 2rem}body{font-size:1.2rem;font-weight:300;line-height:1.7;margin:0;padding:0}h1,h2,h3,h4{font-weight:600;margin:0 0 1.5rem}h1{font-family:Funnel Display Variable,sans-serif}a{color:var(--yellow)}footer{padding:var(--padding-m) 0;background-color:#0000004d;border-radius:var(--border-radius-m) var(--border-radius-m) 0 0}figure{justify-content:center;display:flex;flex-direction:column;gap:1rem;margin:0;width:100%}img{border-radius:var(--border-radius-s)}ol>li{margin-bottom:1rem}main{margin:0 4rem;padding:3rem 6rem 0}p{margin:1rem 0 2rem}section{display:flex;flex-direction:column;gap:var(--space-within-sections);margin-bottom:var(--spacing-m)}#about-section{background-color:var(--background-light-1);border-radius:0 0 var(--border-radius-m) var(--border-radius-m);border-top:1px dashed var(--border);display:grid;gap:2rem;grid-template-columns:repeat(12,1fr);margin-bottom:var(--spacing-m);padding:var(--padding-s)}#about-skill-section{grid-column:9 / span 4}.about-text{grid-column:1 / span 6}.aligned-center{text-align:center}.body-l{font-size:1.5rem}.body-xs{font-size:1rem}.border-bottom{border-bottom:1px dashed var(--line-blue)}.border-radius-s{border-radius:8px}.caption-partial-width{max-width:75%}.case-study-hero{align-content:center;height:50vh;margin:auto;text-align:center;p{margin:3rem 0}}.category-heading{display:block}.centred-partial-width{margin:0 auto;max-width:50%}.centred-partial-width>*:last-child{margin-bottom:0}.footer-body{display:flex;align-items:center;gap:var(--spacing-m);justify-content:center;img{height:2.5rem;rotate:-30deg;width:fit-content}}.footer-text{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-s);justify-content:center;p{margin:0}}.footer-text>.inline-list{margin-top:0}.heading-l{font-size:4.5rem;line-height:1.2}.heading-m{font-size:1.8rem}.heading-s{font-size:1rem;font-weight:500;letter-spacing:.04rem;margin:2rem 0 0}.home-hero{align-items:center;background-color:var(--background-light-2);border-radius:var(--border-radius-m) var(--border-radius-m) 0 0;display:grid;column-gap:var(--spacing-mobile-m);row-gap:0;grid-template-columns:repeat(12,1fr);margin:3rem auto auto;padding:var(--padding-s);h1,h2{margin-bottom:0}}.home-hero-text{grid-column:1 / span 8;grid-row:1 / span 1}#home-hero-labels{align-self:start;grid-column:1 / span 8;grid-row:2 / span 1;margin-top:var(--spacing-s)}.home-hero-pic{height:auto;max-width:100%}.home-hero-pic-container{border-radius:16px;font-size:0;grid-column:9 / span 3;grid-row:1 / span 2;height:fit-content}#home-name{margin-bottom:1rem}#home-name,#home-job-title,#home-meta-info{grid-column:1 / span 8}.hero-img-container{min-height:50vh}.home-link{color:var(--light-blue);font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-decoration:none}#home-job-title{font-family:Funnel Display Variable,sans-serif}.home-main-padding{padding:2rem 8rem}.icon-container{align-items:center;background-color:var(--dark-blue);border-radius:50%;display:flex;height:3rem;justify-content:center;width:3rem}.icon{width:100%;path{stroke:var(--light-blue)}}.icon-list-item{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.img-inline-section{display:flex;gap:4rem}.inline-list{margin-top:1rem;padding:0;li+li:before{content:"|";color:var(--line-blue);padding:1rem}li{display:inline-block;margin:0}}.inset-image{width:35%;border-radius:8px;float:left;margin-right:2rem}.label{background-color:var(--dark-blue);border-radius:24px;letter-spacing:.04rem;padding:4px 16px 6px}.label-list{display:flex;flex-wrap:wrap;list-style:none;gap:1rem;padding-left:0}.lottie-container{align-items:center;border-radius:8px;display:flex;background-color:#ee6700;height:50vh;justify-content:center;width:25%}lottie-player{height:100%;width:100%}.margin-bottom-zero{margin-bottom:0}.mini-list{list-style-type:none;margin:0;padding:0;*:first-child>div{padding-top:0rem}}.no-bullets{list-style-type:none;padding:0;li{margin-bottom:1rem}}.number{align-items:center;border:1px solid var(--line-blue);border-radius:50%;color:var(--light-blue);display:inline-flex;font-size:1rem;font-weight:300;height:2rem;justify-content:center;margin:0 1rem 0 0;position:relative;top:-.3rem;width:2rem}.primary-color{color:var(--light-blue)}.padding-top-two{padding-top:2rem}.padding-bottom-four{padding-bottom:4rem}.padding-bottom-eight{padding-bottom:8rem}.padding-bottom-zero{padding-bottom:0}.padding-left-inset{padding-left:49px}.project-list{gap:0}.project-section{background-color:var(--background-light-1);border-radius:var(--border-radius-m);display:flex;flex-direction:row;gap:var(--spacing-m);margin-bottom:var(--spacing-s);padding:var(--padding-s)}.project-section-text{width:70%}.project-section-img{max-width:60%;padding-left:2rem;a:hover{background-color:transparent}img{width:100%}}.quick-summary{background-color:var(--background-light-1);padding:1rem 2rem 2.5rem;border-radius:16px}.quick-summary>*:last-child{margin-bottom:0}.quick-summary-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:2rem}.quick-summary-section>*:nth-child(1){width:50%}.quick-summary-section>*:nth-child(2){display:block;margin-bottom:0;width:45%;img{width:100%;height:auto}}.quick-summary-img-link:hover{background-color:transparent}.quick-summary-section:last-child{margin-bottom:0;padding-bottom:0}.secondary-color{color:var(--yellow)}.section-heading{border-bottom:1px dashed var(--line-blue);text-align:center;text-wrap:balance;padding:0 0 1rem;margin:0 0 2rem}.section-heading-left{padding:0 0 .5rem var(--padding-s);margin:0 0 1rem}.staggered-heading{margin:0 0 2rem;text-align:center;h1,h2{margin:0}}.top-nav{padding:0}.two-column{display:flex;align-items:top;gap:2rem}.two-column.project-section{gap:0}.two-column>*{width:50%}.img-container>img{max-width:100%}@media only screen and (max-width: 479px){blockquote{margin:0;p{font-size:1.2rem}}main{margin:auto;max-width:100%;padding:1rem}footer{border-radius:var(--border-radius-mobile-m);padding-left:1rem;padding-right:1rem}h1,h2,h3,h4{margin:0 0 var(--spacing-mobile-m) 0}img{border-radius:var(--border-radius-mobile-s);display:block}p,li{font-size:.9rem}p{margin:0 0 var(--spacing-mobile-m) 0}#about-section{border-radius:0 0 var(--border-radius-mobile-m) var(--border-radius-mobile-m);padding:2rem var(--padding-mobile) var(--padding-mobile) var(--padding-mobile);p{margin-bottom:0}}.about-text{margin-bottom:var(--spacing-mobile-m)}.body-xs{font-size:.9rem}.body-l{font-size:1.25rem}.caption-partial-width{max-width:100%}.case-study-hero{height:50vh}.heading-m{font-size:1.3rem;line-height:1.4}.heading-l{font-size:2.5rem;line-height:1.2}.home-hero{border-radius:var(--border-radius-mobile-m) var(--border-radius-mobile-m) 0 0;margin:0;padding:var(--spacing-mobile-s)}.home-link{font-size:1.3rem}#home-name{margin-bottom:0}.hero-img-container{min-height:auto}.home-main-padding{padding:1rem}.label{font-size:.8rem}.label-list{gap:.5rem}.inline-list{padding:0;li+li:before{content:"";padding:0}li{display:block;margin:0}}.inset-image{width:40%;float:left;margin-right:1.2rem}.project-section{border-radius:var(--border-radius-mobile-m);padding:var(--spacing-mobile-s);gap:var(--spacing-mobile-m)}.section-heading-left{padding-left:1rem}.quick-summary{padding:var(--spacing-mobile-s)}}@media only screen and (max-width: 991px){body{font-size:1rem}section{gap:var(--space-within-sections-s);margin-bottom:var(--space-between-sections-s)}ul{font-size:1rem}#about-section{border-radius:0 0 var(--border-radius-m) var(--border-radius-m);gap:0;margin-bottom:var(--space-between-sections-s)}#about-skill-section,.about-text{grid-column:1 / span 12}.body-l{font-size:1rem}.centred-partial-width{margin:auto;max-width:100%}.home-hero{gap:0;grid-template-rows:repeat(2,auto);grid-auto-rows:max-content}.home-hero-text{grid-column:1 / span 7}#home-hero-labels{grid-column:1 / span 12;grid-row:2 / span 1}.home-hero-pic-container{border-radius:12px;grid-column:9 / span 4;grid-row:1 / span 1;padding:4px}.padding-left-inset{padding-left:0}.project-section{flex-direction:column}.project-section-text{width:100%}.project-section-img{max-width:100%;padding-left:0;img{width:100%}}.quick-summary-section{text-align:center}.quick-summary-section>*:nth-child(1){width:100%}.quick-summary-section>*:nth-child(2){width:100%}.two-column.project-section{gap:2rem}#skill-section{width:100%}.two-column{flex-direction:column;gap:4rem}.two-column>*{width:100%}}@media only screen and (min-width: 480px) and (max-width: 991px){main{margin:auto;padding:auto;width:80%}}@media only screen and (min-width: 992px){footer{margin:auto}main{margin:auto;max-width:1320px}#about-skill-section{margin-top:4px}.caption-partial-width{max-width:50%}}.animate{opacity:.3;rotate:-5deg}img.in-view{animation:glow-in .5s,slide .5s;animation-delay:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.animate-glow-in,.js .animate-glow-slide{opacity:0}.animate-start .animate-glow-in{animation-name:glow-in;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:linear;opacity:0}.animate-start .animate-glow-slide{animation-name:glow-in,slide;animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;opacity:0}.animate-gradient-cycle{path{animation-name:gradient-cycle;animation-iteration-count:infinite;animation-duration:7.5s;animation-timing-function:ease-in-out}}.animation-delay-1{animation-delay:.2s}.animation-delay-2{animation-delay:.4s}.animation-delay-3{animation-delay:.6s}.animation-delay-icon-2{path{animation-delay:1.5s}}.animation-delay-icon-3{path{animation-delay:3s}}.animation-delay-icon-4{path{animation-delay:4.5s}}@keyframes glow-in{to{opacity:1}}@keyframes gradient-cycle{0%{stroke:var(--light-blue)}6.25%{stroke:var(--yellow)}18.75%{stroke:var(--yellow)}25%{stroke:var(--light-blue)}}@keyframes slide{0%{transform:translateY(1rem)}to{transform:translate(0)}}.green-dot-animate{animation:green-dot-fade 1.8s ease-in-out infinite}@keyframes green-dot-fade{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@font-face{font-family:Funnel Display Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/funnel-display-latin-ext-wght-normal.DxkvHKaa.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Display Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/funnel-display-latin-wght-normal.Db4agXTl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BmihWDuX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}