.studio-hero{width:100%;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:75%;overflow:hidden}@media (max-width:1000px){.studio-hero .container{flex-direction:column;gap:4rem}.studio-hero .studio-hero-hero-img{width:100%}}.studio-approach{width:100%;height:max-content;color:var(--base-100);padding:6rem 0 10rem}.studio-approach .container h1{color:var(--base-100);margin-bottom:10rem}.studio-approach .studio-approach-content{gap:2rem;width:100%;display:flex}.studio-approach .studio-approach-col{flex:1}.studio-approach .studio-approach-col:first-child{flex-direction:column;gap:1rem;display:flex}.studio-approach .studio-approach-col:first-child p.lg{color:var(--base-300);width:50%}.studio-approach .studio-approach-col:first-child p{color:var(--base-100)}.studio-approach .studio-approach-tags{width:100%}.studio-approach .studio-approach-tag{border:1px solid var(--base-400);border-radius:4rem;margin:0 .5rem .5rem 0;padding:1rem 2rem;display:inline-block}@media (max-width:1000px){.studio-approach .container h1{margin-bottom:8rem}.studio-approach-content{flex-direction:column}.studio-approach .studio-approach-col:first-child p.lg{width:100%}.studio-approach .studio-approach-tag{margin:0 .25rem .25rem 0;padding:.75rem 1.5rem}}.more-facts{width:100%;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:var(--base-500);width:100%;height:100%;min-height:100svh;position:relative}