.qo-hero{position:relative;isolation:isolate;background:var(--qo-navy);color:#fff;padding:24px 0 56px;overflow:hidden}.qo-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.qo-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.qo-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,43,75,.1) 0%,rgba(0,43,75,.35) 60%,var(--qo-navy) 100%)}.qo-hero__inner{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.qo-hero__nav{background:#3c6487d9;border-radius:6px;padding:6px 10px;box-shadow:0 2px 10px #00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qo-hero__nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.qo-hero__nav li{border-bottom:1px solid rgba(255,255,255,.35)}.qo-hero__nav a{display:flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;line-height:1.2;color:#fff;text-decoration:none}.qo-hero__nav a:hover,.qo-hero__nav a[aria-current]{color:var(--qo-yellow)}.qo-hero__banner{border-radius:4px;overflow:hidden;min-height:160px;background:var(--qo-panel);box-shadow:0 6px 24px #00000059}.qo-hero__banner img{display:block;width:100%;height:auto}.qo-hero__banner-fallback{display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px;background:linear-gradient(135deg,var(--qo-panel),var(--qo-navy-deep))}.qo-hero__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:30px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}.qo-hero__sub{margin:10px 0 0;font-size:16px;color:var(--qo-yellow);font-weight:700}@media(min-width:750px){.qo-hero{padding:106px 0 80px}.qo-hero__inner{grid-template-columns:207px 1fr;gap:8px;align-items:stretch}.qo-hero__inner--no-nav{grid-template-columns:1fr}.qo-hero__nav{padding:6px 5px}.qo-hero__nav ul{display:block}.qo-hero__nav a{min-height:32px;font-size:13px;padding:4px 0}.qo-hero__banner,.qo-hero__banner-fallback{min-height:326px}.qo-hero__banner-fallback{height:100%}.qo-hero__heading{font-size:48px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/qo-page-hero.css.map */