@layer components{.c-hero-banner{--background-color:var(--brand-slate);--intro-color:#fff;display:grid;gap:80px 0;grid-template-columns:var(--grid-browser-gutter) repeat(12,1fr) var(--grid-browser-gutter);grid-template-rows:10px auto 300px auto;padding:0;position:relative}.c-hero-banner--light-bg{--background-color:var(--brand-pewter);--intro-color:var(--brand-onyx)}.c-hero-banner:before{height:50%;inset:auto 0 100%;position:absolute}.c-hero-banner:after,.c-hero-banner:before{background-color:var(--background-color);content:""}.c-hero-banner:after{display:block;grid-column:1/span 14;grid-row:1/span 3;width:100%;z-index:1}.c-hero-banner__blurb,.c-hero-banner__title{opacity:0;position:relative;transform:translateY(10px);transition:.7s ease-in-out;transition-property:transform,opacity}.c-hero-banner:has(.c-hero-banner__blurb.is-visible) .c-hero-banner__blurb,.c-hero-banner:has(.c-hero-banner__blurb.is-visible) .c-hero-banner__title{opacity:1;transform:translateY(0)}.c-hero-banner__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-regular);grid-column:2/span 5;grid-row:2;letter-spacing:.4px;line-height:1.5;padding:0 0 0 70px;position:relative;z-index:2}.c-hero-banner__blurb{display:block;font-size:17px;font-weight:var(--font-weight-semi-bold);grid-column:8/span 5;grid-row:2;line-height:2.3;position:relative;transition-delay:.4s;z-index:2}.c-hero-banner__blurb,.c-hero-banner__title{color:var(--intro-color)}.c-hero-banner__title :where(sub,sup){font-size:50%;top:-.7em}.c-hero-banner__background{aspect-ratio:16/9;grid-column:2/span 12;grid-row:3/span 3;position:relative;width:100%;z-index:2;--api-background-asset-position:absolute;--api-background-asset-inset:0;--api-background-asset-z-index:1}.c-hero-banner__background__link-container{--api-arrow-button-color:var(--brand-onyx);--api-arrow-button-border-color:#fff;--link-container-height:140px;--link-container-inset:25px;display:grid;grid-template-columns:var(--link-container-inset) 8.34% 1fr 8.34% var(--link-container-inset);grid-template-rows:var(--link-container-inset) auto var(--link-container-height) var(--link-container-inset);inset:0;padding:0;position:absolute;z-index:3}.c-hero-banner:has(.c-background-asset .requires-dark-background) .c-hero-banner__background__link-container{--api-arrow-button-color:#fff;--api-arrow-button-border-color:#fff}.c-hero-banner__background__link-container__link{grid-column:3;grid-row:3;margin:auto 0 auto auto;z-index:5}.c-hero-banner__background__link-container__visibility-detector{grid-column:3;grid-row:3;pointer-events:none;z-index:2}.c-hero-banner__background__link-container:before{backdrop-filter:blur(var(--link-container-blur-amount,20px));-webkit-backdrop-filter:blur(var(--link-container-blur-amount,20px));background-color:hsla(0,0%,100%,.3);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";grid-column:1/span 5;grid-row:1/span 4;transition:1s ease;transition-delay:.5s;transition-property:clip-path;z-index:1}.c-hero-banner__background__link-container:after{box-shadow:0 0 10px 0 rgba(0,0,0,.15);content:"";grid-column:2/span 3;grid-row:3;opacity:0;transition:1s ease;transition-delay:1.1s;transition-property:opacity;z-index:2}.c-hero-banner:has(.c-background-asset__asset.is-assets-loaded,.c-background-asset picture):has(.c-hero-banner__blurb.is-visible) .c-hero-banner__background__link-container:before{clip-path:polygon(var(--link-container-inset) calc(100% - var(--link-container-inset) - var(--link-container-height)),calc(100% - var(--link-container-inset)) calc(100% - var(--link-container-inset) - var(--link-container-height)),calc(100% - var(--link-container-inset)) calc(100% - var(--link-container-inset)),var(--link-container-inset) calc(100% - var(--link-container-inset)))}.c-hero-banner:has(.c-background-asset__asset.is-assets-loaded,.c-background-asset picture):has(.c-hero-banner__blurb.is-visible) .c-hero-banner__background__link-container:after{opacity:1}@media (max-width:1200px){.c-hero-banner{background-color:var(--background-color);gap:45px 0;grid-template-columns:20px 1fr 20px;grid-template-rows:auto auto auto;padding:80px 0 0}.c-hero-banner:after{display:none}.c-hero-banner__title{grid-column:2;grid-row:1;padding:0}.c-hero-banner__blurb{font-weight:var(--font-weight-regular);grid-column:2;grid-row:2;line-height:1.9;margin-top:-15px}.c-hero-banner__background{aspect-ratio:7/6;grid-column:1/span 3;grid-row:3;max-height:500px}.c-hero-banner__background__link-container{--link-container-blur-amount:12px;--link-container-inset:20px;--link-container-height:70px;grid-template-columns:var(--link-container-inset) calc(var(--link-container-inset)/1.5) 1fr calc(var(--link-container-inset)/1.5) var(--link-container-inset)}.c-hero-banner__background__link-container__link{margin:auto auto auto 0}}}