@layer components{.c-hero-banner{display:flex;flex-flow:row wrap;gap:80px;justify-content:flex-start;margin:0;min-height:calc(100lvh - var(--desktop-header-height));overflow:hidden;padding:100px calc(var(--grid-browser-gutter) + 60px) 75px;position:relative;width:100%}.c-hero-banner__title{color:#fff;flex:1;font-family:var(--headings-font-family);font-size:clamp(40px,4vw,var(--font-size-h1));line-height:1.2;margin:auto auto 40px 0;min-width:40%;opacity:0;transform:translateY(2rem);transition:.25s ease;transition-property:opacity,transform}.c-hero-banner:has(.c-hero-banner__container-visibility-detector.is-visible) .c-hero-banner__title{opacity:1;transform:translateY(0)}.c-hero-banner__intro-card__subtitle-aligner{display:flex;flex-direction:column;gap:20px}.c-hero-banner__icon{opacity:0;position:relative;transform:translateY(10px);transition:.2s ease;transition-delay:.14s;transition-property:transform,opacity}.c-hero-banner:has(.c-hero-banner__intro-card-visibility-detector.is-visible) .c-hero-banner__icon{opacity:1;transform:translateY(0)}.c-hero-banner__icon svg{display:block;height:auto;width:115px}.c-hero-banner__intro-card{background-color:#fff;border-radius:20px;flex:1;margin-bottom:0;margin-top:auto;max-width:560px;min-width:400px;opacity:0;padding:40px 48px;position:relative;transform:translateY(2rem);transition:.35s ease;transition-property:opacity,transform}.c-hero-banner:has(.c-hero-banner__intro-card-visibility-detector.is-visible) .c-hero-banner__intro-card{opacity:1;transform:translateY(0)}.c-hero-banner__subtitle{--subtitle-base-transform:0px;opacity:0;transform:translateY(calc(var(--subtitle-base-transform) + 10px));transition:.2s ease;transition-delay:.24s;transition-property:opacity,transform}.c-hero-banner__blurb{font-variation-settings:"wght" 400;font-weight:400;margin-top:20px;opacity:0;position:relative;transform:translateY(5px);transition:.2s ease;transition-delay:.31s;transition-property:opacity,transform}.c-hero-banner:has(.c-hero-banner__intro-card-visibility-detector.is-visible) .c-hero-banner__subtitle{opacity:1;transform:translateY(var(--subtitle-base-transform))}.c-hero-banner:has(.c-hero-banner__intro-card-visibility-detector.is-visible) .c-hero-banner__blurb{opacity:1;transform:translateY(0)}.c-hero-banner__media{--amount-to-move:24px;filter:saturate(.75) brightness(1.1);height:calc(100% + var(--amount-to-move));inset:0 auto auto 0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:translate(calc((var(--amount-to-move)*var(--mouse-percent-y, .5))*-1),calc((var(--amount-to-move)*var(--mouse-percent-x, .5))*-1));transition:transform .4s ease-out;width:calc(100% + var(--amount-to-move));z-index:-1}.c-hero-banner__container-visibility-detector,.c-hero-banner__intro-card-visibility-detector{inset:0;pointer-events:none;position:absolute}@media (max-width:1300px){.c-hero-banner{padding:100px calc(var(--grid-browser-gutter)) 75px}}@media (max-width:900px){.c-hero-banner{display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0}.c-hero-banner__title{grid-column:1;grid-row:1;margin:auto 0 0;padding:3rem var(--grid-padding) 50px}.c-hero-banner__intro-card__subtitle-aligner{flex-direction:row;max-width:48ch}.c-hero-banner__icon svg{width:65px}.c-hero-banner__subtitle{--subtitle-base-transform:5px}.c-hero-banner__blurb{font-size:17px;max-width:70ch}.c-hero-banner__intro-card{background-color:var(--brand-indigo-7);border-radius:0;grid-column:1;grid-row:2;max-width:none;min-width:auto;opacity:1;padding:30px var(--grid-browser-gutter);transform:translateY(0);width:100%}.c-hero-banner__media{grid-column:1;grid-row:1;height:calc(100% + var(--amount-to-move));inset:auto 0 0 auto;min-height:calc(100dvh - var(--mobile-header-height));position:relative;width:calc(100% + var(--amount-to-move))}}}