.hero-animation-sticky-section{position:sticky;top:0}.featured-products-main{margin-top:-400px}.hero-animation-section{min-height:4000px;position:relative}.hero-animation-section .pdp-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(14px,3.5vw,36px);margin-top:0;background:#ffffffa6;border-radius:14px;transition:.2s ease}.scrolled-in .pdp-logos{opacity:0;pointer-events:none}.hero-animation-section .logo-grid{display:flex;align-items:center;gap:clamp(20px,5vw,48px)}.hero-animation-section .pdp-logos .p-xs{text-align:left;margin-inline:0;color:var(--color-950);opacity:.7;font-weight:600}.hero-animation-section .container-large{position:sticky;top:0;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(220px,.95fr) minmax(320px,1fr) minmax(240px,.9fr);grid-template-rows:auto;align-items:flex-start;padding-top:10px}.hero-card-layer{grid-column:1 / -1;grid-row:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(20px,4vw,36px);z-index:1;will-change:transform;transition:transform .14s linear,opacity .26s ease}.hero-card-surface{padding:clamp(32px,4.5vw,56px) 80px;border-radius:16px;box-shadow:0 32px 60px #4312070d}@media screen and (max-width:989px){.hero-card-surface{padding-left:20px;padding-right:20px}}.hero-card-logos{padding:clamp(18px,3vw,26px) clamp(24px,6vw,46px)}.hero-animation-content-wrapper{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(320px,1fr) minmax(240px,.9fr);grid-template-rows:auto 1fr;align-items:center;column-gap:clamp(32px,6vw,72px);row-gap:clamp(24px,4vw,48px);min-height:clamp(320px,50vh,520px)}.hero-animation-links-wrapper,.hero-animation-heading,.hero-animation-content-wrapper>.hero-animation-bot{transition:opacity .3s ease}.hero-animation-section.scrolled-in .hero-animation-links-wrapper,.hero-animation-section.scrolled-in .hero-animation-heading,.hero-animation-section.scrolled-in .hero-animation-content-wrapper>.hero-animation-bot,.hero-animation-section.scrolled-in .pdp-logos{opacity:0;pointer-events:none}.hero-animation-section.scrolled-in .hero-card-layer{background:transparent!important;pointer-events:none}.text-entries-wrapper{position:absolute;height:100%;width:100%;top:0}.hero-animation-links-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px 32px;flex-wrap:wrap;grid-column:1 / -1;grid-row:1;align-self:flex-start;z-index:2}.hero-animation-content-wrapper>.hero-animation-bot{grid-column:3;grid-row:2;width:clamp(220px,26vw,320px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(18px,3vw,30px);text-align:left;align-self:center;justify-self:start;z-index:2}.hero-animation-heading{margin:0;max-width:clamp(300px,42vw,460px);font-weight:800;font-size:clamp(36px,4.5vw,68px);line-height:1.05;letter-spacing:.01em;text-align:left;color:var(--color-950);grid-column:1;grid-row:2;align-self:center;justify-self:start;z-index:2;overflow-wrap:normal;word-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.hero-animation-links-wrapper a{text-decoration:none;color:var(--color-950);opacity:.5}.hero-animation-content-wrapper>.hero-animation-bot .p-sm{color:var(--color-950);opacity:.7;max-width:none;line-height:1.5}.hero-animation-content-wrapper>.hero-animation-bot .primary-button{align-self:flex-start}.hero-animation-section .animation-wrapper{grid-column:2;grid-row:1;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;pointer-events:none;min-height:clamp(360px,58vh,520px);justify-self:center;align-self:center;margin-top:clamp(-160px,-13vh,-70px);z-index:2;will-change:transform}.animation-text-entry{position:absolute;bottom:12vh;opacity:0;pointer-events:none;max-width:clamp(300px,32vw,450px);z-index:3;--entry-home-x: 0px;will-change:transform,opacity}.animation-text-entry.p-left{left:clamp(56px,15vw,280px);right:auto;--entry-home-x: 0px}.animation-text-entry.p-right{left:auto;right:clamp(56px,15vw,280px);--entry-home-x: 0px}.animation-text-entry.p-horizontal-center{left:50%;right:auto;--entry-home-x: -50%}.animation-text-lg{font-weight:600;font-size:clamp(36px,4.5vw,58px);line-height:1.15;letter-spacing:-.01em}.animation-text-sm{font-weight:400;font-size:clamp(15px,1.65vw,21px);line-height:1.4;margin-top:10px;letter-spacing:0}.animation-wrapper img{max-width:100%}.hero-animation-canvas{max-width:100%;opacity:0;transition:opacity .3s ease;object-fit:contain}.animation-text-sm,.animation-text-lg{text-shadow:1px 1px 0 white,-1px 1px 0 white,1px -1px 0 white,-1px -1px 0 white}.animation-text-entries-mobile{display:none;opacity:0;transition:.2s}.scrolled-in .animation-text-entries-mobile{opacity:1}@media screen and (max-width:1200px){.animation-text-entry.p-right{right:clamp(32px,11vw,200px)}.animation-text-entry.p-left{left:clamp(32px,11vw,180px)}}@media screen and (max-width:991px){.hero-animation-content-wrapper{grid-template-columns:minmax(200px,1fr) minmax(280px,.9fr) minmax(200px,1fr);row-gap:clamp(24px,5vw,48px)}.hero-animation-heading{font-size:clamp(36px,6vw,64px);max-width:clamp(240px,38vw,320px)}.hero-animation-content-wrapper>.hero-animation-bot{width:clamp(220px,38vw,280px)}.animation-text-lg{font-size:32px}}@media screen and (max-width:768px){.hero-animation-section{min-height:8500px;position:relative;z-index:50}.hero-animation-section .container-large{position:sticky;top:0;height:100dvh;overflow:visible;padding:0;display:flex;flex-direction:column}.hero-card-layer{position:relative;width:calc(100% - 40px);margin:0 20px;padding:0;gap:20px;display:flex;flex-direction:column;z-index:1;flex-shrink:0;transition:opacity .3s ease;will-change:transform,opacity}.hero-animation-section.scrolled-in .hero-card-layer{opacity:0;pointer-events:none}.hero-card-surface{width:100%;padding:clamp(40px,9vw,60px) 20px;padding-bottom:clamp(220px,32vh,300px);min-height:clamp(580px,70vh,750px);max-height:75vh;position:relative}.hero-card-logos{width:100%;padding:clamp(18px,5vw,24px) clamp(24px,6vw,32px)}.hero-animation-section .pdp-logos{justify-content:center}.hero-animation-section .pdp-logos .p-xs{display:none}.hero-animation-section .logo-grid{width:100%;justify-content:center;gap:20px;flex-wrap:wrap}.hero-animation-links-wrapper{display:none!important}.hero-animation-content-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(32px,8vw,48px);min-height:auto}.hero-animation-heading{width:100%;max-width:100%;text-align:center;font-size:clamp(36px,9.5vw,54px);line-height:1.08;margin:0;padding:0}.hero-animation-section .animation-wrapper{position:absolute;top:calc(49% - 8px);left:50%;transform:translate(-50%,-50%);width:100%;max-width:clamp(1500px,420vw,1700px);height:auto;display:flex;justify-content:center;align-items:center;z-index:30;pointer-events:none;margin:0!important}.hero-animation-canvas{width:100%!important;height:auto!important}.animation-text-entries-mobile{display:block;opacity:0;pointer-events:none;transition:opacity .4s ease}.hero-animation-section.scrolled-in .animation-text-entries-mobile{opacity:1}.animation-text-entries-mobile .animation-text-entry{position:fixed!important;top:calc(var(--header-height, 0px) + env(safe-area-inset-top,0px) + clamp(16px,3vh,32px))!important;bottom:auto!important;left:50%!important;right:auto!important;opacity:0;transform:translate(-50%,24px);transition:opacity .12s ease,transform .18s ease;text-align:left;max-width:clamp(280px,85vw,380px);width:100%;pointer-events:none;z-index:100;will-change:transform,opacity}.animation-text-entries-mobile .animation-text-entry.active{opacity:1;transform:translate(-50%);transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)}.animation-text-entries-mobile .animation-text-entry.upcoming{opacity:0;transform:translate(-50%,24px)}.animation-text-entries-mobile .animation-text-entry.passed{opacity:0;transform:translate(-50%,-12px);transition:opacity .15s ease,transform .25s ease}.animation-text-entries-mobile .animation-text-lg{font-size:clamp(24px,6vw,32px);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin-bottom:8px}.animation-text-entries-mobile .animation-text-sm{font-size:clamp(14px,3.5vw,18px);font-weight:400;line-height:1.4;opacity:.9}.hero-animation-content-wrapper>.hero-animation-bot{width:100%;max-width:100%;text-align:center;align-items:center;justify-content:center;gap:18px;display:flex;flex-direction:column}.hero-animation-content-wrapper>.hero-animation-bot .p-sm{text-align:center;max-width:88%}.hero-animation-content-wrapper>.hero-animation-bot .primary-button{align-self:center}.text-entries-content-wrapper{padding:0}.animation-text-entry{max-width:clamp(240px,80vw,340px);bottom:15vh}.animation-text-lg{font-size:clamp(26px,6.5vw,34px)}.animation-text-sm{font-size:clamp(14px,3.8vw,17px)}.animation-text-entry.upcoming{opacity:.2;transform:translate(calc(-50% + 240px))}.animation-text-entry.active{opacity:1;transform:translate(-50%)}.animation-text-entry.passed{opacity:0;transform:translate(-100vw)}@media screen and (max-width:768px)and (max-height:600px){.animation-text-entries-mobile .animation-text-entry{top:calc(var(--header-height, 0px) + env(safe-area-inset-top,0px) + 12px)!important}.animation-text-entries-mobile .animation-text-lg{font-size:clamp(20px,5vw,26px)}.animation-text-entries-mobile .animation-text-sm{font-size:clamp(12px,3vw,16px)}.hero-animation-section .animation-wrapper{top:calc(46% - 8px)}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-animation.css.map */