@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}.project-item-clickable .text-project-title{transition:color .2s ease}.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{font:var(--text-body)}.text-description,.text-nav-small{color:var(--color-secondary);line-height:var(--line-height-base);margin:0}.text-nav-small,.text-small{font:var(--text-nav-small)}.text-small{color:var(--color-secondary);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-underline-primary:#ff6b35;--color-underline-secondary:#4ecdc4;--color-underline-accent:#45b7d1;--color-note-background:hsla(0,0%,100%,.95);--color-blur-overlay:rgba(0,0,0,.3);--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:14px;--font-size-small:12px;--font-size-large:50px;--line-height-base:1.8;--font-weight-regular:400;--font-weight-semi:500;--font-weight-semibold:600;--text-company-title:var(--font-weight-semi) 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-nav-small: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);--text-note-title:var(--font-weight-semibold) 16px var(--font-family);--text-note-body:var(--font-weight-regular) 14px var(--font-family);--spacing-note-padding:24px;--spacing-note-margin:16px;--border-radius-note:8px;--shadow-note:0 4px 20px rgba(0,0,0,.15)}*{box-sizing:border-box}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:14px;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:none}.portfolio-layout{box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 0 180px;width:100%}.portfolio-container{display:flex;flex-direction:column;gap:80px;max-width:600px;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;width:100%}.portfolio-container.loading{-webkit-filter:blur(8px);filter:blur(8px);opacity:.7}.portfolio-container.loaded{-webkit-filter:none;filter:none;opacity:1}@media (max-width:768px){.portfolio-layout{padding:40px 24px 180px}.portfolio-container{gap:80px}}@media (max-width:480px){.portfolio-container{gap:80px}}.header{gap:24px}.header,.header-content{display:flex;flex-direction:column}.header-content{gap:8px}.header-nav{display:flex;gap:16px}.contact-dropdown-container{display:inline-block;position:relative}.contact-trigger{align-items:center;background:none;border:none;color:inherit;color:var(--color-secondary);cursor:pointer;display:flex;font:inherit;gap:4px;padding:0;transition:color .2s ease}.contact-trigger:hover{color:var(--color-primary)}.contact-chevron{height:15px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:14px}.contact-chevron.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.contact-dropdown{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(0,0,0,.03);border:.5px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;margin-top:8px;min-width:140px;opacity:0;padding:4px;pointer-events:none;position:absolute;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;z-index:1000}.contact-dropdown.show{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.contact-option{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-secondary);cursor:pointer;display:flex;font:var(--text-body);gap:4px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}.contact-option:hover{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(0,0,0,.05);color:var(--color-primary)}.contact-option-text{flex:1 1;white-space:nowrap}.contact-option-icon{height:15px;opacity:.7;transition:opacity .2s ease;width:14px}.contact-option:hover .contact-option-icon{opacity:1}.contact-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.8);bottom:0;display:none;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:999}.contact-backdrop.show{opacity:1;pointer-events:auto}@media (max-width:767px){.contact-backdrop{display:block}.contact-dropdown{bottom:24px;left:24px;margin-top:0;max-width:none;min-width:auto;position:fixed;right:24px;top:auto;-webkit-transform:translateY(20px);transform:translateY(20px);width:auto}.contact-dropdown.show{-webkit-transform:translateY(0);transform:translateY(0)}.contact-option{padding:16px}}.company{display:flex;flex-direction:column;gap:16px}.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{gap:24px}.company-content,.project-item{display:flex;flex-direction:column}.project-item{border-radius:6px;cursor:default;gap:16px;margin:-8px;padding:8px;position:relative;transition:background-color .2s ease}.project-item-clickable{cursor:pointer}.project-item:hover{background-color:initial}@media (min-width:768px){.project-item:hover{background-color:initial;border-radius:8px;transition:background-color .4s ease}.project-item: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;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-content{display:flex;flex-direction:column;gap:4px}.project-hover-img{width:500px}.project-images{margin-top:8px}.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}}.project-images-grid,.project-images-grid.two-column{display:flex;gap:16px}.project-images-grid.single{display:block}.image-placeholder{background:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.1);border-radius:8px;height:164px}.image-placeholder.large,.image-placeholder.small{flex:1 1;min-width:292px}.image-placeholder.single{width:100%}@media (max-width:600px){.project-images-grid.two-column{flex-direction:column}.image-placeholder.large,.image-placeholder.small{min-width:0;min-width:auto;width:100%}}.FixedTopBar-Container{display:flex;justify-content:space-between;max-width:600px;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:none;margin-top:4px}li:before{content:"❃";display:inline-block;font-size:12px;margin-left:-24px;margin-right:8px}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:54px;justify-content:center;left:0;opacity:1;padding:0 24px;position:fixed;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible;width:100%;will-change:transform;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);display:flex;justify-content:space-between;max-width:600px;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)}.copy-url-button{align-items:start;display:flex;flex-direction:column;justify-content:start}.copy-url-button .density-info{color:var(--color-secondary);font-size:var(--text-small);left:0;opacity:0;position:absolute;text-align:left;top:18px;-webkit-transform:translateX(-8px);transform:translateX(-8px);transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;width:200px}.copy-url-button:hover .density-info{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width:646px){.project-nav{padding:0}}.project-body{display:flex;flex-direction:column;gap:24px;max-width:400px;width:100%}.about-page{max-width:600px;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.707df9e0.css.map*/