.nav-list{position:relative}.nav-list .paragraph-large{transition:color .2s}.nav-indicator{position:absolute;color:var(--content-accent);left:-1.5rem;margin-top:.085rem;transition:transform .2s ease-out;pointer-events:none}.title{position:relative;margin-block-end:1.25rem}.title:before{content:attr(data-text);position:absolute;display:block;text-wrap:nowrap;bottom:0;left:0;z-index:-1;max-width:100%;font-size:4.25rem;line-height:1;color:var(--content-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;outline:none;position:relative;overflow:hidden}.button:focus{outline:2px solid #2563eb;outline-offset:2px}.button:active{transform:translateY(1px)}.button--primary{background-color:#2563eb;color:#fff}.button--primary:hover:not(.button--disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.button--secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.button--secondary:hover:not(.button--disabled){background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.button--tertiary{background-color:transparent;color:#2563eb;border:1px solid #2563eb}.button--tertiary:hover:not(.button--disabled){background-color:#2563eb;color:#fff;transform:translateY(-1px)}.button--danger{background-color:#dc2626;color:#fff}.button--danger:hover:not(.button--disabled){background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.button--small{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.button--medium{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.button--large{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem}.button--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button--disabled:hover{transform:none!important;box-shadow:none!important}.button--loading{position:relative;color:transparent}.button--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:inherit}.image-box{display:inline-flex;max-width:max-content}.image-box img{height:auto;border-radius:22px}.image-box--primary{background-color:var(--surface-primary)}.image-box--medium,.image-box--large{padding:var(--spacing-3, .75rem);border-radius:var(--rounded-lg)}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}[role=list][class],[role=tablist]{list-style:none;margin-block:0;padding:0}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--spacing-_5: .125rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--rounded-30: 30px;--rounded-68: 68px;--rounded-80: 80px;--rounded-full: 9999px;--pearl-50: #F8F7F4;--pearl-100: #E9E5DA;--pearl-200: #DFD9C9;--pearl-300: #CABFA7;--pearl-400: #B4A183;--pearl-500: #A48B6B;--pearl-600: #977B5F;--pearl-700: #7E6450;--pearl-800: #675345;--pearl-900: #54443A;--pearl-950: #2D241D;--bone-50: #FAF5F2;--bone-100: #F4E9E0;--bone-200: #E9D5C4;--bone-300: #D9B498;--bone-400: #C8906F;--bone-500: #BD7652;--bone-600: #AF6347;--bone-700: #924E3C;--bone-800: #764136;--bone-900: #60372E;--bone-950: #331B17;--shark-50: #F6F6F6;--shark-100: #E7E7E7;--shark-200: #D1D1D1;--shark-300: #B0B0B0;--shark-400: #888888;--shark-500: #6D6D6D;--shark-600: #5D5D5D;--shark-700: #4F4F4F;--shark-800: #454545;--shark-900: #3D3D3D;--shark-950: #272727;--corn-50: #FCFBEA;--corn-100: #FAF5C7;--corn-200: #F5E993;--corn-300: #EFD855;--corn-400: #E8C01C;--corn-500: #D9AB19;--corn-600: #BB8613;--corn-700: #966112;--corn-800: #7C4C17;--corn-900: #6A3F19;--corn-950: #3E210A;--base-black: #212529;--base-white: #FFFFFF;--font-sans-serif: "TikTok Sans", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--font-serif: Georgia, Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol}:root{--surface-primary: var(--pearl-100);--surface-primary-darker: var(--pearl-200);--surface-secondary: var(--bone-200);--surface-dark: var(--shark-950);--border-primary: var(--shark-950);--content-primary: var(--shark-950);--content-secondary: var(--bone-200);--content-tertiary: var(--pearl-100);--content-accent: var(--corn-400);--rounded-lg: var(--rounded-30);--rounded-xxl: var(--rounded-68);--rounded-xxxl: var(--rounded-80)}main>*+*{margin-block-start:1em}.paragraph-x-small,.paragraph-small,.paragraph-medium,.paragraph-large,.paragraph-x-large{font-family:var(--font-sans-serif, sans-serif);font-style:normal;font-weight:400;letter-spacing:.02em}.heading-x-small,.heading-small,.heading-medium{font-family:var(--font-sans-serif, sans-serif);font-style:normal;font-weight:700;letter-spacing:-.0375rem}.paragraph-x-small{font-size:.75rem;line-height:1rem}.paragraph-small{font-size:.875rem;line-height:1.25rem}.paragraph-medium{font-size:1rem;line-height:1.5rem}.paragraph-large{font-size:1.125rem;line-height:1.75rem}.heading-x-small{font-size:1.25rem;line-height:1.75rem}.heading-small{font-size:1.5rem;line-height:2rem}.heading-medium{font-size:1.75rem;line-height:2.75rem}.display-small{font-family:var(--font-sans-serif, sans-serif);font-style:normal;font-weight:700;letter-spacing:-.0055rem}.display-small{font-size:2.75rem;line-height:3.25rem}:root{font-family:var(--font-sans-serif);font-weight:300;background-color:var(--surface-primary);color:var(--content-primary);position:relative}@media (min-width: 768px){.portfolio:after{content:"";position:fixed;top:0;left:0;width:50%;height:100%;z-index:1;background-color:var(--surface-dark);border-radius:0 var(--rounded-xxl) 0 0}}#root{position:relative;z-index:2;background:transparent}*,:after,:before{box-sizing:border-box;margin:0;padding:0;background-color:inherit;border:0 solid;font-family:inherit;color:inherit;overflow-wrap:break-word;text-wrap:pretty}:focus-visible{outline:var(--border-thin) solid var(--color-blue-500);outline-offset:var(--border-thin)}.layout-wrapper,.layout-case-study{width:100%;display:flex;flex-direction:column;gap:var(--spacing-4, 1rem)}@media (min-width: 768px){.layout-wrapper,.layout-case-study{max-width:72rem;min-height:100vh;margin:0 auto;padding:0 var(--spacing-8, 2rem)}.layout-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"nav main"}}.nav{--nav-gap: var(--spacing-4, 1rem);grid-area:nav;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--nav-gap);position:relative;z-index:2;padding:var(--spacing-4, 1rem) var(--spacing-8, 2rem);color:var(--content-tertiary);background-color:var(--surface-dark);border-radius:0 0 var(--rounded-30) 0}@media (min-width: 768px){.nav{flex-direction:column;align-items:flex-start;justify-content:center;max-height:100vh;position:sticky;top:0;padding:0;background-color:transparent;border-radius:0}}.nav-list{list-style:none}.nav-list a{text-decoration:none}.nav-list a.active{color:var(--content-accent)}@media (min-width: 768px){.nav-list a.active{font-weight:700}}.logo svg{max-width:10rem}@media (min-width: 768px){.logo svg{max-width:unset}}.case-study-page{color:var(--content-tertiary);background-color:var(--surface-dark)}.main{--main-padding: var(--spacing-8, 2rem);grid-area:main;padding:var(--main-padding);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media (min-width: 768px){.main{--main-padding: var(--spacing-16, 4rem)}}.section>*+*{margin-block-start:1em}*+.section{margin-block-start:var(--spacing-16, 4rem)}.case-study-header{padding-block-start:var(--spacing-8, 2rem);padding-block-end:var(--spacing-4, 1rem);border-bottom:1px solid var(--surface-primary)}.layout-case-study{--case-study-padding: var(--spacing-8, 2rem);padding:var(--case-study-padding)}.image-box-container,.image-box-container--large{display:flex;flex-direction:column;gap:var(--spacing-6, 1.5rem)}@media (min-width: 768px){.image-box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6, 1.5rem)}}.layout-case-study .section{max-width:70ch}.layout-case-study .section>*{text-wrap:pretty}.experience-list{--list-gap: var(--spacing-4, 1rem);display:flex;gap:var(--list-gap)}.experience-list+.experience-list{margin-block-start:3em}.exp-icon{--icon-padding: var(--spacing-3, .75rem);--icon-radius: var(--rounded-full);--icon-color: var(--content-tertiary);--icon-background: var(--surface-dark);--icon-size: 3rem;padding:var(--icon-padding);border-radius:var(--icon-radius);background-color:var(--icon-background);color:var(--icon-color);display:flex;width:var(--icon-size);height:var(--icon-size);align-items:center;justify-content:center;flex-grow:0}.exp-bullets{margin-block-start:1em;padding-inline-start:var(--spacing-4, 1rem)}.exp-bullets li{text-wrap:balance}.exp-bullets li+li{margin-block-start:.5em}.case-studies{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--spacing-6, 1.5rem);list-style:none}.case-study-link{display:flex;flex-direction:column;padding:var(--spacing-2, .5rem);align-items:flex-start;gap:var(--spacing-2, .5rem);border-radius:var(--rounded-30, 1.875rem);background:var(--surface-primary-darker, #F7F7F7);text-decoration:none}:not(span).case-study-link:hover{background:var(--surface-secondary)}.case-study-thumbnail{width:100%;height:16rem;border-radius:22px;overflow:hidden}.case-study-thumbnail img{width:100%;height:100%;object-fit:cover}.case-study-title{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);color:var(--text-primary, #212529)}.case-study-title em{color:var(--text-tertiary, #B2B2B2);font-weight:400}