@font-face{font-family:Inter;font-weight:100 900;font-style:normal;src:url(../fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-style:italic;src:url(../fonts/InterVariable-Italic.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:400;src:url(../fonts/InterDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:500;src:url(../fonts/InterDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:600;src:url(../fonts/InterDisplay-SemiBold.woff2) format("woff2")}@font-face{font-family:Monaspace;font-weight:300 800;src:url(../fonts/MonaspaceNeonVarVF.woff2) format("woff2")}@font-face{font-family:"Roboto Serif";font-weight:300 800;src:url(../fonts/RobotoSerif-VF.ttf) format("truetype")}@font-face{font-family:Crimson Pro;font-weight:300 800;src:url(../fonts/CrimsonPro-VariableFont_wght.ttf) format("truetype")}@layer reset,primitives,layout,components,theme,content;@layer reset{*,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}:root{--font-size: 16px}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--text-selection)}body{margin:0;padding:0}a,h1,h2,h3,h4,p{margin:0;scroll-margin-top:88px}a{color:inherit;text-decoration:none;position:relative;font-weight:500;color:var(--colour-blue)}a:after{content:"";position:absolute;width:0;height:1px;background:var(--colour-blue);left:0;bottom:-2px;border-radius:2px;transition:width .2s ease}@media (hover: hover) and (pointer: fine){a:after{transition:width .2s ease}}a:hover:after{width:100%}u{text-decoration:underline #3c6ddd;text-underline-offset:2px;text-decoration-thickness:1.5px;text-decoration-style:solid;font-weight:450}a:visited{color:var(--colour-blue)}button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;text-align:center;-webkit-user-select:none;user-select:none}code{font-family:var(--font-mono),"Monaspace",monospace;font-size:12px;color:var(--text-primary);background:var(--colour-neutral-50);padding:4px 4px 1px;border-radius:4px;height:21px;align-self:top;display:inline-flex;align-items:center;white-space:nowrap;outline:var(--thickness-thin) solid var(--border-default)}}@layer primitives{:root{--colour-neutral-10: oklch(.985 .001 286.38);--colour-neutral-25: oklch(.982 .003 264.54);--colour-neutral-50: oklch(.952 .003 264.54);--colour-neutral-100: oklch(.901 .005 258.33);--colour-neutral-200: oklch(.841 .008 260.73);--colour-neutral-300: oklch(.668 .013 259.82);--colour-neutral-400: oklch(.645 .015 262.36);--colour-neutral-500: oklch(.541 .012 261.77);--colour-neutral-600: oklch(.51 .012 261.77);--colour-neutral-700: oklch(.441 .011 258.36);--colour-neutral-800: oklch(.367 .009 260.72);--colour-neutral-900: oklch(.33 .013 273.01);--colour-neutral-950: oklch(.31 .013 272.96);--colour-neutral-1000: oklch(.244 .006 271.17);--colour-neutral-1100: oklch(.231 .004 264.48);--colour-white: oklch(1 0 0);--colour-black: oklch(0 0 0);--colour-blue: oklch(.471 .184 263.07);--colour-purple: oklch(.55 .2467 311.29);--font-sans: "Inter", -apple-system, sans-serif;--font-display: "Inter Display", -apple-system, sans-serif;--font-mono: "Monaspace", monospace;--font-serif: "Crimson Pro", -apple-system, serif;--font-size-1: .5625rem;--font-size-2: .688rem;--font-size-3: .75rem;--font-size-4: .8125rem;--font-size-5: .9375rem;--font-size-6: 1.125rem;--font-size-7: 1.25rem;--font-size-8: 1.5rem;--font-size-9: 2rem;--font-size-10: 2.5rem;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-max: 50rem;--thickness-none: 0rem;--thickness-thinner: .0313rem;--thickness-thin: .0469rem;--thickness-default: .0625rem;--thickness-thick: .0938rem;--thickness-thicker: .125rem;--thickness-extra-thick: .1563rem;--thickness-thickest: .1875rem;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 2rem;--size-8: 2.5rem;--size-9: 3rem;--size-10: 3.5rem;--size-11: 4rem;--size-12: 5rem;--size-13: 6rem;--size-14: 7.5rem;--font-weight-regular: 450;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .375rem;--spacing-4: .5rem;--spacing-5: .625rem;--spacing-6: .75rem;--spacing-7: 1rem;--spacing-8: 1.25rem;--spacing-9: 1.5rem;--spacing-10: 2rem;--spacing-11: 2.5rem;--spacing-12: 3rem;--spacing-13: 3.5rem;--spacing-14: 4rem;--spacing-15: 4.5rem;--spacing-16: 5rem;--shadow-xs: 0 1px 2px 0 rgba(28, 29, 34, .06);--shadow-sm: 0 1px 2px 0 rgba(28, 29, 34, .12);--shadow-md: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 4px 12px -1px rgba(28, 29, 34, .08);--shadow-lg: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 8px 16px -2px rgba(28, 29, 34, .12);--shadow-xl: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 16px 24px -6px rgba(28, 29, 34, .16);--shadow-stroked-xs: 0 0 0 var(--thickness-thin) var(--border-default), 0 1px 2px 0 rgba(28, 29, 34, .06);--shadow-stroked-sm: 0 0 0 var(--thickness-thin) var(--border-default), 0 2px 3px -3px rgba(28, 29, 34, .08), 0 1px 2px 0 rgba(28, 29, 34, .12);--shadow-stroked-md: 0 0 0 var(--thickness-thin) var(--border-default), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 6px 12px -1px rgba(28, 29, 34, .08);--shadow-stroked-lg: 0 0 0 var(--thickness-thin) var(--border-default), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 8px 16px -2px rgba(28, 29, 34, .12);--shadow-stroked-xl: 0 0 0 var(--thickness-thin) var(--border-default), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 16px 24px -6px rgba(28, 29, 34, .16);--surface-primary: var(--colour-neutral-50);--surface-secondary: var(--colour-neutral-100)}body{background:#fafafa;color:var(--text-primary);font-family:var(--font-sans);display:flex;flex-direction:column;align-items:center;min-height:100dvh;width:100%;margin:0 auto;padding:0;overflow-x:hidden;position:relative}@supports (background: lch(0 0 0)){body{background:#fcfcfc}}@media (max-width: 640px){body{padding:0 16px}}h1{font-size:var(--font-size-8);line-height:1.2;font-family:var(--font-display);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-12);margin-bottom:var(--spacing-7)}h2{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);line-height:1.55;letter-spacing:.00563rem;margin-bottom:var(--spacing-7)}h3{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);line-height:1.65;letter-spacing:-.00438rem;margin-bottom:var(--spacing-7)}h4{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);line-height:1.65;letter-spacing:-.00438rem}p{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-regular);line-height:1.65;letter-spacing:-.006rem;text-wrap:pretty;overflow-wrap:break-word}p+p{margin-top:var(--spacing-7)}blockquote{margin:var(--spacing-10) auto;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-regular);line-height:1.65;letter-spacing:-.006rem;text-wrap:pretty;overflow-wrap:break-word;padding:0 0 0 1rem;line-height:1.6;position:relative}blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.25rem;background:var(--border-default);border-radius:1rem}blockquote span{display:block;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);line-height:1.65;letter-spacing:-.006rem;text-wrap:pretty;overflow-wrap:break-word;margin-top:1em}.italic{font-style:italic}.skew{transform:skew(10deg) rotate(-5deg)}.skew-reverse{transform:skew(-10deg) rotate(5deg)}}@layer theme{:root{--background-primary: var(--colour-white);--background-sunken: var(--colour-neutral-50);--background-subtle: var(--colour-neutral-25);--component-background-default: var(--colour-white);--component-background-hover: var(--colour-neutral-50);--component-background-button-default: var(--colour-white);--component-background-button-hover: var(--colour-neutral-25);--border-default: var(--colour-neutral-100);--border-alpha: rgba(74, 74, 82, .12);--text-primary: var(--colour-neutral-900);--text-secondary: var(--colour-neutral-700);--text-muted: var(--colour-neutral-500);--text-subtle: var(--colour-neutral-400);--text-selection: var(--colour-neutral-100);--body-width: 62.5rem;--body-width-mobile: 40rem}:root.dark{--background-primary: var(--colour-neutral-1000);--background-sunken: var(--colour-neutral-800);--background-subtle: var(--colour-neutral-950);--component-background-default: var(--colour-neutral-900);--component-background-hover: var(--colour-neutral-800);--component-background-button-default: var(--colour-neutral-900);--component-background-button-hover: var(--colour-neutral-800);--border-default: oklch(.3 .01 256.88);--border-alpha: rgba(74, 74, 82, .12);--text-primary: var(--colour-neutral-50);--text-secondary: var(--colour-neutral-100);--text-muted: var(--colour-neutral-300);--text-selection: var(--colour-neutral-700)}}@layer layout{.background-pattern{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:var(--colour-neutral-50);background-image:radial-gradient(circle at 1px 1px,var(--colour-neutral-300) 1px,transparent 0);background-size:20px 20px;background-position:center;opacity:.3;z-index:-1;mask-image:linear-gradient(to bottom,#000c,#000c 40%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,0) 100%)}@media (max-width: 640px){.background-pattern{width:100%}}main{display:flex;flex-direction:column;position:relative;min-height:100%;width:100%;max-width:var(--body-width);margin:104px auto 0;background:transparent;overflow:visible}@media (max-width: 640px){main{margin:80px auto 0}}nav{display:flex;position:fixed;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffe6;width:100%;height:56px;border-bottom:var(--thickness-default) solid #eeeff1;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 640px){nav{padding:0 16px;width:100vw}.nav__contents{width:auto;padding:0}}@media (max-width: 400px){.nav__title{display:none}}.nav__contents{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1000px}.nav__right{display:flex;gap:var(--spacing-4)}.nav__right button{background:var(--text-primary);color:#fff!important;padding:var(--spacing-3) var(--spacing-6)!important}.nav__left{display:flex;gap:var(--spacing-6);align-items:center;text-decoration:none}.nav__links a{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-4)}.nav__links a:after{display:none}.nav__links a:hover{color:var(--text-muted)}.nav__avatar{height:24px;width:24px}.nav__links{display:flex;gap:32px;align-items:center}.nav__links li{list-style:none}.nav__name{font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.65;letter-spacing:-.00438rem;margin-top:2px}.nav__title{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.65;letter-spacing:-.00438rem;margin-top:2px}.breadcrumb__link{color:var(--text-primary);text-decoration:none}.breadcrumb__link:hover:after{display:none}.breadcrumb__link:after{display:none}footer{margin-bottom:var(--spacing-12);margin-top:var(--spacing-12);max-width:var(--body-width);width:100%;display:flex;justify-content:space-between;align-items:center;border-top:var(--thickness-default) solid var(--border-default);padding-top:var(--spacing-10)}.header__headline{display:flex;flex-direction:column;gap:40px;align-self:flex-start;max-width:520px;margin-top:32px}.index__title--h1{color:var(--text-primary);font-family:serif;font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);line-height:1.55;letter-spacing:.00563rem;margin-top:var(--spacing-4);margin-bottom:var(--spacing-1);line-height:1.67}.index__title--h3{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-medium);line-height:1.7;letter-spacing:-.00438rem;margin:0}.about__h2{font-size:var(--font-size-8)}.outside-of-work p{width:80ch}.landing__hero{display:flex;flex-direction:column;gap:96px;justify-content:space-between;margin-bottom:64px}.about__hero{display:flex;flex-direction:row;gap:56px;justify-content:space-between;margin-bottom:64px}@media (max-width: 640px){.about__hero{flex-direction:column;margin-top:-56px}.about__hero .social-links{justify-content:center;margin:24px auto;gap:20px}.about__hero .communications{justify-content:center;margin:0}.outside-of-work p{width:100%}}.about__section{margin-bottom:var(--spacing-12)}.about-sections{display:flex;flex-direction:column;gap:var(--spacing-10);margin-top:var(--spacing-12);scroll-margin-top:40px}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-9);width:100%;margin-bottom:var(--spacing-8);margin-top:var(--spacing-11)}.testimonial{display:flex;flex-direction:column;gap:var(--spacing-8);background:#fff;padding:16px 24px;border-radius:8px;box-shadow:var(--shadow-xs);border:1px solid rgb(0,0,0,.08);flex:1;min-width:0;z-index:10}.testimonial p{margin:0;font-size:var(--font-size-4);font-weight:var(--font-weight-medium);line-height:1.7;letter-spacing:-.00406rem}.testimonial__content{display:flex;flex-direction:column;gap:6px;flex-grow:1}.testimonial__author{display:flex;gap:var(--spacing-4);align-items:center}.testimonial__author--image{width:16px;height:16px;border-radius:100%}.testimonial__author--name{font-size:var(--font-size-4);color:var(--text-secondary);font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:-.00406rem}.principles{display:flex;gap:32px;width:100%;margin-left:0;margin-right:0;margin-bottom:var(--spacing-8);margin-top:var(--spacing-11);opacity:1;animation:none!important;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;max-width:792px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.principles::-webkit-scrollbar{height:4px}.principles::-webkit-scrollbar-track{background:transparent}.principles::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.principles::-webkit-scrollbar-thumb:hover{background:#0000004d}.principle{background:var(--background-sunken);padding:24px;border-radius:8px;min-width:330px;width:330px;flex-shrink:0;opacity:1;transform:translateY(0)}.principle-simple{background:#f5f8ff;animation:none!important;opacity:1!important;transform:translateY(0)!important}.principle-details{background:#faf5ff;animation:none!important;opacity:1!important;transform:translateY(0)!important}.principle-quality{background:#fff5eb;animation:none!important;opacity:1!important;transform:translateY(0)!important}.principle__icon{width:16px;height:16px}.principle__header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.principle p{text-wrap-style:balance}.principle h3{margin-bottom:0}.skills-container{display:flex;flex-wrap:wrap;gap:12px;max-width:720px}@media (max-width: 640px){.skills-container{max-width:100%}}.skill-pill{display:flex;padding:var(--spacing-2) var(--spacing-5);align-items:center;gap:var(--spacing-3);border-radius:var(--radius-sm);background:#e9ecef;box-shadow:0 0 0 var(--thickness-thinner) #3a424a14 inset;color:#3a424a;font-family:var(--font-sans);font-size:var(--font-size-4);font-style:normal;font-weight:var(--font-weight-medium);line-height:1.25rem;-webkit-user-select:none;user-select:none}.header__polariod{display:flex;flex-direction:column;gap:10px;height:380px;width:310px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-stroked-md);padding:12px 12px 32px;background:#fff;transform:scale(.8) rotate(7deg) translate(-40px,50px);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:40px;opacity:1;animation:none!important}@media (hover: hover) and (pointer: fine){.header__polariod:hover{transform:scale(.85) rotate(5deg) translate(-40px,50px);box-shadow:var(--shadow-stroked-lg)}}.header__polaroid-image{--scale-factor: .5;height:98%;width:100%;object-fit:cover;border-radius:calc(var(--radius-sm) * var(--scale-factor))}.header__polariod-caption,.photo__collection--caption{font-size:var(--font-size-3);font-family:Monaspace;color:var(--text-muted);font-weight:var(--font-weight-medium);letter-spacing:-.006rem;margin-top:2px}.header__headline h1{font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);margin-top:0;margin-bottom:12px;font-family:var(--font-serif);line-height:1.67}.header__headline p{font-size:var(--font-size-5)}.communications{display:flex;gap:var(--spacing-4);align-items:center;justify-content:space-between;margin:var(--spacing-7) 0 0;opacity:1;animation:none!important}.social-links{display:flex;gap:var(--spacing-4)}.social-links a{height:32px;width:32px}.social-links a:after{display:none}.social-icon{width:16px!important;height:16px!important}.header__headline h2{font-size:var(--font-size-7)}hr{border:none;height:var(--thickness-default);background-color:var(--border-default);margin:var(--spacing-11) 0}blockquote.experience{display:flex;flex-direction:column;gap:var(--spacing-9)}.section-header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-9)}.section-header__title{margin:0}.photo__collection{display:flex;gap:var(--spacing-4);width:100%;margin:64px 0 48px}.photo__collection--item{display:flex;flex-direction:column;gap:10px;height:320px;width:25%;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-stroked-md);padding:12px 12px 32px;background:#fff;transform:rotate(5deg);transition:transform .2s ease}.photo__collection--item:nth-child(2n){transform:rotate(-5deg);transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.photo__collection--item{transition:transform .2s ease}}}@layer components{:root{--profile-image-size: var(--size-12)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-5) var(--spacing-2) var(--spacing-6);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-4);font-style:normal;font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:-.00406rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.btn{transition:background-color .2s ease,color .2s ease}}.btn--primary{background:var(--colour-neutral-700);color:#fff}.btn--primary:hover{background:var(--colour-neutral-800)}.btn--default{background:var(--component-background-default);box-shadow:var(--shadow-stroked-sm)}.btn--default:hover{background:var(--component-background-hover)}.btn--ghost{background:transparent;border:none}.btn--ghost:hover{background:var(--component-background-hover)}.btn__icon--ghost{background:var(--component-background-ghost);height:var(--size-6);width:var(--size-6);padding:0;color:var(--text-muted)}.btn__icon--ghost:hover{background:var(--component-background-hover)}.btn-default-trailing{color:var(--text-muted);transform:translateY(1px)}.btn--back svg{transform:translate(0);transition:transform .2s cubic-bezier(.25,.46,.45,.94),color .2s ease;will-change:transform,color}@media (hover: hover) and (pointer: fine){.btn--back:hover svg{transform:translate(-2px)}}.btn--back:active svg{transform:translate(-1px);transition-duration:.1s}.header__button,.contact__button{border-radius:var(--radius-md);box-shadow:var(--shadow-stroked-xs);gap:var(--spacing-5);padding:0 12px;height:38px;font-weight:var(--font-weight-medium);font-size:.875rem;background:#fff}.header__button-icon,.contact__button-icon{transform:translateY(1px) translate(0);color:var(--text-muted);transition:transform .2s cubic-bezier(.25,.46,.45,.94),color .2s ease;will-change:transform,color}@media (hover: hover) and (pointer: fine){.header__button:hover .header__button-icon{transform:translateY(1px) translate(2px);color:var(--text-secondary)}}.header__button:active .header__button-icon{transform:translateY(1px) translate(1px);transition-duration:.1s}.header__headline-profile-image{position:relative;width:var(--profile-image-size);height:var(--profile-image-size);border-radius:100%;margin-bottom:var(--spacing-7);-webkit-user-select:none;user-select:none}.header__headline-profile-image:after{content:"";border:var(--thickness-default) solid var(--border-alpha);border-radius:100%;height:var(--profile-image-size);width:var(--profile-image-size);position:absolute;margin-left:calc(-1 * var(--profile-image-size));box-sizing:border-box;pointer-events:none}.profile-image{height:100%;width:100%;object-fit:cover;border-radius:100%}.header__buttons{display:flex;gap:var(--spacing-8);margin:var(--spacing-10) 0 0}.contact__buttons{display:flex;gap:var(--spacing-7)}.projects{width:100%;max-width:1200px;margin:0 auto;position:relative}.bento-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:26px}@keyframes cardAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes cardAppear{0%{opacity:0}to{opacity:1}}}.card-5-8{animation:cardAppear .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:50ms}.card-3-8{animation:cardAppear .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s}.card-3-8:nth-of-type(3){animation-delay:.15s}.card-5-8:nth-of-type(4){animation-delay:.2s}.card-3-8:nth-of-type(5){animation-delay:.25s}.card-5-8:nth-of-type(6){animation-delay:.3s}.bento-card h3{font-size:24px;font-weight:600;margin:0}.bento-card p{font-size:16px;line-height:1.5;margin:0;opacity:.8}.md__image{position:relative;overflow:hidden;border-radius:var(--radius-2xl);background:var(--background-sunken);height:auto;width:100%;display:block;margin:var(--spacing-8) 0}.md__image img{position:relative;width:100%;height:auto;display:block;z-index:1}.experience__entry--date{color:var(--text-muted);font-weight:var(--font-weight-medium)}.experience h2{margin-bottom:24px}.experience__entry h3{margin-bottom:4px}.experience__entry p{margin-top:6px}.banner{display:flex;gap:var(--spacing-6);width:100%;background:#f8f8f8;background:#fafafa;padding:var(--spacing-8) var(--spacing-10) var(--spacing-8) var(--spacing-7);border-radius:var(--radius-md);box-shadow:var(--shadow-stroked-xs);margin-top:var(--spacing-10);margin-bottom:var(--spacing-12)}.banner-icon{flex-shrink:0}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.banner-header{width:100%;font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.5;margin-bottom:var(--spacing-4)}.banner-text{text-overflow:ellipsis;font-size:var(--font-size-5);white-space:wrap;text-wrap:pretty;max-width:100%;flex-wrap:wrap;min-width:0px;font-weight:var(--font-weight-medium);line-height:20px;color:var(--text-primary)}.segment-control{display:inline-flex;background:var(--colour-neutral-50);padding:var(--spacing-1);border-radius:var(--radius-lg);gap:var(--spacing-2)}.segment-control__option{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--colour-neutral-700);transition:background-color .2s ease,color .2s ease;position:relative}@media (hover: hover) and (pointer: fine){.segment-control__option{transition:background-color .2s ease,color .2s ease}}.segment-control__option:hover:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--spacing-3) var(--spacing-5);background:var(--colour-neutral-1000);color:var(--colour-white);font-size:var(--font-size-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;animation:fadeIn .2s ease forwards}.segment-control__option:hover:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--colour-neutral-1000);opacity:0;animation:fadeIn .2s ease forwards}#read-time{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-secondary)}@keyframes fadeIn{to{opacity:1}}.segment-control__option--active{background:var(--colour-white);color:var(--colour-neutral-1000);box-shadow:var(--shadow-sm)}.segment-control__option:hover:not(.segment-control__option--active){background:var(--colour-neutral-100)}}@layer content{.article-content{max-width:720px;margin:0 auto 56px}@media (max-width: 640px){.article-content{max-width:100%}}.article__container{display:flex;gap:104px;flex-direction:row-reverse}@media (max-width: 640px){.article__container{flex-direction:column}}.article-content__figure{margin:var(--spacing-8) 0;display:flex;flex-direction:column}.article-content__figure figcaption{margin-top:-16px;color:var(--text-muted);font-style:italic;font-size:var(--font-size-4);font-weight:var(--font-weight-medium);line-height:1.5}.article-content__image{width:100%;align-self:center;height:auto;margin:var(--spacing-10);border-radius:var(--radius-md);outline:var(--thickness-default) solid var(--border-default);outline-offset:-1px}.article-content__image--app{width:100%;align-self:center;height:auto;margin:var(--spacing-10);border-radius:var(--radius-lg);outline:var(--thickness-default) solid var(--border-default);outline-offset:-1px}.sunken-image{padding:80px;background:var(--background-subtle);width:100%;margin-left:0;margin-right:0}.sunken-image__new-kpi{padding:56px;background:var(--background-subtle);width:100%;margin-left:0;margin-right:0}.sunken-image-2{padding:40px;background:var(--background-subtle);width:100%;margin-left:0;margin-right:0}.sunken-image-3{padding:48px 48px 0;background:var(--background-subtle);width:100%;margin-left:0;margin-right:0}figure+p{margin-top:var(--spacing-13)}.article-content h2{margin-top:var(--spacing-12);margin-bottom:var(--spacing-8);font-size:var(--font-size-7);font-family:var(--font-sans)}.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--spacing-4);margin-bottom:var(--spacing-5);font-size:var(--font-size-5);font-family:var(--font-sans)}.article-content ul,.article-content ol{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-regular);line-height:1.85;letter-spacing:-.00438rem;margin-bottom:var(--spacing-8);text-wrap:pretty;padding-left:var(--spacing-9)}.article-content ul ul{padding-left:16px}.article__hero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:96px;position:relative}.article__hero--writing{display:flex;flex-direction:column;gap:96px;position:relative;width:720px;margin:0 auto}@media (max-width: 640px){.article__hero--writing{width:100%}}.article__hero-header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-9);padding:0 var(--spacing-9)}.article__hero-header h1{text-align:center;font-size:var(--font-size-9);margin-top:0}.article__hero-header h4{text-align:center;font-size:var(--font-size-5);color:var(--text-muted);font-weight:var(--font-weight-medium);font-style:italic}.article__hero-image-bloom--kpi{position:absolute;width:60%;height:60%;background:radial-gradient(ellipse,rgba(125,0,255,.3) 0%,rgba(255,100,200,.2) 40%,transparent 70%);filter:blur(120px);z-index:0;top:30%;border-radius:80%}.article__hero-image--part-1{width:50%;border:.5px solid var(--border-default);border-radius:4px;--mask-right: linear-gradient(to right, #000 80%, transparent 100%);--mask-bottom: linear-gradient(to bottom, #000 50%, transparent 100%);-webkit-mask-image:var(--mask-bottom),var(--mask-right);mask-image:var(--mask-bottom),var(--mask-right);-webkit-mask-composite:source-in;mask-composite:intersect;transform:skew(12deg) rotate(-8deg)}.bento__kpi-image{margin-left:96px;margin-top:24px;width:1000px}@media (max-width: 640px){.bento__kpi-image{margin:32px 12px 16px;width:320px}}.bento__override-image{margin:2px 0 16px;width:330px}@media (max-width: 640px){.bento__override-image{width:140%;margin:0 36px -303px -8px}}.bento__knowledgebase-image{border-radius:6px;box-shadow:var(--shadow-stroked-sm);margin-top:8px}@media (max-width: 640px){.bento__knowledgebase-image{border-radius:3px;margin:6px -12px -100px}}.bento__flashcards-image{transform:scale(.9);margin:-12px 0 0}@media (max-width: 640px){.bento__flashcards-image{transform:scale(.8);margin:-24px 0 0}}.article__hero-image-bloom--override{position:absolute;width:50%;height:50%;background:radial-gradient(ellipse,rgba(255,102,51,.4) 0%,rgba(255,71,148,.45) 40%,rgba(225,29,72,.3) 70%,transparent 89%);filter:blur(130px);z-index:0;top:35%;border-radius:80%;opacity:.5}.article__hero-image--kpi{width:75%;height:auto;object-fit:cover;margin:96px 0 56px 72px;position:relative;z-index:1;transition:transform .2s ease}@media (prefers-reduced-motion: reduce){.article__hero-image--kpi{transition:none}}.perspective-image-container{width:100%;height:500px;position:relative;overflow:hidden;border-radius:var(--radius-lg);border:var(--thickness-thin) solid var(--border-default)}.perspective-image{position:absolute;width:100%;height:600px;transform-origin:center center;transform-style:preserve-3d;perspective:1000px;transform:rotateX(42deg) rotateY(13deg) rotate(-33deg) scale(1.5) translateY(-52px) translate(108px);border:none;outline:none}.article__hero-image--knowledgebase{width:90%;margin:48px 35px;height:auto;object-fit:cover;position:relative;z-index:1;transition:transform .2s ease;-webkit-mask-image:var(--mask-bottom);mask-image:var(--mask-bottom);-webkit-mask-composite:source-in;mask-composite:intersect;--mask-bottom: linear-gradient(to bottom, #000 60%, transparent 100%);border:var(--thickness-default) solid var(--border-default);border-radius:var(--radius-lg)}@media (prefers-reduced-motion: reduce){.article__hero-image--knowledgebase{transition:none}}.article__hero-image--override{width:80%;height:auto;object-fit:cover;margin:64px 0 48px 48px;position:relative;z-index:1;transition:transform .2s ease}@media (prefers-reduced-motion: reduce){.article__hero-image--override{transition:none}}img.audit-image{-webkit-mask-image:var(--mask-bottom);mask-image:var(--mask-bottom);-webkit-mask-composite:source-in;mask-composite:intersect;--mask-bottom: linear-gradient(to bottom, #000 60%, transparent 100%);width:100%;height:auto}.article__divider{margin:var(--spacing-14) 0 var(--spacing-7)}.lightbox-image{transition:opacity .2s ease}.lightbox-image:hover{cursor:zoom-in}.lightbox{display:none;position:fixed;z-index:1000;padding:0;left:0;top:0;width:100%;height:100%;overflow:auto;background:var(--background-subtle);opacity:0;transition:opacity .2s ease;cursor:zoom-out}.lightbox-content,.lightbox-caption{cursor:zoom-out}.lightbox-close{position:fixed;top:var(--spacing-4);right:var(--spacing-4);cursor:pointer;color:var(--text-primary);padding:var(--spacing-4);border-radius:var(--radius-md);z-index:1001;display:flex;align-items:center;justify-content:center;background:var(--background-primary);box-shadow:var(--shadow-sm)}.lightbox-close:hover{background:var(--component-background-hover)}.lightbox-close svg{cursor:pointer!important}.lightbox.show{opacity:1}.lightbox-content{margin:auto;display:block;max-width:95%;max-height:85vh;transform:scale(.95);border-radius:var(--radius-lg);outline:var(--thickness-default) solid var(--border-default);outline-offset:-1px;box-shadow:var(--shadow-lg);opacity:0;transition:transform .25s cubic-bezier(.25,.46,.45,.94),opacity .25s ease;cursor:zoom-out;position:relative;top:45%;transform:translateY(-50%) scale(.95)}.lightbox.show .lightbox-content{transform:translateY(-50%) scale(1);opacity:1}@media (prefers-reduced-motion: reduce){.lightbox-content{transition:opacity .2s ease}.lightbox.show .lightbox-content{transform:translateY(-50%) scale(1)}}.lightbox-caption{margin:auto;display:block;width:90%;max-width:700px;text-align:center;color:var(--text-secondary);padding:10px 0;height:auto;font-style:italic;font-size:var(--font-size-5);font-weight:var(--font-weight-medium);margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);position:relative;z-index:1001;bottom:-60px}@media (max-width: 640px){.lightbox{padding:0}.lightbox-content{max-width:100%;max-height:100vh;border-radius:0;outline:none;box-shadow:none}.lightbox-close{top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-2)}}.goals{display:flex;gap:var(--spacing-10);margin-bottom:var(--spacing-13);margin-top:var(--spacing-8)}.user-goals,.business-goals{flex:1;background:#f5f8ff;padding:6px 40px 6px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-stroked-sm)}.user-goals{background:#f5f8ff}.business-goals{background:#faf5ff}.goals li{text-wrap:auto}}@media (max-width: 640px){.article__hero{gap:0px}.article__hero-header{padding:0}.article__hero-image--kpi{margin-bottom:40px}.article__hero-image--knowledgebase{width:100%;border-radius:var(--radius-sm);margin:24px 0 12px}.perspective-image-container{width:100%;height:320px}.perspective-image{width:auto;height:auto;transform:rotateX(42deg) rotateY(13deg) rotate(-33deg) scale(1.5) translateY(-40px) translate(6px)}.goals{flex-direction:column}.article-content__image--app,.article-content__image{width:100%;margin:var(--spacing-4) 0 var(--spacing-10);border-radius:var(--radius-sm)}.lightbox-content{width:93%;margin:0 16px}.lightbox-close{top:var(--spacing-8);right:var(--spacing-8);padding:var(--spacing-4)}.testimonials{grid-template-columns:1fr;width:100%;margin-left:0;margin-right:0}.testimonials{grid-template-columns:1fr}.header__polariod{display:flex;flex-direction:column;align-items:center;justify-content:center;width:270px;height:340px;margin:0 auto;padding:20px 12px 32px;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-stroked-md);transform:none}.header__polaroid-image{--scale-factor: .5;height:100%;width:100%;max-width:100%;object-fit:cover;border-radius:calc(var(--radius-sm) * var(--scale-factor))}.principles{display:flex;flex-direction:column;gap:var(--spacing-10);width:100%;margin:24px 0}.photo__collection{display:none}.communications{display:flex;flex-direction:column;gap:var(--spacing-10);margin-bottom:24px}.about__section{gap:var(--spacing-4);margin-bottom:12px}.skills-container{margin-bottom:24px}}Animation keyframes @keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){@keyframes slideUp{0%{opacity:0}to{opacity:1}}}@keyframes scaleIn{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){@keyframes scaleIn{0%{opacity:0}to{opacity:1}}}@keyframes drawUnderline{0%{width:0}to{width:100%}}.header__headline h1{animation:none;opacity:1}.landing__hero .header__headline h1{opacity:0;animation:scaleIn .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:0s}.header__headline p,.social-links{animation:none;opacity:1}.landing__hero .header__headline p{opacity:0;animation:fadeIn .2s ease forwards;animation-delay:50ms}.landing__hero .social-links{opacity:0;animation:fadeIn .2s ease forwards;animation-delay:.1s}@media (prefers-reduced-motion: reduce){.landing__hero .header__headline h1,.landing__hero .header__headline p,.landing__hero .social-links{animation:none;opacity:1}}.projects__card{opacity:0;transform:translateY(20px)}.card-1{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:50ms}.card-2{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s}.card-3{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.15s}.card-4{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s}.card-5{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.25s}.card-6{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s}.chat-container{width:420px;margin:var(--spacing-12) 0}.chat-message{display:flex;align-items:flex-start;margin-bottom:var(--spacing-3)}.chat-message--sent{justify-content:flex-end}.chat-bubble{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-xl);max-width:85%;position:relative;font-size:var(--font-size-4);line-height:1.5;margin-bottom:var(--spacing-2);-webkit-user-select:none;user-select:none}.chat-bubble--received{background:var(--background-sunken);border-bottom-left-radius:var(--radius-xs);margin-right:var(--spacing-12)}.chat-bubble--sent{background:var(--colour-blue);color:#fff;border-bottom-right-radius:var(--radius-xs);margin-left:var(--spacing-12)}.chat-name{font-size:var(--font-size-3);color:var(--colour-neutral-600);margin-bottom:var(--spacing-1);margin-left:var(--spacing-4);-webkit-user-select:none;user-select:none}.projects{width:100%;max-width:1200px;margin:0 auto;position:relative}.bento-card{background:#fff;border-radius:8px;padding:32px;text-decoration:none;color:var(--text-primary);transition:box-shadow .2s ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-stroked-sm);height:408px;opacity:0}@media (hover: hover) and (pointer: fine){.bento-card{transition:box-shadow .2s ease}}.bloom{position:absolute;top:35%;left:10%;width:80%;height:50%;object-fit:cover;z-index:-1;pointer-events:none;filter:blur(100px);opacity:0;animation:fadeIn .25s ease forwards;animation-delay:.2s}.bento-card:hover{box-shadow:var(--shadow-stroked-lg)}.bento-card__arrow{opacity:0;position:absolute;top:24px;right:30px;transform:translate(0);transition:opacity .2s ease,transform .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.bento-card:hover .bento-card__arrow{opacity:1;transform:translate(6px)}}.bento-card--featured{background:#024a70}.bento-card__tags{display:flex;gap:12px;opacity:1;animation:none!important}.landing__hero .bento-card__tags{opacity:0;animation:aboutSectionAppear .25s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:50ms}.tag{display:flex;padding:var(--spacing-2) var(--spacing-4);align-items:center;border-radius:var(--radius-sm);box-shadow:0 0 0 var(--thickness-thinner) #3a424a14 inset;font-size:.75rem;font-weight:700;line-height:1rem;text-transform:uppercase}.cs-tag{background:#e5eeff;color:#1e50c0}.writing-tag{background:#ffe8d1;color:#a05c1c}.side-project-tag{background:#f2e5ff;color:#662f9d}.bento-card h3{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:20px;line-height:28px;margin:0}.bento-card p{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:14px;line-height:20px;margin:0;letter-spacing:-.1px}.bento-card--featured h3{font-size:24px;font-weight:600;margin:0;color:#fff}.bento-card--featured p{opacity:1;color:#fff}.bento-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:26px}.bento-grid .bento-card:nth-child(1){grid-column:span 5}.bento-grid .bento-card:nth-child(2){grid-column:span 3}.bento-grid .bento-card:nth-child(3){grid-column:span 8;grid-row:2;height:500px}@media (max-width: 640px){.bento-grid .bento-card:nth-child(3){height:408px}}.bento-grid .bento-card:nth-child(4){grid-column:span 5;grid-row:2}.bento-grid .bento-card:nth-child(5){grid-column:span 4;grid-row:3}.bento-grid .bento-card:nth-child(6){grid-column:span 4;grid-row:3}@media (max-width: 640px){.bento-grid{display:flex;flex-direction:column;gap:1rem}.bento-grid .bento-card{width:100%;height:auto;min-height:200px}.bento-grid .bento-card:nth-child(1),.bento-grid .bento-card:nth-child(2),.bento-grid .bento-card:nth-child(3),.bento-grid .bento-card:nth-child(4),.bento-grid .bento-card:nth-child(5),.bento-grid .bento-card:nth-child(6){grid-column:auto;grid-row:auto}}.article-header{background:var(--background-sunken);padding:64px 0 96px;position:relative;margin-bottom:64px;width:100vw;margin-left:50%;transform:translate(-50%)}.article-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom right,var(--background-sunken) 49%,var(--background-primary) 51%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.article-header__content{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 24px}.article-header__meta{display:flex;gap:16px;align-items:center;margin-bottom:24px}.article-header__date{color:var(--text-muted);font-size:var(--font-size-4);font-weight:var(--font-weight-medium)}.article-header__title{font-family:var(--font-serif);font-size:48px;line-height:1.2;margin:0 0 24px;color:var(--text-primary)}.article-header__description{font-size:var(--font-size-6);line-height:1.6;color:var(--text-secondary);margin:0;max-width:600px}.role__badge{background:var(--background-sunken);padding:2px 8px;border-radius:.25rem;font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;background:#e9ecef;color:#3a424a;box-shadow:0 0 0 var(--thickness-thinner) #3a424a14 inset;-webkit-user-select:none;user-select:none}.article-information{display:flex;gap:20px;flex-direction:column;margin:56px 0}.contents-panel{width:220px;position:sticky;top:88px;height:fit-content;align-self:flex-start;margin-top:40px;transition:opacity .2s ease}.contents-panel[data-segment=tldr]{display:block;pointer-events:auto}.contents-panel[data-segment=deep-dive]{display:none;pointer-events:none}[data-segment=deep-dive] .contents-panel[data-segment=deep-dive]{display:block;pointer-events:auto}[data-segment=deep-dive] .contents-panel[data-segment=tldr]{display:none;pointer-events:none}.contents-panel__title{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:12px}@media (max-width: 640px){.contents-panel__title{display:none}}.contents-panel__list{list-style:none;padding:0}.contents-panel__item{margin-bottom:8px}.contents-panel__link{color:var(--text-secondary);font-size:12px;text-decoration:none}.contents-panel__link:hover{color:var(--colour-blue)}.contents-panel__link:after{display:none}.contents-panel__link a:after{display:none}@media (max-width: 640px){.article-information{display:flex;gap:20px;flex-direction:column;margin:56px 0 12px}.article__hero-image--kpi{margin:64px 0 0 52px}.article__hero-image--override{width:86%;margin:64px 0 48px 22px}.contents-panel{display:none;width:108%;overflow:scroll;scrollbar-width:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:0;top:56px;margin-left:-16px;margin-right:-16px;padding:12px 16px;z-index:1000;border-bottom:1px solid #e9ecef}.contents-panel[data-segment=tldr],.contents-panel[data-segment=deep-dive]{display:none}[data-segment=deep-dive] .contents-panel[data-segment=deep-dive]{display:none;pointer-events:auto}.contents-panel__title{display:none}.contents-panel__list{display:flex;flex-direction:row;gap:12px}.contents-panel__link{padding:8px 12px;border-radius:6px;font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-secondary);background:#fff;box-shadow:var(--shadow-stroked-sm)}.contents-panel__item{margin-bottom:0}.contents-panel__link:hover{color:var(--text-secondary)}}@keyframes aboutSectionAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes aboutSectionAppear{0%{opacity:0}to{opacity:1}}}.about__section{animation:none!important;opacity:1!important;transform:translateY(0)!important}.about__section:nth-child(1),.about__section:nth-child(2),.about__section:nth-child(3),.about__section:nth-child(4),.about__section:nth-child(5){animation:none!important;opacity:1!important;transform:translateY(0)!important}.article__hero--h1{font-size:3.25rem;font-family:var(--font-display);font-feature-settings:"ss03" on;font-weight:600;text-wrap:balance;line-height:1.3;letter-spacing:-.015em;width:100%}.feedback-cards{position:relative;margin:32px 0;display:flex;flex-direction:column;gap:24px}.feedback-card{background:var(--background-default);border-radius:12px;padding:12px;box-shadow:var(--shadow-stroked-sm);transition:transform .2s ease;flex:1;position:relative;z-index:1}@media (hover: hover) and (pointer: fine){.feedback-card{transition:transform .2s ease}}.feedback-card--primary{background:var(--background-default);z-index:2}.feedback-card__content{display:flex;flex-direction:column;gap:12px}.feedback-card__text{font-size:16px;line-height:1.5;color:var(--text-primary);margin:0}.feedback-card__author{font-size:14px;color:var(--text-muted);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.feedback-cards{flex-direction:column;gap:24px}.feedback-card--secondary{transform:none}}.gradient-text{background:linear-gradient(135deg,var(--colour-blue) 0%,var(--colour-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.article-sections h3{font-size:var(--font-size-7);margin-top:var(--spacing-10)}.article-sections h4{font-size:var(--font-size-6);margin-top:var(--spacing-10)}.article-sections h3+h4{margin-top:8px}.article-sections h2+h3{margin-top:var(--spacing-7)}#contents-title{font-size:var(--font-size-3);margin-bottom:0;font-weight:var(--font-weight-semibold);margin-top:0}.writing__title{font-size:42px;width:720px;padding-right:48px}@media (max-width: 640px){.writing__title{padding-right:0;width:100%}}.desktop-menu{display:flex}.mobile-menu{display:none;position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;transform:scale(.7)}.hamburger-line{display:block;width:24px;height:2px;background-color:var(--text-secondary);transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s ease;border-radius:2px}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-dropdown{position:fixed;top:56px;background-color:#fff;box-shadow:var(--shadow-md);border-bottom:var(--thickness-default) solid var(--border-default);padding:12px 32px;width:430px;z-index:100;transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s ease,visibility .2s ease}@media (prefers-reduced-motion: reduce){.mobile-dropdown{transition:opacity .2s ease,visibility .2s ease}.mobile-dropdown.show{transform:translateY(0)}}.mobile-dropdown.show{transform:translateY(0);opacity:1;visibility:visible}.mobile-dropdown .nav__links{justify-content:space-around;align-items:center;gap:32px;padding:0;margin:0}.mobile-dropdown .nav__links li{width:fit-content}.mobile-dropdown .nav__links a{display:block;width:100%;padding:8px 0;font-size:var(--font-size-4)}.mobile-dropdown .nav__links a.mobile-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);margin-top:4px;color:#fff}@media (max-width: 640px){.desktop-menu{display:none}.mobile-menu{display:block}.mobile-dropdown{right:0}}.card-list-item{cursor:pointer;display:flex;margin-top:48px}.card-list-item:hover:after{display:none}.card-list-item:after{display:none}.writing-list .card-list-item:hover h3{color:var(--text-muted)}.arrow{opacity:0;font-feature-settings:"calt" on;margin-left:12px;color:var(--text-muted)}.card-list-item:hover .arrow{opacity:1}@media (max-width: 640px){.card-list-item{flex-direction:column-reverse;gap:20px;margin-top:24px}}.menu-page{margin-top:128px!important;width:720px;margin:0 auto}@media (max-width: 640px){.menu-page{width:100%}}.card-list-item__content{display:flex;flex-direction:column;gap:12px;flex:1;align-items:space-between}.card-list-item__header{display:flex;flex-direction:column;gap:12px;flex:1}.card-list-item__header h3{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-7);font-weight:var(--font-weight-semibold);line-height:1.75rem;width:330px}.card-list-item__header p{margin:0;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-medium);line-height:1.625rem;letter-spacing:-.01406rem}.card-list-item__image--container{background:var(--background-sunken);border-radius:var(--radius-lg);padding:12px;width:210px;height:172px;display:flex;align-items:center;justify-content:center}.card-list-item__image--container-work{background:var(--background-sunken);border-radius:var(--radius-lg);padding:12px;width:210px;height:156px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-stroked-xs)}.card-list-item__image--container-writing{border-radius:var(--radius-lg);padding:12px;width:210px;height:144px;display:flex;align-items:center;justify-content:center}.card-list-item__image--flashcards{width:60%}.card-list-item__image--writing{width:100%}.card-list-item__image--knowledgebase{width:200%;margin:120px 0 0 200px;border-radius:5px;box-shadow:var(--shadow-stroked-xs)}.card-list-item__image--kpi{width:88%}.card-list-item__image--compliance{width:100%;margin-top:112px}@media (max-width: 640px){.card-list-item__image--container,.card-list-item__image--container-work{width:100%;height:340px}.card-list-item__image--knowledgebase{width:220%;margin:244px 0 0 460px;border-radius:5px;box-shadow:var(--shadow-stroked-xs)}.card-list-item__image--kpi{width:88%}.card-list-item__image--compliance{width:100%;margin-top:180px}.card-list-item__header h3{width:100%}.menu-page{margin-top:64px!important}}.headline-role{opacity:0;animation:fadeIn .2s ease forwards;animation-delay:50ms}@media (prefers-reduced-motion: reduce){.headline-role{animation:none;opacity:1}}.timeline{position:relative;display:flex;flex-direction:column;gap:40px;margin-top:32px;margin-bottom:32px}.timeline__entry{display:flex;align-items:flex-start;gap:20px;position:relative}.timeline__logo{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin-top:2px}.timeline__logo img{width:40px;height:40px;object-fit:contain}.timeline__content{display:flex;flex-direction:column;gap:8px;flex:1}.timeline__company{font-family:Inter Display;font-size:18px;font-style:normal;font-weight:500;line-height:1.25rem;margin-top:.65rem;margin-bottom:0;color:var(--text-secondary)}.timeline__role{font-family:Inter Display;font-size:18px;font-style:normal;font-weight:600;line-height:1.75rem;color:var(--text-primary)}.timeline__dates{font-family:Inter;font-size:15px;font-style:normal;font-weight:500;line-height:1.75rem}.timeline__entry--with-subroles .timeline__content{position:relative}.timeline__visual{position:absolute;left:-47px;top:40px;width:20px;height:calc(100% - 40px);pointer-events:none}.timeline__line{position:absolute;left:6px;top:30px;width:2px;height:70%;background:var(--colour-neutral-50)}.timeline__dots{position:absolute;left:-1px;top:-10px;height:102%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.timeline__dot{width:16px;height:16px;background:var(--colour-neutral-200);border-radius:50%;border:4px solid #fff}.timeline__roles{display:flex;flex-direction:column;gap:24px;margin-top:16px}.timeline__role-entry{display:flex;flex-direction:column;gap:4px}@media (max-width: 600px){.timeline{gap:24px;margin-top:16px;margin-bottom:16px}.timeline__logo{width:36px;height:36px}.timeline__logo img{width:24px;height:24px}.timeline__roles{margin-left:24px;gap:24px}.timeline__visual{left:-4px}.timeline__company{font-size:1rem}.timeline__role{font-size:.95rem}.timeline__dates{font-size:.92rem}}