.nava-about-hero{padding:100px 0;background:#fff}.nava-about-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.nava-about-hero__eyebrow{display:inline-block;color:var(--nava-red);font-size:.9rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.nava-about-hero__heading{color:var(--nava-navy);font-size:clamp(3rem,5vw,4.75rem);line-height:1.05;font-weight:700;margin:0;max-width:700px}.nava-about-hero__divider{width:90px;height:5px;background:var(--nava-red);border-radius:999px;margin:32px 0}.nava-about-hero__text{font-size:1.18rem;line-height:1.9;color:#5d6777;max-width:620px}.nava-about-hero__text p{margin:0}.nava-about-hero__buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:40px}.nava-btn-primary{background:var(--nava-navy);color:#fff;border:2px solid var(--nava-navy);transition:.25s}.nava-btn-primary:hover{background:#071f4d;border-color:#071f4d}.nava-about-hero .button--secondary{background:#fff;color:var(--nava-navy);border:2px solid #d9dde4;transition:.25s}.nava-about-hero .button--secondary:hover{border-color:var(--nava-red);color:var(--nava-red)}.nava-about-hero__image{position:relative}.nava-about-hero__image img{width:100%;display:block;border-radius:24px;box-shadow:0 30px 70px #00000014}.nava-about-hero__image:before{content:"";position:absolute;width:170px;height:170px;background:var(--nava-navy);border-radius:28px;top:-22px;left:-22px;z-index:-1}.nava-about-hero__image:after{content:"";position:absolute;width:90px;height:90px;background:var(--nava-red);border-radius:22px;bottom:-18px;right:-18px;z-index:-1}@media(max-width:990px){.nava-about-hero{padding:80px 0}.nava-about-hero__grid{grid-template-columns:1fr;gap:60px}.nava-about-hero__image{order:-1}}@media(max-width:749px){.nava-about-hero{padding:60px 0}.nava-about-hero__heading{font-size:2.6rem}.nava-about-hero__text{font-size:1rem}.nava-about-hero__buttons{flex-direction:column}.nava-about-hero__buttons .button{width:100%}.nava-about-hero__image:before{width:120px;height:120px}.nava-about-hero__image:after{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/nava-about-hero.css.map */