@font-face{font-family:Sluggers Promo Display;src:url(/cdn/shop/files/newtow_b.woff2?v=1736270565) format("woff2");font-weight:700;font-display:swap}.blastro-hero{position:relative;display:grid;grid-template-areas:"top" "details";overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(180deg,#f8803f,#fd9b3e 45%,#fdbb45)}.blastro-hero__body{display:contents}.blastro-hero__art{grid-area:top;align-self:end;margin-top:88px;line-height:0}.blastro-hero__art picture{display:block;height:100%}.blastro-hero__art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 64px);mask-image:linear-gradient(180deg,transparent 0,#000 64px)}.blastro-hero__copy{grid-area:top;position:relative;z-index:1;padding:12px 16px 24px;text-align:center}.blastro-hero .blastro-hero__kicker{display:inline-block;margin:0;padding:6px 16px 4px;background:#000;border:3px solid #fff;border-radius:10px;box-shadow:4px 5px #00000073;transform:rotate(-3deg);font-family:Sluggers Promo Display,Newtown Bold,sans-serif;font-size:min(20px,5.2vw);font-weight:700;line-height:1.1;letter-spacing:0;text-transform:uppercase;color:#ffe600}.blastro-hero__headline{margin:8px 0 0;font-family:Sluggers Promo Display,Newtown Bold,sans-serif;font-weight:700;line-height:.95;text-transform:uppercase}.blastro-hero__line{display:block;width:fit-content;margin-inline:auto;font-size:min(34px,8.8vw);background:linear-gradient(180deg,#fffbe0,#ffe600 45%,#ff9a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 4px 0 #000) drop-shadow(-2px -2px 0 #000) drop-shadow(2px -2px 0 #000) drop-shadow(-2px 2px 0 #000)}.blastro-hero__line:last-child{font-size:min(64px,16.5vw)}.blastro-hero__line:only-child{font-size:min(44px,11.5vw)}.blastro-hero__details{grid-area:details;position:relative;z-index:1;padding:10px 16px;background:#000;text-align:center}.blastro-hero .blastro-hero__sub,.blastro-hero .blastro-hero__sub p{margin:0;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:0;text-wrap:balance;color:#fff}.blastro-hero__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:8px}.blastro-hero .blastro-hero__code{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:32px;margin:0;padding:5px 10px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}.blastro-hero .blastro-hero__code{border:2px solid #ffe600;background:#ffe600;color:#000;cursor:pointer}.blastro-hero__code-state{font-weight:600;opacity:.75}.blastro-hero__code.is-applied .blastro-hero__code-state{opacity:1}.blastro-hero__code:focus-visible{outline:3px solid #fff;outline-offset:2px}@media screen and (min-width:750px){.blastro-hero{display:block;min-height:clamp(360px,31vw,460px)}.blastro-hero--no-art{min-height:0}.blastro-hero__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:inherit;padding-block:36px}.blastro-hero__art{position:absolute;top:0;right:0;bottom:0;width:min(60%,1000px);margin:0;align-self:stretch}.blastro-hero__art img{width:100%;height:100%;object-fit:cover;object-position:0% 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}.blastro-hero__copy,.blastro-hero__details{max-width:52%;padding:0;background:none;text-align:left}.blastro-hero .blastro-hero__kicker{font-size:30px;padding:8px 22px 6px;border-width:4px;box-shadow:6px 7px #00000073}.blastro-hero__headline{margin-top:18px}.blastro-hero__line{margin-inline:0;font-size:clamp(32px,4.3vw,64px);filter:drop-shadow(5px 6px 0 #000) drop-shadow(-3px -3px 0 #000) drop-shadow(3px -3px 0 #000) drop-shadow(-3px 3px 0 #000)}.blastro-hero__line:last-child{font-size:clamp(60px,7.8vw,116px)}.blastro-hero__line:only-child{font-size:clamp(40px,5.6vw,80px)}.blastro-hero__details{margin-top:22px}.blastro-hero .blastro-hero__sub,.blastro-hero .blastro-hero__sub p{max-width:520px;font-size:18px;color:#000}.blastro-hero__meta{justify-content:flex-start;margin-top:14px}.blastro-hero .blastro-hero__code{border-color:#000;background:#000;color:#ffe600}.blastro-hero .blastro-hero__code{min-height:38px;padding:8px 16px;font-size:15px}}@media screen and (min-width:1400px){.blastro-hero__art img{object-position:100% 30%}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-blastro-promo-hero.css.map */