@keyframes animate-up-fallback{from{opacity:0;transform:translateY(var(--animate-translate-y, 1rem))}to{opacity:1;transform:none}}@keyframes blur{to{filter:blur(0px)}}.secondary-hero{background-color:var(--color-bg);color:var(--color-text);margin-inline:auto;overflow:hidden;padding-block:var(--space-4);--ratio: 16/9}.secondaryHero__container{margin-inline:auto;max-width:var(--maw)}.secondary-hero--full{--line-color: "green";background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:var(--space-2)}.secondary-hero--full .secondaryHero__left-container::before{background-color:var(--color-green)}.secondary-hero--full .secondaryHero__right-container::before{background-color:var(--color-green)}.secondary-hero--partial{padding-top:0}@media(max-width: (max-width: 37.4375em)){.secondary-hero--partial{aspect-ratio:var(--ratio);max-height:clamp(400px,60vh,600px);width:100%}}.secondary-hero__media{background-color:var(--color-bg)}@media(max-width: (max-width: 37.4375em)){.secondary-hero__media{inset:0;position:absolute;width:100%}}@media(min-width: 37.5em){.secondary-hero__media{aspect-ratio:var(--ratio);grid-column:7/-1}}.secondary-hero--full .secondary-hero__media{background-color:rgba(0,0,0,0)}.secondary-hero__media img,.secondary-hero__media video{display:block;height:100%;object-fit:cover;width:100%}@media(max-width: (max-width: 37.4375em)){.secondary-hero__media img,.secondary-hero__media video{opacity:.8}}.secondary-hero__media-subhead-cta-container{display:flex;flex-direction:column;gap:1rem}@media(min-width: 60em){.secondary-hero__media-subhead-cta-container{flex-direction:row}}.secondary-hero__media-subhead-cta-container>*{flex:1}.secondaryHero__left-container{display:flex;flex-direction:column;gap:var(--space-5);padding-left:var(--space-fixed-2);position:relative}@media(max-width: 59.9375em){.secondaryHero__left-container{gap:var(--space-4);padding-left:0}}.secondaryHero__right-container{display:flex;flex-direction:column;gap:auto;justify-content:space-between;padding-left:var(--space-fixed-2);position:relative}@media(max-width: 59.9375em){.secondaryHero__right-container{padding-block:var(--space-fixed-2);padding-left:0}}@media(min-width: 60em){.secondaryHero__left-container::before{background:var(--color-teal);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:1s var(--trs-tfunc) .5s;transition-property:transform;width:.0625rem}.secondary-hero[data-is-visible=true] .secondaryHero__left-container::before{transform:scaleY(1)}.secondaryHero__right-container::before{background:var(--color-teal);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:1s var(--trs-tfunc) .5s;transition-property:transform;width:.0625rem}.secondary-hero[data-is-visible=true] .secondaryHero__right-container::before{transform:scaleY(1)}}@media(max-width: 59.9375em){.secondaryHero__right-container::before{background:var(--color-teal);content:"";height:.0625rem;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:1s var(--trs-tfunc) .5s;transition-property:transform;width:100%}.secondary-hero[data-is-visible=true] .secondaryHero__right-container::before,.secondaryHero__right-container[data-is-visible=true]::before{transform:scaleX(1)}.secondaryHero__right-container::after{background:var(--color-teal);content:"";height:.0625rem;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:1s var(--trs-tfunc) .5s;transition-property:transform;width:100%}.secondaryHero__right-container::after{top:100%}.secondary-hero[data-is-visible=true] .secondaryHero__right-container::after,.secondaryHero__right-container[data-is-visible=true]::after{transform:scaleX(1)}}.secondaryHero__eyebrow{margin-bottom:var(--space-3);text-align:center;text-transform:uppercase}@media(min-width: 37.5em){.secondaryHero__eyebrow{margin-bottom:var(--space-1)}}.secondaryHero__right-container .btn{background-color:var(--color-green);color:var(--color-black);margin-top:var(--space-2)}.secondaryHero__right-container .btn:hover{background-color:var(--color-green-300)}

/*# sourceMappingURL=secondaryHero.css.map */