@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";@import"https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";:root{--main: #9E9E9E}.header-section{position:fixed;top:0;z-index:5;display:flex;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(12px);background-color:#fff0;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);transition:background-color .3s ease;width:100vw}.header-wrap{width:100%;padding:20px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#logo{text-decoration:none}.home-button{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:24px}.nav-buttons{display:flex;align-items:center;gap:40px}.nav-button{font-family:Instrument Sans,sans-serif;font-style:normal;font-weight:500;font-size:16px;color:var(--main);text-decoration:none;transition:all .25s ease}.nav-text{text-decoration:none;font-weight:400;color:#303030;transition:all .25s ease}.nav-text:hover{background:-webkit-linear-gradient(#B175FE,#9CB2FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-button:hover{color:#303030}#resume-button{padding:.5em 1.5em;background:#eaeaea;border-radius:100px;border:3px solid transparent;transition:all .25s ease}#resume-button:hover{background:#303030;color:var(--main)}.menu-toggle{display:none;background:none;border:none;color:var(--main);font-size:32px;cursor:pointer;text-align:center}@media (max-width: 720px){.nav-buttons{display:none;flex-direction:column;height:100vh;width:100vw;background-color:#fffffff0;position:fixed;top:60px;right:0;padding-top:60px;border-radius:5px}.nav-buttons.open{display:flex}.menu-toggle{display:block}}.footer{display:flex;justify-content:center;align-items:center;background:#fff;padding-top:80px}.footer-wrap{width:100%;padding:40px;gap:48px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer-links{display:flex;flex-direction:row;gap:40px}.footer-link{color:#303030}.footer-link:hover{color:#989898;transition:color .3s ease}.footer-link p{color:inherit;transition:color .3s ease}.footer-link:hover p{color:#989898}.grid-container{display:flex;flex-direction:column;gap:80px;width:1200px;max-width:98vw}.project-div{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:24px}.tags{display:flex;gap:24px}.tag{padding:10px 20px;border-radius:20px}.tags .green{background-color:#e3f39b;color:#9bc65e}.tags .blue{background-color:#9cb2ff;color:#2a68fb}.tags .orange{background-color:#ffd69d;color:#dc8a19}.tags .pink{background-color:#f29ed1;color:#a20f6a}.project-link{display:flex;flex-direction:column;gap:24px;text-decoration:none}.project-div-text{display:flex;justify-content:space-between;align-items:baseline;color:#303030;gap:40px}.project-description{text-align:right;color:#b9b9b9}.project-name-arrow{display:flex;align-items:center;gap:24px;cursor:pointer;transition:color .3s ease}.project-name-arrow .name{font-size:32px;font-weight:500;transition:transform .3s ease}.project-name-arrow .left-arrow{font-size:48px;transition:transform .3s ease;color:#303030}.project-link:hover .left-arrow{transform:translate(12px)}.project-link .project-img{transition:transform .3s ease}.project-link:hover .project-img{transform:scale(1.02)}.project-name-arrow .name{font-size:32px;font-weight:500;position:relative;transition:color .3s ease}.project-name-arrow .name:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#303030;transition:width .3s ease}.project-link:hover .name:after{width:100%}@media (max-width: 720px){.project-div-text{flex-direction:column;gap:0px}.project-div{gap:10px}.tags{gap:20px}.tag{font-size:12px;padding:8px 16px}}:root{--purple: 240, 147, 255;--dark-pink: 255, 117, 167;--yellow: 251, 209, 130;--peach: 252, 174, 149;--teal: 183, 240, 240;--circle-size: 80%}@keyframes moveInCircles{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveHorizontal{0%,to{transform:translate(60%) translateY(30%)}50%{transform:translate(-60%) translateY(-30%)}}@keyframes moveVertical{0%,to{transform:translate(-10%) translateY(80%)}50%{transform:translate(10%) translateY(-80%)}}.gradient-bg{width:100vw;height:100vh;position:fixed;z-index:-1;overflow:hidden;background:#fff;top:0;left:0}.gradient-bg .gradients-container{width:100%;height:100%}.gradient-bg .gradient1{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--teal),1),rgba(var(--teal),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2));left:calc(50% - (var(--circle-size)/2));transform-origin:calc(70% - 500px);animation:moveInCircles 45s linear infinite}.gradient-bg .gradient2{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--peach),1),rgba(var(--peach),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2));left:calc(50% - (var(--circle-size)/2));transform-origin:calc(60% + 200px);animation:moveInCircles 40s reverse infinite}.gradient-bg .gradient3{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--yellow),1),rgba(var(--yellow),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) + 200px);left:calc(50% - (var(--circle-size)/2) - 400px);transform-origin:calc(50% - 250px);animation:moveHorizontal 40s ease infinite}.gradient-bg .gradient4{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--dark-pink),.7),rgba(var(--dark-pink),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) + 300px);left:calc(50% - (var(--circle-size)/2) + 400px);transform-origin:calc(50% - 500px);animation:moveVertical 30s ease infinite}.gradient-bg .gradient5{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--purple),.7),rgba(var(--purple),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) - 300px);left:calc(50% - (var(--circle-size)/2) + 400px);transform-origin:calc(50% + 200px);animation:moveHorizontal 30s ease infinite}#landing-section{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(#ffffff80 80%,#fff);-webkit-backdrop-filter:blur(160px);backdrop-filter:blur(160px);padding:0 calc((100vw - 1120px)/2);height:90vh}.landing-text{display:flex;flex-direction:column;gap:20px}.landing-text h1{text-align:center;font-size:48px;max-width:770px}.landing-text p{text-align:center}.gray-landing-text{color:#4f4f4f4d}#blue-purple-text{background-image:linear-gradient(to right,#5ebbe3,#9d86e7);color:transparent;-webkit-background-clip:text;background-clip:text}#yellow-orange-text{background-image:linear-gradient(to right,#f5cb73,#d27278);color:transparent;-webkit-background-clip:text;background-clip:text}.italic{font-style:italic}#miao-hover{width:80px;position:relative;display:inline-block}#miao,#miao-text{position:absolute;left:0;top:0;transition:opacity .4s ease;white-space:nowrap;text-align:center}#miao{background-color:#f1591b;color:#fff;padding:8px 16px;top:-6px;border-radius:32px;font-size:36px;position:relative;font-family:LXGW WenKai TC,cursive;font-weight:400;font-style:normal;transition:opacity .4s ease;white-space:nowrap;opacity:1;z-index:2}#miao-text{font-family:Reenie Beanie,cursive;font-weight:400;font-size:52px;font-style:normal;transition:opacity .4s ease;white-space:nowrap;opacity:0;z-index:1}#miao-hover:hover #miao{opacity:0}#miao-hover:hover #miao-text{opacity:1}.teal-blue{background:linear-gradient(to right,#2dc4b6,#3697b2);margin:-50px 0 0 300px;transform:rotate(-6deg)}.teal-blue p{color:#fff;font-size:24px}#work{background-color:#fff;scroll-margin-top:100px;display:flex;flex-direction:column;align-items:center}.center-flexbox{display:flex;flex-direction:column;align-items:center}.arrow{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:color .3s ease}.project-arrow-text,.arrow{color:#bbb;transition:transform .3s ease,color .3s ease}.project-arrow:hover .project-arrow-text{color:#303030}.project-arrow:hover .arrow{color:#303030;transform:translateY(6px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.8s}.delay-3{animation-delay:1.2s}.delay-4{animation-delay:1.8s}@media (max-width: 1240px){#landing-section{padding-right:20px;padding-left:20px}}.project-landing-section{width:100vw;display:flex;justify-content:center;align-items:center}.header-preview{height:100%}.header-img-wrapper{display:flex;height:90vh;justify-content:space-between;align-items:center;overflow:hidden}.header-img-wrapper .logo{width:240px;padding-left:40px}.header-img-wrapper #augene-logo-white{max-width:20%}.header-img-wrapper #innod-preview{height:360px;padding:40px}#augene-project-landing-section{background-color:#2626e6}#checkt-project-landing-section{background-color:#201e22}#innod-project-landing-section{background-color:#f968ea}#augene-dashboard{padding:40px 40px 0;height:400px}.large-description{font-weight:500;font-size:38px;line-height:normal}.augene-blue-text{color:#2a68fb}.checkt-purple-text{color:#d28cfe}.stage-title{font-weight:500;font-size:48px;line-height:1.2}.project-overview-section{display:flex;justify-content:center;background-color:#f6f6f6;padding:80px 0;margin-bottom:80px}.project-overview-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:1200px;max-width:98vw;gap:40px}.project-overview-description{display:flex;flex-direction:column;gap:8px;max-width:720px}.project-overview-description .project-title{display:flex;flex-direction:column;font-size:56px;line-height:1;margin-bottom:16px}.project-overview-summaries{display:flex;flex-direction:column;gap:20px}.summary-titles{font-weight:500}.summary-vertical-sections{margin-bottom:16px;width:240px}.two-column-text{display:flex;flex-direction:row;gap:6%;align-items:center;width:1200px;max-width:94vw}.two-column-text .left-column{display:flex;flex-direction:column;width:50%;gap:20px}.two-column-text .right-column{text-align:center;align-self:center;width:44%}.two-column-text .right-column img{width:100%;object-fit:contain}.solution-header-text{display:flex;flex-direction:column;text-align:center}.two-column-solution{display:flex;flex-direction:row;gap:4%;align-items:stretch;width:1200px;max-width:94vw}.preview-column{text-align:center;align-self:center;width:38%}.preview-column img{width:100%;object-fit:contain}.two-column-solution .text-column{display:flex;flex-direction:column;width:56%;gap:20px;padding:60px}.centered-text{display:flex;flex-direction:column;align-items:center;gap:20px}.centered-text .project-text{text-align:center;width:680px;max-width:98vw}.centered-img-div img{width:1200px;max-width:98vw}.centered-img-text{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.centered-img-caption{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.dark-big-statement-section{width:100%;align-items:center;justify-content:center;background-color:#303030;height:400px}.dark-big-statement-section p{color:#e3f39b}.big-statement{text-align:center;max-width:720px;color:#f7f7f7}.innod-section{display:flex;flex-direction:column;width:100vw;align-items:center;gap:40px}.centered-image-div{display:flex;flex-direction:column;align-items:center;width:100%}.webpage-image-div{margin-top:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:720px;max-height:fit-content}.image-scroll-container{overflow-y:scroll;border:8px solid #F6F6F6;border-radius:20px;width:1200px;max-height:fit-content;max-width:94vw}.webpage-design{width:100%;height:auto;display:block}.solution-section h1{font-size:64px}.bold-h2{font-weight:500}.solution-section .gray-h2{font-size:28px;font-weight:400;color:#6c6c6c;line-height:1.4}.solution-section .purple-h2{font-size:28px;font-weight:400;color:#d28cfe}.solution-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:40px}.checkt-solution-section h1{color:#fff}.solution-section .app-name{font-size:80px}.solution-section h2{font-size:28px;line-height:100%;font-weight:400}.two-rows{display:flex;flex-direction:column;gap:40px}.two-columns{display:flex;flex-direction:row;gap:40px}.top-bottom-text{display:flex;flex-direction:column;justify-content:space-between}.icon-text{display:flex;flex-direction:column;gap:8px;align-self:start;width:50%}.icon-text .summary-icon{width:32px}.three-columns{display:flex;flex-direction:row;gap:4%;align-items:center}.three-columns .side-column{width:29%}.three-columns .side-column img{width:100%;object-fit:contain}.side-column{display:flex;flex-direction:column;gap:40px}.img-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.img-caption .caption{line-height:1.2;max-width:300px}.long-caption{line-height:1.2;max-width:600px}.img-caption img{width:100%;object-fit:contain}.next-project-section{width:100vw;display:flex;justify-content:center}.link-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:1200px;max-width:94vw}.next-project-link{display:flex;flex-direction:column;text-decoration:none}#skin-concerns{height:400px}#augene-mockup{width:50%}#competitors{width:100%}.innod-logo{width:70%}.colors{width:60%;text-align:center}.checkt-preview{height:800px;max-width:100vw;overflow:hidden}.checkt-preview img{height:100%;width:auto;display:block;position:absolute;left:50%;transform:translate(-50%)}#widget-preview{width:90%}#todays-photos{max-width:640px}.medium-gif{width:600px;border-radius:40px}#habit-page{height:600px}#recommended-text,#completed-today{width:400px}.next-project-link{display:flex;flex-direction:row;align-items:flex-end;gap:24px;cursor:pointer;transition:color .3s ease}.next-project-text{display:flex;flex-direction:column;text-align:right}.previous-project-text{display:flex;flex-direction:column;text-align:left}.next-project-link .project-title,.next-project-link .right-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .right-arrow{transform:translate(12px)}.next-project-link .left-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .left-arrow{transform:translate(-12px)}.next-project-link .project-title{position:relative;transition:color .3s ease}.next-project-link .project-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#303030;transition:width .3s ease}.next-project-link:hover .project-title:after{width:100%}@media (max-width: 1200px){.section-body{margin:auto}}@media (max-width: 1000px){.header-img-wrapper #innod-logo{display:none}#innod-project-landing-section .header-img-wrapper{justify-content:center}}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}@media (max-width: 800px){.header-img-wrapper .logo{display:none}.header-img-wrapper{justify-content:center}.project-overview-wrapper{flex-direction:column;gap:60px;padding:0 20px}.project-overview-summaries{flex-direction:row;gap:120px}.two-column-text{flex-direction:column;gap:40px}.two-column-text .left-column{width:100%;order:1}.two-column-text .right-column{width:100%}.innod-logo{width:50%}.solution-section{padding-left:20px;padding-right:20px}.two-column-solution{flex-direction:column;align-items:center;justify-content:center}.two-column-solution .text-column{width:80%}#todays-photos{width:90%}}.div-line{border:solid;height:1px;background-color:#e4e4e4}.div-line-padding{padding:120px 0}.gif-preview{width:800px}.about-section{display:flex;flex-direction:column;padding:80px calc((100vw - 1120px)/2);background-color:#fff;gap:120px}#about-portrait{border-radius:12px}:root{font-family:Inter,sans-serif;font-weight:400;font-style:normal;color:#292929;overscroll-behavior:contain}*{margin:0}h1{font-family:Inter,sans-serif;font-weight:500;font-style:normal;font-size:40px;line-height:1.2}h2{font-family:Instrument Sans,sans-serif;font-weight:500;font-style:normal;font-size:28px;line-height:normal}h3{font-family:Inter,sans-serif;font-weight:500;font-style:normal;font-size:14px;color:#b9b9b9;line-height:1.8}p,li{font-family:Instrument Sans,sans-serif;font-weight:400;font-style:normal;font-size:18px;color:#6c6c6c;line-height:1.8}.section{display:flex;flex-direction:column;width:100vw;align-items:center;gap:40px}.dark-text{color:#303030}.gray-text{color:#989898}body{display:flex;flex-direction:column;gap:120px;overflow-x:hidden;width:100%}