.studio-loader{z-index:100000;color:var(--base-100);background:radial-gradient(circle at 50% 35%,#ffffff14,#0000 30%),#000000fa;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.studio-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}.studio-loader-inner{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.studio-loader-label,.studio-loader-status{color:var(--base-300);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.studio-loader-inner h1{letter-spacing:-.35rem}body.studio-preloading{overflow:hidden}.studio-hero{width:100vw;height:100%;color:var(--base-100);padding-top:35svh;padding-bottom:10svh;position:relative}.studio-hero .container{gap:2rem;display:flex}.studio-hero .studio-hero-col:first-child{color:var(--base-400);flex:2}.studio-hero .studio-hero-col:first-child p{width:50%}.studio-hero .studio-hero-col:nth-child(2){flex-direction:column;flex:3;gap:4rem;display:flex}.studio-hero .studio-hero-hero-img{opacity:.65;border-radius:1rem;width:100%;overflow:hidden}.studio-hero .studio-hero-hero-img img,.studio-hero .studio-hero-hero-img video{object-fit:cover;width:100%;height:100%}@media (max-width:1000px){.studio-hero .container{flex-direction:column;gap:4rem}.studio-hero .studio-hero-hero-img{width:100%}.studio-loader-inner h1{letter-spacing:-.2rem}}.more-facts{width:100vw;height:100%;color:var(--base-100);padding:2rem 0;position:relative}.more-facts .container{flex-direction:column;align-items:center;gap:4rem;display:flex}.more-facts .container p{color:var(--base-300)}.more-facts .more-facts-items{background-color:var(--base-450);border-radius:1rem;justify-content:space-around;gap:2rem;width:100%;padding:8rem 4rem;display:flex}.more-facts .fact{flex-direction:column;flex:1;align-items:center;gap:2rem;display:flex}.more-facts .fact h2{justify-content:center;display:flex}.more-facts .fact p{margin-bottom:1rem}@media (max-width:1000px){.studio-hero .studio-hero-col:first-child p{width:85%}.more-facts .more-facts-items{flex-direction:column;justify-content:center;align-items:center;gap:4rem}.more-facts .fact{gap:1.5rem}.more-facts .fact h2{font-size:4rem}}.how-we-work-container{background-color:#000;width:100vw;height:100%;min-height:100svh;position:relative}
