:root{--fb-bg: #ffffff;--fb-text: #121212;--fb-heading: #121212;--fb-text-muted: rgba(0, 0, 0, .7);--fb-btn-text: #ffffff;--fb-btn-arrow-bg: #ffffff}.feature-banner{background-color:var(--fb-bg);color:var(--fb-text);padding:120px 0;position:relative;overflow:hidden}.feature-banner__container{position:relative;z-index:2}.feature-banner__grid{display:flex;flex-direction:column;gap:40px;position:relative}.feature-banner__headline-wrapper{grid-column:1 / -1}.feature-banner__headline{font-size:clamp(2rem,3.5vw,4rem);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;margin:0;color:var(--fb-heading);display:flex;flex-wrap:wrap;gap:.25em;width:100%}.feature-banner__headline .word{display:inline-flex;overflow:hidden}.feature-banner__headline .char{display:inline-block}.feature-banner__media{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16 / 10;box-shadow:0 30px 60px #0006}.feature-banner__video{width:100%;height:100%;object-fit:cover;display:block}.feature-banner__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-banner__text{font-size:1.1rem;line-height:1.6;color:var(--fb-text-muted);margin-bottom:30px;max-width:420px;font-weight:500}.feature-banner__button-wrap{display:inline-block}.feature-banner__button{display:flex;align-items:center;text-decoration:none;background-color:var(--color-primary);color:var(--fb-btn-text);position:relative;padding:0;height:48px;transition:transform .3s ease}.feature-banner__button:hover{transform:translateY(-3px)}.button__arrows{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--fb-btn-arrow-bg);color:var(--color-primary);position:relative;z-index:3}.button__shape{position:absolute;left:48px;top:0;height:48px;z-index:2}.button__inner{padding:0 30px 0 20px;height:100%;display:flex;align-items:center;z-index:3;position:relative}.button__text{font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;white-space:nowrap}.button__bg-shape{position:absolute;right:-32px;top:0;height:48px;color:var(--color-primary);z-index:1}.feature-banner__bg-vector{position:absolute;right:-15%;top:-5%;width:80%;height:auto;z-index:-1;opacity:.6;pointer-events:none}.feature-banner__bg-vector svg{width:100%;height:auto}@media screen and (max-width:990px){.feature-banner__grid{grid-template-columns:1fr;gap:30px}.feature-banner__bg-vector{right:-20%;bottom:-10%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-feature-banner.css.map */