.my-intro-2-v1{--padding: 22px;width:100%}.my-intro-2-v1 .my-intro-2-v1__list{display:flex;flex-direction:row;list-style:none}.my-intro-2-v1 .my-intro-2-v1__item{position:relative;flex:1;max-width:400px;height:max-content;aspect-ratio:5/8;overflow:hidden}.my-intro-2-v1 .my-intro-2-v1__item:first-child{border-radius:16px 0 0 16px}.my-intro-2-v1 .my-intro-2-v1__item:last-child{border-radius:0 16px 16px 0}.my-intro-2-v1 .my-intro-2-v1__item:hover .my-intro-2-v1__hr{max-height:30px;margin-block:11px;opacity:1;transform:translateY(0)}.my-intro-2-v1 .my-intro-2-v1__item:hover .my-intro-2-v1__desc{max-height:max-content;opacity:1;transform:translateY(0)}.my-intro-2-v1 .my-intro-2-v1__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.my-intro-2-v1 .my-intro-2-v1__detail{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--padding) 0 var(--padding) var(--padding);width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);overflow:hidden;z-index:1}.my-intro-2-v1 .my-intro-2-v1__hr{width:50px;height:4px;background:#e24b77;border-radius:999px;max-height:0;margin-block:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .4s,margin .4s,opacity .4s,transform .4s}.my-intro-2-v1 .my-intro-2-v1__content{padding-right:var(--padding);width:100%;max-height:100%;overflow-y:auto;scrollbar-width:none}.my-intro-2-v1 .my-intro-2-v1__content::-webkit-scrollbar{display:none}.my-intro-2-v1 .my-intro-2-v1__title{font-size:22px;line-height:1.2}.my-intro-2-v1 .my-intro-2-v1__desc{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.2;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .4s,opacity .4s,transform .4s}@media screen and (max-width: 880px){.my-intro-2-v1{--padding: 8px}.my-intro-2-v1 .my-intro-2-v1__title{font-size:11px}.my-intro-2-v1 .my-intro-2-v1__desc{font-size:9px;max-height:none;opacity:1;transform:none}.my-intro-2-v1 .my-intro-2-v1__hr{width:40px;height:3px;max-height:30px;margin-block:5px;opacity:1;transform:none}.my-intro-2-v1 .my-intro-2-v1__list{overflow-x:scroll;overflow-y:hidden}.my-intro-2-v1 .my-intro-2-v1__item{flex:none;width:160px}.my-intro-2-v1 .my-intro-2-v1__item:first-child{border-radius:7px 0 0 7px}.my-intro-2-v1 .my-intro-2-v1__item:last-child{border-radius:0 7px 7px 0}}