*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background-color:#f5f3ee;color:#000;overflow:hidden;height:100vh}.container{width:100%;height:100vh;padding:20px 0;display:flex;flex-direction:column;gap:0;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 41px;font-size:18px;font-weight:400;height:40px;flex-shrink:0}.header-center{position:absolute;left:50%;transform:translate(-50%)}.header-left{cursor:pointer;transition:opacity .3s ease}.header-left:hover{opacity:.6}.reach-out-container{position:relative}.reach-out-btn{cursor:pointer;transition:opacity .3s ease}.reach-out-btn:hover{opacity:.6}.reach-out-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#f5f3ee;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:8px 0;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.reach-out-container.active .reach-out-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 20px;color:#000;text-decoration:none;font-size:16px;transition:opacity .2s ease}.dropdown-item:hover{opacity:.6}.projects-wrapper{width:100%;overflow:hidden;position:relative;flex:1;min-height:0;display:flex;align-items:flex-start;padding-top:10px;padding-left:10px}.projects-container{display:flex;gap:10px;padding:10px;position:relative;left:0;transition:transform .3s ease-out;will-change:transform}.project-item{flex-shrink:0;overflow:hidden;border-radius:4px;transition:all .8s cubic-bezier(.25,.1,.25,1);width:220px;display:flex;align-items:flex-start}.project-item.hidden{opacity:0;transform:scale(.8);width:0;margin:0;padding:0;overflow:hidden}.project-item img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-item:hover img{transform:scale(1.02)}.themes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 30px;max-width:805px;margin:30px auto 20px;row-gap:0;flex-shrink:0}.theme-item{display:flex;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.5}.theme-item:hover{opacity:.8}.theme-item.active{opacity:1}.theme-name{font-size:39.7px;font-weight:400;line-height:51.6px}.theme-count{font-size:20px;font-weight:300;vertical-align:super;line-height:1;margin-left:2px}.bottom-bar{display:flex;gap:40px;padding:0 47px;align-items:flex-start;flex-shrink:0;width:100%}.identity{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start}.portfolio-label{font-size:16px;line-height:1.5;font-weight:400;margin-bottom:4px}.portfolio-name{font-size:28px;line-height:1.3;font-weight:400}.description{flex:1;min-width:0}.description p{font-size:16px;line-height:1.5}.projects-container.viewing-project{height:100%;width:100%;align-self:stretch;padding:0}.projects-container.viewing-project .project-item:not(.expanded){display:none}.project-item.expanded{width:100%;height:100%;display:flex!important;gap:20px;align-items:flex-start;padding:10px!important;overflow:hidden;transition:all .8s cubic-bezier(.25,.1,.25,1)}.project-left-side{display:flex;flex-direction:column;gap:10px;flex-shrink:0;max-width:35%;height:100%;overflow:hidden;opacity:0;transform:translate(-20px);animation:slideInLeft .8s cubic-bezier(.25,.1,.25,1) .2s forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.project-item.expanded>img,.project-left-side>img{width:100%;flex:1;min-height:0;object-fit:contain;object-position:left top}.project-scrollable-content{flex:1;height:100%;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;gap:20px;padding:10px;scrollbar-width:none;-ms-overflow-style:none;opacity:0;transform:translate(20px);animation:slideInRight .8s cubic-bezier(.25,.1,.25,1) .3s forwards}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.project-scrollable-content::-webkit-scrollbar{display:none}.project-text-column{flex-shrink:0;width:300px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.project-info-title{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:400;line-height:1.2;margin-bottom:8px}.project-info-category{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:300;opacity:.5;text-transform:capitalize;margin-bottom:20px}.project-info-description{font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.5}.project-info-description p{margin-bottom:15px}.project-image-column{flex-shrink:0;width:400px;height:100%;display:flex;align-items:center;justify-content:center}.project-image-column img{max-width:100%;max-height:100%;object-fit:contain;display:block}.project-close-btn{position:absolute;top:10px;right:10px;background:#0000001a;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:0;animation:fadeIn .6s cubic-bezier(.25,.1,.25,1) .4s forwards}@keyframes fadeIn{to{opacity:1}}.project-close-btn:hover{background:#0003;transform:rotate(90deg)}.project-go-back-btn{background:transparent;border:none;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:400;color:#000;display:flex;align-items:center;gap:8px;padding:8px 0;transition:opacity .3s ease;flex-shrink:0;align-self:flex-start}.project-go-back-btn:hover{opacity:.6}.image-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f3ee;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.image-fullscreen-overlay.active{opacity:1;pointer-events:all}.fullscreen-media-container{display:flex;align-items:center;justify-content:center;max-width:100vw;max-height:100vh}.fullscreen-media-container img,.fullscreen-media-container video{max-width:100vw;max-height:100vh;object-fit:contain}.project-image-column video{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-fullscreen-close{position:absolute;top:20px;right:20px;background:#0000001a;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;color:#000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-fullscreen-close:hover{background:#0003;transform:rotate(90deg)}.image-fullscreen-prev,.image-fullscreen-next{position:absolute;top:50%;transform:translateY(-50%);background:#0000001a;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:20px;color:#000;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10001}.image-fullscreen-prev{left:20px}.image-fullscreen-next{right:20px}.image-fullscreen-prev:hover,.image-fullscreen-next:hover{background:#0003}@media (max-width: 1600px){.bottom-bar{gap:30px}.description p{font-size:15px}}@media (max-width: 1440px){.bottom-bar{flex-wrap:wrap;gap:25px}.identity{width:100%}.description{flex:1;min-width:250px}.portfolio-name{font-size:32px}}@media (max-width: 768px){body{overflow-y:auto;height:auto}.container{height:auto;overflow:visible;padding:15px 0;gap:0}.top-bar{font-size:14px;padding:0 20px;height:36px;position:relative}.header-center{position:static;transform:none;font-size:14px}.header-left,.reach-out-btn{font-size:14px}.projects-wrapper{height:auto;flex:none;overflow:visible;padding:15px;align-items:stretch}.projects-container{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;transform:none!important;padding:0;width:100%;align-items:start}.project-item{width:100%!important;flex-shrink:initial;border-radius:4px;overflow:hidden}.project-item.hidden{display:none}.project-item img{max-height:none;width:100%;height:auto}.projects-container.viewing-project{display:flex!important;flex-direction:column;grid-template-columns:unset}.project-item.expanded{flex-direction:column;height:auto;overflow:visible;padding:0!important;gap:0}.project-left-side{max-width:100%;width:100%;height:auto;overflow:visible;flex-shrink:initial;animation:none;opacity:1;transform:none}.project-left-side>img{width:100%;height:auto;object-position:center;flex:none}.project-go-back-btn{padding:12px 15px}.project-scrollable-content{flex-direction:column;overflow-x:visible;overflow-y:visible;height:auto;padding:15px;gap:15px;animation:none;opacity:1;transform:none}.project-text-column{width:100%;flex-shrink:initial}.project-info-title{font-size:24px}.project-info-category{font-size:14px;margin-bottom:12px}.project-info-description{font-size:14px}.project-image-column{width:100%;height:auto}.project-close-btn{top:8px;right:8px;background:#0000004d;color:#fff}.themes{padding:0 20px;gap:0 15px;margin:15px auto;max-width:100%}.theme-name{font-size:20px;line-height:1.5}.theme-count{font-size:12px}.bottom-bar{flex-direction:column;padding:0 20px;gap:15px}.identity,.description{width:100%}.portfolio-name{font-size:32px;line-height:1.3}.portfolio-label{font-size:14px}.description p{font-size:14px;line-height:1.5}.modal-content{width:95%;max-height:95vh}.modal-body{padding:50px 20px 30px}.project-title{font-size:32px}.project-gallery{grid-template-columns:1fr}.project-description{font-size:16px}.modal-close{top:15px;right:15px;font-size:32px}.image-fullscreen-prev,.image-fullscreen-next{width:36px;height:36px;font-size:16px}.image-fullscreen-prev{left:10px}.image-fullscreen-next{right:10px}.image-fullscreen-close{top:10px;right:10px;width:36px;height:36px}}@media (max-width: 480px){.top-bar{padding:0 15px}.projects-container{grid-template-columns:1fr 1fr;gap:8px}.projects-wrapper{padding:10px}.themes{gap:0 10px;padding:0 15px}.theme-name{font-size:18px}.bottom-bar{padding:0 15px}.portfolio-name{font-size:28px}}