.my-intro-3-v1{width:100%;max-width:1080px}.my-intro-3-v1 .my-intro-3-v1__list{display:flex;flex-wrap:wrap;list-style:none}.my-intro-3-v1 .my-intro-3-v1__item{position:relative;width:33.3333333333%;aspect-ratio:2/3;overflow:hidden}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(1){border-radius:32px 0 0 0}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(3){border-radius:0 32px 0 0}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(4){border-radius:0 0 0 32px}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(6){border-radius:0 0 32px 0}.my-intro-3-v1 .my-intro-3-v1__item:hover .my-intro-3-v1__overlay{height:60%}.my-intro-3-v1 .my-intro-3-v1__item:hover .my-intro-3-v1__desc{opacity:1;max-height:200px;margin-top:8px}.my-intro-3-v1 .my-intro-3-v1__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.my-intro-3-v1 .my-intro-3-v1__overlay{position:absolute;bottom:0;left:0;width:100%;height:44%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);pointer-events:none;z-index:1;transition:height .4s}.my-intro-3-v1 .my-intro-3-v1__detail{position:absolute;bottom:0;left:0;padding:24px;width:100%;z-index:2}.my-intro-3-v1 .my-intro-3-v1__title{color:#fff;font-size:32px;font-weight:600;line-height:1.1}.my-intro-3-v1 .my-intro-3-v1__desc{color:hsla(0,0%,100%,.8);font-size:20px;line-height:1.1;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s,max-height .4s,margin-top .4s}.my-intro-3-v1 .my-intro-3-v1__btn{display:flex;width:fit-content;justify-content:center;margin:40px auto 0;padding:8px 24px;border-radius:16px;font-size:16px}@media screen and (max-width: 880px){.my-intro-3-v1 .my-intro-3-v1__list{flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden}.my-intro-3-v1 .my-intro-3-v1__item{flex:none;width:160px}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(1){border-radius:7px 0 0 7px}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(3){border-radius:0}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(4){border-radius:0}.my-intro-3-v1 .my-intro-3-v1__item:nth-child(6){border-radius:0 7px 7px 0}.my-intro-3-v1 .my-intro-3-v1__overlay{height:60%}.my-intro-3-v1 .my-intro-3-v1__detail{padding:8px}.my-intro-3-v1 .my-intro-3-v1__title{font-size:11px}.my-intro-3-v1 .my-intro-3-v1__desc{font-size:9px;opacity:1;max-height:200px;margin-top:4px;transition:none}.my-intro-3-v1 .my-intro-3-v1__btn{margin-top:20px;padding:6px 22px;font-size:14px;border-radius:10px}}