@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);<<<<<<< HEAD

=======
@font-face{font-family:Nightingale;src:url(/static/media/Nightingale.cde2f3b47d51b482e90b.otf)}>>>>>>>newoct

body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-items:center;display:flex;flex-direction:column;justify-content:center}.text-company-title{color:var(--color-primary);font:var(--text-company-title);margin:0}.text-project-title{color:var(--color-primary);font:var(--text-project-title);line-height:var(--line-height-base);margin:0;text-decoration:underline}.project-item-clickable .text-project-title{transition:color .2s ease}.project-item:not(.project-item-clickable) .text-project-title{text-decoration:none}.text-body{margin:0}.text-body,.text-nav-link{color:var(--color-secondary);font:var(--text-body);line-height:var(--line-height-base)}.text-nav-link{text-decoration:underline;transition:color .2s ease}.text-nav-link:hover,.text-project-link{color:var(--color-primary)}.text-project-link{cursor:pointer;font:var(--text-project-title);line-height:var(--line-height-base);margin:0;text-decoration:underline;transition:color .2s ease}.text-project-link:hover{color:var(--color-secondary)}.text-main-title{color:var(--color-primary);font:var(--text-company-title);line-height:var(--line-height-base);margin:0}.text-description,.text-lead{color:var(--color-secondary);font:var(--text-body);line-height:180%;margin:0}.text-lead{font-size:20px}.text-subheader{font:var(--text-body);font-weight:400}.text-callout,.text-subheader{color:var(--color-primary);line-height:var(--line-height-base)}.text-callout{font:var(--text-callout);margin:0}.text-nav-small,.text-small{color:var(--color-secondary);font:var(--text-nav-small);line-height:var(--line-height-base);margin:0}.text-project-title-large{color:var(--color-primary);font:var(--text-project-title-large);line-height:1.2;margin:0}.text-period{font:var(--text-body)}.text-period,.text-small-link{color:var(--color-secondary);line-height:var(--line-height-base)}.text-small-link{font:var(--text-nav-small);margin:0;text-decoration:underline;transition:color .2s ease}.text-small-link:hover{color:var(--color-primary)}:root{--color-primary:#000;--color-secondary:#74767d;--color-background:#fff;--color-surface:#f8f8f8;--color-pink:#e85a8a;--color-underline-primary:#ff6b35;--color-underline-secondary:#4ecdc4;--color-divider-muted:rgba(0,0,0,.1);--color-timeline-marker:var(--color-divider-muted);--color-placeholder:rgba(0,0,0,.03);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-vt323:"VT323",monospace;--font-size-base:15px;--font-size-small:12px;--font-size-medium:17px;--font-size-large:80px;--line-height-base:1.8;--font-weight-regular:370;--font-weight-semi:500;--font-weight-semibold:600;--text-company-title:var(--font-weight-regular) var(--font-size-base) var(--font-family);--text-project-title:var(--font-weight-regular) var(--font-size-base) var(--font-family);--text-body:var(--font-weight-regular) var(--font-size-base) var(--font-family);--text-description:var(--font-weight-regular) var(--font-size-base) var(--font-family);--text-callout:var(--font-weight-regular) var(--font-size-medium) var(--font-family);--text-nav-small:var(--font-weight-regular) var(--font-size-base) var(--font-family);--text-caption:var(--font-weight-regular) var(--font-size-small) var(--font-family);--text-project-title-large:var(--font-weight-regular) var(--font-size-large) var(--font-family-vt323);--size-timeline-symbol:16px;--size-timeline-glyph:27px;--spacing-divider-gap:8px;--spacing-sm:8px;--spacing-note-padding:24px;--spacing-note-margin:16px;--spacing-layout-top:40px;--spacing-layout-bottom:180px;--spacing-layout-x:0px;--size-project-nav:54px;--border-radius-note:8px;--border-radius-md:8px;--border-radius-lg:16px;--spacing-themed-padding:32px;--spacing-media-gap:12px;--spacing-list-indent:1.2em;--aspect-ratio-placeholder:16/10;--shadow-themed-content:0px 1px 12px rgba(0,0,0,.03);--color-contribution-0:#ebedf0;--color-contribution-1:#c6c6c6;--color-contribution-2:#8a8a8a;--color-contribution-3:#4a4a4a;--color-contribution-4:#000;--size-contribution-cell:8px;--spacing-contribution-gap:2px;--border-radius-contribution:2px;--spacing-contribution-preview:10px;--color-contribution-preview:hsla(0,0%,100%,.95);--border-contribution-preview:0.5px solid rgba(0,0,0,.05);--shadow-contribution-preview:0 4px 12px rgba(0,0,0,.1);--blur-preview-in:5px;--duration-preview-in:0.3s;--size-contact-icon-width:14px;--size-contact-icon-height:15px;--spacing-contact-icon-gap:4px;--color-pattern-dot:#d8dde3;--spacing-pattern-dot-gap:20px;--size-pattern-dot:2px;--scale-pressed:0.98;--ease-out:cubic-bezier(0.23,1,0.32,1);--duration-overlay:280ms;--duration-overlay-exit:200ms;--z-overlay:1100;--spacing-overlay-inset:32px;--color-overlay-backdrop:hsla(0,0%,100%,.82);--shadow-overlay:0 8px 40px rgba(0,0,0,.12)}@media (max-width:768px){:root{--spacing-overlay-inset:16px;--spacing-layout-x:24px}}*{box-sizing:border-box;cursor:default}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#000;color:var(--color-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:15px;font-size:var(--font-size-base);line-height:1.8;line-height:var(--line-height-base);margin:0;padding:0}.App{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}a{color:inherit;text-decoration:underline}a:hover{cursor:pointer}.portfolio-layout{box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-layout-top) var(--spacing-layout-x) var(--spacing-layout-bottom);width:100%}.portfolio-container{display:flex;flex-direction:column;gap:112px;max-width:800px;width:100%}.portfolio-container>:not(.project-nav){transition:opacity .5s ease-out,-webkit-filter .5s ease-out;transition:filter .5s ease-out,opacity .5s ease-out;transition:filter .5s ease-out,opacity .5s ease-out,-webkit-filter .5s ease-out}.portfolio-container.loading>:not(.project-nav){-webkit-filter:blur(8px);filter:blur(8px);opacity:.7}.portfolio-container.loaded>:not(.project-nav){-webkit-filter:none;filter:none;opacity:1}@media (max-width:768px){.portfolio-container{gap:80px}}@media (max-width:480px){.portfolio-container{gap:80px}}.header,.header-content{display:flex;flex-direction:column;gap:24px}.header-content{max-width:444px}.header-nav{align-items:center;display:flex;gap:16px}.text-main-title{font-size:var(--font-size-medium);font-weight:370}.text-main-description,.text-main-title__grey{color:var(--color-secondary)}.text-main-description{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.text-main-description a{transition:color .2s ease}.text-main-description a:hover{color:var(--color-primary)}.contact-link{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;gap:var(--spacing-contact-icon-gap);padding:0}.contact-link-icon{flex-shrink:0;height:var(--size-contact-icon-height);opacity:0;pointer-events:none;width:var(--size-contact-icon-width)}.contact-github{display:inline-block;position:relative;z-index:var(--z-overlay)}.contact-github-preview{left:0;opacity:0;padding-top:var(--spacing-sm);pointer-events:none;position:absolute;top:100%;visibility:hidden;z-index:var(--z-overlay)}.contact-github-preview-panel{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:var(--color-contribution-preview);border:var(--border-contribution-preview);border-radius:var(--border-radius-md);box-shadow:var(--shadow-contribution-preview);padding:var(--spacing-contribution-preview)}@media (min-width:768px){.contact-link:hover .contact-link-icon{opacity:1}.contact-github:focus-within .contact-github-preview:has(.contributions),.contact-github:hover .contact-github-preview:has(.contributions){-webkit-animation:preview-blur-in var(--duration-preview-in) ease-out forwards;animation:preview-blur-in var(--duration-preview-in) ease-out forwards;opacity:1;visibility:visible}}@-webkit-keyframes preview-blur-in{0%{-webkit-filter:blur(var(--blur-preview-in));filter:blur(var(--blur-preview-in));opacity:1}to{-webkit-filter:none;filter:none;opacity:1}}@keyframes preview-blur-in{0%{-webkit-filter:blur(var(--blur-preview-in));filter:blur(var(--blur-preview-in));opacity:1}to{-webkit-filter:none;filter:none;opacity:1}}.contributions{width:-webkit-max-content;width:max-content}.contributions-grid,.contributions-week{display:flex;gap:var(--spacing-contribution-gap)}.contributions-week{flex:0 0 var(--size-contribution-cell);flex-direction:column}.contributions-day{background-color:var(--color-contribution-0);border-radius:var(--border-radius-contribution);height:var(--size-contribution-cell);width:var(--size-contribution-cell)}.contributions-day--level-1{background-color:var(--color-contribution-1)}.contributions-day--level-2{background-color:var(--color-contribution-2)}.contributions-day--level-3{background-color:var(--color-contribution-3)}.contributions-day--level-4{background-color:var(--color-contribution-4)}.company{display:flex;flex-direction:column;gap:32px}.company-header{justify-content:space-between}.company-header,.company-info{align-items:center;display:flex}.company-info{gap:8px}.company-logo{align-items:center;background:#000;border-radius:4px;display:flex;height:16px;justify-content:center;overflow:hidden;width:16px}.company-logo img{height:100%;object-fit:cover;width:100%}.company-content{display:flex;flex-direction:column;gap:56px}.project-row{align-items:stretch;display:flex;gap:var(--spacing-divider-gap)}.project-item{border-radius:6px;cursor:default;display:flex;flex:1 1;flex-direction:column;gap:16px;margin:-8px -8px -8px 0;min-width:0;padding:8px;position:relative;transition:background-color .2s ease}.project-item-content{display:flex;flex-direction:column;gap:6px}.project-item-clickable{cursor:pointer}.project-item:hover{background-color:initial}@media (min-width:768px){.project-item:hover,.project-item:hover *{cursor:default}.project-item-clickable:hover,.project-item-clickable:hover *{cursor:pointer}.project-item-clickable:hover{background-color:initial;border-radius:8px;transition:background-color .4s ease}.project-item-clickable:hover:before{-webkit-animation:itemBlurIn .4s ease-out forwards;animation:itemBlurIn .4s ease-out forwards;background-color:rgba(0,0,0,.03);border-radius:8px 8px 24px 24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}}.cursor-following-image{display:none}@media (min-width:768px){.cursor-following-image{display:block}}@-webkit-keyframes itemBlurIn{0%{-webkit-filter:blur(16px);filter:blur(16px)}to{-webkit-filter:none;filter:none}}@keyframes itemBlurIn{0%{-webkit-filter:blur(16px);filter:blur(16px)}to{-webkit-filter:none;filter:none}}.project-item__row{align-items:flex-start;display:flex;gap:24px}.project-item__row .project-item-content{width:100%}.project-content{display:flex;flex-direction:column;gap:32px}.project-hover-img{width:500px}.project-images{margin-top:8px}.project-item__media{grid-gap:var(--spacing-media-gap);display:grid;gap:var(--spacing-media-gap);grid-template-columns:1fr 1fr;width:100%}.project-item__media-item{min-width:0}.project-item__media-item .themed-container{height:100%}.project-item__media-item--full{grid-column:1/-1}@media (max-width:600px){.project-item__media{grid-template-columns:1fr}.project-item__media-item--half{grid-column:1/-1}}.cursor-following-image{pointer-events:none;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:left,top;z-index:1000}.cursor-following-image img{border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);height:auto;width:300px}.cursor-following-image.appear{-webkit-animation:previewBlurIn .3s ease-out forwards;animation:previewBlurIn .3s ease-out forwards}@-webkit-keyframes previewBlurIn{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:1}to{-webkit-filter:none;filter:none;opacity:1}}@keyframes previewBlurIn{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:1}to{-webkit-filter:none;filter:none;opacity:1}}.demo-item{background-color:rgba(0,0,0,.1);background-color:var(--color-divider-muted,rgba(0,0,0,.1));border-radius:8px;border-radius:var(--border-radius-note,8px);min-height:170px;padding:24px;padding:var(--spacing-note-padding,24px)}.demo-gallery{grid-gap:8px;grid-gap:var(--spacing-divider-gap,8px);display:grid;gap:8px;gap:var(--spacing-divider-gap,8px);grid-template-columns:repeat(1,1fr);margin-top:16px;margin-top:var(--spacing-note-margin,16px)}@media (min-width:768px){.demo-gallery{grid-template-columns:repeat(2,1fr)}}.timeline-divider{align-self:stretch;flex-direction:column}.timeline-divider,.timeline-divider__symbol{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;width:var(--size-timeline-symbol)}.timeline-divider__symbol{color:var(--color-timeline-marker);font-size:14px;height:var(--size-timeline-glyph);justify-content:center;line-height:1}.timeline-divider__line{background-color:var(--color-timeline-marker);flex:1 1;min-height:0;width:1px}.themed-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;height:auto;justify-content:center;overflow:hidden;width:100%}.themed-container--empty{aspect-ratio:var(--aspect-ratio-placeholder)}.themed-container__content{display:flex;justify-content:center;max-width:100%;min-height:0;min-width:0;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.themed-container__content--shadow{box-shadow:var(--shadow-themed-content)}.themed-container__content>img,.themed-container__content>video{display:block;height:auto;width:100%}.themed-container-figure{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;width:100%}.themed-container-caption{color:var(--color-secondary);font:var(--text-caption);line-height:var(--line-height-base);margin:0}.other-stuff{align-items:stretch;display:flex;gap:var(--spacing-divider-gap)}.other-stuff__content{display:flex;flex:1 1;flex-direction:column;min-width:0}.other-stuff__heading{color:var(--color-primary);font:var(--text-project-title);line-height:var(--line-height-base);margin:0;text-decoration:none}.other-stuff__list{list-style-type:disc;margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-list-indent)}.other-stuff__item{line-height:var(--line-height-base)}.other-stuff__item,.other-stuff__item-title{color:var(--color-primary);font:var(--text-body)}.FixedTopBar-Container{display:flex;justify-content:space-between;max-width:800px;width:100%;z-index:1}.Logo{border-radius:1000px;width:40px}.HomeButton{background-color:transparent;border:1px solid transparent;border-radius:12px;color:var(--body-color);cursor:pointer;display:flex;padding:2px;transition:background-color .4s ease}.HomeButton:hover{background-color:rgba(0,0,0,.03)}.HomeButton:active{background-color:rgba(0,0,0,.08);border:1px solid var(--img-bg)}:root{--title-color:#181a27;--body-color:#597281;--beige-color:#f8f8f5;--img-bg:#f5f5f5;--bg-color:#fafafa;--body-font:"Inter",sans-serif;--title-font:"Inter",sans-serif}h0{font-weight:500}h0,h1{color:#181a27;color:var(--title-color);font-family:Inter,sans-serif;font-family:var(--title-font);font-size:56px;line-height:120%;margin:0}h1{font-weight:300}h2{font-family:Inter,sans-serif;font-family:var(--title-font);font-size:32px;font-weight:500;font-weight:300;line-height:130%}h2,h3{color:#181a27;color:var(--title-color);margin:0}h3{font-size:20px;font-weight:400;line-height:150%}.HeroH3,h3{font-family:Inter,sans-serif;font-family:var(--body-font);padding:0}.HeroH3{color:#181a27;color:var(--title-color);font-size:24px;font-weight:300;line-height:180%;margin:0}h4{color:#597281;color:var(--body-color);font-family:Inter,sans-serif;font-family:var(--body-font);font-size:13px;font-weight:400;line-height:150%}h4,h5{margin:0}h5{color:#181a27;color:var(--title-color);font-family:Inter,sans-serif;font-family:var(--title-font);font-size:24px;font-weight:300}h6{color:#181a27;color:var(--title-color);font-weight:500;padding:0}h6,p{font-family:Inter,sans-serif;font-family:var(--body-font);font-size:15px;line-height:180%;margin:0}.legend,p{color:#597281;color:var(--body-color);font-weight:400}.legend{font-family:Inter,sans-serif;font-family:var(--body-font);font-size:13px;font-style:italic;margin:0;opacity:70%}ul{line-height:180%;list-style-type:disc;margin-top:4px;padding-left:1.5em}ul>li::marker{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3E%3Ccircle cx='4' cy='7' r='2'/%3E%3C/svg%3E")}b{font-weight:500}.link{border-bottom:1.5px solid #181a27;border-bottom:1.5px solid var(--title-color);cursor:crosshair;display:inline-block;font-family:Inter,sans-serif;font-family:var(--body-font);line-height:18px;text-decoration:none}.skill{padding:0 1px}.skill-Prototype{background:linear-gradient(270deg,rgba(255,248,228,.3),rgba(255,229,223,.5) 47.4%,hsla(0,100%,96%,.3));transition:background 2s}.skill-Research{background-image:linear-gradient(270deg,rgba(217,255,244,.3),rgba(208,255,255,.5) 47.4%,rgba(235,250,255,.3))}.skill-Design{background:linear-gradient(270deg,rgba(228,255,236,.3),rgba(229,255,223,.5) 47.4%,rgba(251,255,235,.3))}.World{background-color:var(--bg-color)}.World,.Wrapper{display:flex;justify-content:center;width:100%}.Wrapper{align-items:center;flex-direction:column;gap:48px;max-width:830px;padding:0 24px 200px;z-index:1}.Gradient{height:520px;position:absolute;width:100%;z-index:0}.TextComponent{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:800px;text-align:left;width:100%}.TextComponent-Subheader,.TextComponent-Text,.TextComponent-Title{max-width:500px;width:100%}.TextComponent-Header,.TextComponent-Subheader{text-align:center}.ArticleImage{align-items:center;display:flex;flex-direction:column;gap:8px}.ArticleImageContent{background-color:var(--img-bg);border-radius:16px;max-width:700px}.ArticleImageSubtitle{max-width:500px;text-align:center}.HeaderComponent{align-items:center;display:flex;flex-direction:column;gap:32px;max-width:840px;width:100%}.HeaderComponent-Subheader,.HeaderComponent-Text{max-width:500px;width:100%}.HeaderComponent-Header,.HeaderComponent-Subheader{text-align:center}.NextButton{margin-top:56px;max-width:350px;width:100%}.NextButton,.Progress-Done{flex-direction:column;gap:16px}.NextButton,.NextButton-Title,.Progress-Done{align-items:center;display:flex;justify-content:center}.NextButton-Title{background-color:rgba(0,0,0,.02);border:1px solid transparent;border-radius:12px;color:var(--body-color);cursor:pointer;font-family:var(--body-font);font-size:15px;font-weight:400;font-weight:500;line-height:180%;margin:0;padding:4px 12px;transition:background-color .5s ease;width:100%}.NextButton-Title:hover{background-color:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.01)}.NextButton-Title:active{background-color:rgba(0,0,0,.08);border:1px solid var(--img-bg)}.NextButton-Progress{border:1px solid var(--body-color);border-radius:1000px;display:flex;flex-direction:row;gap:2px;padding:2px;width:80%}.NextButton-Progress-Item{background-color:transparent;border-radius:1000px;height:4px;width:100%}.NextButton-Progress-Item.active{background-color:var(--body-color)}#NextButton-Progress-Item-1.active{background-color:red}.BackButton{background-color:var(--img-bg);border:0;border:1px solid var(--img-bg);border-radius:8px;color:var(--body-color);cursor:pointer;display:flex;flex-direction:row;font-size:13px;padding:12px 16px;text-align:left;transition:background-color .5s ease;width:100%}.BackButton:hover{background-color:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.01)}.BackButton:active{background-color:rgba(0,0,0,.08);border:1px solid var(--img-bg)}.ResultsBlock-Container{background-color:rgba(24,26,39,.035);border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}.ResultsNumber{color:var(--title-color);font-weight:500}@media (min-width:548px){.ResultsBlock-Container{max-width:208px}}.ResultsGrid-Container{flex-direction:row}.QuoteGrid-Container,.ResultsGrid-Container{display:flex;flex-wrap:wrap;gap:16px;max-width:500px;width:100%}.Quote-Container,.QuoteGrid-Container{flex-direction:column}.Quote-Container{border:1px solid #e6e6e6;border-radius:16px;display:flex;gap:16px;padding:16px}.Quote-Container>p{color:var(--title-color);font-style:italic}.project-nav{border-radius:20px;display:flex;height:var(--size-project-nav);justify-content:center;left:0;padding:0 24px;position:fixed;right:0;top:var(--spacing-layout-top);width:100%;z-index:1000}.project-nav-container{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.8);border-radius:100px;display:flex;justify-content:space-between;max-width:800px;padding:0 12px;width:100%;z-index:1}.project-nav-items{align-items:center;display:flex;gap:24px}.project-nav-item{background:none;border:none;color:var(--color-secondary);cursor:pointer;font:var(--text-nav-small);font-family:inherit;padding:0;position:relative;transition:color .2s ease}.project-nav-item:hover{color:var(--color-primary)}@media screen and (min-width:848px){.project-nav{padding:0}}.project-body{display:flex;flex-direction:column;gap:24px;max-width:800px;width:100%}.about-page{max-width:800px;padding-top:104px}.about-header{margin-bottom:48px}.about-title{color:var(--color-primary);font:var(--text-project-title-large);line-height:1.2;margin:0}.about-content{max-width:100%}.about-content .text-description{margin-bottom:24px}.about-content{transition:-webkit-filter .3s ease-out;transition:filter .3s ease-out;transition:filter .3s ease-out,-webkit-filter .3s ease-out}.about-content-transitioning{-webkit-filter:blur(8px);filter:blur(8px)}
/*# sourceMappingURL=main.4b7ff0d7.css.map*/