.margo-background-glow:before{content:"";z-index:-1;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(var(--margo-background-glow-size,480px) circle at var(--margo-background-glow-x,50%) var(--margo-background-glow-y,50%), var(--color-primary), transparent 70%);transition:opacity .3s ease-out;position:absolute;inset:0}.margo-background-glow:after{content:"";z-index:-1;pointer-events:none;opacity:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:var(--margo-background-glow-noise-tile,120px);mix-blend-mode:overlay;transition:opacity .3s ease-out;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.margo-background-glow:hover:before{opacity:var(--margo-background-glow-opacity,.1)}.margo-background-glow:hover:after{opacity:var(--margo-background-glow-noise-opacity,.04)}}#_branch-column-left_v776f_1{animation:linear both _animate-column-left_v776f_1;animation-timeline:view();animation-range:entry 50%}#_branch-column-right_v776f_1{animation:linear both _animate-column-right_v776f_1;animation-timeline:view();animation-range:entry 50%}@keyframes _animate-column-left_v776f_1{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes _animate-column-right_v776f_1{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}#_contact-content_1g20k_1{animation:linear both _animate-content_1g20k_1;animation-timeline:view();animation-range:entry 60%}@keyframes _animate-content_1g20k_1{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:scroll()){#_hero-content_176i1_1{animation:linear both _animate-content_176i1_1;animation-timeline:scroll(root);animation-range:0 60vh}}@supports (animation-timeline:scroll()){#_hero-role_176i1_1{animation:linear both _animate-role_176i1_1;animation-timeline:scroll(root);animation-range:0 60vh}}#_hero-title_176i1_1{display:inline-block}@supports (animation-timeline:scroll()){#_hero-title_176i1_1{animation:linear both _animate-title_176i1_1;animation-timeline:scroll(root);animation-range:0 60vh}}@keyframes _animate-content_176i1_1{0%{opacity:1}to{opacity:0}}@keyframes _animate-role_176i1_1{0%{translate:0}to{translate:0 -2rem}}@keyframes _animate-title_176i1_1{0%{translate:0}to{translate:-3rem}}#_project-stack_lpalq_1{view-timeline-name:--project-stack;view-timeline-axis:block}._project-card_lpalq_6{top:calc(4rem + var(--project-index) * .75rem);position:sticky}@media (width>=900px){._project-card_lpalq_6{top:calc(6rem + var(--project-index) * 1.25rem)}}._project-card-image_lpalq_15{--project-card-mask-stops:#000 45%, #000000fc 50.3%, #000000f3 55.5%, #000000e4 60.5%, #000000d0 65.4%, #000000b8 70.3%, #0000009d 75.1%, #00000080 79.9%, #00000062 84.7%, #00000047 89.4%, #0000002f 94.1%, #0000001b 96.5%, #0000000c 98.2%, #00000003 99.3%, #0000 100%;--project-card-mask-dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.3' intercept='0.7'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23d)'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(to bottom, #000 0%, var(--project-card-mask-stops)), var(--project-card-mask-dither);mask-image:linear-gradient(to bottom, #000 0%, var(--project-card-mask-stops)), var(--project-card-mask-dither);-webkit-mask-size:100% 100%,160px 160px;mask-size:100% 100%,160px 160px;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (width>=900px){._project-card-image_lpalq_15{-webkit-mask-image:linear-gradient(to right, #000 0%, var(--project-card-mask-stops)), var(--project-card-mask-dither);mask-image:linear-gradient(to right, #000 0%, var(--project-card-mask-stops)), var(--project-card-mask-dither)}}._project-card-content_lpalq_38{--project-card-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transform-origin:50% 0}._project-card-content_lpalq_38:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background-image:var(--project-card-noise);opacity:.06;background-size:120px;position:absolute;inset:0}@supports (animation-timeline:view()){@media not (prefers-reduced-motion:reduce){._project-card-content_lpalq_38{animation:linear both _animate-project-card_lpalq_1,linear both _animate-project-card-enter_lpalq_1;animation-timeline:--project-stack,view();animation-range:exit-crossing calc((var(--project-index) / var(--project-count)) * 100%) exit-crossing calc(((var(--project-index) + 1) / var(--project-count)) * 100%), entry 0% entry 50%}}}@keyframes _animate-project-card_lpalq_1{to{filter:brightness(.85);scale:.88}}@keyframes _animate-project-card-enter_lpalq_1{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}#_job-calendar-timeline_1ypvg_1{view-timeline-name:--job-calendar-line;view-timeline-axis:block}#_job-calendar-line_1ypvg_1{transform-origin:top;animation:linear both _animate-line_1ypvg_1;animation-timeline:--job-calendar-line;animation-range:entry 50% entry 120%}#_job-calendar-card_1ypvg_1{animation:linear both _animate-card_1ypvg_1;animation-timeline:view();animation-range:entry 60%}#_job-calendar-skills_1ypvg_1{animation:linear both _animate-skills_1ypvg_1;animation-timeline:view();animation-range:entry 400% entry 760%}@keyframes _animate-line_1ypvg_1{0%{scale:1 0}to{scale:1}}@keyframes _animate-card_1ypvg_1{0%{opacity:0;transform:translate(-4rem)}50%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes _animate-skills_1ypvg_1{0%{opacity:0;transform:translate(10rem)}to{opacity:1;transform:translate(0)}}#_roadmap-cable_wipc1_1{view-timeline-name:--roadmap-cable;view-timeline-axis:block}#_roadmap-cable-line_wipc1_1{transform-origin:top;animation:linear both _animate-cable-line_wipc1_1;animation-timeline:--roadmap-cable;animation-range:entry 50% entry 200%}@keyframes _animate-cable-line_wipc1_1{0%{scale:1 0}to{scale:1}}@supports (animation-timeline:view()){@media not (prefers-reduced-motion:reduce){#_welcome-title_dal9p_1{background-image:linear-gradient(to right, var(--margo-color-on-main) 0 50%, var(--margo-color-low) 50% 100%);color:#0000;background-position:100% 0;background-repeat:no-repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-block:-.2em;padding-block:.2em;animation:linear both _animate-title_dal9p_1;animation-timeline:view();animation-range:entry 60% cover 90%}}}#_welcome-image_dal9p_1{animation:linear both _animate-image_dal9p_1;animation-timeline:view();animation-range:entry}@media not (prefers-reduced-motion:reduce){#_welcome-image_dal9p_1{view-timeline-name:--welcome-image}}@media not (prefers-reduced-motion:reduce){#_welcome-image-parallax_dal9p_1{will-change:object-position;animation:linear both _animate-image-parallax_dal9p_1;animation-timeline:--welcome-image;animation-range:cover}}@keyframes _animate-title_dal9p_1{0%{background-position:100% 0}to{background-position:0 0}}@keyframes _animate-image_dal9p_1{0%{opacity:0}to{opacity:1}}@keyframes _animate-image-parallax_dal9p_1{0%{object-position:50% 100%}to{object-position:50% -100%}}
