@layer components{.c-home-banner{--banner-intro-background-blur:blur(0px);--banner-text-opacity:0;--banner-intro-background-color:rgba(203,232,255,0);--banner-card-slide-transform:30px;--banner-card-text-transform:8px;display:flex;flex-direction:column;margin:0;min-height:calc(100lvh - var(--desktop-header-height) - 30px);position:relative;width:100%}.c-home-banner:has(.c-home-banner__view-detector.is-visible){--banner-intro-background-blur:blur(7.5px);--banner-intro-background-color:rgba(203,232,255,.9);--banner-text-opacity:1;--banner-card-slide-transform:0px;--banner-card-text-transform:0px}.c-home-banner__intro{-webkit-backdrop-filter:var(--banner-intro-background-blur);backdrop-filter:var(--banner-intro-background-blur);background-color:var(--banner-intro-background-color);margin-bottom:300px;padding:100px var(--grid-browser-gutter) 60px;position:relative;transition-duration:.5s;transition-property:background-color,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter}.c-home-banner__intro__aligner{align-items:flex-start;display:flex;padding:0 8.34%}.c-home-banner__intro__title{max-width:18ch;opacity:var(--banner-text-opacity);transition:opacity .5s ease;transition-delay:.2s;width:100%}.c-home-banner__intro__content{color:var(--brand-black);display:flex;flex:1;flex-direction:column;gap:26px;line-height:1.6;margin-top:0;min-width:400px;opacity:var(--banner-text-opacity);transition:opacity .5s ease;transition-delay:.4s}.c-home-banner__intro__links{display:flex;flex-flow:row wrap;gap:10px 20px}.c-home-banner__cards{display:flex;gap:30px;margin-top:auto;padding:0 var(--grid-browser-gutter)}.c-home-banner__cards__card{--transition-delay-adder:0s;--card-background-color:var(--brand-blue);--card-color:#fff;--card-accent-color:var(--brand-teal);--card-button-color:#fff;--block-accent-color:var(--card-accent-color);color:var(--card-color);flex:1;opacity:var(--banner-text-opacity);padding:50px;position:relative;transition:opacity .5s ease;transition-delay:calc(.5s + var(--transition-delay-adder));z-index:1}.c-home-banner__cards__card:nth-child(2){--transition-delay-adder:0.3s;--card-background-color:var(--brand-teal-12);--card-color:#000;--card-accent-color:var(--brand-blue);--card-button-color:#000;--block-accent-color:var(--card-accent-color)}.c-home-banner__cards__card:before{background-color:var(--card-background-color);border-radius:30px;content:"";inset:0;position:absolute;transform:translateY(var(--banner-card-slide-transform));z-index:-1}.c-home-banner__cards__card:before,.c-home-banner__cards__card__container{transition:transform .5s ease;transition-delay:calc(.5s + var(--transition-delay-adder))}.c-home-banner__cards__card__container{position:relative;transform:translateY(var(--banner-card-text-transform))}.c-home-banner__cards__card__heading{color:inherit}.c-home-banner__cards__card__button{--button-text-color:var(--card-button-color);--button-icon-color:var(--card-accent-color)}.c-home-banner__cards__card__links{display:flex;flex-flow:row wrap;gap:20px;margin-top:40px}.c-home-banner__view-detector{inset:0;pointer-events:none;position:absolute}.c-home-banner__background{inset:0 0 105px;pointer-events:none;position:absolute;z-index:-1}.c-home-banner__background__video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1300px){.c-home-banner__intro__aligner{padding:0}}@media (max-width:1000px){.c-home-banner{min-height:auto}.c-home-banner__background{aspect-ratio:16/9;height:100%;order:1;position:relative;width:100%}.c-home-banner__intro{margin-bottom:0;order:2;padding:40px var(--grid-browser-gutter) 50px}.c-home-banner__intro__aligner{flex-direction:column;padding:0}.c-home-banner__intro__title{margin-bottom:20px}.c-home-banner__intro__content{gap:16px;min-width:auto}.c-home-banner__cards{flex-direction:column;gap:20px;margin-top:30px;order:3}.c-home-banner__cards__card{font-size:16px;padding:30px 20px}.c-home-banner__cards__card:before{border-radius:15px}.c-home-banner__cards__card__links{flex-direction:column;gap:5px 20px;margin-top:20px}}}