.vyron-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background-color:#000}.vyron-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.vyron-hero__bg--placeholder{background:linear-gradient(135deg,#111,#000)}.vyron-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,var(--hero-overlay-opacity, .55)),rgba(0,0,0,calc(var(--hero-overlay-opacity, .55) * .6)) 55%,rgba(0,0,0,calc(var(--hero-overlay-opacity, .55) * .3)))}.vyron-hero__content{position:relative;z-index:2;max-width:640px;padding:60px 24px}.vyron-hero__eyebrow{color:#d4af37;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}.vyron-hero__heading{margin:0 0 20px;font-family:inherit;font-weight:800;text-transform:uppercase;line-height:1.05;letter-spacing:-.01em}.vyron-hero__heading-line{display:block;font-size:clamp(32px,5vw,56px)}.vyron-hero__heading-line--top{color:#f5f5f5}.vyron-hero__heading-line--accent{color:#d4af37}.vyron-hero__description{color:#ffffffbf;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:480px}.vyron-hero__description p{margin:0}.vyron-hero__buttons{display:flex;flex-wrap:wrap;gap:14px}.vyron-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:transform .15s ease,background-color .15s ease,color .15s ease}.vyron-hero__btn--primary{background-color:#d4af37;color:#000;border:1px solid #D4AF37}.vyron-hero__btn--primary:hover{background-color:#e6c158;transform:translateY(-1px)}.vyron-hero__btn--secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.vyron-hero__btn--secondary:hover{background-color:#ffffff14;border-color:#fff;transform:translateY(-1px)}.vyron-hero__btn-arrow{transition:transform .15s ease}.vyron-hero__btn--primary:hover .vyron-hero__btn-arrow{transform:translate(3px)}@media screen and (max-width:749px){.vyron-hero{min-height:520px}.vyron-hero__content{padding:40px 20px}.vyron-hero__buttons{flex-direction:column;align-items:stretch}.vyron-hero__btn{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vyron-hero.css.map */