.hero-banner{display:flex;flex-direction:column-reverse;gap:var(--spacing-large);min-height:400px;overflow:hidden;padding:var(--spacing-xx-large) 0;position:relative}.hero-banner__particles{bottom:50px;left:50px;pointer-events:none;position:absolute;right:50px;top:50px;z-index:2}.hero-banner__particle{animation:floatUpFromMouse forwards;border-radius:50%;opacity:0;pointer-events:none;position:absolute;will-change:transform,opacity}@keyframes floatUpFromMouse{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:1}90%{opacity:.3}to{opacity:0;transform:translateY(-150px) translateX(calc(var(--drift, 0)*40px)) scale(.3)}}.hero-banner__content{display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.hero-banner__heading{margin:0 0 var(--spacing-medium) 0}.hero-banner__heading p{margin:0}.svg-underline{display:inline-block;position:relative;white-space:nowrap}.svg-underline:after{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;bottom:4px;content:"";height:14px;left:0;position:absolute;width:100%;z-index:-1}.hero-banner__subtext{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.hero-banner__button--primary{align-items:center;background-color:#03113e;border-radius:4px;display:inline-flex;font-weight:500;justify-content:center;overflow:hidden;padding:var(--spacing-small) var(--spacing-large);position:relative;z-index:1}.hero-banner__button--primary,.hero-banner__button--primary:hover{color:#fff!important;text-decoration:none!important}.hero-banner__button--primary:before{background-color:#ff6439;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.hero-banner__button--primary:hover:before{left:0}.hero-banner__button--text{align-items:center;background-color:transparent;display:inline-flex;font-weight:500;gap:var(--spacing-xx-small);justify-content:center;padding:var(--spacing-small) var(--spacing-medium);text-decoration:none;transition:color .3s ease}.hero-banner__button--text:after{background-image:url(https://25876041.fs1.hubspotusercontent-eu1.net/hubfs/25876041/arrow-right-small.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:20px;width:20px}.hero-banner__button--text:hover{text-decoration:underline}.hero-banner__film-reel{background-color:#fff;border-radius:8px;height:400px;overflow:hidden;padding:16px;position:relative;z-index:1}.hero-banner__film-reel-inner{border-radius:4px;display:flex;gap:16px;height:100%;overflow:hidden}.hero-banner__film-column{flex:1;overflow:hidden;position:relative}.hero-banner__film-strip{display:flex;flex-direction:column;gap:10px}.hero-banner__film-strip img{display:block;flex-shrink:0;height:auto;width:100%}.hero-banner__film-column--left .hero-banner__film-strip{animation:scrollUp 12s cubic-bezier(0,.55,.45,1) forwards}.hero-banner__film-column--right .hero-banner__film-strip{animation:scrollDown 12s cubic-bezier(0,.55,.45,1) forwards}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-58%)}}@keyframes scrollDown{0%{transform:translateY(-66.666%)}to{transform:translateY(-8%)}}@media (min-width:768px){.hero-banner{align-items:center;flex-direction:row;gap:var(--spacing-xxx-large);padding:var(--spacing-xxx-large) 0}.hero-banner__content{flex:1;max-width:50%}.hero-banner__film-reel{flex:1;height:500px;max-width:50%}.hero-banner__buttons{margin-top:var(--spacing-medium)}}