.hero-banner{background:var(--color-bumi-green);min-height:100vh;color:var(--figma-color-cream);position:relative;overflow:hidden}.hero-banner--home:before,.hero-banner--home:after{content:none;display:none}.hero-banner__fallback,.hero-banner__video,.hero-banner__green-overlay{position:absolute;inset:0}.hero-banner__fallback,.hero-banner__video{z-index:0;object-fit:cover;object-position:50% 42%;width:100%;height:100%}.hero-banner__video{opacity:0;transition:opacity .6s}.hero-banner__video.is-playing{opacity:1}.hero-banner__green-overlay{z-index:1;pointer-events:none;background:#5a6a3d66}.hero-banner__inner{z-index:2;min-height:100vh;padding-block:var(--hero-inset);justify-content:center;align-items:center;display:flex;position:relative}.hero-banner__content{width:min(100%,690px);color:var(--figma-color-cream);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}@keyframes hero-banner-fade-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-banner__mark{aspect-ratio:83/99;background-image:url(../media/banerlogo.0-jm1uhnklvse.svg?dpl=dpl_CwCoVrQT5cByg42E474S4a7NtsH3);background-position:50%;background-repeat:no-repeat;background-size:contain;width:83px;margin-block-end:19px;animation:1.6s cubic-bezier(.22,1,.36,1) .1s both hero-banner-fade-rise;display:block}.hero-banner__brand-logo{aspect-ratio:504/38;background-image:url(../media/banerimg.120uoyaa6_.5k.svg?dpl=dpl_CwCoVrQT5cByg42E474S4a7NtsH3);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(100%,504px);animation:1.8s cubic-bezier(.22,1,.36,1) .42s both hero-banner-fade-rise;display:block}.hero-banner__eyebrow{color:#f5f1ebc7;font-family:var(--font-montserrat);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:17px;font-weight:500;line-height:18px;animation:1.7s cubic-bezier(.22,1,.36,1) .82s both hero-banner-fade-rise}.hero-banner__eyebrow--primary{margin-top:34px}.hero-banner__eyebrow--secondary{margin-top:6px;margin-bottom:19px;animation-delay:.9s}.hero-banner__subtitle-stack{margin:4px 0 0;animation:2s cubic-bezier(.22,1,.36,1) 1.18s both hero-banner-fade-rise;display:grid;position:relative}.hero-banner__subtitle{color:var(--figma-color-cream-muted);font-family:var(--font-lora);opacity:0;filter:blur(10px);clip-path:inset(0 100% 0 0);grid-area:1/1;margin:0;font-weight:300;transition:opacity .4s,filter .4s,clip-path .45s}.hero-banner__subtitle.is-visible{opacity:1;filter:blur();clip-path:inset(0);transition:opacity 2s,filter 2s,clip-path 2.2s cubic-bezier(.16,1,.3,1)}.hero-banner__subtitle--primary.is-visible{transition:opacity 1.7s,clip-path 1ms linear}.hero-banner__scroll-cue{z-index:4;width:42px;height:42px;color:var(--figma-color-cream);opacity:.82;justify-content:center;align-items:center;text-decoration:none;transition:opacity .25s;display:inline-flex;position:absolute;inset-block-end:40px;inset-inline-start:50%;transform:translate(-50%)}.hero-banner__scroll-cue:hover,.hero-banner__scroll-cue:focus-visible{opacity:1}.hero-banner__scroll-arrow{opacity:.82;border-bottom:1.5px solid;border-right:1.5px solid;width:18px;height:18px;animation:2s ease-in-out infinite hero-scroll-arrow;display:block;transform:rotate(45deg)}@keyframes hero-scroll-arrow{0%,to{opacity:.62;transform:translateY(-3px)rotate(45deg)}50%{opacity:1;transform:translateY(7px)rotate(45deg)}}.hero-banner__cta.hero-banner__cta{animation:1.6s cubic-bezier(.22,1,.36,1) 1.56s both hero-banner-fade-rise}@media (prefers-reduced-motion:reduce){.hero-banner__scroll-arrow{opacity:.82;animation:none}.hero-banner__mark,.hero-banner__brand-logo,.hero-banner__eyebrow,.hero-banner__subtitle-stack,.hero-banner__cta.hero-banner__cta{opacity:1;animation:none;transform:none}.hero-banner__subtitle{transition:none}}@media (max-width:768px){.hero-banner,.hero-banner__inner{min-height:100svh}.hero-banner__inner{padding-block:var(--hero-inset);padding-inline:14px}.hero-banner__content{width:100%;max-width:430px}.hero-banner__mark{width:56px;margin-block-end:12px}.hero-banner__brand-logo{width:min(100%,310px)}.hero-banner__eyebrow{letter-spacing:.18em;margin-block-start:14px;font-size:10px}.hero-banner__eyebrow--secondary{margin-block-start:4px}.hero-banner__subtitle{max-width:100%;margin-block:2px 0;font-size:clamp(19px,5.2vw,22px);line-height:1.32}}