.mt-case-banner{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:var(--mt-cb-bg, #ffffff)}.mt-case-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.mt-case-banner__bg img,.mt-case-banner__bg video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.mt-case-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mt-cb-overlay, rgba(0, 0, 0, 0));z-index:1}.mt-case-banner__content{position:relative;z-index:2;text-align:center;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.mt-case-banner__content{opacity:1;transform:translateY(0);will-change:transform,opacity}.mt-case-banner__scroll-hint{opacity:1;will-change:transform,opacity}.mt-case-banner.mt-cb-enter-init .mt-case-banner__content{opacity:0;transform:translateY(64px)}.mt-case-banner.mt-cb-enter-init .mt-case-banner__scroll-hint{opacity:0;transform:translate(-50%,28px)}.mt-case-banner.mt-cb-enter-active .mt-case-banner__content{opacity:1;transform:translateY(0);transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .95s ease}.mt-case-banner.mt-cb-enter-active .mt-case-banner__scroll-hint{opacity:1;transform:translate(-50%);transition:transform .95s cubic-bezier(.22,1,.36,1) .12s,opacity .95s ease .12s}@media(prefers-reduced-motion:reduce){.mt-case-banner__content,.mt-case-banner__scroll-hint,.mt-case-banner.mt-cb-enter-active .mt-case-banner__content,.mt-case-banner.mt-cb-enter-active .mt-case-banner__scroll-hint{transition:none!important;transform:none!important;opacity:1!important}}.mt-case-banner__title{margin:0;line-height:1;font-weight:800;letter-spacing:0em;line-height:100%;font-family:Inter;font-size:clamp(var(--mt-cb-title-min-size, 70px),12vw,160px)}.mt-case-banner__title-line1{display:block;color:#1a2e54}.mt-case-banner__title-line2{display:block;color:#50b5e7}.mt-case-banner__subtitle{font-size:clamp(12px,1.4vw,18px);font-weight:600;color:#1a2e54;max-width:680px;margin:0;line-height:1.6}.mt-case-banner__btn{display:inline-block;padding:14px 40px;border-radius:100px;font-size:15px;font-weight:700;text-decoration:none;letter-spacing:.04em;transition:opacity .25s,transform .25s;background-color:var(--mt-cb-btn-bg, #1a2744);color:var(--mt-cb-btn-color, #ffffff);border:2px solid transparent}.mt-case-banner__btn:hover{opacity:.85;transform:translateY(-2px)}.mt-case-banner__btn--outline{background-color:transparent;border-color:var(--mt-cb-btn-bg, #1a2744);color:var(--mt-cb-btn-bg, #1a2744)}.mt-case-banner__btn--outline:hover{background-color:var(--mt-cb-btn-bg, #1a2744);color:#fff;opacity:1}.mt-case-banner__scroll-hint{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.mt-case-banner__scroll-text{font-size:12px;letter-spacing:0;color:#73afff}.mt-case-banner__scroll-line{width:2px;height:65px;background:#73afff;animation:mt-cb-scroll-bounce 1.6s ease-in-out infinite;transform-origin:top center}@keyframes mt-cb-scroll-bounce{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.4}}@media(max-width:767px){.mt-case-banner__scroll-hint{bottom:var(--mt-cb-scroll-bottom-mobile, 0px)}.mt-case-banner__scroll-line{height:122px;background:#23232333}.mt-case-banner{justify-content:flex-start;padding-top:21vh}}.mt-case-banner__photos{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:874px;height:clamp(280px,38vw,390px);margin-top:8px}.mt-case-banner__photo{position:absolute;overflow:hidden;border-radius:16px;box-shadow:0 12px 40px #0000002e;background:#e8e8e8;transform-origin:center center}.mt-case-banner__photo img{width:100%;height:100%;object-fit:cover;display:block}.mt-case-banner__photo--left{width:clamp(180px,24.6vw,280px);height:clamp(240px,36.4vw,360px);left:2%;transform:rotate(-5deg)!important;bottom:45px;transform:translate(calc(-50% - 280px)) rotate(-5deg);z-index:1}.mt-case-banner__photo--center{width:clamp(200px,39vw,350px);height:clamp(280px,45vw,450px);left:calc(50% - (clamp(200px,39vw,350px)/2));bottom:0;transform:translate(-50%);z-index:3}.mt-case-banner__photo--right{width:clamp(180px,24.6vw,280px);height:clamp(240px,36.4vw,360px);right:2%;transform:rotate(5deg)!important;bottom:45px;transform:translate(calc(-50% + 280px)) rotate(5deg);z-index:1}@media(max-width:767px){.mt-case-banner__content{gap:6vh}.mt-case-banner__photos{height:200px;max-width:100%;margin:0}.mt-case-banner__photo--left{width:29vw;height:37vw;top:18px;transform:translate(calc(-50% - 110px)) rotate(-5deg)}.mt-case-banner__photo--center{width:36.8vw;height:47.4vw;top:0;left:calc(50% - 18.4vw)}.mt-case-banner__photo--right{width:29vw;height:37vw;top:18px;transform:translate(calc(-50% + 110px)) rotate(5deg)}.mt-case-banner__scroll-text{letter-spacing:0;color:#201d1d}}@media(min-width:767px)and (max-width:1200px){.mt-case-banner__photo--left{transform:translate(calc(-50% - 230px)) rotate(-5deg)}.mt-case-banner__photo--right{transform:translate(calc(-50% + 230px)) rotate(5deg);z-index:1}}@media(min-width:1400px){.mt-case-banner__title{margin:0;line-height:1;font-weight:800;letter-spacing:0em;line-height:100%;font-family:Inter;font-size:11vw}.mt-case-banner__subtitle{font-size:1.2vw;font-weight:600;color:#1a2e54;max-width:47.2vw;margin:0;line-height:1.6}.mt-case-banner__photos{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:60vw;height:27vw}.mt-case-banner__photo--left{width:19.4vw;height:25vw}.mt-case-banner__photo--center{width:24.3vw;height:31.2vw;left:calc(50% - 12.15vw)}.mt-case-banner__photo--right{width:19.4vw;height:25vw}.mt-case-banner__scroll-text{font-size:.8vw;letter-spacing:0;color:#73afff}.mt-case-banner__scroll-line{width:.13vw;height:4vw;background:#73afff;animation:mt-cb-scroll-bounce 1.6s ease-in-out infinite;transform-origin:top center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mt-case-banner.css.map */