:root{--pink:#e55d87;--cyan:#5fc3e4;--accent-gradient:linear-gradient(135deg, var(--pink) 0%, var(--cyan) 100%);--night-gradient:linear-gradient(135deg, #000 0%, #06323f 48%, #12566b 78%, #1f7590 100%);--ink:#222;--ink-soft:#555;--ink-faint:#6b6b6b;--paper:#fff;--paper-alt:#f5f5f5;--hairline:#e2e2e2;--link:#0b7599;--link-hover:#085a76;--font:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--shell:1080px;--band:clamp(4.5rem, 9vw, 100px);--gutter:clamp(1.25rem, 5vw, 3rem);--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:300;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}img,svg{max-width:100%}a{color:var(--link);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--link-hover)}::selection{background:var(--pink);color:#fff}:focus-visible{outline:3px solid var(--link);outline-offset:3px}.container{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:2000;background:var(--ink);color:#fff;transition:translate .18s var(--ease);padding:.85rem 1.5rem;font-weight:600;position:absolute;top:0;left:50%;translate:-50% -150%}.skip-link:focus-visible{color:#fff;translate:-50%}.nav{z-index:999;transition:background .32s var(--ease), box-shadow .32s var(--ease), opacity .32s var(--ease), translate .32s var(--ease);opacity:0;pointer-events:none;background:0 0;padding-block:.9rem;position:fixed;inset:0 0 auto;translate:0 -100%}.nav[data-stuck=true]{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--hairline);background:#fffffff5;translate:none}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav__name{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:1.0625rem;font-weight:700}.nav__list{gap:1.75rem;display:none}.nav__link{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;padding-block:.35rem;font-size:.9375rem;font-weight:600;position:relative}.nav__link:after{content:"";background:var(--accent-gradient);transform-origin:0;height:2px;transition:scale .26s var(--ease);position:absolute;inset:auto 0 0;scale:0 1}.nav__link:hover:after,.nav__link[aria-current=true]:after{scale:1}.nav__toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0;display:inline-flex}.nav__toggle span{background:var(--ink);height:3px;transition:translate .24s var(--ease), rotate .24s var(--ease), opacity .18s var(--ease);display:block}.nav[data-open=true] .nav__toggle span:first-child{translate:0 9px;rotate:45deg}.nav[data-open=true] .nav__toggle span:nth-child(2){opacity:0}.nav[data-open=true] .nav__toggle span:nth-child(3){translate:0 -9px;rotate:-45deg}.nav__drawer{max-height:0;transition:max-height .32s var(--ease);gap:.25rem;display:grid;overflow:hidden}.nav[data-open=true] .nav__drawer{max-height:24rem}.nav__drawer a{border-top:1px solid var(--hairline);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;padding-block:.7rem;font-weight:600}.hero{--hero-image:url(https://lp-cms-production.imgix.net/2021-02/shutterstockRF_579463462.jpg?auto=format&fit=crop&sharp=10&vib=20&ixlib=react-8.6.4&w=1600&q=60);min-height:100svh;padding:6rem var(--gutter) 5rem;background:var(--night-gradient);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:linear-gradient(#00000070 0%, #00000080 42%, #000000ad 100%), var(--hero-image,none);background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(80% 65% at 50% 45%,#0003,#0000 72%);position:absolute;inset:0}.hero__inner{text-align:center;width:100%;max-width:960px}.rule{background:#fff;width:100%;height:5px}.wordmark{fill:#0000;stroke:#fff;stroke-width:2px;width:100%;animation:wordmark-fill .7s var(--ease) forwards 2s;margin-block:1.75rem;display:block}.wordmark path{stroke-dasharray:1;stroke-dashoffset:1px;animation:wordmark-draw 1.9s var(--ease) forwards;animation-delay:calc(var(--i) * .11s)}@keyframes wordmark-draw{to{stroke-dashoffset:0}}@keyframes wordmark-fill{to{fill:#fff}}.hero__label{color:#fff;letter-spacing:.32em;text-transform:uppercase;text-indent:.32em;margin-block:1.5rem 1.75rem;font-size:clamp(1.1rem,2.4vw,1.875rem);font-weight:300}.hero__tagline{color:#ffffffe6;max-width:46ch;margin:2.25rem auto 0;font-size:clamp(1rem,1.6vw,1.1875rem);font-weight:300;line-height:1.65}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-top:2.25rem;display:flex}.fade-in{animation:rise .9s var(--ease) both;animation-delay:var(--delay,0s)}@keyframes rise{0%{opacity:0;translate:0 1.25rem}to{opacity:1;translate:none}}.scroll-cue{border-bottom:2px solid #fff;border-right:2px solid #fff;width:15px;height:15px;animation:2s ease-in-out infinite cue;position:absolute;bottom:4vh;left:50%;rotate:45deg}@keyframes cue{0%{opacity:0;translate:-50% -10px}50%{opacity:1}to{opacity:0;translate:-50% 10px}}.btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .24s var(--ease), border-color .24s var(--ease), color .24s var(--ease);border:2px solid #0000;border-radius:4px;align-items:center;gap:.6rem;padding:.85rem 1.6rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn svg{width:.9em;height:.9em}.btn--ghost{color:#fff;background:0 0;border-color:#fff}.btn--ghost:hover{color:var(--ink);background:#fff;border-color:#fff}.btn--solid{background:var(--ink);border-color:var(--ink);color:#fff}.btn--solid:hover{color:var(--ink);background:0 0}.btn--outline{border-color:var(--ink);color:var(--ink)}.btn--outline:hover{background:var(--ink);color:#fff}.section{padding-block:var(--band)}.section--alt{background:var(--paper-alt)}.section__title{font-size:clamp(2.25rem,5vw,3.25rem)}.block{background:var(--accent-gradient);width:200px;max-width:60%;height:3px;margin-block:1.25rem 3rem}.lede{max-width:68ch;color:var(--ink-soft);font-size:1.125rem;font-weight:300}.about{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}.about__portrait{aspect-ratio:1;object-fit:cover;background:var(--accent-gradient);border-radius:50%;width:min(280px,70%);height:auto}.about__hello{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}.about__body p+p{margin-top:1.25rem}.about__body p{color:var(--ink-soft);font-weight:300}.facts{margin-top:2.5rem;display:grid}.fact{border-top:1px solid var(--hairline);gap:.2rem;padding-block:1.1rem;display:grid}.fact:last-child{border-bottom:1px solid var(--hairline)}.fact__when{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.fact__what{font-size:1.125rem;font-weight:600}.fact__where{color:var(--ink-soft);font-weight:300;line-height:1.5}.socials{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.socials--centred{justify-content:center}.socials a{color:#fff;width:62px;height:62px;transition:background .22s var(--ease), color .22s var(--ease), scale .22s cubic-bezier(.37, .74, .15, 1.65);background:#1b1b1b;border-radius:50%;place-items:center;display:grid}.socials a svg{width:26px;height:26px}.socials a:hover{color:#1b1b1b;background:#fff;scale:1.1;box-shadow:0 0 0 1px #1b1b1b}.skills{grid-template-columns:1fr;gap:3rem;display:grid}.bars{gap:1.5rem;display:grid}.bar__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.bar__name{font-size:1.25rem;font-weight:300}.bar__note{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.bar__track{background:#e4e4e4;height:10px;position:relative;overflow:hidden}.bar__fill{background:var(--accent-gradient);width:0;transition:width 1.1s var(--ease);transition-delay:var(--delay,0s);position:absolute;inset:0 auto 0 0}.bars.is-revealed .bar__fill{width:var(--level)}.groups{align-content:start;gap:1.75rem;display:grid}.group__label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;font-size:.8125rem;font-weight:700}.group__label:after{content:"";background:var(--accent-gradient);width:44px;height:2px;margin-top:.5rem;display:block}.group__items{color:var(--ink-soft);flex-wrap:wrap;gap:.4rem 1rem;font-weight:300;display:flex}.projects{grid-template-columns:1fr;gap:1.5rem;display:grid}.card{--pad:clamp(1.5rem, 3vw, 2.25rem);padding:var(--pad);background:var(--paper);border:1px solid var(--hairline);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:6px;flex-direction:column;display:flex}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000017}.card__cap{height:4px;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 1.5rem;background:var(--accent-gradient);border-radius:6px 6px 0 0}.card__meta{color:var(--ink-faint);letter-spacing:.09em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.card__title{margin-block:.75rem;font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:400}.card__summary{color:var(--ink)}.card__detail{color:var(--ink-soft);margin-top:.85rem;font-size:.9688rem;font-weight:300}.card__metrics{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.card__metrics li{color:var(--ink);background:linear-gradient(135deg,#e55d8724,#5fc3e424);border-radius:999px;padding:.3rem .7rem;font-size:.8125rem;font-weight:600}.card__stack{color:var(--ink-faint);flex-wrap:wrap;gap:.4rem .9rem;margin-top:1.1rem;font-size:.875rem;font-weight:300;display:flex}.card__links{flex-wrap:wrap;gap:1.25rem;margin-top:auto;padding-top:1.5rem;display:flex}.card__link{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.card__link svg{width:.8em;height:.8em}.card__note{border-left:3px solid var(--pink);color:var(--ink-faint);margin-top:1.5rem;padding-left:.9rem;font-size:.875rem;font-weight:300}.role{border-top:1px solid var(--hairline);grid-template-columns:1fr;gap:.75rem 2.5rem;padding-block:2rem;display:grid}.role:last-child{border-bottom:1px solid var(--hairline)}.role__when{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.role__title{font-size:1.375rem;font-weight:400}.role__org{color:var(--ink-soft);font-weight:300}.role__bullets{gap:.85rem;display:grid}.role__bullets li{color:var(--ink-soft);padding-left:1.5rem;font-weight:300;position:relative}.role__bullets li:before{content:"";background:var(--accent-gradient);width:12px;height:3px;position:absolute;top:.72em;left:0}.resume{padding-block:var(--band);background:var(--night-gradient);color:#fff;text-align:center}.resume h2{color:#fff;font-size:clamp(1.75rem,4vw,2.5rem)}.resume .block{background:#fff;margin-inline:auto}.resume p{color:#ffffffe0;max-width:52ch;margin:0 auto 2rem;font-weight:300}.btn-resume{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border:2px solid #fff;border-radius:5px;padding:1.25rem 2.5rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.btn-resume span{transition:opacity .4s var(--ease)}.btn-resume svg{width:100%;height:1.5rem;transition:top .45s var(--ease);position:absolute;top:-100%;left:0}.btn-resume:hover{color:#fff}.btn-resume:hover span{opacity:0}.btn-resume:hover svg{top:32%}.contact__mail{color:var(--ink);word-break:break-word;background-image:var(--accent-gradient);transition:background-size .32s var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px;margin-top:.5rem;font-size:clamp(1.375rem,4vw,2.5rem);font-weight:300;display:inline-block}.contact__mail:hover{color:var(--ink);background-size:100% 100%}.contact__actions{flex-wrap:wrap;gap:.875rem;margin-top:2.25rem;display:flex}.copied{color:var(--link);font-weight:700}.footer{background:var(--night-gradient);color:#fff;padding-block:3rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer p{color:#ffffffe6;font-size:.9375rem;font-weight:300}.footer a{color:#fff;text-underline-offset:3px;text-decoration:underline}.footer .socials{margin-top:0}.footer .socials a{background:#ffffff24;width:44px;height:44px}.footer .socials a svg{width:20px;height:20px}.footer .socials a:hover{box-shadow:none;background:#fff}[data-reveal]{opacity:0;translate:0 1.5rem}[data-reveal].is-revealed{opacity:1;transition:opacity .7s var(--ease), translate .7s var(--ease);transition-delay:var(--delay,0s);translate:none}@media (min-width:40rem){.projects{grid-template-columns:repeat(2,1fr)}.role{grid-template-columns:14rem 1fr}}@media (min-width:48rem){.about{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}.skills{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4rem}}@media (min-width:60rem){.nav__list{display:flex}.nav__toggle,.nav__drawer{display:none}.role{grid-template-columns:17rem 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;translate:none}.bar__fill{width:var(--level)}.wordmark{fill:#fff}.wordmark path{stroke-dashoffset:0}}@media print{.nav,.scroll-cue{display:none}body{color:#000}}