.page-content{background-color:white;min-height:calc(100vh - 175px);padding:0 30px;display:flex;flex-direction:column;justify-content:flex-start}.header{display:flex;align-items:center;justify-content:space-between;top:0;left:0;width:100%;z-index:1000;padding:40px 50px}.studiovistara{font-size:20px;cursor:default}.contact,.studiovistara{font-family:var(--font-roboto-mono),monospace;font-weight:400;letter-spacing:2px;display:inline-block}.contact{font-size:15px;cursor:pointer}.intro{display:flex;flex-direction:column;align-items:center;margin-top:10px;width:100%}.tagline{font-family:var(--font-roboto-mono),monospace;font-size:40px;font-weight:400;letter-spacing:1px;margin-bottom:40px;text-align:center}.carousel-container{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-wrapper{width:100%}.carousel-track,.carousel-wrapper{height:100%;display:flex;align-items:flex-start;justify-content:center}.carousel-item,.carousel-track{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.carousel-item{position:relative;flex-shrink:0;cursor:pointer;transform-origin:center top;margin:0 -1px}.carousel-item.far{width:200px!important;height:112px!important;min-width:200px!important;max-width:200px!important;min-height:112px!important;max-height:112px!important;z-index:1}.carousel-item.adjacent{width:320px!important;height:180px!important;min-width:320px!important;max-width:320px!important;min-height:180px!important;max-height:180px!important;z-index:2}.carousel-item.center{width:640px!important;height:360px!important;min-width:640px!important;max-width:640px!important;min-height:360px!important;max-height:360px!important;z-index:3;box-shadow:0 20px 40px rgba(0,0,0,.2)}.image-container{position:relative;width:100%!important;height:100%!important;overflow:hidden;background-color:#f0f0f0;border-radius:2px}.carousel-image{object-fit:cover;object-position:top;transition:transform .3s ease}.carousel-item:hover .carousel-image{transform:scale(1.05)}.carousel-item.center:hover .carousel-image{transform:scale(1.02)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:1px solid #e0e0e0;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#333}.carousel-nav:hover{background:rgba(255,255,255,1);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:20px}.carousel-nav.next{right:20px}.carousel-indicators{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #ccc;background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:#333;border-color:#333}.indicator:hover{border-color:#666}@media (max-width:768px){.header{padding:15px 20px}.studiovistara{font-size:20px}.carousel-container{height:400px!important;margin:20px 0}.carousel-item.center{width:480px!important;height:270px!important;min-width:480px!important;max-width:480px!important;min-height:270px!important;max-height:270px!important}.carousel-item.adjacent{width:240px!important;height:135px!important;min-width:240px!important;max-width:240px!important;min-height:135px!important;max-height:135px!important}.carousel-item.far{width:160px!important;height:90px!important;min-width:160px!important;max-width:160px!important;min-height:90px!important;max-height:90px!important}.carousel-nav{width:40px;height:40px}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}}@media (max-width:1024px){.page-content{margin-top:42px;padding:20px 0 0}}:root{--poster-normal-height:68vh;--poster-transitioning-height:175px}.poster-main{height:var(--poster-normal-height);transition:height .8s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.poster-main.transitioning{height:var(--poster-transitioning-height)}.poster-container{position:relative;flex:1;padding:30px;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;transition:padding .8s cubic-bezier(.4,0,.2,1);align-items:flex-end}.poster-container.shrunk{padding:15px 30px 20px}.poster-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#000}.poster-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:0}.background-video{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.title{opacity:.8;position:relative;z-index:1;height:240px;width:330px;border-bottom:10px solid white;border-right:5px solid white;color:white;font-size:2rem;letter-spacing:2px;font-family:Corbel,sans-serif;font-weight:300;font-style:normal;display:flex;flex-direction:column;justify-content:flex-end;transition:height .8s cubic-bezier(.4,0,.2,1),opacity .3s ease;cursor:pointer;margin-bottom:10px}.title:hover{opacity:1}.title.shrunk{height:85px;margin:0}.subtitle{opacity:.8;position:absolute;top:50;left:450px;width:auto;color:white;font-size:.95rem;letter-spacing:2px;font-weight:500;display:flex;flex-direction:column;gap:50px}.subtitle *{margin:2px 0}.about{position:absolute;top:100%;right:0;z-index:1;color:rgba(255,255,255,.7);font-size:.9rem;letter-spacing:2px;font-weight:300;cursor:pointer;margin-top:15px;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent}.about.hidden{transform:translateY(-100px);opacity:0}.info{opacity:.9;width:324px;z-index:1;border-top:10px solid white;color:white;font-size:.85rem;letter-spacing:3px;font-weight:300;text-align:left;display:flex;flex-direction:column;transition:border-top .8s cubic-bezier(.4,0,.2,1),padding .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1)}.info.compact{border-top:none;padding:0 0 10px;height:50px;justify-content:flex-end}.architecture{text-align:center;font-size:2rem;letter-spacing:8px;padding-bottom:0;margin-bottom:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.architecture.hidden{transform:translateY(-50px);opacity:0}.tags{display:flex;flex-direction:row;justify-content:space-between;font-size:.9rem;margin-top:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.tags.hidden{transform:translateY(-50px);opacity:0}.about-bottom{font-family:Corbel,sans-serif;color:rgba(255,255,255,.7);font-size:1.1rem;letter-spacing:2px;font-weight:300;cursor:pointer;text-align:right;margin-left:auto;width:fit-content;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;padding-bottom:2px}.about-bottom.hidden{transform:translateY(50px);opacity:0}.about-bottom.visible{transform:translateY(0);opacity:1}.social-links{display:flex;gap:20px;justify-content:flex-end;align-items:center;width:100%;margin-top:15px;opacity:.7;transition:margin-top .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.social-links.hidden{transform:translateY(-50px);opacity:0}.social-links a{opacity:.7;transition:opacity .3s ease}.social-links a:hover{opacity:1}.info.compact .social-links{margin-top:0}.navbar{display:flex;flex-direction:row;justify-content:center;gap:45px;font-size:.9rem;letter-spacing:3px;font-weight:400;color:black;z-index:10;background-color:white;padding:15px 0}.navbar p{cursor:pointer;transition:border-bottom .3s ease;border-bottom:2px solid transparent}.navbar p:hover{border-bottom:2px solid black}@media (max-width:1024px){:root{--poster-normal-height:50vh;--poster-transitioning-height:70px}.poster-main.transitioning{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.poster-container{flex-direction:column;justify-content:space-between;align-items:center;padding:20px 10px}.poster-container.shrunk{padding:10px;overflow:visible}.title{text-align:left;margin-bottom:0;margin-top:15px;width:95%;height:85%}.title.shrunk{border:none;height:50px}.title h1{font-size:2.5rem;letter-spacing:2px}.info{order:2;text-align:center;border-top:none!important;padding:15px 0;width:95%}.info h2{font-size:1rem;margin-bottom:8px}.info p{font-size:.8rem;line-height:1.4}.architecture,.info.compact{display:none!important}.architecture{font-size:1.4rem;text-align:right}.tags{text-align:right;justify-content:flex-end;gap:15px}.about,.about-bottom{display:none!important}.navbar{display:none}.mobile-dropdown{position:absolute;z-index:10000;right:15px;display:flex;align-items:center;height:80%}.dropdown-trigger{display:flex;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.9);cursor:pointer;padding:8px 12px;transition:color .3s ease}.dropdown-trigger:hover{color:white}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:108%;right:-15px;background:rgba(255,255,255,.858);border:1px solid rgba(255,255,255,.1);min-width:150px;z-index:10000;text-align:right;text-transform:uppercase}.dropdown-item{padding:12px 28px 12px 16px;font-size:.75rem;font-weight:300;letter-spacing:1px;color:rgba(0,0,0,.8);cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(224,224,224,.858)}}@media (min-width:1025px){.mobile-dropdown{display:none}}@media (max-width:768px){.title h1{font-size:2rem;letter-spacing:1px}.info{padding:10px 0}.info h2{font-size:.9rem}.info p{font-size:.75rem}}@media (max-width:480px){:root{--poster-normal-height:50vh}.poster-container{padding:15px 10px}.title{width:95%}.title h1{font-size:1.8rem}.info{width:95%}}