.parallax{overflow:hidden;letter-spacing:-2px;margin:0;white-space:nowrap;flex-wrap:nowrap}.parallax .scroller{white-space:nowrap;flex-wrap:nowrap}.parallax-brand .scroller{display:flex;gap:1.5rem}.brands-list-first{padding-top:6rem}.parallax span{margin-top:1.875rem;margin-bottom:1.875rem}.intro-video-scroller span{margin-top:0!important;margin-bottom:0!important;margin-right:3.25rem}.brands-list-first.parallax.scroller{margin-top:6.875rem}.intro-video-scroller{display:flex}:root{--card-height: 40vw;--card-margin: 30vw;--card-top-offset: 3em;--numcards: 6;--outline-width: 0px}#cards{list-style:none;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));gap:var(--card-margin);padding-bottom:calc(var(--numcards) * var(--card-top-offset));margin-bottom:5rem;padding-left:0!important}.card{position:sticky;top:0;padding-top:calc(var(--index) * var(--card-top-offset));opacity:1;transition:opacity 1s ease-out}.card-content{box-shadow:0 .2em 1em #0000001a,0 1em 2em #0000001a;background:#fffaf2;color:#131212;border-radius:2rem;overflow:hidden;display:grid;grid-template-areas:"text img";grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch;padding:1.4em}.card-content>div{grid-area:text;width:95%;max-width:800px;place-self:center;text-align:left;display:grid;gap:1em;place-items:start}.card-content>figure{grid-area:img;overflow:hidden}.card-content>figure>img{width:100%;height:100%;object-fit:cover;border-radius:.4em}@supports (animation-timeline: works){@scroll-timeline cards-element-scrolls-in-body{source: selector(body); scroll-offsets: selector(#cards) start 1,selector(#cards) start 0; start: selector(#cards) start 1; end: selector(#cards) start 0; time-range: 4s;}.card{--index0: calc(var(--index) - 1);--reverse-index: calc(var(--numcards) - var(--index0));--reverse-index0: calc(var(--reverse-index) - 1)}.card-content{transform-origin:50% 0%;will-change:transform,opacity;--duration: calc(var(--reverse-index0) * 1s);--delay: calc(var(--index0) * 1s);animation:var(--duration) linear scale var(--delay) forwards,var(--duration) linear fade var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}@keyframes scale{to{transform:scale(calc(1.1 - calc(.1 * var(--reverse-index))))}}@keyframes fade{to{opacity:calc(1 - .25 * var(--index0))}}}:root{--green: #b8d953;--lilac: #b2b2eb;--pink: #bb86e9;--dark-green: #529a91;--peach: #fe96b7;--black: #191819;--grey: #2a292a;--white: #d9d9d9}.progress-bar{position:relative;width:13.4375rem;border-radius:25px;border:#8A8A8A .5008px solid;padding:6px}.progress-fill{position:relative;height:.625rem;animation:progress-forward 3s infinite;background:#000;border-radius:15px}.progress-icon{position:absolute;top:-.1125rem;right:-1.5625rem}.progress-icon img{width:3.9375rem}@keyframes progress-forward{0%{width:0%}to{width:100%}}; @media (min-width: 320px) and (max-width: 767px){html{font-size:10px!important;overflow-x:hidden!important}.progress-bar{position:relative;width:14.5rem!important;border-radius:2.5rem!important;border:#8A8A8A .4rem solid!important;padding:.6rem!important}.progress-fill{position:relative;height:.625rem;width:0%;background:#000;border-radius:15px}.progress-icon{position:absolute;top:-.1125rem;right:-6.5625rem!important}.progress-icon img{width:3.9375rem}}
