.tech-pack-section{height:80vh;min-height:600px;display:flex;align-items:center;justify-content:center;position:relative;margin:0;padding:0;overflow:hidden;font-family:var(--font-body-family),"Helvetica Neue",Arial,sans-serif;width:100%;box-sizing:border-box;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important}.tech-pack-section{background-color:#1a1a1a}.tech-pack-section[style*=background-image]{background-color:transparent}.tech-pack-section .tech-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:2;transition:all .6s ease}.tech-pack-section:hover .tech-overlay{opacity:.9}.tech-pack-section .tech-content{position:relative;text-align:center;z-index:10;transition:all .5s ease;color:#fff}.tech-pack-section .content-wrapper{max-width:900px;margin:0 auto;padding:4rem 2rem;position:relative}.tech-pack-section .tech-title{font-size:1.8rem;font-weight:200;letter-spacing:.05em;line-height:1.4;margin-bottom:3rem;text-transform:uppercase;font-family:var(--font-heading-family),"Helvetica Neue",sans-serif;color:inherit;position:relative}.tech-pack-section .tech-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:60px;height:1px;background:currentColor;opacity:.3}.tech-pack-section .tech-description{font-size:1.1rem;line-height:1.6;opacity:.8;max-width:600px;margin:0 auto 3rem;font-weight:300;color:inherit;font-style:italic}.tech-pack-section .tech-button{display:inline-block;padding:16px 40px;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:400;font-size:.85rem;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:0;position:relative;overflow:hidden;margin-bottom:2rem;cursor:pointer;z-index:1}.tech-pack-section .tech-button .button-text{position:relative;z-index:3;display:inline-block;transition:color .4s cubic-bezier(.4,0,.2,1)}.tech-pack-section .tech-button .button-fill-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;background:currentColor;width:0;transition:width .6s cubic-bezier(.4,0,.2,1);z-index:2;opacity:0}.tech-pack-section .tech-button:hover .button-fill-bar{width:var(--text-width, 200px);opacity:1}.tech-pack-section .tech-button:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:100%;background:#fff;transition:width .6s cubic-bezier(.4,0,.2,1);z-index:1}.tech-pack-section .tech-button:hover:before{width:calc(var(--text-width, 200px) + 32px)}.tech-pack-section .tech-button:hover .button-text{color:#000}.tech-pack-section .tech-button:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 15px #fff3;border-color:transparent}@supports not (width: var(--title-width)){.tech-pack-section .tech-button:hover .button-fill-bar{width:800px}.tech-pack-section .tech-button:hover:before{width:800px}}.tech-pack-section .tech-features{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tech-pack-section .tech-feature{font-size:.8rem;font-weight:300;letter-spacing:.1em;opacity:.7;margin:0;color:inherit;text-transform:uppercase}.tech-pack-section .scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.tech-pack-section .scroll-line{width:1px;height:40px;background:currentColor;opacity:.4;margin-bottom:.5rem;transform-origin:top;transition:all .3s ease}.tech-pack-section .scroll-text{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-weight:300;color:inherit;animation:tech-scroll-pulse 2s infinite}@keyframes tech-scroll-pulse{0%,to{opacity:.5}50%{opacity:.8}}@media (max-width: 768px){.tech-pack-section{height:90vh;min-height:500px;margin:0!important;padding:0!important}.tech-pack-section .content-wrapper{max-width:100%;padding:3rem 1.5rem}.tech-pack-section .tech-title{font-size:1.4rem;letter-spacing:.03em;margin-bottom:2.5rem}.tech-pack-section .tech-description{font-size:1rem;max-width:100%;margin-bottom:2.5rem}.tech-pack-section .tech-button{padding:14px 32px;font-size:.8rem}.tech-pack-section .scroll-indicator{bottom:2rem}}@media (max-width: 480px){.tech-pack-section .tech-title{font-size:1.2rem;line-height:1.3}.tech-pack-section .tech-description{font-size:.95rem;line-height:1.5}.tech-pack-section .content-wrapper{padding:2.5rem 1rem}.tech-pack-section .tech-button{padding:12px 28px;font-size:.75rem}}[id^=TechPack-]{padding:0!important;margin:0!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}@media (max-width: 768px){.tech-pack-section{margin-top:0!important;margin-bottom:0!important}.tech-pack-section+*,*+.tech-pack-section{margin-top:0!important;margin-bottom:0!important}.shopify-section:has(.tech-pack-section),.shopify-section .tech-pack-section{margin:0!important;padding:0!important}}.tech-pack-section,[id^=TechPack-]{background-clip:border-box!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important}.tech-pack-section .tech-button:focus{outline:2px solid currentColor;outline-offset:3px}.tech-pack-section .tech-button:focus .button-fill-bar{width:var(--title-width, 600px);opacity:1}.tech-pack-section .tech-button:focus:before{width:var(--title-width, 600px)}.tech-pack-section .tech-button:focus .button-fill-bar{width:var(--text-width, 200px);opacity:1}.tech-pack-section .tech-button:focus:before{width:calc(var(--text-width, 200px) + 32px)}.tech-pack-section .tech-button:focus .button-text{color:#000}@media (prefers-reduced-motion: reduce){.tech-pack-section .tech-content,.tech-pack-section .tech-button,.tech-pack-section .scroll-line,.tech-pack-section .tech-button .button-fill-bar,.tech-pack-section .tech-button:before,.tech-pack-section .tech-button .button-text{transition:none}.tech-pack-section .scroll-text{animation:none}.tech-pack-section .tech-button:hover:before,.tech-pack-section .tech-button:hover .button-fill-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tech-pack.css.map */
