.c-banner{background:var(--section-bg, var(--c-bg));padding-top:var(--section-padding-top, 50px);padding-bottom:var(--section-padding-bottom, 24px)}.c-banner .c-banner__inner{position:relative}.c-banner .c-banner__photo-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;display:block}.c-banner .c-banner__card{margin-top:20px}.c-banner .c-banner__heading{margin:0 0 15px;font-size:20px;font-weight:700;line-height:28px;letter-spacing:.8px;color:var(--c-ink)}.c-banner .c-banner__body{margin:0 0 20px;font-size:13px;line-height:22px;letter-spacing:.52px;color:var(--c-ink)}.c-banner .c-banner__btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:60px;background:#fff;border-radius:40px;font-size:14px;font-weight:500;letter-spacing:.56px;color:var(--c-ink);text-decoration:none;box-shadow:0 1px 6px #0000000f}.c-banner .c-banner__btn-arrow{display:block;width:15px;height:10.5px;flex-shrink:0}@media screen and (min-width:750px){.c-banner .c-banner__inner{aspect-ratio:1280 / 720;border-radius:20px;overflow:hidden}.c-banner .c-banner__photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.c-banner .c-banner__card{position:absolute;right:clamp(16px,2.3vw,30px);bottom:clamp(16px,2.3vw,30px);width:min(580px,60%);margin-top:0;padding:clamp(28px,4.7vw,60px);background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px}.c-banner .c-banner__heading{font-size:clamp(22px,2.8vw,36px);line-height:1.34;letter-spacing:.04em;color:#fff;margin:0 0 clamp(12px,1.6vw,20px)}.c-banner .c-banner__body{font-size:clamp(13px,1.25vw,16px);line-height:1.75;letter-spacing:.04em;color:#fff;margin:0 0 clamp(20px,3.1vw,40px)}.c-banner .c-banner__btn{height:clamp(56px,6.25vw,80px);background:transparent;border:1px solid #fff;color:#fff;font-size:clamp(16px,1.7vw,22px);letter-spacing:.04em;gap:10px;box-shadow:none}.c-banner .c-banner__btn-arrow{width:20px;height:14px}}.c-banner .c-banner__btn{transition:background-color .25s ease,color .25s ease,border-color .25s ease}.c-banner .c-banner__btn:hover{background:var(--c-ink);color:#fff}@media screen and (min-width:750px){.c-banner .c-banner__btn:hover{background:#fff;border-color:#fff;color:var(--c-ink)}}.c-banner .c-banner__btn-arrow{transition:transform .25s ease}.c-banner .c-banner__btn:hover .c-banner__btn-arrow{transform:translate(5px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/c_banner.css.map */