:root{--colour-black: #000000;--colour-white: #ffffff;--colour-grey: #808080;--colour-placeholder: #d9d9d9;--colour-page: #f6f6f6;--colour-ink: var(--colour-black);--colour-muted: var(--colour-grey);--colour-hover: var(--colour-grey);--font-display: "Apple Garamond", Garamond, "Times New Roman", serif;--font-body: Arial, Helvetica, sans-serif;--tracking-tight: -.07em;--tracking-display: -.05em;--tracking-wide: .01em;--text-4: .25rem;--text-8: .5rem;--text-12: .75rem;--text-16: 1rem;--text-20: 1.25rem;--text-24: 1.5rem;--text-28: 1.75rem;--text-32: 2rem;--text-36: 2.25rem;--text-40: 2.5rem;--text-48: 3rem;--text-56: 3.5rem;--text-64: 4rem;--text-72: 4.5rem;--text-80: 5rem;--text-88: 5.5rem;--text-96: 6rem;--text-120: 7.5rem;--text-128: 8rem;--type-lift: clamp(0rem, calc(8 * (100vw - 48rem) / 672), .5rem);--type-hero: calc(var(--text-120) + var(--type-lift));--type-display: calc(var(--text-88) + var(--type-lift));--type-link: calc(var(--text-64) + var(--type-lift));--type-label: calc(var(--text-28) + var(--type-lift));--type-lede: calc(var(--text-12) + var(--type-lift));--type-button: calc(var(--text-20) + var(--type-lift));--type-body: calc(var(--text-16) + var(--type-lift));--type-card-title: calc(var(--text-28) + var(--type-lift));--type-card-description: calc(var(--text-12) + var(--type-lift));--type-study-body: var(--text-16);--type-study-h1: var(--text-36);--type-study-h2: var(--text-20);--type-study-nav: var(--text-24);--type-nav: clamp(var(--text-24), 3.333vw, var(--text-48));--type-tag: calc(var(--text-12) + var(--type-lift));--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-80: 5rem;--space-96: 6rem;--space-128: 8rem;--leading-tight: 1;--leading-arial: 1.5;--leading-snug: 1.25;--grid-columns: 12;--grid-margin: clamp(var(--space-24), 6.944vw, 6.25rem);--grid-gutter: 1.25rem}@font-face{font-family:Apple Garamond;src:url(/fonts/apple-garamond.woff2) format("woff2"),url(/fonts/apple-garamond.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apple Garamond;src:url(/fonts/apple-garamond-italic.woff2) format("woff2"),url(/fonts/apple-garamond-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Apple Garamond;src:url(/fonts/apple-garamond-bold.woff2) format("woff2"),url(/fonts/apple-garamond-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--colour-page);color:var(--colour-ink);font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight)}button,input,select,textarea{font:inherit;letter-spacing:var(--tracking-tight);color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}.inline-logo{display:inline-block;width:auto;vertical-align:middle}:focus-visible{outline:2px solid var(--colour-ink);outline-offset:2px}::-webkit-scrollbar{display:none}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gutter);padding-inline:var(--grid-margin)}.grid-full{grid-column:1 / -1}@keyframes horizontal-load-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes horizontal-load-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}[data-reveal]{opacity:0;transition:opacity .7s ease}[data-reveal].is-revealed{opacity:1}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none}}:root{--yellow: var(--colour-placeholder);--white: var(--colour-white);--background-light: var(--colour-page);--hover: var(--colour-muted);--text-primary: var(--colour-ink);--text-secondary: var(--colour-muted);--text-tertiary: var(--colour-ink);--text-nav: var(--colour-muted);--gap: 1rem}.panel-labels{display:flex;justify-content:space-between;text-decoration:none}.panel-labels .panel-tags{display:flex;gap:var(--space-12)}.panel-labels a{color:var(--colour-muted)}.panel-labels a:hover{color:var(--colour-ink)}.about-me{width:60%!important;height:auto!important}.about-me #about-me-content{display:grid;grid-template-columns:1fr 1fr}.about-me #about-me-content img{padding:2rem;width:100%}.about-me #about-me-content #about-me-text{padding:2rem;display:flex;flex-direction:column;gap:var(--gap);color:var(--text-primary);align-self:center}.panel{display:none;position:fixed;z-index:10;top:2vh;left:20vw;width:70%;height:90%;background-color:var(--background-light);border:.25rem solid var(--yellow);animation:vertical-load-in .15s linear}.panel .panel-header{display:flex;justify-content:space-between;background-color:var(--yellow);color:var(--text-primary)}.panel .panel-header:hover{cursor:grab}.panel .panel-header:active{cursor:grabbing}.panel .panel-header .buttons{display:flex}.panel .panel-header button{background-color:var(--yellow);color:var(--text-primary);border:none;padding:.2rem .5rem}.panel .panel-header button:hover{cursor:pointer}.panel .panel-header p{padding:.2rem .5rem}.panel .content{color:var(--text-primary)}.uth,.udesign{width:60%!important;height:80%!important}.uth #uth-content,.uth #udesign-content,.udesign #uth-content,.udesign #udesign-content{display:flex;flex-direction:column;gap:var(--gap);overflow-x:hidden;padding:2rem 3rem;font-size:1rem}.project-panels #xai-translator-content{display:flex;flex-direction:column;gap:var(--gap);overflow-y:scroll;overflow-x:hidden;padding:2rem 3rem;height:calc(100% - 1.75rem);font-size:1rem}.project-panels #xai-translator-content #xai-translator-top{display:flex;gap:var(--gap)}.project-panels #xai-translator-content #xai-translator-top img{flex:1 1 0;min-width:0}.project-panels #xai-translator-content>img{width:100%}.project-panels #xai-translator-content #xai-translator-bottom{display:flex;gap:var(--gap)}.project-panels #xai-translator-content #xai-translator-bottom img{min-width:0}.project-panels #xai-translator-content #xai-translator-bottom img:first-child{flex:396}.project-panels #xai-translator-content #xai-translator-bottom img:last-child{flex:1043}.project-panels #exhibition-content{overflow-y:scroll;overflow-x:hidden;height:calc(100% - 1.75rem);padding:2rem 3rem}.project-panels #exhibition-content .exhibition-grid{columns:18rem;column-gap:var(--gap)}.project-panels #exhibition-content .exhibition-work{margin:0 0 var(--gap);break-inside:avoid;display:flex;flex-direction:column;gap:.5rem}.project-panels #exhibition-content .exhibition-work img{width:100%;height:auto;display:block}.project-panels #exhibition-content .exhibition-work .exhibition-work-title{font-size:1rem;color:var(--text-primary)}.project-panels #exhibition-content .exhibition-work .exhibition-work-meta{font-size:.9rem;color:var(--text-secondary)}.experience-panel{display:none;overflow-y:scroll;overflow-x:hidden;padding:1rem;height:calc(100% - 1.75rem);background-color:var(--background-light);scroll-padding-top:3rem;border:none;animation:horizontal-load-in .3s linear!important}.experience-panel button{padding:.25rem .5rem;border:none;color:var(--text-secondary);background-color:var(--white)}.experience-panel button:hover{color:var(--hover);cursor:pointer}.experience-panel>button{position:sticky;top:0;z-index:10}.experience-panel #gitvis-content .metrics-strip{display:flex;gap:var(--gap);width:100%;padding:2rem 6rem}.experience-panel #gitvis-content .metrics-strip .metric{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.experience-panel #gitvis-content .metrics-strip .metric .metric-value{font-size:2em;font-weight:700;line-height:1;color:var(--text-primary)}.experience-panel #gitvis-content .metrics-strip .metric .metric-label{font-size:.9rem;line-height:1.3;color:var(--text-secondary)}.experience-panel #gitvis-content .lofi{display:flex;flex-direction:column;gap:var(--gap)}.experience-panel #gitvis-content .lofi .media-row{display:flex;gap:var(--gap);width:100%}.experience-panel #gitvis-content .lofi .media-row .media-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.5rem;margin:0}.experience-panel #gitvis-content .lofi .media-row .media-item img,.experience-panel #gitvis-content .lofi .media-row .media-item video{display:block;width:100%;height:auto;border-radius:2rem}.experience-panel #gitvis-content .lofi .media-row .media-item figcaption{font-size:1rem;color:var(--text-secondary);line-height:1.4rem}.experience-panel #gitvis-content .lofi.bottom .media-row>.media-text{flex:1 1 0;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--gap)}.experience-panel #gitvis-content .lofi.bottom .media-row>.media-text p{margin:0}.experience-panel #gitvis-content .features .feature{display:flex;align-items:flex-start;gap:var(--gap);width:100%}.experience-panel #gitvis-content .features .feature .study-media{width:55%;flex:0 0 50%;clip-path:inset(5px 0);margin-top:calc(1rem - 5px);margin-bottom:-5px}.experience-panel #gitvis-content .features .feature .feature-text{margin:1rem 0 0;display:flex;flex-direction:column;gap:var(--gap)}.experience-panel #gitvis-content #gitvis-design-process h1:not(#title){padding-top:2rem}.experience-panel #zesty-content .study-title-mark{display:block;height:4rem;width:auto}.experience-panel #zesty-content .study-section h1 .inline-logo{height:1.5em;vertical-align:-.35em}.experience-panel #zesty-content .study-section h1 .inline-logo.combination-mark{height:2.4em;vertical-align:-.9em}.experience-panel #zesty-content .study-media:is(video){aspect-ratio:2 / 1}.experience-panel #zesty-content .zesty-posters{display:flex;gap:var(--gap);width:100%}.experience-panel #zesty-content .zesty-posters img{flex:1 1 0;min-width:0;height:auto;border-radius:2rem;object-fit:cover}.experience-panel .study-layout{display:grid;grid-template-columns:minmax(150px,16%) 1fr;gap:clamp(1.5rem,4%,4rem);max-width:1280px;margin:0 auto;padding:1.5rem 0}.experience-panel .study-layout .study-nav{position:sticky;top:2rem;align-self:start}.experience-panel .study-layout .study-nav ul{padding-left:1rem;padding-top:1rem;display:flex;flex-direction:column;gap:.15rem;list-style:none}.experience-panel .study-layout .study-nav li a{display:inline-block;padding:.25rem 1rem;border-radius:2rem;font-size:1rem;color:var(--text-nav);text-decoration:none;white-space:nowrap}.experience-panel .study-layout .study-nav li a:hover{color:var(--hover)}.experience-panel .study-layout .study-nav li.active a{color:var(--text-tertiary);background:var(--hover)}.experience-panel .study-layout .study-main{display:flex;flex-direction:column;gap:var(--gap);min-width:0;padding:0 2rem 0 0}.experience-panel .study-layout .study-main .study-section{margin-top:2rem;display:flex;flex-direction:column;gap:var(--gap)}.experience-panel .study-layout .study-main .study-section h2{line-height:1rem;color:var(--text-secondary);font-weight:400;letter-spacing:-2px}.experience-panel .study-layout .study-main .study-section h1 .inline-logo{height:1.25em;width:auto;vertical-align:middle}.experience-panel .study-layout .study-main .study-media{display:block;width:100%;margin-top:1rem;border-radius:2rem}.experience-panel .study-layout .study-main .study-media:is(video){aspect-ratio:1010 / 612;object-fit:cover}.experience-panel .study-layout .study-main .study-note{display:grid;grid-template-columns:minmax(6rem,max-content) 1fr;column-gap:4rem;align-items:center}.experience-panel .study-layout .study-main .study-note dt{letter-spacing:-1px;color:var(--text-secondary)}.experience-panel .study-layout .study-main .study-note dd{font-size:1rem;color:var(--text-primary)}@media(max-width:768px){.panel .panel-header{font-size:.75rem}.panel .panel-header p,.panel .panel-header button{padding:.15rem .4rem}.panel .panel-labels .panel-tags{flex-wrap:wrap;gap:.5rem}.panel .panel-labels .panel-tags .panel-tag{padding:.25rem .6rem;font-size:.7rem}.panel:not(.experience-panel){width:90%!important;left:5vw}.about-me,.uth,.udesign{height:90%!important}.about-me #about-me-content,.uth #uth-content,.udesign #udesign-content{overflow-y:scroll;overflow-x:hidden;height:calc(100% - 1.75rem)}.about-me #about-me-content{grid-template-columns:minmax(0,1fr)}.about-me #about-me-content img{padding:1rem}.about-me #about-me-content #about-me-text{padding:1rem;gap:.5rem;font-size:.75rem}.project-panels #xai-translator-content,.project-panels #exhibition-content,.uth #uth-content,.udesign #udesign-content{padding:1rem;gap:.5rem;font-size:.75rem}.project-panels #xai-translator-content h1,.project-panels #exhibition-content h1,.uth #uth-content h1,.udesign #udesign-content h1{font-size:1rem}.project-panels #xai-translator-content h2,.project-panels #exhibition-content h2,.uth #uth-content h2,.udesign #udesign-content h2{font-size:.875rem}.project-panels #exhibition-content .exhibition-work-title{font-size:.75rem}.project-panels #exhibition-content .exhibition-work-meta{font-size:.7rem}}@media(max-width:768px){.experience-panel{top:0;left:0;width:100%;height:100%;padding:.5rem}.experience-panel .study-layout{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem 0}.experience-panel .study-layout h1{font-size:clamp(2vw,1.5rem,2rem)}.experience-panel .study-layout .study-nav{display:none}.experience-panel .study-layout .study-main{padding:0}.experience-panel .study-layout .study-note{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:.25rem;align-items:start}.experience-panel #gitvis-content .metrics-strip{flex-direction:column;padding:1rem 0;gap:1rem}.experience-panel #gitvis-content .lofi .media-row{flex-direction:column}.experience-panel #gitvis-content .features .feature{flex-direction:column}.experience-panel #gitvis-content .features .feature .study-media{width:100%;flex:none}.experience-panel #zesty-content .zesty-posters{flex-direction:column}}.nav{position:fixed;right:var(--grid-margin);top:50%;z-index:50;width:0;height:0}.nav-arc{position:absolute;top:0;right:0;bottom:0;left:0}.nav-item{position:absolute;transform-origin:100% 50%;transform:translate(-100%,-50%) rotate(var(--nav-angle, 0deg)) scale(var(--nav-scale, 1));padding:0;border:none;background:none;white-space:nowrap;cursor:pointer;font-family:var(--font-body);font-size:var(--type-nav);letter-spacing:var(--tracking-tight);line-height:1;color:var(--colour-muted);pointer-events:none;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),color .25s linear}.nav.is-open .nav-item{pointer-events:auto}.nav-item:hover,.nav-item:focus-visible{color:var(--colour-ink)}.nav-item.is-active{color:var(--colour-ink)}.nav-toggle{position:absolute;right:0;top:0;transform:translate(50%,-50%);z-index:1;width:1.625rem;height:1.625rem;padding:0;border:1px solid var(--colour-ink);border-radius:50%;background:var(--colour-page);cursor:pointer;transition:background-color .2s linear}.nav-toggle:hover,.nav-toggle:focus-visible{background:var(--colour-ink)}@media(prefers-reduced-motion:reduce){.nav-item{transition:color .25s linear}}@media(max-width:900px){.nav{top:var(--space-40);right:var(--space-24)}.nav-item{font-size:var(--text-20)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8) var(--space-20);border:1px solid var(--colour-ink);border-radius:2.5rem;background:none;color:var(--colour-ink);font-family:var(--font-body);font-size:var(--type-button);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);cursor:pointer;transition:color .15s linear,border-color .15s linear}.button:hover,.button:focus-visible{color:var(--colour-hover);border-color:var(--colour-hover)}.footer{align-items:end;row-gap:var(--space-40)}.footer-links{grid-column:span 6;display:flex;flex-direction:column;align-items:flex-start}.footer-link{font-family:var(--font-body);font-size:var(--type-link);letter-spacing:var(--tracking-tight);line-height:var(--leading-arial);color:var(--colour-ink);text-decoration:none;transition:color .15s linear}.footer-link:hover,.footer-link:focus-visible{color:var(--colour-hover)}.footer-copyright{grid-column:span 6;justify-self:end;font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);color:var(--colour-ink)}@media(max-width:900px){.footer-links,.footer-copyright{grid-column:span 12}.footer-link{font-size:var(--text-40)}.footer-copyright{justify-self:start}}.scrolling-text{display:block;min-width:0;overflow:hidden;white-space:nowrap}.scrolling-text-track{display:inline-block;white-space:nowrap;will-change:transform}.scrolling-text-track.is-scrolling{animation:text-scroll var(--scroll-duration) ease-in-out infinite alternate}@keyframes text-scroll{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-1 * var(--scroll-distance)))}}@media(prefers-reduced-motion:reduce){.scrolling-text-track.is-scrolling{animation:none}}.work-card{grid-column:span 6;position:relative;display:block;padding:0;border:1px solid var(--colour-ink);border-radius:var(--space-8);background:none;overflow:hidden;cursor:pointer;text-align:left}.work-card-media{display:block;width:100%;aspect-ratio:610 / 405;background-color:var(--colour-placeholder)}.work-card-media img,.work-card-media video{width:100%;height:100%;object-fit:cover}.work-card-popup{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:var(--space-24);height:calc(100% / 3);padding-inline:var(--space-32);background-color:var(--colour-page);border-top:1px solid var(--colour-ink);transform:translateY(100%);transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-card:hover .work-card-popup,.work-card:focus-visible .work-card-popup{transform:translateY(0)}.work-card-popup-text{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.work-card-title{display:block;font-family:var(--font-body);font-size:var(--type-card-title);line-height:var(--leading-arial);letter-spacing:var(--tracking-tight);color:var(--colour-ink)}.work-card-description{font-family:var(--font-body);font-size:var(--type-card-description);line-height:var(--leading-arial);letter-spacing:var(--tracking-wide);color:var(--colour-ink)}@media(prefers-reduced-motion:reduce){.work-card-popup{transition:none}}@media(max-width:900px){.work-card{grid-column:span 12}.work-card-popup{position:static;transform:none;height:auto;padding:var(--space-20) var(--space-16)}}.home{background-color:var(--colour-page);display:flex;flex-direction:column;padding-block-end:clamp(var(--space-48),6vw,var(--space-96))}.home-hero{position:relative;min-height:100svh;align-content:center;padding-block:clamp(var(--space-64),10vh,var(--space-128))}.home-hero-text{grid-column:2 / span 6;display:flex;flex-direction:column;align-items:flex-start}.home-hero-intro{font-family:var(--font-body);font-size:var(--type-lede);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);margin-bottom:var(--space-8)}.home-hero-name{font-family:var(--font-display);font-size:min(var(--type-hero),8.5vw);white-space:nowrap;font-weight:400;letter-spacing:var(--tracking-display);line-height:normal;margin-bottom:var(--space-8)}.home-hero-lede{font-family:var(--font-body);font-size:var(--type-lede);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);max-width:32.5rem}.home-hero-lede+.home-hero-lede{margin-top:clamp(var(--space-20),2.5vw,var(--space-40))}.home-hero-text .button{margin-top:clamp(var(--space-20),2.5vw,var(--space-40))}.home-work{padding-block-start:clamp(var(--space-32),6vw,7rem)}.home-work-heading{position:relative;margin-inline:var(--grid-margin);margin-bottom:var(--grid-gutter);padding-top:clamp(8.125rem,13.5vw,12.125rem)}.home-work-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-work-my{position:absolute;left:clamp(1rem,2.2vw,1.9375rem);top:0;width:clamp(10rem,17.5vw,15.8125rem);height:auto;transform:rotate(16.51deg)}.home-work-word{display:block;width:clamp(16.25rem,29vw,26.125rem);height:auto}.home-work-grid{row-gap:var(--grid-gutter)}.home .footer{margin-block-start:clamp(var(--space-96),25vw,23rem)}@media(max-width:900px){.home-hero-text{grid-column:1 / -1}.home-hero-name{font-size:min(var(--type-hero),16vw)}}.play{background-color:var(--colour-page);min-height:100vh;padding-block:clamp(var(--space-48),7vw,6.25rem) var(--space-64);display:flex;flex-direction:column;gap:var(--space-80)}.play-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-40);padding-inline:var(--grid-margin)}.play-title{font-family:var(--font-display);font-size:var(--type-display);font-weight:400;line-height:normal;letter-spacing:var(--tracking-display);color:var(--colour-ink)}.play-blurb{font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);color:var(--colour-ink)}.play-works{columns:2;column-gap:var(--grid-gutter);padding-inline:var(--grid-margin)}.play-work{break-inside:avoid;display:flex;flex-direction:column;gap:var(--space-12);margin-bottom:var(--space-40)}.play-work img{display:block;width:100%;height:auto;border:1px solid var(--colour-ink);border-radius:var(--space-8);background-color:var(--colour-placeholder)}.play-work-caption{display:flex;flex-direction:column;gap:var(--space-4)}.play-work-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-20)}.play-work-title,.play-work-year{font-family:var(--font-body);font-size:var(--type-card-title);letter-spacing:var(--tracking-tight);line-height:var(--leading-arial);color:var(--colour-ink)}.play-work-year{color:var(--colour-muted)}.play-work-medium{font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);color:var(--colour-muted)}@media(max-width:900px){.play{padding-block:var(--space-40) var(--space-40);gap:var(--space-48)}.play-title{font-size:var(--text-48)}.play-works{columns:1}}.carousel{--carousel-height: 152px;--carousel-tilt: -8deg;--carousel-roll: -12deg;position:relative;height:calc(var(--carousel-height) * 1.9);perspective:75rem;perspective-origin:50% 45%;overflow:visible;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel.is-dragging{cursor:grabbing}.carousel-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotate(var(--carousel-roll)) rotateX(var(--carousel-tilt))}.carousel-strip{position:absolute;left:50%;top:50%;background-repeat:no-repeat;backface-visibility:hidden;pointer-events:none}.carousel-strip.is-back{background-color:var(--colour-placeholder)}@media(max-width:900px){.carousel{perspective:45rem}}.about{overflow-x:clip;background-color:var(--colour-page);min-height:100vh;display:flex;flex-direction:column;padding-block:clamp(var(--space-64),14vw,12.8125rem) var(--space-64)}.about-heading{position:relative;margin-inline:var(--grid-margin);height:clamp(10.625rem,17vw,15.1875rem)}.about-heading-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.about-heading-word{position:absolute;left:0;top:0;width:clamp(15.625rem,25vw,22.5rem);height:auto}.about-heading-name{position:absolute;left:clamp(4.25rem,6.8vw,6.125rem);top:clamp(4.5rem,7.2vw,6.5rem);width:clamp(14.625rem,23.4vw,21.0625rem);height:auto}.about-content{margin-block-start:clamp(var(--space-32),6vw,var(--space-96))}.about-text{grid-column:2 / span 10;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-wide);line-height:var(--leading-arial);color:var(--colour-ink)}.about-back{margin-block-start:clamp(var(--space-24),4vw,var(--space-48))}.about .carousel{width:min(100%,38rem);margin-block-start:clamp(-7rem,-5.5vw,-1rem);margin-inline-start:auto;margin-inline-end:var(--grid-margin)}.about .footer{margin-block-start:clamp(var(--space-96),22vw,20rem)}@media(max-width:900px){.about-text{grid-column:1 / -1}}.tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-16);border:1px solid var(--colour-ink);border-radius:2.5rem;background:none;color:var(--colour-ink);font-family:var(--font-body);font-size:var(--type-tag);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);white-space:nowrap}.study-page{background-color:var(--colour-page);min-height:100vh;padding-block-end:var(--space-96)}.study-surface.experience-panel{display:block;position:static;width:100%;height:auto;overflow:visible;padding:clamp(var(--space-24),3vw,var(--space-40)) var(--grid-margin) clamp(var(--space-48),7vw,var(--space-96));background-color:transparent;font-size:var(--type-study-body)}.study-surface.experience-panel>.study-back.button{position:sticky;top:var(--space-16);z-index:10;padding:var(--space-8) var(--space-20);border:1px solid var(--colour-ink);border-radius:2.5rem;background:none;color:var(--colour-ink)}.study-surface.experience-panel>.study-back.button:hover,.study-surface.experience-panel>.study-back.button:focus-visible{color:var(--colour-hover);border-color:var(--colour-hover)}.study-page .footer{margin-block-start:clamp(var(--space-64),10vw,10rem)}.study-surface.experience-panel .study-layout{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gutter);max-width:none;margin:0;padding:var(--space-40) 0 0}.study-surface.experience-panel .study-layout .study-nav{grid-column:span 2;position:sticky;top:var(--space-80);align-self:start}.study-surface.experience-panel .study-layout .study-nav ul{padding:0;gap:var(--space-8)}.study-surface.experience-panel .study-layout .study-nav li a{display:inline-block;padding:0;border-radius:0;background:none;font-family:var(--font-body);font-size:var(--type-study-nav);letter-spacing:var(--tracking-tight);line-height:var(--leading-arial);color:var(--colour-muted);transition:color .15s linear}.study-surface.experience-panel .study-layout .study-nav li a:hover,.study-surface.experience-panel .study-layout .study-nav li a:focus-visible{color:var(--colour-ink)}.study-surface.experience-panel .study-layout .study-nav li.active a{background:none;color:var(--colour-ink)}.study-surface.experience-panel .study-layout .study-main{grid-column:span 10;padding:0}.study-surface.experience-panel .study-layout .study-main h1{font-family:var(--font-display);font-size:var(--type-study-h1);font-weight:400;line-height:normal;letter-spacing:var(--tracking-display);color:var(--colour-ink)}.study-surface.experience-panel .study-layout .study-main .study-section h2{font-family:var(--font-body);font-size:var(--type-study-h2);font-weight:400;letter-spacing:var(--tracking-tight);line-height:var(--leading-arial);color:var(--colour-muted)}.study-surface.experience-panel .study-layout .study-main .study-row{display:flex;gap:var(--grid-gutter);width:100%;align-items:flex-start}.study-surface.experience-panel .study-layout .study-main .study-row>*{flex:1 1 0;min-width:0;margin-top:0}.study-surface.experience-panel .study-layout .study-main .study-note dt{font-family:var(--font-display);font-size:var(--text-20);letter-spacing:var(--tracking-display);text-transform:none;color:var(--colour-muted)}.study-surface.experience-panel .study-layout .study-main .study-note dd{font-size:inherit}.study-surface #gitvis-content .lofi .media-row .media-item figcaption,.study-surface #zesty-content .lofi .media-row .media-item figcaption{font-size:inherit}.study-surface #gitvis-content .metrics-strip .metric .metric-label{font-size:.9em}@media(max-width:900px){.study-surface.experience-panel{padding:var(--space-24) var(--grid-margin) var(--space-64)}.study-surface.experience-panel .study-layout .study-nav{display:none}.study-surface.experience-panel .study-layout .study-main{grid-column:1 / -1}}