main{height:100dvh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;container:main/inline-size}section{min-height:100dvh;scroll-snap-align:start;overflow:hidden}@container main (max-width: 601px){section{height:initial}}.home{--duration-scroll: 18s}.home .container:nth-of-type(2),.home .container:nth-of-type(4){background:var(--brand-gradient-left)}.home .container:nth-of-type(3),.home .container:nth-of-type(5){background:var(--brand-gradient-right)}.home .container:nth-of-type(1):not(:last-child),.home .container:nth-of-type(6){background:var(--hero-gradient)}.home>.container{position:relative;display:flex;justify-content:center;width:100%;padding:var(--size-space-900) var(--size-space-400)}@container main (max-width: 601px){.home>.container{--size-font-kicker: 2rem;flex-direction:column}.home>.container .--large{height:150dvh}}.home>.container .--full{align-content:center;width:var(--size-main);max-width:var(--size-main-max)}.home>.container .counter{align-items:center}.home>.container .kicker{display:flex;align-items:baseline;min-width:100%;margin:0 0 0 -1rem;color:var(--primative-brand-purple-50);font-size:var(--size-font-kicker);line-height:var(--size-font-kicker)}@container main (max-width: 1024px){.home>.container .kicker{--size-font-kicker: 2rem}}.home>.container .kicker b{margin:var(--size-space-200) 0 0 0}.home>.container .kicker.--vertical{opacity:0;position:absolute;justify-content:center;writing-mode:vertical-rl;text-orientation:sideways-right;transform:rotate(-180deg)}@container main (max-width: 1024px){.home>.container .kicker{margin:0}}.home>.container .media{--svg-width: 60dvw;--svg-height: 80dvh;position:relative;width:100%;overflow-clip-margin:content-box}@container main (max-width: 1024px){.home>.container .media{order:-1}}.home>.container .media>svg{max-height:var(--svg-height);margin:0 var(--size-font-kicker)}@container main (max-width: 1024px){.home>.container .media{--svg-height: 55dvh}.home>.container .media{max-height:var(--svg-height)}.home>.container .media>svg{width:var(--svg-width);max-height:var(--svg-height);margin:0 calc((100dvw - var(--svg-width)) / 3) 0}}@container main (max-width: 601px){.home>.container .media{max-height:var(--svg-height)}.home>.container .media>svg{width:var(--svg-width);max-height:var(--svg-height);margin:0 calc((100dvw - var(--svg-width)) / 3) 0}}.home>.container .content{z-index:1;min-height:fit-content;color:var(--primative-brand-purple-50);word-wrap:break-word}.home>.container .content .title{opacity:0;font-weight:var(--font-weight-heavy);line-height:var(--line-height);transform:translate(10vw)}.home>.container .content .title>span{font-size:1.5rem;font-weight:500}.home>.container .content p{opacity:0;font-size:clamp(1rem,1rem + .25vw,2rem);line-height:clamp(1rem,2.5rem + .125vw,3rem);text-wrap:pretty;padding:0 0 var(--size-space-400) 0}.home>.container .messaging{--grid-template: 1fr / var(--size-media) var(--size-content);--grid-template-inverted: 1fr / var(--size-content) var(--size-media);--grid-template-mobile: grid-template: auto auto / 1fr;display:grid;align-items:center;grid-template:var(--grid-template);gap:var(--size-space-600);width:var(--size-main);max-width:var(--size-main-max)}@container main (max-width: 1024px){.home>.container .messaging{grid-template:var(--grid-template-mobile);gap:var(--size-space-600);align-items:center;padding:var(--size-space-400) 0;width:100%}}@container main (max-width: 601px){.home>.container .messaging{padding:var(--size-space-800) 0 var(--size-space-400) 0}}.home>.container .messaging--invert{grid-template:var(--grid-template-inverted)}@container main (max-width: 1024px){.home>.container .messaging--invert{grid-template:var(--grid-template-mobile)}}.home>.container .messaging--invert .media{order:1}@container main (max-width: 1024px){.home>.container .messaging--invert .media{order:-1}}.home>.container .messaging--invert .kicker.--vertical{right:calc(-100% + var(--size-font-kicker))}.home>.container .messaging--invert .content .title{transform:translate(-10vw)}.home>.container .messaging--half{grid-template:1fr/1fr var(--size-content)}@container main (max-width: 1024px){.home>.container .messaging--half{grid-template:auto auto/1fr;gap:var(--size-space-600);align-items:center;padding:var(--size-space-400) 0;width:100%}}@container main (max-width: 601px){.home>.container .messaging--half{width:100%;padding:var(--size-space-800) 0 var(--size-space-400) 0}}