@charset "utf-8";

.HalfImageHero .GridContainer__content { align-items: center; }

.HalfImageHero__leftcolumn { grid-area: 2 / span 6; order: 2; padding: 3rem 0px; }

@media (min-width: 768px) {
  .HalfImageHero__leftcolumn { grid-column: 2 / span 4; }
}

@media (min-width: 1024px) {
  .HalfImageHero__leftcolumn { grid-row: auto; order: 0; padding: 2rem 0px; }
}

.HalfImageHero__leftcolumnTag { padding-bottom: 1rem; word-break: break-word; }

.HalfImageHero__leftcolumnEyebrow, .HalfImageHero__leftcolumnHeadline { padding-bottom: 0.5rem; }

.HalfImageHero__headlineHighlightColor--orange-200 span { background: linear-gradient(to top,var(--pal-colors-default-background-brand-01-strong) 50%,transparent 50%); }

.HalfImageHero__headlineHighlightColor--magenta-200 span { background: linear-gradient(to top,var(--pal-colors-default-background-brand-02-strong) 50%,transparent 50%); }

.HalfImageHero__headlineHighlightColor--fire-200 span { background: linear-gradient(to top,var(--pal-colors-default-background-brand-03-strong) 50%,transparent 50%); }

.HalfImageHero__headlineHighlightColor--plum-200 span { background: linear-gradient(to top,var(--pal-colors-default-background-brand-04-strong) 50%,transparent 50%); }

.HalfImageHero__actionsLink { display: flex; flex-direction: row; margin: 1.5rem -1rem 0px; }

.HalfImageHero__actionsArrowLink { margin: 1.5rem 0px 0px; }

.HalfImageHero__actionsArrowLink .Link__wrapper { margin: 0px; text-align: left; }

.HalfImageHero__actionsLink--label { padding: 0.3rem 1rem; }

.HalfImageHero__actionsLink--label .pal-c-Link svg { margin-left: 0.6rem; }

.HalfImageHero__actionsLink--label .pal-c-Link::after { background: none; }

.HalfImageHero__buttonLink { display: flex; flex-direction: row; margin: 2rem -1rem 1rem; }

.HalfImageHero__buttonLink--label { padding: 0px 1rem; }

.HalfImageHero__rightcolumn { grid-area: 1 / span 6; margin-left: -1rem; margin-right: -1rem; padding-left: 0px; padding-right: 0px; }

@media (min-width: 1024px) {
  .HalfImageHero__rightcolumn { grid-area: auto / 6 / auto / span 7; margin-left: 0px; margin-right: 0px; padding-left: unset; padding-right: unset; }
}

.HalfImageHero__backgroundColor--neutral-25, .HalfImageHero__backgroundColor--neutral-50 { background-color: var(--pal-colors-default-background-xsubtle); }

.HalfImageHero__backgroundColor--orange-100 { background-color: var(--pal-colors-default-background-brand-01); }

.HalfImageHero__backgroundColor--magenta-100 { background-color: var(--pal-colors-default-background-brand-02); }

.HalfImageHero__backgroundColor--fire-100 { background-color: var(--pal-colors-default-background-brand-03); }

.HalfImageHero__backgroundColor--plum-100 { background-color: var(--pal-colors-default-background-brand-04); }

.HalfImageHero__backgroundColor--orange-200 { background-color: var(--pal-colors-default-background-brand-01-strong); }

.HalfImageHero__backgroundColor--magenta-200 { background-color: var(--pal-colors-default-background-brand-02-strong); }

.HalfImageHero__backgroundColor--fire-200 { background-color: var(--pal-colors-default-background-brand-03-strong); }

.HalfImageHero__backgroundColor--plum-200 { background-color: var(--pal-colors-default-background-brand-04-strong); }

.VideoPlayer__thumbnail { cursor: pointer; position: relative; }

.VideoPlayer__play { background: var(--pal-color-button-secondary-background); border: none; border-radius: 5rem; cursor: pointer; height: 2rem; left: 50%; padding: 0px; width: 2rem; z-index: 3; }

.VideoPlayer__play, .VideoPlayer__play svg { font-size: 6.25rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }

.VideoPlayer__play svg { left: 54%; }

@media (min-width: 1024px) {
  .react-player__preview { height: 28.81rem !important; object-fit: fill; }
}

.InlineVideo { position: relative; }

.InlineVideo--paused svg { margin-left: 0.275rem; }

.InlineVideo video { vertical-align: bottom; }

.InlineVideo__controlButton { cursor: pointer; left: 1rem; position: absolute; z-index: 3; }

.InlineVideo__controlButton, .InlineVideo__controlButton:active, .InlineVideo__controlButton:focus, .InlineVideo__controlButton:hover { background-color: var(--pal-color-button-secondary-background); border-color: var(--pal-color-button-secondary-border); bottom: 1rem; color: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton:active svg, .InlineVideo__controlButton:focus svg, .InlineVideo__controlButton:hover svg { fill: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton svg { vertical-align: middle; }