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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dock-outer{align-items:center;bottom:20px;display:flex;left:0;margin:0 .5rem;margin:0 auto;max-width:100%;padding:.5rem;position:fixed;right:0;z-index:1000}.dock-panel{align-items:flex-end;background-color:#e7e7e7e0;border:1px solid #e0e0e0;border-radius:1rem;bottom:.5rem;display:flex;gap:1rem;left:50%;padding:0 .5rem .5rem;position:absolute;transform:translateX(-50%);width:fit-content}.dock-item{background-color:#f1f1f1ee;border:1px solid #e0e0e0e5;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;outline:none;position:relative}.dock-icon,.dock-item{align-items:center;justify-content:center}.dock-icon{display:flex}.dock-label{background-color:#c7c7c7;border:1px solid #e7e7e7;border-radius:.375rem;color:#fff;font-size:.75rem;left:50%;padding:.125rem .5rem;position:absolute;top:-1.5rem;transform:translateX(-50%);white-space:pre;width:fit-content}.dock-icon img,.dock-icon svg{height:100%;object-fit:contain;width:100%}.dock-separator{align-items:center;align-self:center;background-color:#0003;display:flex;height:40px;justify-content:center;margin:0 -.25rem;width:1px;z-index:1}.dock-indicator{background-color:#8e8e93;border-radius:50%;bottom:-7px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px;z-index:2}.active-dock-item{filter:brightness(1.05)}.home-nav{align-items:center;display:flex;left:20px;pointer-events:none;position:fixed;top:20px;z-index:1000}.return-text{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#fff6;border:1px solid #fff9;border-radius:20px;box-shadow:0 2px 8px #0000000d;color:#0009;cursor:pointer;font-size:14px;font-weight:400;opacity:0;padding:6px 12px;pointer-events:none;transform:translateY(-10px);transition:all .3s ease;white-space:nowrap}.return-text.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.return-text:hover{background-color:#ffffffb3;box-shadow:0 4px 12px #0000001a;color:#0a66c2}.return-text span{display:inline-block;margin-right:2px}@media (max-width:768px){.home-nav{left:15px;top:15px}.return-text{font-size:12px;padding:5px 10px}}:root{--global-font:"manrope",sans-serif;--title-font:"FreightBig Pro Semibold",serif;--subtitle-font:"FreightBig Pro Medium Italic",serif;--accent-color:#0056f1}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fffcf9;display:flex;flex-direction:column;margin:0}a,body,h1,h2,h3,li,p{font-family:manrope,sans-serif;font-family:var(--global-font)}.project-title{animation:titleFadeIn 1s ease forwards;font-family:FreightBig Pro Semibold,serif;font-family:var(--title-font);font-size:36px;font-weight:600;opacity:0;padding:40px 20px 10px;transform:translateY(-30px)}.project-subtitle{animation:subtitleFadeIn 1s ease .3s forwards;color:#666;font-family:manrope,sans-serif;font-family:var(--global-font);font-size:20px;font-weight:400;line-height:1.4;margin:0;opacity:0;padding:0 20px 30px;transform:translateY(-20px)}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}li,p{font-size:16px}ul{margin:10px}li{list-style-type:none}h1{font-size:32px;padding:20px}h1,h2{font-family:FreightBig Pro Medium Italic,serif;font-family:var(--subtitle-font);font-weight:600;line-height:1.3;margin:0}h2{font-size:medium;font-size:24px;padding:10px 20px}p{color:#4a4a4a;line-height:1.5;margin:0;padding:5px 20px}hr{background:linear-gradient(90deg,#0000,#ccc,#0000);border:none;height:1px;margin:20px 0;opacity:.6}.project-page{background-color:#fffcf9}.image-container{display:flex;justify-content:center;overflow:hidden;padding:20px 0;position:sticky;top:0;width:100%;z-index:1}.image-container img{border-radius:10px;display:block;margin:0 auto;max-height:500px;max-width:90%;object-fit:contain}.image-content{flex-direction:row;height:auto;max-width:30px}.overall-content{background:#fffcf9;box-sizing:border-box;display:flex;flex-direction:row;margin:0 auto;max-width:1200px;padding:30px 20px;position:relative;width:100%;z-index:2}.menubar{flex:0 0 14rem}.nav{display:flex;flex-direction:column;line-height:1.5;margin-right:32px;margin-top:3rem;position:sticky;text-align:right;top:5rem}.nav-list{margin:0;padding:0}.aside-nav-link{background:none;border:none;color:hsla(0,0%,61%,.679);cursor:pointer;display:inline-block;font-family:inherit;font-size:16px;padding:2px 18px;text-align:right;text-decoration:none;transition:color .2s ease;width:100%}.aside-nav-link.active,.aside-nav-link:active,.aside-nav-link:hover{color:#0a0a0a}.project-content-wrapper{box-sizing:border-box;flex:1 1;font-family:manrope,sans-serif;font-family:var(--global-font);line-height:1.5;padding:2em 8em 2em 2em;width:100%}.button{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#fff6;border:1px solid hsla(0,0%,71%,.353);border-radius:20px;box-shadow:0 2px 8px #0000000d;color:#0009;cursor:pointer;display:inline-flex;font-size:16px;font-weight:400;margin:5px;padding:6px 18px 6px 42px;position:relative;text-decoration:none;transition:all .5s ease;white-space:nowrap}.button:before{content:"→";font-size:14px;left:18px;position:absolute;transform:rotate(-45deg);transition:transform .5s ease}.button:hover{background-color:#ffffffb3;border:1px solid #0a66c2;box-shadow:0 4px 12px #0000001a;color:#0a66c2}.button:hover:before{transform:rotate(0deg)}.button .icon{display:none;height:16px;margin-right:10px;transition:transform .3s ease;width:16px}.social-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:40px 0}.content-section{margin-bottom:40px}.columnlayout3{display:flex;flex-direction:row;justify-content:space-between;width:100%}.columnlayout3>div{animation:fadeInUpSequence 1s ease forwards;animation-play-state:paused;flex:1 1;opacity:0;transform:translateY(30px)}.columnlayout3.visible>div{animation-play-state:running}.columnlayout3>div:first-child{animation-delay:1.1s}.columnlayout3>div:nth-child(2){animation-delay:1.4s}.columnlayout3>div:nth-child(3){animation-delay:1.7s}.columnlayout3>div:nth-child(4){animation-delay:2s}@keyframes fadeInUpSequence{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.interaction-container,.interaction-container-reverse{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;margin-bottom:40px;padding:0 20px;width:95%}.image-content{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:80%;width:100%}.image-content img{display:block;height:auto;max-width:45%;object-fit:contain;width:100%}.graphics-image-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:0 auto;padding:0 20px;width:100%}.graphics-image-content img{display:block;height:auto;max-width:100%;object-fit:contain}.uiux-content{display:flex;flex:2 1;flex-direction:row;justify-content:flex-start;max-width:1200px;padding:100px 0}.uiux-content.reverse{flex-direction:row-reverse}.uiux-img{display:flex;max-width:380px;min-width:380px;width:380px}.uiux-img img{display:block;justify-content:space-between;object-fit:contain;width:50%}footer{display:none}::selection{background-color:#4a4a4a;color:#fffcfa}::-moz-selection{background-color:#063144;color:#8bc0dc}@media (max-width:1200px){.overall-content{padding:20px 10px}.project-content-wrapper{padding:30px 60px}}@media (max-width:768px){.overall-content{flex-direction:column;padding:20px}.menubar{margin-bottom:20px;width:100%}.project-content-wrapper{padding:20px}.interaction-container,.interaction-container-reverse{align-items:center;flex-direction:column}}.project-tag{background-color:initial;border:.5px solid hsla(0,0%,71%,.285);border-radius:6px;color:#636366b3;display:inline-block;font-size:12px;font-weight:400;letter-spacing:-.01em;margin-bottom:4px;margin-right:8px;padding:4px 20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.project-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px}.photo-gallery{margin-bottom:2rem;padding:0 24px;width:100%}.gallery-row{display:flex;gap:1.1rem;margin-bottom:1.1rem;width:100%}.gallery-item{opacity:0;overflow:hidden;position:relative;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.gallery-item.active{opacity:1;transform:translateY(0)}.gallery-image{display:block;height:400px;object-fit:cover;width:100%}.wide{width:66.66%}.narrow{width:33.33%}.gallery-caption{color:#333;font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.gallery-row{flex-direction:column}.gallery-item,.narrow,.wide{margin-bottom:1rem;width:100%}}
/*# sourceMappingURL=main.16196eeb.css.map*/