*{margin:0;box-sizing:border-box}h2{font-size:var(--type-size-default);margin:0;color:var(--type-color)}:root{--dsv1-black: #000000;--dsv1-blue: #2f29fe;--dsv1-blue-darker: #1a188b;--dsv1-white: rgb(255 255 255);--dsv1-slate: #bdbdbd;--dsv1-slate-light: #e6e6e6;--dsv1-slate-dark: #808080;--dsv1-green: #29fe54;--dsv1-green-darker: #1a8b33;--dsv1-red: #ed0606;--dsv1-red-darker: #2b0000;--dsv1-orange: #e29716;--dsv1-orange-darker: #8b4e08;--dsv1-yellow: #f4ec08;--dsv1-yellow-darker: #767205;--dsv1-overlay-light: rgba(0, 0, 0, .05);--dsv1-overlay-dark: rgba(255, 255, 255, .1);--dsv1-overlay-blue-light: color-mix(in hsl, var(--dsv1-blue) 15%, var(--dsv1-white));--dsv1-overlay-blue-dark: color-mix(in hsl, var(--dsv1-blue-darker) 25%, var(--dsv1-black));--dsv1-overlay-red-light: color-mix(in hsl, var(--dsv1-red) 15%, var(--dsv1-white));--dsv1-overlay-red-dark: color-mix(in hsl, var(--dsv1-red-darker) 25%, var(--dsv1-black));--dsv1-overlay-orange-light: color-mix(in hsl, var(--dsv1-orange) 15%, var(--dsv1-white));--dsv1-overlay-orange-dark: color-mix(in hsl, var(--dsv1-orange-darker) 25%, var(--dsv1-black));--dsv1-overlay-green-light: color-mix(in hsl, var(--dsv1-green) 15%, var(--dsv1-white));--dsv1-overlay-green-dark: color-mix(in hsl, var(--dsv1-green-darker) 25%, var(--dsv1-black));--dsv1-overlay-yellow-light: color-mix(in hsl, var(--dsv1-yellow) 15%, var(--dsv1-white));--dsv1-overlay-yellow-dark: color-mix(in hsl, var(--dsv1-yellow-darker) 25%, var(--dsv1-black));--typeface: GT-America-Standard-Regular;--typeface-medium: GT-America-Standard-Medium;--type-size-default: calc(14px * var(--portfolio-scaling-factor));--type-size-title: calc(36px * var(--portfolio-scaling-factor));--type-size-title-mobile: calc(24px * var(--portfolio-scaling-factor));--type-lineheight: calc(20px * var(--portfolio-scaling-factor));--type-color: light-dark(var(--dsv1-black), var(--dsv1-white));--type-color-inverted: light-dark(var(--dsv1-white), var(--dsv1-black));--portfolio-scaling-factor: round(var(--portfolio-scaling-factor-mobile), 1);--portfolio-scaling-factor-mobile: 1;--project-design-system-light-square: var(--dsv1-blue);--project-design-system-dark-square: var(--dsv1-blue-darker);--project-design-system-light-background: color-mix(in srgb, var(--dsv1-blue) 5%, var(--dsv1-white));--project-design-system-dark-background: color-mix(in srgb, var(--dsv1-blue-darker) 10%, var(--dsv1-black));--project-digte-light-square: var(--dsv1-red);--project-digte-dark-square: var(--dsv1-red-darker);--project-digte-light-background: color-mix(in srgb, var(--dsv1-red) 5%, var(--dsv1-white));--project-digte-dark-background: color-mix(in srgb, var(--dsv1-red-darker) 10%, var(--dsv1-black));--project-ritonel-light-square: var(--dsv1-orange);--project-ritonel-dark-square: var(--dsv1-orange-darker);--project-ritonel-light-background: color-mix(in srgb, var(--dsv1-orange) 5%, var(--dsv1-white));--project-ritonel-dark-background: color-mix(in srgb, var(--dsv1-orange-darker) 10%, var(--dsv1-black));--project-allmythings-light-square: var(--dsv1-green);--project-allmythings-dark-square: var(--dsv1-green-darker);--project-allmythings-light-background: color-mix(in srgb, var(--dsv1-green) 5%, var(--dsv1-white));--project-allmythings-dark-background: color-mix(in srgb, var(--dsv1-green-darker) 10%, var(--dsv1-black));--project-ezo-light-square: var(--dsv1-yellow);--project-ezo-dark-square: var(--dsv1-yellow-darker);--project-ezo-light-background: color-mix(in srgb, var(--dsv1-yellow) 5%, var(--dsv1-white));--project-ezo-dark-background: color-mix(in srgb, var(--dsv1-yellow-darker) 10%, var(--dsv1-black));--work-ikea-light-square: var(--dsv1-blue);--work-ikea-dark-square: var(--dsv1-blue-darker);--work-ikea-light-background: color-mix(in srgb, var(--dsv1-blue) 5%, var(--dsv1-white));--work-ikea-dark-background: color-mix(in srgb, var(--dsv1-blue-darker) 10%, var(--dsv1-black));--work-konektesg-light-square: var(--dsv1-red);--work-konektesg-dark-square: var(--dsv1-red-darker);--work-konektesg-light-background: color-mix(in srgb, var(--dsv1-red) 5%, var(--dsv1-white));--work-konektesg-dark-background: color-mix(in srgb, var(--dsv1-red-darker) 10%, var(--dsv1-black));--work-siemens-light-square: var(--dsv1-yellow);--work-siemens-dark-square: var(--dsv1-yellow-darker);--work-siemens-light-background: color-mix(in srgb, var(--dsv1-yellow) 5%, var(--dsv1-white));--work-siemens-dark-background: color-mix(in srgb, var(--dsv1-yellow-darker) 10%, var(--dsv1-black));--work-gsv-light-square: var(--dsv1-green);--work-gsv-dark-square: var(--dsv1-green-darker);--work-gsv-light-background: color-mix(in srgb, var(--dsv1-green) 5%, var(--dsv1-white));--work-gsv-dark-background: color-mix(in srgb, var(--dsv1-green-darker) 10%, var(--dsv1-black));--work-ooono-light-square: var(--dsv1-orange);--work-ooono-dark-square: var(--dsv1-orange-darker);--work-ooono-light-background: color-mix(in srgb, var(--dsv1-orange) 5%, var(--dsv1-white));--work-ooono-dark-background: color-mix(in srgb, var(--dsv1-orange-darker) 10%, var(--dsv1-black));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:light dark;--text-padding: calc(2px * var(--portfolio-scaling-factor));--spacing-gap: calc(5px * var(--portfolio-scaling-factor))}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@font-face{font-family:GT-America-Standard-Regular;src:url(/assets/GT-America-Standard-Regular.D0diRAYu.woff2) format("woff2");font-display:swap}@font-face{font-family:GT-America-Standard-Medium;src:url(/assets/GT-America-Standard-Medium.DAALIMIw.woff2) format("woff2");font-display:swap}:root{--dsv1-black: #000000;--dsv1-blue: #2f29fe;--dsv1-blue-darker: #1a188b;--dsv1-white: rgb(255 255 255);--dsv1-slate: #bdbdbd;--dsv1-slate-light: #e6e6e6}@view-transition{navigation: auto;}body{display:flex;flex-direction:column;justify-content:left;font-family:var(--typeface);font-size:14px;color:var(--dsv1-red),var(--dsv1-white);letter-spacing:-.2px;--page-light-background: var(--dsv1-white);--page-dark-background: var(--dsv1-black);background-color:light-dark(var(--page-light-background),var(--page-dark-background));line-height:20px}.category,.year-container,.col4{display:inline-flex;padding:0 2px;justify-content:left;align-items:center;width:100%;height:20px}.category.mobile{display:none}p{font-family:var(--type-regular);font-size:var(--type-size-default);line-height:var(--type-lineheight)}p.mobile{font-size:var(--type-size-default);line-height:var(--type-lineheight)}.desktop-only{display:block}.mobile-only{display:none}.portfolio-grid{display:grid;grid-template-columns:calc120px 480px;grid-template-rows:120px 120px 60px 180px 60px 120px 60px 20px 120px 120px;grid-template-areas:"square ." ". title" ". header" ". projects" ". ." ". bio" ". ." ". nav" ". ." ". footer" ". ."}.portfolio-grid.mobile{display:grid;width:100%;grid-template-columns:60px 320px 1fr;grid-template-rows:60px 60px 60px 180px 60px 180px 20px 60px 90px;grid-template-areas:"square . ." ". title ." ". header ." ". projects ." ". . ." ". bio ." ". nav ." ". . ." "email-cta footer ."}.page-grid{display:grid;grid-template-columns:120px 480px;grid-template-rows:120px 120px 60px 320px 120px 20px 60px 20px 120px 120px;grid-template-areas:"square ." ". title" ". header" ". content" ". ." ". nav" ". ." ". footer" ". ."}.page-grid.mobile{display:grid;grid-template-columns:60px 320px 1fr;grid-template-rows:60px 60px 60px 320px 60px 20px 60px 60px 90px;grid-template-areas:"square . ." ". title ." ". header ." ". content ." ". . ." ". nav ." ". . ." ". footer ." ". . ."}.bio{grid-area:bio}.status-container{display:inline-flex;height:20px;padding:0 2px;align-items:flex-start;gap:5px;flex-shrink:0}.status-indicator{width:8px;height:8px;display:inline-block;transition:background .2s,border-radius .2s}.grid-row:hover .status-indicator{border-radius:20px}.projects-grid{display:flex;flex-direction:column;gap:20px;max-width:476px;margin-left:2px;grid-area:projects}.projects-grid.mobile{width:320px;margin-left:0}.grid-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;transition:background .2s,box-shadow .2s;text-decoration:none;color:light-dark(var(--dsv1-black),var(--dsv1-white));text-align:left}.grid-row.mobile{grid-template-columns:.8fr .5fr 1fr}.grid-row:hover{background:light-dark(rgba(0,0,0,.07),rgba(103,103,103,.33));cursor:pointer;box-shadow:0 0 0 2px light-dark(rgba(0,0,0,.07),rgba(103,103,103,.33))}.grid-row p{margin:0;font-size:14px;background:none}.projects-grid>div[style*="background: #e6e6e6"]{background:#e6e6e6;border-radius:2px}.work-grid-row{grid-template-columns:.8fr .8fr 1fr}.status-indicator.done{background-color:green}.status-indicator.pending{background-color:#f6c71c}.status-indicator.ongoing{background-color:#30adec}.status-indicator.not-started{background-color:#b1b4b9}.header-container{display:flex;justify-content:space-between;align-items:center;width:480px}.expand-icon-container{display:flex;align-items:center;justify-content:end;width:100%;height:20px;margin-right:2px}.expand-icon{display:none;align-items:center;justify-content:center;width:12px;height:12px;margin-right:3px}.grid-row:hover .expand-icon{display:flex}.expand-icon.mobile{display:flex;right:0;margin-right:0;width:12px;height:12px}.grid-row.mobile .expand-icon{display:flex}.col4{display:flex;align-items:center;justify-content:end;justify-items:space-between;width:100%;height:20px}footer{display:flex;flex-direction:column;justify-content:start;gap:20px;margin-left:120px;align-items:left;grid-area:footer}footer.mobile{margin-left:calc(var(--portfolio-scaling-factor) * 60px);margin-bottom:calc(var(--portfolio-scaling-factor) * 20px);pointer-events:none}footer.mobile dsv1-cycle,footer.mobile a{pointer-events:auto}footer>p{color:var(--portfolio-slate)}.copyright{font-size:14px;margin-top:20px}.copyright.mobile{font-size:14px;margin-top:calc(var(--portfolio-scaling-factor) * 20px);color:light-dark(var(--portfolio-slate),var(--portfolio-slate-dark))}.wordmark{display:flex;width:calc(var(--portfolio-scaling-factor) * 90px);height:calc(var(--portfolio-scaling-factor) * 90px);grid-area:bio;margin-left:calc(var(--portfolio-scaling-factor) * 380px);margin-top:calc(var(--portfolio-scaling-factor) * 60px)}.wordmark.mobile{display:flex;width:calc(var(--portfolio-scaling-factor) * 60px);height:calc(var(--portfolio-scaling-factor) * 60px);grid-area:bio;justify-content:end;margin-left:calc(var(--portfolio-scaling-factor) * 240px);margin-top:calc(var(--portfolio-scaling-factor) * 100px)}.copyright-email{display:flex;align-items:center;justify-content:space-between;width:100%}.dimmed{color:light-dark(var(--dsv1-slate),var(--dsv1-slate-dark));text-decoration:none}