:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background-color:#fff;overflow:hidden}body{font-family:Google Sans Flex,system-ui,sans-serif}#root{min-height:100vh}.project-carousel{scrollbar-width:none}.project-carousel::-webkit-scrollbar{display:none}.project-stage{position:relative;width:100%;max-width:100%;height:clamp(420px,70vh,640px);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;transform-origin:center center}.project-content-wrapper{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.project-frame.enter-from-right{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1) forwards}.project-frame.enter-from-left{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1) forwards}.project-frame.exit-to-left{animation:slideOutToLeft .6s cubic-bezier(.4,0,.2,1) forwards}.project-frame.exit-to-right{animation:slideOutToRight .6s cubic-bezier(.4,0,.2,1) forwards}.project-tag{opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .36s cubic-bezier(.33,1,.68,1)}.project-tag.visible{opacity:1;transform:translateY(0)}.mobile-tagline{opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s cubic-bezier(.33,1,.68,1);visibility:hidden}.mobile-tagline.visible{opacity:1;transform:translateY(0);visibility:visible}.app-container{background-color:#fff;min-height:100vh;width:100%}.app-container.mobile-layout{display:flex;flex-direction:column;gap:12px;padding-inline:20px;padding-bottom:20px;min-height:100dvh}@media (max-width: 768px){.project-tag{display:none!important}.project-stage{height:auto;min-height:360px;max-height:640px;overflow:visible;padding-inline:12px}.mobile-layout{align-items:center}.mobile-nav{position:static;display:flex;flex-direction:column;gap:8px;width:100%;padding:20px 0 0;box-sizing:border-box;align-items:flex-start}.mobile-stage{height:calc(100dvh - var(--mobile-nav-height, 0px) - 72px);min-height:360px;max-height:640px;display:flex;flex-direction:column;justify-content:center}.mobile-carousel{padding-inline:8px;width:100%;scroll-snap-type:x mandatory;gap:24px}.mobile-carousel-item{scroll-snap-align:center}.project-frame{align-items:center}.project-content-wrapper{--project-base-width: 834;--project-mobile-scale: 1;--project-mobile-width: min(360px, 94vw);--project-mobile-padding: 6px 4px;max-width:var(--project-mobile-width, min(360px, 94vw));width:var(--project-mobile-width, min(360px, 94vw));height:auto;margin-inline:auto;padding:var(--project-mobile-padding, 6px 4px);transform:scale(var(--project-mobile-scale, 1));transform-origin:center center;align-items:center;justify-content:center}html,body{height:auto;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}.mobile-page-controls{position:fixed;left:0;right:0;bottom:32px;display:flex;justify-content:center;gap:10px;pointer-events:auto}.mobile-page-control-button{width:10px;height:10px;border-radius:999px;border:none;background-color:#e0e0e0;padding:0;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.mobile-page-control-button.active{background-color:#000;transform:scale(1.2)}}@keyframes slideInFromRight{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes slideInFromLeft{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-120%) scale(.6);opacity:.6}}@keyframes slideOutToRight{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.6);opacity:.6}}