.socksta-hero{position:relative;width:100%;background-color:var(--hero-bg);min-height:80dvh}.socksta-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.socksta-hero__bg img{width:100%;height:100%;object-fit:var(--hero-image-fit, cover);object-position:var(--hero-image-position, center)}.socksta-hero__bg-mobile{display:none}@media(max-width:768px){.socksta-hero{display:flex;flex-direction:column;min-height:auto;background-color:transparent!important}.socksta-hero__bg{position:relative;width:100%;height:auto}.socksta-hero__bg img{position:relative;width:100%;height:auto;display:block;object-fit:contain;object-position:center}.socksta-hero__bg .socksta-hero__bg-desktop{display:none!important}.socksta-hero__bg .socksta-hero__bg-mobile{display:block!important}.socksta-hero__bg.has-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0}.socksta-hero__bg.has-scroll::-webkit-scrollbar{display:none}.socksta-hero__bg.has-scroll .socksta-hero__bg-desktop{display:block!important;width:auto!important;min-width:var(--hero-mobile-min-width, 1000px)!important;height:var(--hero-mobile-height, 400px)!important;max-width:none!important;object-fit:cover;scroll-snap-align:center}.socksta-hero__bg.has-scroll .socksta-hero__bg-mobile{display:none!important}}.socksta-hero__content-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding-top:10rem;padding-bottom:8rem}@media(max-width:768px){.socksta-hero__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;min-height:auto;padding:0;justify-content:flex-start;pointer-events:none}}.socksta-hero__text-container{max-width:36rem}.socksta-hero__heading-1,.socksta-hero__heading-2,.socksta-hero__heading-3{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:uppercase;text-shadow:2px 2px 8px rgba(0,0,0,.3);margin:0}.socksta-hero__heading-1{font-size:var(--text-h1);line-height:.9;letter-spacing:.025em;color:var(--hero-h1-color)}.socksta-hero__heading-2{font-size:var(--text-h2);line-height:1.1;letter-spacing:.025em;color:var(--hero-h2-color);margin-top:.5rem;margin-left:3rem}.socksta-hero__heading-3{font-size:calc(var(--text-h1) * .85);line-height:.9;letter-spacing:.025em;color:var(--hero-h3-color);margin-top:.25rem}.socksta-hero__description{margin-top:1.5rem;max-width:24rem;font-size:var(--text-body);color:var(--hero-text-color);text-shadow:1px 1px 4px rgba(0,0,0,.5)}.socksta-hero__buttons{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--btn-gap, 16px);margin-top:2rem}@media(max-width:768px){.socksta-hero__buttons{position:absolute;left:var(--mobile-btn-group-left, 24px);top:var(--mobile-btn-group-top, 60%);transform:translateY(-50%);flex-direction:column;align-items:flex-start;gap:var(--mobile-btn-gap, 10px);margin-top:0;pointer-events:auto;z-index:20}}.socksta-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;cursor:pointer;white-space:nowrap;font-family:var(--font-heading-family, inherit);font-weight:var(--btn-font-weight, 900);font-size:var(--btn-font-size, 15px);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--btn-border-radius, 30px);min-width:var(--btn-width, 220px);min-height:var(--btn-height, 52px);padding:var(--btn-padding-v, 14px) var(--btn-padding-h, 28px);border:2px solid transparent;transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 14px #00000026}.socksta-hero__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.socksta-hero__cta:active{transform:translateY(0)}.socksta-hero__cta--1{background-color:var(--btn1-bg, #8c52ff);color:var(--btn1-text, #ffffff);border-color:var(--btn1-border, #8c52ff);translate:var(--btn1-dx, 0) var(--btn1-dy, 0)}.socksta-hero__cta--1:hover{background-color:var(--btn1-hover-bg, #7a3fef);color:var(--btn1-hover-text, #ffffff)}.socksta-hero__cta--2{background-color:var(--btn2-bg, #ffffff);color:var(--btn2-text, #000033);border-color:var(--btn2-border, #e5e7eb);translate:var(--btn2-dx, 0) var(--btn2-dy, 0)}.socksta-hero__cta--2:hover{background-color:var(--btn2-hover-bg, #f3f4f6);color:var(--btn2-hover-text, #000033)}@media(max-width:768px){.socksta-hero__cta{font-size:var(--btn-mobile-font-size, 11px);padding:var(--btn-mobile-padding-v, 8px) var(--btn-mobile-padding-h, 16px);width:100%;max-width:var(--btn-mobile-width, 200px);min-width:unset;min-height:var(--btn-mobile-height, 36px);translate:var(--btn1-mx, 0) var(--btn1-my, 0)}.socksta-hero__cta--2{translate:var(--btn2-mx, 0) var(--btn2-my, 0)}.socksta-hero__cta svg{width:14px;height:14px}}.socksta-hero__hand-drawn{margin-top:1rem;display:flex;align-items:flex-start;gap:.5rem;margin-left:2.5rem}.socksta-hero__hand-drawn span{font-size:16px;font-family:Comic Sans MS,cursive,sans-serif;color:var(--hero-text-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.socksta-hero__benefits-wrapper{position:absolute;bottom:0;width:100%;z-index:20;transform:translateY(50%);display:flex;justify-content:center;padding-bottom:1rem}@media(max-width:768px){.socksta-hero__benefits-wrapper{position:relative;bottom:auto;transform:none;margin-top:1rem;padding:0 1rem 1rem}}.socksta-hero__benefits-card{width:100%;max-width:64rem;background-color:var(--hero-benefits-bg);border-radius:1.5rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040}.socksta-hero__benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.socksta-hero__benefits-card{padding:2rem}.socksta-hero__benefits-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.socksta-hero__benefits-item{border-right:1px solid var(--color-border)}.socksta-hero__benefits-item:last-child{border-right:none}}.socksta-hero__benefits-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:0 .5rem}@media(min-width:768px){.socksta-hero__benefits-item{flex-direction:row;align-items:flex-start;text-align:left;gap:1rem}}.socksta-hero__benefit-icon-wrapper{display:flex;height:3rem;width:3rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px}.socksta-hero__benefit-title{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--hero-benefits-title);margin:0}.socksta-hero__benefit-desc{font-size:11px;color:var(--hero-benefits-desc);margin:0}@media(min-width:1024px)and (max-width:1440px){.socksta-hero__text-container{margin-top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/socksta-hero.css.map */