@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Caveat&display=swap);body,html{height:100%;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}html{scroll-behavior:auto}body{scroll-behavior:smooth}@media (max-width:768px){body,html{height:auto;min-height:100vh;overflow-x:hidden}*,body,html{-webkit-overflow-scrolling:touch}}.app-container{-webkit-overflow-scrolling:touch;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100vw}@media (max-width:768px){.app-container{height:auto}.app-container,.app-container.no-snap{scroll-snap-type:none!important}}@media (min-width:769px){.app-container{height:100vh;overflow-y:scroll;scroll-snap-type:y proximity}}.section{min-height:100vh;scroll-snap-align:start;width:100vw}@media (min-width:769px){.section{height:100vh;min-height:100vh;scroll-snap-align:start}}@media (max-width:768px){.section{scroll-snap-align:none}#homepage{height:100svh;min-height:100svh}}#works{min-height:100vh;overflow-y:visible}@media (min-width:769px){#works{height:auto;min-height:100vh;scroll-snap-align:start}}#contact{height:auto;min-height:100vh;overflow-y:auto}#footer{height:auto;position:relative;scroll-snap-align:none;scroll-snap-stop:normal;width:100%;z-index:10}.contact-canvas{touch-action:auto;-webkit-user-select:none;user-select:none}.section *{box-sizing:border-box;max-width:100vw}.resume-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.resume-modal{background:#0000;display:flex;flex-direction:column;height:90vh;overflow:hidden;position:relative;width:80vw}.resume-modal-content{display:flex;flex:1 1}.resume-embed{border:none;height:100%;width:100%}.resume-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;height:100%;justify-content:center;padding:40px 30px;width:100%}.resume-message{max-width:400px;text-align:center}.resume-message h3{color:#333;font-size:28px;font-weight:600;margin-bottom:16px}.resume-message p{color:#666;font-size:16px;line-height:1.6;margin-bottom:32px}.resume-button{background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-right:16px;padding:14px 28px;transition:all .2s}.resume-button:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.resume-close{background:#6c757d;border:none;border-radius:8px;box-shadow:0 2px 4px #6c757d33;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.resume-close:hover{background:#545b62;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}@media (max-width:1024px){.resume-modal{height:90vh;max-height:400px;max-width:500px;width:92vw}.resume-container{padding:30px 20px}.resume-message h3{font-size:24px}.resume-message p{font-size:15px;margin-bottom:28px}.resume-button,.resume-close{font-size:15px;margin-right:12px;padding:12px 24px}}@media (max-width:768px){.resume-modal{margin:20px;max-width:none;width:92vw}.resume-container{padding:30px 20px}}@media (max-width:480px){.resume-modal{margin:10px;width:95vw}.resume-container{padding:25px 15px}.resume-message h3{font-size:22px}.resume-message p{font-size:14px;margin-bottom:24px}.resume-button,.resume-close{font-size:14px;margin-right:8px;padding:10px 20px}}@font-face{font-family:Permanent Marker;src:url(/static/media/Marker.bef877bf44b37ce05799.ttf) format("truetype")}.homepage-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:0;min-height:100vh;overflow:visible;padding-top:0;position:relative;top:0;width:100vw}@media (max-width:768px){.homepage-container{height:100svh;min-height:100svh}}@media (min-width:769px){.homepage-container{height:100vh;overflow:hidden}}.homepage-video{border-radius:8px;cursor:pointer;margin:1rem;opacity:0;position:relative;transform:translateZ(0);transition:opacity .5s ease,visibility .5s ease;will-change:opacity;z-index:10}.video-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;position:absolute;z-index:10}.video-dino{bottom:5%;left:55%;width:240px}.video-dino,.video-pencil{position:absolute;z-index:15}.video-pencil{left:40px;top:0;width:250px}.video-smiley{left:38%;top:20%;transform:translateX(-50%);width:100px}.video-smiley,.video-tennis{position:absolute;z-index:15}.video-tennis{right:0;top:50%;transform:translateY(-50%);width:130px}.video-volleyball{bottom:3%;left:7%;position:absolute;transform:translateX(-50%);width:120px;z-index:15}.markers-image{bottom:20px;height:auto;right:40px;width:200px;z-index:5}.markers-image,.volleyball-icon{opacity:0;position:absolute;transition:opacity .8s ease-in-out}.volleyball-icon{cursor:pointer;height:100px;left:7%;top:55%;width:100px}.smiley-icon{height:64px;left:55%;opacity:0;position:absolute;top:75%;transition:opacity .8s ease-in-out;width:64px}.volleyball-icon svg{fill:#383839}.tray-image{bottom:0;height:auto;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .8s ease-in-out;width:45%;z-index:5}.sticky-note{align-items:center;backface-visibility:hidden;background-color:#feff9c;box-shadow:0 4px 8px #0003;color:#000;display:flex;flex-shrink:0;font-family:Caveat,cursive;font-size:32px;height:110px;justify-content:center;min-height:110px;min-width:110px;perspective:1000px;position:relative;text-decoration:none;transform:translateZ(0);transition:transform .2s,background .2s;width:110px;will-change:transform,opacity}.sticky-note:before{background-color:#fbfc85;content:"";height:15%;left:0;position:absolute;top:0;width:100%}.sticky-note:hover{transform:scale(1.05)}#vara-container{align-items:center;display:flex;justify-content:center;max-width:600px;overflow:visible;width:80%}#vara-container,.text-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.text-container{font-family:Permanent Marker,cursive;opacity:0;text-align:center;transition:opacity 1s ease-in-out}.title{font-size:128px}.subtitle,.title{color:#383839;margin:0}.subtitle{font-size:40px}@media (max-width:1024px){.title{font-size:84px}.subtitle{font-size:32px}.sticky-note{font-size:20px;height:80px;min-height:80px;min-width:80px;width:80px}.navbar{gap:12px;right:20px;top:16px}.video-dino{bottom:7%;left:45%;width:200px}.video-pencil{left:30px;top:100px;width:200px}.video-tennis{top:50%;transform:translateY(-50%);width:120px}.video-volleyball{width:100px}.video-smiley{left:55%;width:80px}.markers-image{bottom:48px;width:160px}}@media (max-width:768px){.title{font-size:52px}.subtitle{font-size:24px}.sticky-note{font-size:20px;height:80px;min-height:80px;min-width:80px;width:80px}.navbar{gap:12px;right:20px;top:16px}.video-dino{bottom:4%;left:30%;width:150px}.video-pencil{left:30px;top:150px;width:150px}.video-tennis{top:50%;transform:translateY(-50%);width:80px}.video-volleyball{left:7%;width:80px}.video-smiley{left:75%;width:70px}.paper-airplane-icon{left:15%;top:30%}.paper-airplane-icon,.smiley-icon{height:40px;width:40px}.markers-image{right:16px;width:120px}.volleyball-icon{height:50px;left:7%;position:absolute;top:61%;width:50px}}@media (max-width:480px){.title{font-size:48px}.subtitle{font-size:24px}.video-dino{bottom:0;left:10px;width:120px}.video-plane{left:10px;top:15%;width:150px}.video-tennis{top:25%;transform:translateY(-50%);width:120px}.video-smiley{left:34%;top:65%;transform:translateX(-50%);width:60px}.video-volleyball{bottom:0;left:50%;transform:translateX(-50%);width:80px}.sticky-note{font-size:20px;height:80px;min-height:80px;min-width:80px;width:80px}.navbar{gap:12px;right:20px;top:16px}.video-pencil{left:30px;top:120px;width:120px}.paper-airplane-icon{height:40px;left:30%;top:35%;width:40px}.volleyball-icon{height:40px;top:59%;width:40px}.markers-image{bottom:124px}.smiley-icon{height:40px;left:55%;top:88%;width:40px}}.navbar{display:flex;gap:24px;opacity:0;position:absolute;right:40px;top:20px;transform:translateZ(0);transition:opacity .8s ease-in-out;will-change:opacity}@media (max-width:1024px){.navbar{gap:16px}}@media (max-width:768px){.navbar{gap:16px;right:32px;top:16px}}@media (max-width:480px){.navbar{align-items:center;display:flex;gap:16px;justify-content:center;left:50%;position:absolute;top:20px;transform:translateX(-50%)}.sticky-note{font-size:16px;height:60px;min-height:60px;min-width:60px;width:60px}.navbar{gap:6px}.video-volleyball{left:7%}.video-dino{bottom:2%;left:40%}}.about{display:flex;height:100vh;min-height:100vh;width:100vw}@media (max-width:768px){.about{height:auto;min-height:100vh}}.about-left{align-items:center}.about-left,.about-right{display:flex;flex:0.5 1;justify-content:center}.about-right{align-items:flex-start;flex-direction:column}.about-polaroid{aspect-ratio:3/4;background-color:#fff;border:5px solid #fff;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;justify-content:flex-start;max-width:300px;padding:15px 15px 0;position:relative;transform:rotate(-3deg);width:50%}.magnet-img{height:auto;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:30px}.profile-pic{border-top:5px solid #fff;height:75%;object-fit:cover;width:100%}.about-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:80%}.about-title{color:#383839;font-family:Permanent Marker,cursive;font-size:64px;font-weight:700;margin-bottom:20px;text-align:left;width:100%}.about-description{color:#383839;font-family:Open Sans,sans-serif;font-size:20px;line-height:1.6;padding-right:100px!important;text-align:left}strong{font-weight:700}@media (max-width:1024px){.about-title{font-size:48px}.about-description{font-size:18px;padding-right:50px!important}.about-polaroid{padding:5px 10px 0}}@media (max-width:768px){.about{align-items:center;flex-direction:column;justify-content:center;padding:20px}.about-title{font-size:40px;margin-bottom:60px;order:1;text-align:center;width:90%}.about-polaroid{margin-bottom:60px;max-width:300px;order:2;padding:10px 10px 0;width:35%}.about-description{font-size:16px;line-height:1.5;order:3;padding-right:0!important;text-align:left;width:90%}}@media (max-width:480px){.about{align-items:center;flex-direction:column;height:100vh;justify-content:center;padding:15px}.about-title{font-size:36px;order:1;text-align:center;width:100%}.about-polaroid{aspect-ratio:3/4;max-width:180px;order:2;padding:10px 10px 0;width:60%}.about-description{font-size:14px;line-height:1.4;margin-bottom:15px;order:3;padding-right:10px;text-align:left;width:90%}.about{-webkit-overflow-scrolling:touch;height:100vh;min-height:100vh;overscroll-behavior:contain}}.skills{display:flex;min-height:100vh;width:100vw}@media (min-width:769px){.skills{height:100vh}}.skills-left{align-items:center}.skills-left,.skills-right{display:flex;flex:0.5 1;flex-direction:column;justify-content:center}.skills-right{align-items:flex-start}.skills-icon-container{align-items:center;display:flex;flex-direction:column}.skills-icon-cloud{display:flex;justify-content:center;width:80%}.skills-title{color:#383839;font-family:Permanent Marker,cursive;font-size:64px;font-weight:700;margin-bottom:20px;text-align:left;width:100%}.skills-description{color:#383839;font-family:Open Sans,sans-serif;font-size:20px;line-height:1.6;padding-right:100px;text-align:left}.strong{font-weight:700}.skills-note{color:#383839;font-family:Permanent Marker,cursive;font-size:16px;font-style:italic;margin-top:10px;text-align:center}@media (max-width:1024px){.skills-title{font-size:48px}.skills-description{font-size:18px;padding-right:50px!important}.skills-icon-cloud{width:80%}}@media (max-width:768px){.skills{align-items:center;flex-direction:column;justify-content:center;padding:20px}.skills-title{font-size:40px;margin-bottom:40px;text-align:center}.skills-icon-cloud{margin-bottom:40px;width:60%}.skills-description{font-size:16px;line-height:1.5;padding-right:0!important;text-align:left;width:90%}.skills-note{margin-bottom:30px;margin-top:-30px}}@media (max-width:480px){.skills{align-items:center;flex-direction:column;justify-content:center;padding:15px}.skills-title{font-size:36px;margin-bottom:35px;text-align:center}.skills-icon-cloud{width:70%}.skills-description{font-size:14px;line-height:1.4;width:90%}.skills-note{font-size:14px}}.project-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;margin:20px auto;padding:20px;position:relative}.left-image-container{left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.left-image{height:auto;opacity:.8;transition:opacity .3s ease;width:100px}.left-image:hover{opacity:1}.project-link{display:block;text-decoration:none}.project-polaroid{background-color:#fff;border:15px solid #fff;box-shadow:0 10px 25px #0000004d;cursor:pointer;display:flex;flex-direction:column;margin-left:100px;text-align:center;transition:transform .3s ease;width:300px}.project-polaroid:hover{transform:scale(1.05)}.project-polaroid-image{border-bottom:5px solid #fff;height:250px;object-fit:cover;width:100%}.project-polaroid-title{color:#333;font-family:Caveat,cursive;font-size:24px;font-weight:700;padding:15px 10px}.project-details{align-items:flex-start;display:flex;flex-direction:column;width:50%}.project-description{color:#555;font-family:Open Sans,sans-serif;font-size:16px;line-height:1.6;margin-bottom:20px}.project-sticky-notes{display:flex;flex-wrap:wrap;gap:10px}.project-sticky-note{align-items:center;background-color:#f0f0f0;background-color:var(--sticky-color,#f0f0f0);box-shadow:0 4px 6px #0000001a;color:#000;display:flex;font-family:Caveat,cursive;font-size:18px;font-weight:700;height:120px;justify-content:center;padding:10px;position:relative;text-align:center;-webkit-text-decoration:nowrap;text-decoration:nowrap;width:120px}.project-sticky-note:before{background-color:rgba(0,0,0,.025);content:"";height:15%;left:0;position:absolute;top:0;width:100%}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.project-sticky-note.shake{animation:shake .8s ease-in-out}@media (max-width:1024px){.project-container{align-items:center;flex-direction:column}.project-details,.project-polaroid{margin-left:0;max-width:100%;width:400px}.project-details{padding:20px 0}.project-sticky-note{font-size:16px;height:100px;width:100px}.project-sticky-notes{justify-content:left}.left-image-container{left:40px;top:20%;transform:translateY(-50%);z-index:10}}@media (max-width:768px){.project-container{align-items:center;flex-direction:column}.project-details,.project-polaroid{max-width:100%;width:300px}.project-details{padding:20px 0}.project-sticky-notes{justify-content:left}.left-image-container{left:0}.left-image{width:80px}}@media (max-width:480px){.left-image{display:none}}.coming-soon-text{align-items:center;background-color:#f8f8f8;border-bottom:5px solid #fff;color:#666;display:flex;font-family:Caveat,cursive;font-size:32px;font-weight:700;height:250px;justify-content:center;text-align:center;width:100%}.works{box-sizing:border-box;padding:20px;width:100%}@media (min-width:769px){.works{height:auto;min-height:100vh;overflow-y:visible}}.works-title{color:#383839;font-family:Permanent Marker,cursive;font-size:64px;font-weight:700;margin-bottom:20px;padding-left:50%;text-align:left;width:100%}.polaroid-container{align-items:center;display:flex;flex-direction:column;gap:30px}.project-container{margin:0 auto;max-width:1200px;width:100%}@media (max-width:1024px){.works-title{font-size:48px;padding-left:0;text-align:center}}@media (max-width:768px){.works-title{font-size:40px}.polaroid-container{gap:20px}}@media (max-width:480px){.works-title{font-size:36px}}.contact-container{flex-direction:column;width:100%}.contact,.contact-container{display:flex;min-height:100vh}.contact{box-sizing:border-box;flex:1 1;flex-direction:row-reverse;padding:20px;width:100vw}@media (min-width:769px){.contact{height:100vh;min-height:100vh}}.contact-left{width:50%}.canvas-container,.contact-left{align-items:center;display:flex;justify-content:center}.canvas-container{flex-direction:column}.contact-canvas{background-color:#fff;border:2px solid #383839;height:400px;touch-action:none;width:400px}.canvas-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.contact-controls{display:flex;flex-direction:row;gap:10px}.contact-controls button{background-color:#383839;border:none;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.contact-controls button:hover{background-color:#4a4a4a}.contact-right{display:flex;flex-direction:column;justify-content:center;padding-left:20px;width:50%}.contact-right h2{color:#383839;font-family:Permanent Marker,cursive;font-size:64px}.contact-form{display:flex;flex-direction:column;gap:10px;width:80%}.contact-form input,.contact-form textarea{border:1px solid #ccc;font-size:16px;padding:10px}.contact-form textarea{height:150px;resize:none}.contact-form button{background-color:#383839;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.contact-form button:hover{background-color:#4a4a4a}.form-subtitle{color:#555;font-family:Open Sans,sans-serif;font-size:12px;margin-top:-5px;text-align:center}.color-palette{display:flex;gap:10px;margin-top:10px}.color-box{border:1px solid #ccc;cursor:pointer;height:30px;transition:transform .2s ease;width:30px}.color-box:hover{transform:scale(1.1)}.contact-title-container{margin-bottom:20px}.contact-plane-video{border-radius:8px;cursor:pointer;flex-shrink:0;height:auto;width:120px}.contact-plane-video-desktop{align-self:center;margin-top:20px}.contact-plane-video-mobile{display:none}@media (max-width:1024px){.contact{align-items:center;flex-direction:column;height:auto;justify-content:center;min-height:100vh;padding:20px 10px}.contact-right{align-items:center;margin-bottom:20px;order:1;padding-left:0;position:relative;width:100%}.contact-form{height:270px;width:70%}.contact-right h2{font-size:48px;text-align:center}.contact-title-container{justify-content:center;margin-bottom:20px;position:relative}.contact-plane-video-desktop{display:none}.contact-plane-video-mobile{display:block;margin-bottom:0;position:absolute;right:20px;top:-20px;transform:none;width:100px}.contact-left{order:2}.canvas-wrapper,.contact-left{align-items:center;display:flex;justify-content:center;width:100%}.canvas-wrapper{flex-direction:row}.contact-canvas{height:250px;width:250px}.contact-controls{flex-direction:column;margin-left:20px}}@media (max-width:768px){.contact-right h2{font-size:40px}.contact-canvas{height:200px;width:200px}}@media (max-width:480px){.contact{margin-bottom:80px;min-height:auto}.contact-right{flex-direction:column}.contact-plane-video-mobile{align-self:center;margin-bottom:10px;order:-1;position:static;transform:none;width:80px}.contact-title-container{margin-bottom:20px;order:0}.contact-right h2{font-size:36px;margin-top:0;text-align:center;width:auto}.contact-canvas{height:180px;width:180px}.contact-container{padding-bottom:20px}}footer{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:20px 40px;position:relative;width:100%}.footer-top-line{background-color:#ddd;border-radius:20px 20px 20px 20px;height:1px;margin:0 auto;position:absolute;top:0;width:100%;z-index:1}.social-logo{height:20px;margin-left:10px;width:20px}.footer-columns{display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;margin-top:-20px;max-width:1200px;width:calc(100% - 40px)}.footer-column{flex:1 1;margin:10px;text-align:left}.footer-column h3{color:#383839;font-family:Permanent Marker,cursive;font-size:24px;margin-bottom:10px}.footer-column ul{list-style-type:none;padding:0}.footer-sticky-note{align-items:center;background-color:#feff9c;border:none;box-shadow:2px 2px 8px #0000004d;color:#000!important;cursor:pointer;display:flex;font-family:Caveat,cursive;font-size:20px;height:50px;justify-content:flex-start;margin-bottom:10px;padding:10px 20px;position:relative;text-align:left;transition:all .3s ease;width:150px}.footer-sticky-note:before{background-color:#fbfc85;content:"";height:100%;left:0;position:absolute;top:0;width:16px;z-index:1}.footer-sticky-note:hover{box-shadow:4px 4px 12px #00000080;transform:translateY(-3px)}.footer-column ul li{font-family:Asap,sans-serif;margin-bottom:16px}.footer-column ul li a{color:#000;text-decoration:none}.footer-column ul li a:hover{text-decoration:none}.footer-top-button{bottom:20px;padding-right:64px;position:absolute;right:20px}.footer-top-button,.footer-top-button button{align-items:center;display:flex;justify-content:center}.footer-top-button button{background-color:#383839;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;transition:background-color .3s ease;width:60px}.footer-top-button button:before{color:#fff;content:"↑";font-size:28px}.footer-top-button button:hover{background-color:#333}.footer-message{font-size:14px;margin-top:20px}.footer-copyright,.footer-message{color:#383839;font-family:Permanent Marker,cursive}.footer-copyright{font-size:12px}@keyframes rotate1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.footer-nav-grid{display:flex;gap:40px}.footer-nav-grid ul{list-style-type:none;margin:0;padding:0}.footer-video-container{align-items:center;bottom:20px;display:flex;justify-content:center;position:absolute;right:20px}.footer-cata-video{cursor:pointer;height:200px;object-fit:contain;transition:all .3s ease;width:140px}.footer-cata-video:hover{transform:scale(1.05)}@media (max-width:1024px){.footer-cata-video{height:160px;width:120px}.footer-video-container{bottom:40px;right:10px}}@media (max-width:768px){.footer-columns{flex-direction:row;justify-content:space-between}.footer-sticky-note{font-size:18px;height:40px;width:120px}.footer-sticky-note a{color:#000!important;text-decoration:none!important}.footer-sticky-note a:hover{color:#000!important}.footer-nav-grid{flex-direction:column;gap:0}.footer-nav-grid ul{margin:0;padding:0}}@media (max-width:480px){footer{padding:20px 40px}.footer-columns{flex-direction:row;gap:30px;justify-content:center;margin-top:0}.footer-column h3{font-size:20px}.footer-sticky-note{font-size:16px;height:35px;width:110px}.footer-top-button{padding-right:20px}.footer-top-button,.footer-video-container{align-items:center;bottom:20px;display:flex;justify-content:center;right:20px}.footer-video-container{position:absolute}.footer-cata-video{cursor:pointer;height:160px;object-fit:contain;transition:all .3s ease;width:120px}footer{margin-bottom:0;padding-bottom:20px}}.menu-notepaper-container{align-items:center;display:flex;flex-direction:column;left:20px;perspective:1000px;position:fixed;top:10px;z-index:1000}.menu-tape{height:auto;margin-bottom:-10px;pointer-events:none;width:60px;z-index:2}.menu-notepaper{align-items:center;background-color:#fdfdfd;background-image:linear-gradient(180deg,#0000 24px,#d3d3d3 25px);background-size:100% 25px;border:2px solid #e0e0e0;box-shadow:0 10px 30px #0003;color:#000;cursor:pointer;display:flex;font-family:Caveat,cursive;font-size:32px;height:100px;justify-content:center;margin-top:-20px;padding:10px;position:relative;transform-origin:top center;transition:transform .3s ease;width:100px;z-index:1}.menu-notepaper:hover{transform:scale(1.05)}.menu-shadow{background-color:#0003;border-radius:10px;box-shadow:0 30px 60px #0003;height:100px;pointer-events:none;position:absolute;top:30px;transform-origin:center;width:100px;z-index:0}.menu-pullout{background-image:url(/static/media/Notebook.90fc703c36b0b7c51aa7.jpg);background-position:100% 0!important;background-repeat:no-repeat;background-size:100% 100%;box-shadow:5px 0 15px #0000004d;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);width:33%;z-index:9999}.menu-pullout ul{flex:1 1;list-style:none;margin:0;padding:100px 20px 20px}.menu-pullout ul li{margin-bottom:20px}.menu-pullout ul li a{align-items:center;color:#000;display:flex;font-family:Caveat,cursive;font-size:40px;padding:10px 15px;text-decoration:none;transition:transform .3s ease,color .3s ease}.menu-pullout ul li a:hover{transform:translateX(10px)}.menu-pullout ul li img.paperclip{height:auto;margin-left:10px;width:64px;z-index:9999999999}.menu-close-btn{background:none;border:none;color:#000;cursor:pointer;font-family:Caveat,cursive;font-size:32px;position:absolute;right:70px;top:20px;transition:transform .3s ease}.menu-close-btn:hover{transform:scale(1.2)}.dimmed-overlay{background-color:#00000080;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.dimmed-overlay.active{cursor:pointer;opacity:1;pointer-events:auto}@media (max-width:1024px){.menu-notepaper{font-size:24px}.menu-notepaper,.menu-shadow{height:80px;width:80px}.menu-pullout{width:40%}.menu-pullout ul li a{font-size:36px}.menu-pullout ul li img.paperclip{width:48px}}@media (max-width:768px){.menu-notepaper{font-size:20px}.menu-notepaper,.menu-shadow{height:60px;width:60px}.menu-pullout{width:50%}.menu-pullout ul li a{font-size:32px}.menu-pullout ul li img.paperclip{width:40px}}@media (max-width:480px){.menu-notepaper,.menu-shadow{height:50px;width:50px}.menu-pullout{width:70%}.menu-pullout ul li a{font-size:28px}.menu-pullout ul li img.paperclip{width:36px}.menu-pullout ul li a:hover{transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-on-scroll{opacity:0}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.awarehome-container video{backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform}.awarehome-container video:not([src]){animation:pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}body{min-height:100vh;overflow-y:auto}.awarehome-container{height:auto!important;min-height:120vh;overflow-y:visible;padding-bottom:0;padding-top:80px;scroll-snap-align:none;width:100%}.marker-font{font-family:Permanent Marker,cursive}.awarehome-title{color:#333;font-size:64px;font-weight:700;margin:0;text-align:center}.polaroid-display{align-items:center;display:flex;flex-direction:column;margin-top:20px;position:relative}.magnet{height:40px;margin-bottom:-10px;width:40px;z-index:2}.polaroid-image{background-color:#fff;border:solid #fff;border-width:15px 15px 55px;box-shadow:0 10px 25px #0000004d;height:auto;object-fit:cover;width:500px}.details-image{display:block;height:auto;margin-left:auto;margin-right:auto;margin-top:30px;max-width:90%;width:900px}.appreciation-image{display:block;height:auto;margin:30px auto 120px;max-width:85%;width:700px}.context-section{margin-left:auto;margin-right:auto;margin-top:50px;max-width:1200px;padding:0 40px}.section-title{color:#333;font-family:Permanent Marker,cursive;font-size:48px;font-weight:700;margin-bottom:30px;margin-top:120px;text-align:left}.context-content{margin-left:40px}.context-subtitle{color:#555;font-family:Permanent Marker,cursive;font-size:32px;font-weight:600;margin-bottom:20px;text-align:left}.context-text{color:#666;font-family:Open Sans,sans-serif;font-size:20px;line-height:1.6;margin:0 0 20px;text-align:left}.context-image-container{margin:40px 0;text-align:center}.context-part-image{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:800px}.problem-section{margin-left:40px;margin-top:40px}.problem-subtitle{color:#555;font-family:Permanent Marker,cursive;font-size:32px;font-weight:600;margin-bottom:20px;text-align:left}.problem-text{color:#555;font-size:24px;font-weight:600}.problem-text,.problem-text2{font-family:Open Sans,sans-serif;line-height:1.6;margin:0 0 20px;text-align:left}.problem-text2{color:#666;font-size:20px}.impact-sticky-mobile{display:none}.impact-sticky-web{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:1200px}.data-flow-row{align-items:center;display:flex;gap:20px;justify-content:center;margin:40px 0}.data-flow-item{text-align:center}.data-flow-image{height:auto;max-width:95%;width:600px}.data-caption{color:#666;font-family:Open Sans,sans-serif;font-size:14px;margin-top:10px;text-align:center}.arrow-image{height:auto;width:60px}.text-arrow-container{margin:20px 0;text-align:center}.text-arrow{height:auto;transform:rotate(90deg);width:40px}.annotation-container{margin:40px 0;position:relative;text-align:center}.annotation-magnet{height:40px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px;z-index:2}.annotation-image{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:600px}.annotation-caption{color:#666;font-family:Open Sans,sans-serif;font-size:14px;font-style:italic;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:15px;max-width:500px;text-align:center}.sticky-chart-container{display:flex;justify-content:center;margin:40px 0}.sticky-chart-image{display:block;height:auto;max-width:60%}.scoping-chart-container{display:flex;justify-content:center;margin:40px 0}.scoping-chart-web{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:900px}.scoping-chart-mobile{display:none}.design-subtitle{color:#555;font-family:Permanent Marker,cursive;font-size:32px;font-weight:600;margin-bottom:20px;margin-left:20px;text-align:left}.video-wrapper{display:block;margin:30px 0 80px;width:100%}.demo-video,.demo-video-one,.demo-video-two{border-radius:4px;display:block;height:auto;margin-left:auto;margin-right:auto;max-height:80vh;max-width:900px;object-fit:contain;outline:1px solid #0003;width:100%}.design-subtitle-paragraph{color:#666;font-family:Open Sans,sans-serif;font-size:20px;line-height:1.6;margin:0 0 20px 25px}.iteration-row{align-items:flex-start;display:flex;gap:40px;justify-content:center;margin:40px 0 80px}.iteration-column{flex:1 1;max-width:600px;text-align:center}.iteration-title{color:#555;font-family:Permanent Marker,cursive;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.iteration-image{height:auto;margin-bottom:20px;max-width:400px;width:100%}.awarehome-sticky-note{align-items:center;color:#333;display:flex;font-family:Open Sans,sans-serif;font-size:14px;justify-content:center;line-height:1.4;margin:0 auto;max-width:270px;min-height:140px;overflow:hidden;padding:15px;position:relative;text-align:center}.awarehome-sticky-note-left{background-color:#fd7768;color:#fff}.awarehome-sticky-note-left:before{background-color:#ff614f;content:"";height:10%;left:0;position:absolute;right:0;top:0;z-index:1}.awarehome-sticky-note-left>*{position:relative;z-index:2}.awarehome-sticky-note-right{background-color:#b1e378;color:#333}.awarehome-sticky-note-right:before{background-color:#8cc64a;content:"";height:10%;left:0;position:absolute;right:0;top:0;z-index:1}.awarehome-sticky-note-right>*{position:relative;z-index:2}.awarehome-sticky-note-text{color:#000;font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;line-height:1.3;margin-bottom:10px;position:relative;z-index:2}.demo-video-four,.demo-video-three{border-radius:4px;display:block;height:auto;margin-left:auto;margin-right:auto;max-height:80vh;max-width:600px;object-fit:contain;outline:1px solid #0003;width:100%}.demo-video-five,.demo-video-six{border-radius:4px;max-height:80vh;max-width:900px;object-fit:contain;outline:1px solid #0003;width:100%}.demo-video-five,.demo-video-six,.flow-image{display:block;height:auto;margin-left:auto;margin-right:auto}.flow-image{max-width:70%;width:600px}@media (max-width:1024px){.awarehome-title{font-size:48px}}@media (max-width:768px){.awarehome-container{padding-top:40px!important}.awarehome-title{font-size:32px!important}.section-title{font-size:32px}.context-content{margin-left:40px}.context-subtitle{color:#555;font-family:Permanent Marker,cursive;font-size:32px;font-weight:600;margin-bottom:20px;text-align:left}.context-text{color:#666;font-family:Open Sans,sans-serif;font-size:16px;line-height:1.6;margin:0 0 20px;text-align:left}.context-image-container{margin:40px 0;text-align:center}.context-part-image{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:800px}.problem-section{margin-left:40px;margin-top:40px}.problem-subtitle{color:#555;font-family:Permanent Marker,cursive;font-size:32px;font-weight:600;margin-bottom:20px;text-align:left}.problem-text{color:#555;font-size:20px;font-weight:600}.problem-text,.problem-text2{font-family:Open Sans,sans-serif;line-height:1.6;margin:0 0 20px;text-align:left}.problem-text2{color:#666;font-size:16px}.impact-sticky-container{margin:40px auto;text-align:center}.awarehome-title{font-size:32px}.awarehome-container{padding-top:20px}.polaroid-image{background-color:#fff;border:solid #fff;border-width:15px 15px 45px;box-shadow:0 8px 20px #0000004d;height:250px;width:300px}.magnet{height:30px;width:30px}.impact-sticky-web{display:block;height:auto;left:50%;max-width:none;position:relative;transform:translateX(-50%);width:108%}.data-flow-row{flex-direction:column;gap:20px}.data-flow-image{max-width:90%;width:400px}.arrow-image{transform:rotate(90deg);width:40px}.annotation-image{max-width:80%;width:400px}.annotation-caption{max-width:400px}.sticky-chart-image{max-width:100%;width:600px}.scoping-chart-web{display:none}.scoping-chart-mobile{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:250px}.design-subtitle-paragraph{font-size:16px;margin-left:25px}.demo-video-five,.demo-video-four,.demo-video-six,.demo-video-three{height:auto;max-width:100%;width:100%}.awarehome-sticky-note{font-size:13px;max-width:270px;min-height:120px;padding:12px}.awarehome-sticky-note-text{font-size:20px}.demo-video,.demo-video-one{height:auto;max-width:100%;width:100%}.demo-video-two{height:auto;max-width:auto;width:100%}.iteration-row{align-items:center;flex-direction:column}.iteration-column{flex:initial;max-width:100%;text-align:center}.iteration-image{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%}}@media (max-width:480px){.awarehome-container{margin-top:96px}.context-content,.problem-section{margin-left:20px}.problem-text{font-size:20px}.section-title{font-size:32px}.impact-sticky-web{display:none!important}.impact-sticky-mobile{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:80%;width:1000px}.data-flow-row{flex-direction:column;gap:15px}.data-flow-image{max-width:90%;width:400px}.arrow-image{transform:rotate(90deg);width:30px}.annotation-magnet{height:30px;width:30px}.sticky-chart-image{margin-right:10px;max-width:115%}.scoping-chart-web{display:none}.scoping-chart-mobile{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:90%;width:600px}.demo-video,.demo-video-five,.demo-video-four,.demo-video-one,.demo-video-six,.demo-video-three,.demo-video-two{height:auto;max-width:100%;width:100%}.design-subtitle-paragraph{font-size:16px;margin-left:25px}.iteration-row{flex-direction:column;gap:25px;margin:25px 0}.iteration-title{font-size:18px}.iteration-image{max-width:95%}.awarehome-sticky-note{max-width:200px;min-height:110px;padding:10px}.awarehome-sticky-note-text{font-size:16px}.flow-image{max-width:100%}}.demo-video-plant{animation:none!important;display:block;height:auto;margin:0 auto;max-width:150px;opacity:1!important;transition:none!important;width:100%}.awarehome-nav-container{align-items:center;display:flex;flex-direction:column;left:20px;perspective:1000px;position:fixed;top:10px;z-index:1000}.awarehome-nav-tape{height:auto;margin-bottom:-10px;pointer-events:none;width:60px;z-index:2}.awarehome-nav-notepaper{align-items:center;background-color:#fdfdfd;background-image:linear-gradient(180deg,#0000 24px,#d3d3d3 25px);background-size:100% 25px;border:2px solid #e0e0e0;box-shadow:0 10px 30px #0003;color:#000;cursor:pointer;display:flex;font-family:Caveat,cursive;font-size:32px;height:100px;justify-content:center;margin-top:-20px;padding:10px;position:relative;transform-origin:top center;transition:transform .3s ease;width:100px;z-index:1}.awarehome-nav-notepaper:hover{transform:scale(1.05)}.awarehome-nav-shadow{background-color:#0003;border-radius:10px;box-shadow:0 30px 60px #0003;height:100px;pointer-events:none;position:absolute;top:30px;transform-origin:center;width:100px;z-index:0}.awarehome-nav-pullout{background-image:url(/static/media/Notebook.90fc703c36b0b7c51aa7.jpg);background-position:100% 0!important;background-repeat:no-repeat;background-size:100% 100%;box-shadow:5px 0 15px #0000004d;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);width:40%;z-index:9999}.awarehome-nav-pullout ul{flex:1 1;list-style:none;margin:0;padding:100px 20px 20px}.awarehome-nav-pullout ul li{margin-bottom:20px}.awarehome-nav-pullout ul li a{align-items:center;color:#000;display:flex;font-family:Caveat,cursive;font-size:32px;padding:10px 15px;text-decoration:none;transition:transform .3s ease,color .3s ease}.awarehome-nav-pullout ul li a:hover{transform:translateX(10px)}.awarehome-nav-pullout ul li img.paperclip{height:auto;margin-left:10px;width:64px;z-index:9999999999}.awarehome-nav-close-btn{background:none;border:none;color:#000;cursor:pointer;font-family:Caveat,cursive;font-size:32px;position:absolute;right:70px;top:20px;transition:transform .3s ease}.awarehome-nav-close-btn:hover{transform:scale(1.2)}.active{font-weight:700}.awarehome-dimmed-overlay{background-color:#00000080;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.awarehome-dimmed-overlay.active{cursor:pointer;opacity:1;pointer-events:auto}@media (max-width:1024px){.awarehome-nav-notepaper{font-size:24px;height:80px;width:80px}.awarehome-nav-shadow{height:80px;width:80px}.awarehome-nav-pullout{width:50%}.awarehome-nav-pullout ul li a{font-size:28px}.awarehome-nav-pullout ul li img.paperclip{width:48px}}@media (max-width:768px){.awarehome-nav-notepaper{font-size:20px;height:45px;width:45px}.awarehome-nav-shadow{height:60px;width:60px}.awarehome-nav-pullout{width:70%}.awarehome-nav-pullout ul li a{font-size:24px}.awarehome-nav-pullout ul li img.paperclip{width:40px}}@media (max-width:480px){.awarehome-nav-notepaper,.awarehome-nav-shadow{height:50px;width:50px}.awarehome-nav-pullout{width:80%}.awarehome-nav-pullout ul li a{font-size:20px}.awarehome-nav-pullout ul li img.paperclip{width:36px}.awarehome-nav-pullout ul li a:hover{transform:none}}.back-to-home-item{border-top:2px solid #d3d3d3;margin-top:40px;padding-top:20px}.back-to-home-item a{color:#666!important;font-size:28px!important;font-style:italic}.back-to-home-item a:hover{color:#333!important;transform:translateX(10px)}
/*# sourceMappingURL=main.f9c738bb.css.map*/