.studio-hero{background-color:var(--base-200);width:100%;height:100svh;position:relative;overflow:hidden}.studio-hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.studio-hero-header{width:100%;position:absolute;top:25%;left:0;transform:translateY(-50%)}.studio-hero-header .container h1{text-align:center;width:100%;color:var(--base-100)}@media (max-width:1000px){.studio-hero-header h1{font-size:3rem}}
.accordion{background-color:var(--base-200);padding:12rem 0}.accordion-header{text-align:center;padding:0 2rem 2rem}.accordion-header .mono{color:var(--base-100);margin-bottom:1.5rem}.accordion-header h4{max-width:60rem;margin:0 auto}.accordion-panels{width:100%}.accordion-panels .container{gap:.5rem;height:60vh;min-height:500px;display:flex}.accordion-panel{cursor:pointer;will-change:flex-grow;border-radius:.25rem;flex:16 0 0;min-width:0;height:100%;position:relative;overflow:hidden}.accordion-panel-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.accordion-panel-overlay{pointer-events:none;background:linear-gradient(#0b0b0b26 0%,#0b0b0b8c 100%);position:absolute;inset:0}.accordion-panel-content{z-index:1;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-panel-number{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:5px;justify-content:center;align-items:center;width:2.5rem;height:1.5rem;margin-bottom:1rem;font-size:.75rem;display:flex}.accordion-panel-title{white-space:nowrap;font-size:1.1rem;font-weight:500;line-height:1.2}.accordion-panel-desc-wrap{z-index:1;text-align:center;pointer-events:none;width:24rem;position:absolute;top:58%;left:50%;transform:translate(-50%)}.accordion-panel-desc{font-family:var(--type-2);text-transform:none;will-change:opacity, transform;font-size:.9rem;font-weight:400;line-height:1.25}.accordion--stacked{padding:10rem 0 12rem}.accordion--stacked .accordion-header{padding-bottom:3rem}.accordion--stacked .accordion-panels .container{flex-direction:column;gap:1.25rem;height:auto;min-height:0}.accordion--stacked .accordion-panel{cursor:default;flex-direction:column;height:auto;min-height:0;display:flex;overflow:hidden;flex:none!important}.accordion--stacked .accordion-panel-img{inset:unset;aspect-ratio:16/9;object-fit:cover;border-radius:.25rem;flex-shrink:0;width:100%;height:auto;display:block;position:relative}.accordion--stacked .accordion-panel-overlay{inset:unset;aspect-ratio:16/9;border-radius:.25rem;width:100%;height:auto;top:0;left:0}.accordion--stacked .accordion-panel-content{text-align:left;align-items:flex-start;padding:2rem 1.75rem .75rem;position:relative;top:auto;left:auto;transform:none}.accordion--stacked .accordion-panel-desc-wrap{text-align:left;width:100%;padding:0 1.75rem 2.25rem;position:relative;top:auto;left:auto;transform:none}.accordion--stacked .accordion-panel-title{white-space:normal}
.at-container{background-color:var(--base-300);width:100%;height:100svh;padding:2rem;position:relative;overflow:hidden}.at-inner{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.at-text{width:100%}.at-text .container{width:55%}.at-text p{color:var(--base-100);text-align:center;letter-spacing:-2%;margin-bottom:2rem;font-size:clamp(1.5rem,2.5vw,4.5rem)}.at-word{will-change:background-color, opacity;opacity:0;border-radius:.5rem;margin-bottom:.2rem;margin-right:.2rem;padding:.1rem .2rem;display:inline-block;position:relative}.at-word.at-keyword-wrapper{margin:0 .4rem .2rem .2rem}.at-word span{opacity:0;position:relative}.at-word span.at-keyword{color:#141414;border-radius:.5rem;width:100%;height:100%;padding:.1rem 0;display:inline-block}.at-word span.at-keyword:before{content:"";background-color:var(--kw-color,var(--base-100));z-index:-1;border-radius:.5rem;width:calc(100% + 1rem);height:calc(100% + .4rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1000px){.at-text .container{width:90%}.at-text p{font-size:1.25rem}.at-word{margin-bottom:.15rem;margin-right:.1rem;padding:.1rem .2rem}.at-word.at-keyword-wrapper{margin:0 .2rem .1rem .1rem}}
