.aboutTopCtn{padding:var(--gl);background:linear-gradient(var(--superbabyblue),white);overflow:hidden}.aboutTop{margin-top:70px}.aboutTopTitle{font-size:var(--hl);max-width:1400px}.aboutInterCircle{aspect-ratio:1;background:linear-gradient(45deg,#ffdfc952,#fffc9d69);border-radius:1000px;width:50%;margin:0 auto;transition:background .5s,margin .5s;overflow:hidden}.aboutInterCtn{margin-top:50px;position:relative}.aboutInterFlex{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.aboutInterFlex>div{justify-content:center;align-items:center;width:50%;display:flex}.interFlexButton{cursor:auto;--ac:-20%;color:var(--black);transition:transform .5s var(--expo),color .5s ease;padding:200px 100px;font-size:3.5vw;font-weight:500;line-height:1em;position:relative;transform:translate(0)}.interFlexButton.l.active,.interFlexButton.r.active{transform:translate(calc(0*var(--ac)),var(--ac))}.interFlexButton.inactive{color:gray;transform:translate(0,calc(-1*var(--ac)))}.interFlexButton span{opacity:0;--bkgt:1s;transition:opacity .5s var(--expo)0s,background var(--bkgt)ease 50ms;background:#fff0;border-radius:1000px;padding:0 30px;font-size:30px;font-weight:500;position:absolute;transform:translateY(0)}.interTopics{width:100%;height:100%;position:absolute;top:0;left:0}.bl{bottom:0%;left:-10%}.tl{top:20%;left:-10%}.tc{top:0;right:30%}.br{bottom:-10%;right:-10%}.interFlexButton.active .tl{transition:opacity .5s var(--expo)50ms,background var(--bkgt)ease .1s;background:#d2ffc3}.interFlexButton.active .tc{transition:opacity .5s var(--expo).1s,background var(--bkgt)ease .15s;background:#ffbe63}.interFlexButton.active .br{transition:opacity .5s var(--expo).15s,background var(--bkgt)ease .2s;background:#e1daf7}.interFlexButton.active span{opacity:1;background:#fff;transform:translateY(0)}@media screen and (max-width:1100px){.aboutTop{margin-top:80px}.aboutTopTitle{font-size:36px}.aboutInterCircle{width:80%}.interFlexButton{padding:60px 30px;font-size:20px}.interFlexButton span{font-size:16px}.interFlexButton.inactive{color:#0000}.tc{right:10%}.tl{top:10%;left:0}.bl{left:0}.br{bottom:3%;right:0%}.aboutCenteredTitle{font-size:clamp(1px,4.5vw,var(--hl))}}