.hero{--hero-navy: 22, 33, 62;--hero-gold: 201, 162, 39;overflow:hidden}.hero__inner{display:grid;grid-template-columns:1fr;align-items:center;gap:3.2rem}@media screen and (min-width:990px){.hero__inner{grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:6rem}}.hero__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero__eyebrow{margin:0 0 1.6rem;font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--hero-gold))}.hero__heading{margin:0 0 1.8rem;line-height:1.08;max-width:20ch}.hero__subheading{max-width:46ch;margin:0 0 3.2rem;opacity:.75;font-size:1.6rem;line-height:1.6}.hero__subheading p{margin:0}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.4rem}.hero__button{border-radius:999px;padding:1.3rem 3rem;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.hero__button--primary{background:rgb(var(--hero-navy));color:#fff;border-color:rgb(var(--hero-navy))}.hero__button--primary:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--hero-navy),.25)}.hero__button--secondary{background:transparent;color:rgb(var(--hero-navy));border-color:rgba(var(--hero-navy),.35)}.hero__button--secondary:hover{background:rgba(var(--hero-navy),.06);border-color:rgba(var(--hero-navy),.6);transform:translateY(-2px)}.hero__media{position:relative;max-width:46rem;margin:0 auto;width:100%}.hero__media-frame{border-radius:2.4rem;overflow:hidden;aspect-ratio:1 / 1;box-shadow:0 30px 60px -20px #16213e40}.hero__image{display:block;width:100%;height:100%;object-fit:cover}.hero__badge{position:absolute;left:2rem;bottom:-1.6rem;display:flex;align-items:center;gap:1rem;background:#fff;border-radius:999px;padding:1rem 1.8rem 1rem 1rem;box-shadow:0 16px 32px -12px #16213e4d}.hero__badge-icon{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:rgba(var(--hero-gold),.16);color:rgb(var(--hero-gold));flex-shrink:0}.hero__badge-icon svg{width:1.6rem;height:1.6rem}.hero__badge-text{font-size:1.3rem;font-weight:600;color:rgb(var(--hero-navy));white-space:nowrap}@media screen and (max-width:749px){.hero__badge{left:50%;transform:translate(-50%);bottom:-1.4rem}.hero__media{max-width:34rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero.css.map */