.hero-pc{position:relative;overflow:hidden;height:var(--hero-pc-height-mobile);background-color:var(--hero-pc-backdrop)}.hero-pc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:#000;opacity:var(--hero-pc-overlay-opacity)}.hero-pc__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--hero-pc-image-opacity)}.hero-pc__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-pc__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:32px 21px}.hero-pc__box{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:heroPcSlideIn .5s .3s cubic-bezier(0,0,.3,1) both}.hero-pc__eyebrow{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:10.5px;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#ffffffbf}.hero-pc__heading{margin:14px 0 0;font-family:"Bebas Neue",var(--font-heading-family),sans-serif;font-weight:400;font-size:35px;line-height:normal;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-wrap:balance}.hero-pc__text{margin:14px 0 0;font-family:var(--font-body-family);font-size:14px;line-height:1.4;letter-spacing:normal;color:#fff}.hero-pc__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:42px;padding:0 17.5px;border-radius:0;background-color:var(--hero-pc-cta-background);color:var(--hero-pc-cta-text);font-family:var(--font-body-family);font-size:12.25px;font-weight:500;letter-spacing:normal;text-decoration:none;transition:filter .18s ease}.hero-pc__cta:hover{filter:brightness(.9)}.hero-pc__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-pc__cta svg{width:16px;height:16px;flex:none}@keyframes heroPcSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media screen and (min-width:750px){.hero-pc{height:var(--hero-pc-height)}.hero-pc__content{padding:48px 32px}.hero-pc__eyebrow{font-size:12px}.hero-pc__heading{margin-top:16px;font-size:40px}.hero-pc__text{margin-top:16px;font-size:16px}.hero-pc__cta{margin-top:16px;min-height:48px;padding:0 20px;font-size:14px}}@media(prefers-reduced-motion:reduce){.hero-pc__box{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-hero-pocket-case.css.map */