.san3a-hero-3d{--san3a-orange: #ff7708;--san3a-orange-light: #ff8811;position:relative;width:100%;min-height:min(88vh,820px);background:#000;overflow:hidden;color:#fff;contain:layout}.san3a-hero-3d.has-product-link,.san3a-hero-3d.has-product-link .san3a-hero-3d__nav,.san3a-hero-3d.has-product-link .san3a-hero-3d__cta{cursor:pointer}.san3a-hero-3d__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;touch-action:none;pointer-events:none}.san3a-hero-3d__media-layer{position:absolute;left:50%;top:36%;z-index:2;display:none;height:min(62vh,520px);width:auto;transform:translate(-50%,-50%);pointer-events:none;background:transparent}.san3a-hero-3d__media-layer.is-active{display:block}.san3a-hero-3d__media-layer canvas{display:block;height:100%;width:auto;background:transparent}.san3a-hero-3d__filament{position:absolute;top:-8%;right:-20%;bottom:-8%;left:-20%;z-index:0;width:140%;height:116%;pointer-events:none;opacity:.82;overflow:visible}.san3a-hero-3d__filament-track{transform-box:fill-box;transform-origin:0 50%;animation:san3a-filament-scroll 72s linear infinite}.san3a-hero-3d__filament path{fill:none;stroke:var(--san3a-orange);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px rgba(255,119,8,.55));animation:san3a-filament-bob 11s ease-in-out infinite}.san3a-hero-3d__filament-tile path:nth-child(2){stroke:#f81;animation-duration:13s;animation-delay:-3s}.san3a-hero-3d__filament-tile path:nth-child(3){stroke:#ff7708;animation-duration:15s;animation-delay:-6s;animation-name:san3a-filament-bob-down}.san3a-hero-3d__filament-tile path:nth-child(4){stroke:#823b0b;animation-duration:12s;animation-delay:-2s}.san3a-hero-3d__filament-tile path:nth-child(5){stroke:#f91;animation-duration:14s;animation-delay:-8s}.san3a-hero-3d__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 38%,rgba(255,119,8,.2),transparent 70%),radial-gradient(circle at 18% 78%,rgba(130,59,11,.32),transparent 45%),radial-gradient(circle at 82% 18%,rgba(255,136,17,.1),transparent 40%)}.san3a-hero-3d__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:inherit;padding:2rem 5.5rem 1.35rem;text-align:center;pointer-events:none}.san3a-hero-3d__content a{pointer-events:auto}.san3a-hero-3d__eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--san3a-orange-light);margin:0 0 .4rem}.san3a-hero-3d__heading{margin:0 0 .35rem;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.15;max-width:14ch;font-family:var(--font-heading-family, var(--font-heading--family, inherit));font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 700)}.san3a-hero-3d__eyebrow,.san3a-hero-3d__sub{font-family:var(--font-body-family, var(--font-body--family, inherit))}.san3a-hero-3d__sub{margin:0 0 .9rem;max-width:22ch;color:#ffffffb8;font-size:.9rem}.san3a-hero-3d__cta{display:inline-block;padding:.8rem 1.55rem;border-radius:999px;background:var(--san3a-orange);color:#000;font-weight:700;text-decoration:none;animation:san3a-cta-bounce 1.7s ease-in-out infinite}.san3a-hero-3d__cta:hover{filter:brightness(1.08);box-shadow:0 8px 28px #ff770866}.san3a-hero-3d__nav{position:absolute;top:42%;z-index:3;width:48px;height:48px;border:none;border-radius:50%;padding:0;background:var(--san3a-orange);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 20px #ff770859;transition:transform .2s ease,filter .2s ease}.san3a-hero-3d__nav svg{width:18px;height:18px;display:block}.san3a-hero-3d__nav:hover{transform:scale(1.08);filter:brightness(1.08)}.san3a-hero-3d__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.san3a-hero-3d__nav--prev{left:1.15rem}.san3a-hero-3d__nav--next{right:1.15rem}.san3a-hero-3d__fallback{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.san3a-hero-3d.is-fallback .san3a-hero-3d__fallback{opacity:1}.san3a-hero-3d.is-fallback .san3a-hero-3d__canvas{opacity:0}.san3a-hero-3d__label{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:2;font-size:.85rem;color:#ffffff8c;pointer-events:none}@keyframes san3a-cta-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes san3a-filament-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes san3a-filament-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-88px)}}@keyframes san3a-filament-bob-down{0%,to{transform:translateY(0)}50%{transform:translateY(96px)}}@media(max-width:749px){.san3a-hero-3d{min-height:72vh}.san3a-hero-3d__media-layer{height:min(38vh,300px)}.san3a-hero-3d__nav{width:42px;height:42px;top:38%}.san3a-hero-3d__content{padding:1.5rem 4rem 1.1rem}}@media(prefers-reduced-motion:reduce){.san3a-hero-3d__cta,.san3a-hero-3d__filament-track,.san3a-hero-3d__filament path{animation:none}.san3a-hero-3d__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/san3a-hero-3d.css.map */