*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:"Inter",sans-serif}body{margin:0;line-height:inherit}h1,h2,h3,h4,h5,h6,p,blockquote,figure,hr{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}img,svg,video{display:block;vertical-align:middle;max-width:100%;height:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;background-color:transparent;background-image:none;-webkit-appearance:button}button{text-transform:none}@font-face{font-family:"JetBrains Mono";src:url("./fonts/JetBrainsMono-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Inter";src:url("./fonts/Inter_24pt-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Space Grotesk";src:url("./fonts/SpaceGrotesk-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}:root{--color-secondary:#c6c6c6;--color-outline-variant:#5b4138;--color-primary-container:#ff5f1f;--color-secondary-fixed:#e2e2e2;--color-on-surface-variant:#e3bfb3;--color-on-tertiary:#313030;--color-error:#ffb4ab;--color-on-tertiary-fixed-variant:#474646;--color-surface-container-lowest:#0e0e0e;--color-surface-variant:#353534;--color-primary:#ffb59c;--color-on-background:#e5e2e1;--color-surface-container-highest:#353534;--color-surface-container:#201f1f;--color-background:#131313;--color-surface-container-low:#1c1b1b;--color-on-secondary-fixed:#1a1c1c;--color-inverse-primary:#ab3600;--color-outline:#aa897f;--color-on-secondary-fixed-variant:#454747;--color-on-tertiary-container:#2d2c2c;--color-secondary-container:#454747;--color-surface-tint:#ffb59c;--color-primary-fixed-dim:#ffb59c;--color-on-secondary:#2f3131;--color-on-primary-container:#561700;--color-inverse-on-surface:#313030;--color-tertiary-fixed:#e5e2e1;--color-surface-bright:#393939;--color-on-error-container:#ffdad6;--color-surface-container-high:#2a2a2a;--color-on-secondary-container:#b5b5b5;--color-on-tertiary-fixed:#1c1b1b;--color-on-surface:#e5e2e1;--color-inverse-surface:#e5e2e1;--color-tertiary-container:#959393;--color-on-primary-fixed:#390c00;--color-tertiary-fixed-dim:#c9c6c5;--color-secondary-fixed-dim:#c6c6c6;--color-on-primary-fixed-variant:#832700;--color-error-container:#93000a;--color-surface-dim:#131313;--color-primary-fixed:#ffdbcf;--color-tertiary:#c9c6c5;--color-on-primary:#5c1900;--color-on-error:#690005;--color-surface:#131313;--radius-default:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--spacing-margin:32px;--spacing-gutter:24px;--spacing-container-max:1280px;--spacing-unit:4px;--font-label-sm:"JetBrains Mono",monospace;--font-button:"Inter",sans-serif;--font-body-lg:"Inter",sans-serif;--font-body-md:"Inter",sans-serif;--font-display-lg:"Space Grotesk",sans-serif;--font-headline-lg:"Space Grotesk",sans-serif;--font-headline-lg-mobile:"Space Grotesk",sans-serif;--fs-label-sm:12px;--lh-label-sm:1;--ls-label-sm:0.05em;--fw-label-sm:500;--fs-button:14px;--lh-button:1;--ls-button:0.02em;--fw-button:600;--fs-body-lg:18px;--lh-body-lg:1.6;--ls-body-lg:0;--fw-body-lg:400;--fs-body-md:16px;--lh-body-md:1.5;--ls-body-md:0;--fw-body-md:400;--fs-display-lg:64px;--lh-display-lg:1.1;--ls-display-lg:-0.04em;--fw-display-lg:700;--fs-headline-lg:32px;--lh-headline-lg:1.2;--ls-headline-lg:-0.02em;--fw-headline-lg:600;--fs-headline-lg-mobile:24px;--lh-headline-lg-mobile:1.2;--ls-headline-lg-mobile:-0.01em;--fw-headline-lg-mobile:600}html{scroll-behavior:smooth;color-scheme:dark}body{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-body-md);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);font-weight:var(--fw-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1}nav{background:var(--color-surface);border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(170 137 127 / var(--tw-border-opacity,1));position:sticky;top:0px;width:100%;z-index:50}nav>div{align-items:center;display:flex;height:72px;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--spacing-container-max);padding-left:var(--spacing-margin);padding-right:var(--spacing-margin);width:100%}nav>div>a:nth-child(1){font-family:Space Grotesk;font-size:24px;line-height:1.2;letter-spacing:-0.05em;font-weight:700;--tw-text-opacity:1;color:rgb(229 226 225 / var(--tw-text-opacity,1))}nav div.shortcuts{align-items:center;display:none;height:100%}nav div.shortcuts a{align-items:center;display:flex;font-family:JetBrains Mono;font-size:12px;line-height:1;letter-spacing:0.05em;font-weight:500;margin-right:1rem;margin-left:1rem;transition-duration:150ms;--tw-text-opacity:1;color:rgb(227 191 179 / var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}nav div.shortcuts a:hover{--tw-text-opacity:1;color:rgb(255 95 31 / var(--tw-text-opacity,1))}#nav-menu{position:relative}#nav-menu .dropdown{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;background-color:#1a1a1a;border-radius:4px;position:absolute;top:100%;right:0;min-width:180px;z-index:100}#nav-menu .dropdown[hidden]{display:none}#nav-menu .dropdown a{display:block;color:#e3e3e3;text-decoration:none;padding:0.5rem 0}nav button{align-items:center}nav button.cv{border-width:1px;display:none;font-family:Inter;justify-content:center;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1.5rem;padding-right:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgb(255 95 31 / var(--tw-bg-opacity,1));--tw-border-opacity:1;border-color:rgb(255 95 31 / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(14 14 14 / var(--tw-text-opacity,1));font-size:14px;line-height:1;letter-spacing:0.02em;font-weight:600}nav button.cv:hover{box-shadow:4px 4px 0px 0px var(--color-primary-container);transform:translate(-2px,-2px)}nav div.menu{display:inline-block}nav div.menu:hover>button{display:none}@media (min-width:768px){nav>div>a:nth-child(1){font-size:32px;line-height:1.2;letter-spacing:-0.02em;font-weight:600}nav div.shortcuts{display:flex}nav button.cv{display:inline-flex}nav #nav-menu{display:none}}footer{background:var(--color-surface-container-lowest);width:100%;bottom:0;border-top:1px solid var(--color-outline);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-left:var(--spacing-margin);padding-right:var(--spacing-margin);padding-top:2rem;padding-bottom:2rem;margin-top:auto}footer>div:nth-child(1){font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm);color:var(--color-primary-container);margin-bottom:1rem}footer>div:nth-child(2){font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-on-surface-variant);margin-bottom:1rem;text-align:center}footer>div:nth-child(3){display:flex;gap:1.5rem}footer>div:nth-child(3) a{font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:0.1em;font-weight:var(--fw-label-sm);color:var(--color-on-surface-variant);text-decoration:none;transition:all 150ms cubic-bezier(0.4,0,0.2,1)}footer>div:nth-child(3) a:hover{color:var(--color-primary-container)}.text-label-sm{font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm)}.text-button{font-family:var(--font-button);font-size:var(--fs-button);line-height:var(--lh-button);letter-spacing:var(--ls-button);font-weight:var(--fw-button)}.text-body-lg{font-family:var(--font-body-lg);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);font-weight:var(--fw-body-lg)}.text-body-md{font-family:var(--font-body-md);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);font-weight:var(--fw-body-md)}.text-display-lg{font-family:var(--font-display-lg);font-size:var(--fs-display-lg);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg);font-weight:var(--fw-display-lg)}.text-headline-lg{font-family:var(--font-headline-lg);font-size:var(--fs-headline-lg);line-height:var(--lh-headline-lg);letter-spacing:var(--ls-headline-lg);font-weight:var(--fw-headline-lg)}.text-headline-lg-mobile{font-family:var(--font-headline-lg-mobile);font-size:var(--fs-headline-lg-mobile);line-height:var(--lh-headline-lg-mobile);letter-spacing:var(--ls-headline-lg-mobile);font-weight:var(--fw-headline-lg-mobile)}.rounded{border-radius:var(--radius-default)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.container-max{max-width:var(--spacing-container-max)}.gutter{gap:var(--spacing-gutter)}.margin{margin:var(--spacing-margin)}section{border-bottom-width:1px;margin-left:auto;margin-right:auto;max-width:var(--spacing-container-max);padding-top:5rem;padding-bottom:5rem;padding-left:var(--spacing-margin);padding-right:var(--spacing-margin);--tw-border-opacity:1;border-color:rgb(170 137 127 / var(--tw-border-opacity,1))}section .title{align-items:flex-end;border-bottom-width:1px;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem;--tw-border-opacity:1;border-color:rgb(170 137 127 / var(--tw-border-opacity,1))}section .title>h2{font-family:Space Grotesk;--tw-text-opacity:1;color:rgb(229 226 225 / var(--tw-text-opacity,1));font-size:24px;line-height:1.2;letter-spacing:-0.01em;font-weight:600}section#landing{align-items:center;display:grid;gap:var(--spacing-gutter);padding-top:120px;padding-bottom:120px}section#landing div:nth-child(1)>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(2rem * var(--tw-space-y-reverse));margin-block-end:calc(2rem * calc(1 - var(--tw-space-y-reverse)))}section#landing div:nth-child(1)>div:last-child{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}section#landing div:nth-child(1) div:first-child{display:inline-block;border:1px solid var(--color-outline);padding:0.25rem 0.75rem;background-color:var(--color-surface-container);color:var(--color-primary-container);font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm)}section#landing div:nth-child(2){display:flex;justify-content:flex-end;margin-top:3rem}section#landing div:nth-child(2)>div{border:1px solid var(--color-outline);padding:0.5rem}section#landing button{align-items:center;border-width:1px;display:inline-flex;font-family:Inter;font-size:14px;line-height:1;letter-spacing:0.02em;font-weight:600;justify-content:center;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:2rem;padding-right:2rem;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;width:100%}section#landing a[href="#projects"] button{border-color:var(--color-primary-container);background-color:var(--color-primary-container);color:#0e0e0e}section#landing a[href^="mailto:"] button{border-color:var(--color-outline);background-color:var(--color-surface);color:var(--color-on-surface)}section#landing button:hover{box-shadow:4px 4px 0px 0px var(--color-primary-container);transform:translate(-2px,-2px)}section#landing h1{font-family:var(--font-display-lg);font-size:var(--fs-display-lg);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg);font-weight:var(--fw-display-lg);color:var(--color-on-surface)}section#landing img{object-fit:cover;aspect-ratio:1 / 1;height:auto;width:100%;--tw-contrast:contrast(1.25);--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}section#landing p{font-family:var(--font-body-lg);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);font-weight:var(--fw-body-lg);color:var(--color-on-surface-variant);max-width:28rem}section#projects article{border:1px solid var(--color-primary-container);position:relative}section#projects>div:nth-of-type(2){display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}section#projects article:focus-within{outline-style:solid;outline-width:2px;outline-offset:4px;outline-color:var(--color-primary)}section#projects article:hover{box-shadow:4px 4px 0px 0px var(--color-primary-container);transform:translate(-2px,-2px)}section#projects article:active{box-shadow:0px 0px 0px 0px var(--color-primary-container);transform:translate(0px,0px)}section#projects article>a{display:block;height:100%;text-decoration:none;color:inherit}section#projects article>a>div:nth-child(1){display:flex;justify-content:space-between;align-items:center;border-bottom-width:1px;border-color:var(--color-primary);padding:0.5rem;background-color:var(--color-surface-container-high)}section#projects article>a>div:nth-child(1)>span{font-family:var(--font-label-sm);font-size:12px;line-height:1.4;font-weight:400}section#projects article>a>div:nth-child(2){display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}section#projects article>a>div:nth-child(2)>h3{font-family:var(--font-label-sm);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);font-weight:var(--fw-body-lg);color:var(--color-on-surface);margin-bottom:0.5rem}section#projects article>a>div:nth-child(2)>p{font-family:var(--font-label-sm);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);font-weight:var(--fw-body-md);color:var(--color-on-surface-variant);margin-bottom:1rem;flex-grow:1}section#projects article>a>div:nth-child(2)>div:nth-child(3){display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:auto}section#projects article>a>div:nth-child(2)>div:nth-child(3)>span{border-width:1px;border-color:var(--color-primary-container);background-color:var(--color-primary-container);color:#0e0e0e;font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm);padding:var(--spacing-unit) 0.5rem}section#timeline{border-bottom-width:0px}section#timeline>div:nth-of-type(2){padding-bottom:2rem;border-left-width:1px;--tw-border-opacity:1;border-color:rgb(170 137 127 / var(--tw-border-opacity,1));margin-left:1rem}section#timeline>div:nth-of-type(2)>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(3rem * var(--tw-space-y-reverse));margin-block-end:calc(3rem * calc(1 - var(--tw-space-y-reverse)))}section#timeline>div:nth-of-type(2)>div{position:relative;padding-left:2rem}section#timeline>div:nth-of-type(2)>div .square{position:absolute;left:-5px;top:0px;width:0.5rem;height:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 95 31 / var(--tw-bg-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 95 31 / var(--tw-bg-opacity,1))}section#timeline>div:nth-of-type(2)>div .text{display:grid;gap:1rem}section#timeline>div:nth-of-type(2)>div .text>div:first-child{font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm);color:var(--color-on-surface-variant);padding-top:var(--spacing-unit)}section#timeline>div:nth-of-type(2)>div .text>div:nth-child(2)>h3{font-family:var(--font-body-lg);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);font-weight:700;color:var(--color-on-surface)}section#timeline>div:nth-of-type(2)>div .text>div:nth-child(2)>h6{font-family:var(--font-label-sm);font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);letter-spacing:var(--ls-label-sm);font-weight:var(--fw-label-sm);color:var(--color-primary-container);margin-top:var(--spacing-unit);margin-bottom:1rem}section#timeline>div:nth-of-type(2)>div .text>div:nth-child(2)>p{font-family:var(--font-body-md);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);font-weight:var(--fw-body-md);color:var(--color-on-surface-variant)}@media (min-width:768px){footer{flex-direction:row}footer>div:nth-child(1){margin-bottom:0}footer>div:nth-child(2){margin-bottom:0}section .title>h2{font-size:32px;line-height:1.2;letter-spacing:-0.02em;font-weight:600}section#landing{padding-top:160px;padding-bottom:160px;grid-template-columns:repeat(2,minmax(0,1fr))}section#landing div:nth-child(2){margin-top:0}section#projects>div:nth-of-type(2){grid-template-columns:repeat(3,minmax(0,1fr))}section#projects>div:nth-of-type(2)>article:nth-child(4n + 1),section#projects>div:nth-of-type(2)>article:nth-child(4n + 4){grid-column:span 2 / span 2}section#timeline>div:nth-of-type(2){margin-left:2rem}section#timeline>div:nth-of-type(2)>div{padding-left:4rem}section#timeline>div:nth-of-type(2)>div .text{grid-template-columns:200px 1fr}}@media (min-width:640px){section#landing button{width:auto}section#landing div:nth-child(1)>div:last-child{flex-direction:row}}@media (prefers-reduced-motion:no-preference){section#projects article{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}}