.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__detail{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(46, 3, 16, 0) 0%, rgba(46, 3, 16, 0.6) 100%);overflow:hidden;z-index:1;transform:translateY(100%);transition:transform .4s}.my-intro-2-v1 .my-intro-2-v1__hr{margin:11px 0;width:50px;height:4px;background:#e24b77;border-radius:999px}.my-intro-2-v1 .my-intro-2-v1__content{padding-right:calc(var(--padding) - var(--my-scrollbar-width, 0px));width:100%;max-height:100%;overflow-y:scroll}.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:rgba(255,255,255,.8);font-size:16px;line-height:1.2}@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}.my-intro-2-v1 .my-intro-2-v1__hr{margin:5px 0;width:40px;height:3px}.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}.my-intro-2-v1 .my-intro-2-v1__detail{transform:translateY(0)}}