.introduce-section-heading{width:100%;max-width:42.2rem;margin:0 auto;text-align:center;margin-bottom:clamp(2rem,5vw,4.8rem)}.introduce-section-heading .heading{align-items:center}.heading .heading-description p:empty{display:flex;margin:1rem 0}.introduce-section-items{display:grid;gap:1.6rem}.introduce-item{border-radius:24px;position:relative;overflow:hidden;min-height:54.2rem}.introduce-item--content{background-color:#ffc09f;width:100%;height:100%;border-radius:28px}.introduce-item .introduce-item--image{width:100%;object-fit:contain;height:100%;opacity:0;transition:.5s;margin-top:5rem}.introduce-item:hover .introduce-item--image{opacity:1;margin:0}.introduce-item--description{position:absolute;top:calc(19rem + var(--title-height));left:4.4rem;bottom:3rem;right:4.4rem;transition:.9s;z-index:5;overflow:auto}.introduce-item--description-content p{font-size:clamp(1.6rem,2.5vw,1.8rem);line-height:1.3;font-weight:300;margin:0}.introduce-item--description-content{opacity:1;z-index:3;transform:translateY(0);transition-property:opacity,transform;transition-duration:1s;transition-delay:.3s;transition-timing-function:ease}.introduce-item:hover .introduce-item--description-content{opacity:0;transform:translateY(10rem);transition-duration:.3s;transition-delay:0s}.introduce-item--overlay1{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#03ffd5;border-radius:28px;transition:.8s;z-index:2}.introduce-item:hover .introduce-item--overlay1{transform:translateY(100%)}.introduce-item--overlay2{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffa3fd;border-radius:28px;transition:.7s;z-index:2}.introduce-item:hover .introduce-item--overlay2{transform:translateY(100%)}.introduce-item--overlay3{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(var(--color-background),1);border-radius:20px;transition:.6s;z-index:3}.introduce-item:hover .introduce-item--overlay3{transform:translateY(100%)}.introduce-item--title{margin:0;position:absolute;top:12.8rem;left:2rem;bottom:2.4rem;right:2rem;background-color:rgba(var(--color-background),1);border-radius:10px;transition:.9s;z-index:4;padding:2.4rem;font-size:clamp(2.5rem,2.5vw,2.8rem);font-weight:700}.introduce-item:hover .introduce-item--title{top:calc(100% - 2.4rem - var(--title-height) - 2.4rem - 2.4rem);left:2rem;bottom:2.4rem;right:2rem}.introduct-item--icon{width:40px;height:40px;object-fit:contain;position:absolute;top:5.8rem;left:4.4rem;z-index:5;transition:opacity 1s,transform 1s}.introduce-item:hover .introduct-item--icon{opacity:0;transform:translateY(10rem);transition-duration:.2s;transition-delay:0s}.introduce-item .introduct-item--icon{transition-delay:.2s}@media screen and (max-width: 768px){.introduce-item{min-height:46rem}.introduce-item--overlay2,.introduce-item--overlay1{top:1px;left:1px;right:1px;bottom:1px}.introduce-item--title{top:8.8rem;left:.4rem;right:.4rem}.introduce-item--description{top:calc(14rem + var(--title-height))}.introduct-item--icon{left:3.4rem}.introduce-item--description{left:2.8rem;right:2.8rem}.introduce-item:hover .introduce-item--title{left:.4rem;right:.4rem}.introduce-item--content{width:99%;margin:.4%;height:100%}}.introduce-section-button{margin-top:clamp(2rem,2.5vw,4.8rem);margin-left:auto;margin-right:auto;display:flex;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-introduce-section.css.map */