.title{width:100%;position:relative;overflow:hidden}.title h1{text-shadow:0 0 8px #0008;margin-block:0;transition:all .6s;position:absolute}.title h1.prev{transform:translateY(-200%)}.title h1.next{transition:none;transform:translateY(200%)}.title.studio{font-size:36px}@media screen and (max-width:700px){.title.studio{font-size:.9em}}.title.we-are{opacity:.6;font-size:24px}@media screen and (max-width:700px){.title.we-are{font-size:.5em}}.title.we-are h1{font-weight:lighter}
.parallax-carousel{width:100%;height:100vh;position:relative;overflow:hidden}.parallax-carousel .carousel-slide{opacity:0;transition:opacity 1s;position:absolute;inset:0}.parallax-carousel .carousel-slide.active{opacity:1;z-index:2}.parallax-carousel .carousel-slide .parallax-layer{will-change:transform;width:110%;height:110%;transition:transform .1s ease-out;position:absolute;top:-5%;left:-5%;overflow:hidden}.parallax-carousel .carousel-slide .parallax-layer.background-layer{z-index:1}.parallax-carousel .carousel-slide .parallax-layer.foreground-layer{z-index:3}.parallax-carousel .carousel-slide .logo-parent{z-index:10;width:400px;max-width:50%;height:64px;position:absolute;bottom:64px;left:32px;transform:translateZ(0)}.parallax-carousel .carousel-slide .logo-parent:hover .carousel-logo{filter:brightness(.7)}.parallax-carousel .carousel-slide .logo-parent .carousel-logo{z-index:4;object-fit:contain;object-position:left 50%;width:300px}.parallax-carousel .carousel-controls{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;left:32px}@media (max-width:800px){.parallax-carousel .carousel-controls .control-dot{width:30%!important}}.parallax-carousel .carousel-controls .control-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:5px;width:10px;height:10px;margin:0 1px;padding:0;transition:all .8s}.parallax-carousel .carousel-controls .control-dot:hover{background:#fff9}.parallax-carousel .carousel-controls .control-dot.active{background:#ffffff4d;width:96px;position:relative;overflow:hidden}.parallax-carousel .carousel-controls .control-dot.active .progress-bar{background:#fff;border-radius:5px;width:0;height:100%;animation:linear forwards progressFill;position:absolute;top:0;left:0}@media (max-width:768px){.parallax-carousel .parallax-layer{width:105%;height:105%;top:-2.5%;left:-2.5%}.parallax-carousel .carousel-controls{bottom:16px;right:16px}.parallax-carousel .carousel-controls .control-dot{width:10px;height:10px}}@keyframes progressFill{0%{width:0%}to{width:100%}}
.home-header{box-sizing:border-box;width:100%;height:95vh;padding-top:80px;position:relative;overflow:hidden}.home-header .header-carousel{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.home-header .content{z-index:5;pointer-events:none;width:max(55%,900px);max-width:calc(100% - 32px);height:100%;position:relative}.home-header .content .center{pointer-events:auto;width:100%;position:absolute;top:40vh;left:32px;transform:translateY(-50%)}.home-header .content .bottom{pointer-events:auto;width:100%;position:absolute;top:80vh;left:32px}