.project{position:relative;text-wrap:pretty}.project-content{display:grid;grid-template-columns:368px 1fr;gap:var(--space-column);margin-bottom:var(--space-lg)}.project-text{max-width:368px;position:sticky;top:var(--space-md);height:fit-content;align-self:start}.project-media{display:flex;flex-direction:column;gap:var(--space-lg)}.media-item{width:100%;border-radius:6px;overflow:hidden}.media-item img,.media-item video{width:100%;height:auto;display:block;object-fit:cover}.sub-project .project-text{top:var(--space-md)}@media(max-width:1024px){.project-content{grid-template-columns:1fr;gap:var(--space-md);max-width:600px;margin-left:auto;margin-right:auto}.project-text{max-width:none;position:relative;top:0}.sub-project{margin-top:var(--space-lg)}.sub-project .project-text{top:0}.project-media{gap:var(--space-md)}}:root{--color-background: #F8F8F8;--color-text: #101010;--color-accent: #0070f3;--color-tag-bg: rgba(0, 0, 0, .04);--color-divider: rgba(0, 0, 0, .08);--font-family: "Octave Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-medium: "Octave Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--space-xs: 3px;--space-sm: 9px;--space-md: 16px;--space-lg: 24px;--space-xl: 120px;--space-column: 32px;--space-divider: 64px;--text-xs: 12px;--text-sm: 16px;--text-base: 20px;--line-height-tight: 22px;--line-height-base: 28px;--opacity-light: .04;--opacity-medium: .08}[data-theme=dark]{--color-background: #101010;--color-text: #F8F8F8;--color-accent: #3b82f6;--color-tag-bg: rgba(255, 255, 255, .04);--color-divider: rgba(255, 255, 255, .08)}@font-face{font-family:Octave Regular;src:url(/assets/Octave-Regular-SzGLhdOq.woff2) format("woff2"),url(/assets/Octave-Regular-BCyed3rY.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Octave Medium;src:url(/assets/Octave-Medium-DepzV08A.woff2) format("woff2"),url(/assets/Octave-Medium-BO8jCDk3.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{padding:var(--space-md);position:relative;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:var(--space-lg);padding-top:var(--space-xl)}@media(max-width:1024px){#root{padding:var(--space-sm);padding-top:var(--space-lg)}}h1,h2,h3,p{text-align:left;font-weight:400;font-family:var(--font-family)}h1,h2,h3,.social-links a{font-family:var(--font-family-regular)}h1{font-size:var(--text-base);letter-spacing:-.2px;line-height:var(--line-height-base);margin:0;width:100%}@media(max-width:1024px){h1{margin-left:auto;margin-right:auto}}h2,h3{font-size:var(--text-sm);line-height:var(--line-height-tight);font-weight:600;max-width:600px;margin-bottom:0}p{font-size:var(--text-sm);line-height:var(--line-height-tight);max-width:600px;margin-bottom:calc(var(--space-lg) * 1.25)}.project:last-of-type{margin-bottom:var(--space-xl)}@media(max-width:1024px){.project:last-of-type{margin-bottom:calc(var(--space-lg) * 3)}}::selection{background-color:var(--color-text);color:var(--color-background)}.section-divider{width:100%;height:1px;background-color:var(--color-divider);border:none;margin:var(--space-divider) 0}@media(max-width:1024px){.section-divider{margin:var(--space-divider) 0;max-width:600px;margin-left:auto;margin-right:auto}}.footer{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:var(--space-md);padding-top:40px;background-color:var(--color-background)}.footer-text{gap:var(--space-sm);display:flex;flex-direction:column}.footer-text p{margin:0}.social-links{display:flex;gap:6px}.social-links a,.theme-toggle{background-color:var(--color-tag-bg);border:none;border-radius:6px;font-size:var(--text-sm);color:var(--color-text);cursor:default;text-decoration:none;padding:var(--space-sm) var(--space-sm);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.social-links a:hover,.theme-toggle:hover{background-color:var(--color-divider)}.social-links a:focus,.theme-toggle:focus{outline:2px solid var(--color-divider);border:1px solid var(--color-background);transition:none}.theme-toggle img{width:16px;height:16px;filter:invert(var(--is-dark-mode, 0));transition:filter .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .theme-toggle img{--is-dark-mode: 1}@media(max-width:1024px){.footer{padding:none;padding-top:calc(var(--space-lg) * 3)}}.project-text,.header-text{max-width:368px;position:sticky;top:var(--space-md);height:fit-content;align-self:start}.header-text{max-width:none}.project-text h2{margin-bottom:var(--space-sm)}.project-text p{margin-bottom:0}a{color:var(--color-text);text-decoration:none;font-family:var(--font-family-medium);position:relative;transition:color .2s cubic-bezier(.4,0,.2,1)}a:after{content:"";position:absolute;width:100%;height:1.5px;bottom:-1px;left:0;background-color:var(--color-text);transform:scaleX(0);transform-origin:bottom right;transition:transform .25s cubic-bezier(.4,0,.2,1)}a:hover:after{transform:scaleX(1);transform-origin:bottom left}a:focus{border-bottom:1.5px solid var(--color-text);outline:none}@media(max-width:1024px){.project-content{grid-template-columns:1fr;gap:var(--space-md);max-width:600px;margin-left:auto;margin-right:auto}.project-text,.header-text{max-width:none;position:relative;top:0}.sub-project{margin-top:var(--space-lg)}.sub-project .project-text{top:0}.project-media{gap:var(--space-md)}}