.krew-hero{position:relative;padding:64px 0 90px;overflow:hidden;background-color:var(--krew-black)}.krew-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center 30%;background-repeat:no-repeat}.krew-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c0c0eed,#0c0c0efa),radial-gradient(circle at 82% 18%,rgba(40,86,232,.25),transparent 45%),radial-gradient(circle at 8% 90%,rgba(226,59,46,.2),transparent 45%)}.krew-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1240px;margin:0 auto;padding:0 28px}@media screen and (max-width:899px){.krew-hero__grid{grid-template-columns:1fr;text-align:center}.krew-hero .krew-btn-row{justify-content:center}.krew-hero .krew-eyebrow{margin-left:auto;margin-right:auto}}.krew-hero__eyebrow{transform:rotate(-2deg);margin-bottom:22px}.krew-hero h1{font-family:var(--krew-font-display);font-size:clamp(4.4rem,6.4vw,8.4rem);line-height:.98;letter-spacing:-.01em;margin:0}.krew-hero h1 .krew-stroke-red{color:var(--krew-black);-webkit-text-stroke:2px var(--krew-red);display:block}.krew-hero h1 .krew-fill-blue{color:var(--krew-blue);display:block}.krew-hero p.krew-lede{font-size:1.8rem;max-width:440px;margin:26px 0 32px;color:var(--krew-dim)}@media screen and (max-width:899px){.krew-hero p.krew-lede{margin-left:auto;margin-right:auto}}.krew-btn-row{display:flex;gap:14px;flex-wrap:wrap}.krew-hero__art{position:relative;display:flex;justify-content:center;align-items:center}.krew-logo-frame{position:relative;width:100%;max-width:400px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:6px solid var(--krew-black);box-shadow:0 0 0 3px var(--krew-red),0 30px 70px -20px #000000b3}.krew-logo-frame img{width:100%;height:100%;object-fit:cover;display:block}.krew-logo-ring{position:absolute;width:calc(100% + 44px);max-width:444px;aspect-ratio:1/1;border-radius:50%;border:3px dashed var(--krew-blue);animation:krew-spin 30s linear infinite}@keyframes krew-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.krew-logo-ring{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-krew.css.map */