.brand-section-3{position:relative;aspect-ratio:360 / 700;background:#111}@media screen and (min-width: 600px){.brand-section-3{aspect-ratio:600 / 960}}.brand-section-3:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:156px;background:linear-gradient(to top,#111 10% 10%,#1110 90% 100%);z-index:10;pointer-events:none}.brand-section-3 .sticky-box{position:sticky;top:0;height:100%;display:flex;align-items:center;justify-content:center;background:#111;transform:scale(1);transition:transform .2s ease-out,height .2s ease-out;overflow:hidden;flex-direction:column;will-change:transform}.brand-section-3 .video-wrapper{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1);z-index:0;transition:transform .3s ease-out}.brand-section-3 .video-wrapper video{width:100%;height:100%;object-fit:cover;transition:height .3s ease-out}.brand-section-3 .video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.brand-section-3 .mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:1;transition:opacity .3s ease-out}.brand-section-3 .brand-section-3__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}@media screen and (min-width: 600px){.brand-section-3 .brand-section-3__content{gap:32px}}.brand-section-3 .brand-section-3__content .tagline{margin:0;color:#3ddcc0;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:1.6px;text-transform:uppercase}@media screen and (min-width: 600px){.brand-section-3 .brand-section-3__content .tagline{font-size:18px;letter-spacing:1.8px}}.brand-section-3 .brand-section-3__content .title{margin:0;text-align:center;font-size:40px;font-weight:400;line-height:1.15;color:#fff}@media screen and (min-width: 600px){.brand-section-3 .brand-section-3__content .title{font-size:52px;line-height:64px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/brand-section-3.css.map */