.studio{background-color:var(--bg);gap:1em;padding:15em 1em;display:flex}.studio-img{flex:2;width:100%;display:block}.studio .col:first-child{flex:1}.studio .col:nth-child(2){flex-direction:column;flex:2;gap:2em;display:flex}.studio .about-img{aspect-ratio:5/7}@media (max-width:900px){.studio{flex-direction:column}}
.grid p{text-transform:uppercase;color:#000;font-size:13px;font-weight:500;transition:color .12s ease-out}.container{background-color:#fff;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;display:flex;position:relative}.grid{border:1px solid #0003;flex-direction:column;width:100%;height:60vh;margin:0 auto;display:flex;position:relative}.grid-row,.grid-item{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.grid-row:first-child{border-bottom:1px solid #0003}.grid-item:not(:last-child){border-right:1px solid #0003}.grid-item p{z-index:2;position:relative}.grid-content{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.logo-icon{color:#000;width:32px;height:32px;transition:transform .3s,color .12s ease-out}.grid-item:hover .logo-icon{transform:scale(1.1)}.grid-item.is-active .logo-icon,.grid-item.is-active p{color:#fff}.highlight{pointer-events:none;opacity:1;background:#fff;transition:transform .25s,width .25s,height .25s,background-color .25s;position:absolute;top:0;left:0}@media (max-width:900px){footer p:nth-child(2){text-align:right}.container{height:100%;min-height:100svh;padding:25vh 0}.grid{height:max-content}.grid-row{flex-direction:column}.grid-item{width:100%;padding:60px 0}.grid-item:not(:last-child){border-bottom:1px solid #fff3;border-right:none}.highlight{display:none}}