@media(min-width:761px){.mo-on .mm-hero img{scale:1.06}.mo-on .mm-hero .p-l{transform-origin:198% 50%}.mo-on .mm-hero .p-r{transform-origin:-98% 50%}}
.mo-on .mm-circles{position:relative;isolation:isolate}
.mo-on .mm-badge[data-mo=flip]:not(.mo-in){transform:perspective(700px) rotateY(78deg) scale(.92)}
.mo-on .mm-badge[data-mo=flip]{transition-duration:1s,1s}
.mo-on .mm-about-sec{overflow:hidden}
.mm-circles .mm-layers{position:absolute;left:50%;top:50%;width:100vw;height:62%;translate:-50% -50%;z-index:-1;overflow:visible;pointer-events:none}
.mm-circles .mm-layers path{fill:none;stroke:#E2D0B0;stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:mm-layer 1.8s cubic-bezier(.45,.05,.3,1) forwards;animation-delay:calc(.15s + var(--i) * .16s)}
.mm-circles .mm-layers path:nth-child(even){stroke:#EBDDC4}
@keyframes mm-layer{to{stroke-dashoffset:0}}
.mo-on .mm-a{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;padding-bottom:0;
  transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease,padding-bottom .45s cubic-bezier(.22,.61,.36,1),visibility 0s linear .45s}
.mo-on .mm-a>p{min-height:0;overflow:hidden}
.mo-on .mm-itm.on .mm-a{grid-template-rows:1fr;opacity:1;visibility:visible;padding-bottom:28px;transition-delay:0s}
.mo-on .mm-q::after{transition:transform .35s ease}
.mo-on .mm-ph .hv{display:block;position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.mo-on .mm-pc:hover .ph-im{display:block}
.mo-on .mm-pc:hover .hv{opacity:1}