@charset "utf-8";

.FullBleedShadowBoxHero { position: relative; }

.FullBleedShadowBoxHero__backgroundImage .Image { height: calc(-25.5rem + 100vh); max-height: 25.75rem; min-height: 21.25rem; position: relative; }

.FullBleedShadowBoxHero__backgroundImage .Image img { height: 100%; object-fit: cover; object-position: center center; }

@media (min-width: 768px) {
  .FullBleedShadowBoxHero__backgroundImage .Image { height: calc(-15.5rem + 100vh); max-height: 35.75rem; min-height: 31.25rem; position: relative; }
}

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__backgroundImage .Image { height: calc(-7.813rem + 100vh); max-height: 41.25rem; min-height: 34.375rem; position: relative; }
}

@media (min-width: 768px) {
  .FullBleedShadowBoxHero__backgroundImage--noCampaign .Image { height: calc(-18.75rem + 100vh); max-height: 29.375rem; min-height: 25rem; position: relative; }
}

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__backgroundImage--noCampaign .Image { height: calc(-17.5rem + 100vh); max-height: 31.563rem; min-height: 28.125rem; position: relative; }
}

.FullBleedShadowBoxHero .GridContainer__wrapper { margin-top: -8rem; }

@media (min-width: 768px) {
  .FullBleedShadowBoxHero .GridContainer__wrapper { left: 0px; margin-top: 0px; position: absolute; right: 0px; top: 49%; transform: translateY(-50%); z-index: 1; }
}

.FullBleedShadowBoxHero__textSection { background: var(--pal-colors-default-background-default); grid-area: 1 / 1 / auto / 7; padding: 2rem 3rem; z-index: 2; }

.FullBleedShadowBoxHero__textSection--rowPosition { grid-row: 2; margin-top: -2rem; padding: 4rem 2rem 2rem; }

@media (min-width: 768px) {
  .FullBleedShadowBoxHero__textSection { grid-column: 2 / 6; }
}

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__textSection { grid-column: 3 / 11; }
}

.FullBleedShadowBoxHero__campaignImage { grid-area: 1 / 3 / auto / 5; text-align: center; z-index: 3; }

.FullBleedShadowBoxHero__campaignImage .Image img { margin-top: -4rem; width: 100%; }

@media (min-width: 768px) {
  .FullBleedShadowBoxHero__campaignImage .Image img { margin: auto; width: 50%; }
}

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__campaignImage { grid-column: 6 / 8; }
  .FullBleedShadowBoxHero__campaignImage .Image img { width: 76%; }
}

.FullBleedShadowBoxHero__tag { text-align: center; }

.FullBleedShadowBoxHero__tag--position { margin-top: 0px; }

.FullBleedShadowBoxHero__eyebrow { margin-top: 2rem; }

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__eyebrow { margin-top: 2.5rem; }
}

.FullBleedShadowBoxHero__eyebrow--position { margin-top: 0px; }

.FullBleedShadowBoxHero__headline { margin-top: 0.5rem; }

.FullBleedShadowBoxHero__headline--tagNoEyebrow { margin-top: 2rem; }

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__headline { margin-top: 1rem; }
}

.FullBleedShadowBoxHero__headline--position { margin-top: 0px; }

.FullBleedShadowBoxHero__Subheadline { margin-top: 0.5rem; }

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__Subheadline { margin-top: 1rem; }
}

.FullBleedShadowBoxHero__Subheadline--position { margin-top: 0px; }

.FullBleedShadowBoxHero__action { margin-top: 1.5rem; text-align: center; }

.FullBleedShadowBoxHero__action .Text-ds svg { margin-left: 0.5rem; transition: all var(--pal-anim-transition-fast) ease-in-out; }

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__action { margin-top: 2rem; }
}

.FullBleedShadowBoxHero__contentContainer .pal-c-Link:hover { transform: none; }

.FullBleedShadowBoxHero__contentContainer .pal-c-Link:hover svg { animation: 0ms ease 0s 1 normal none running slide; }

@-webkit-keyframes slide { 
  0% { transform: translateX(5px); }
}

@keyframes slide { 
  50% { transform: translateX(5px); }
}

.FullBleedShadowBoxHero__colorBox { grid-area: 1 / 1 / auto / 7; margin: 1rem -1rem -1rem 1rem; z-index: 1; }

.FullBleedShadowBoxHero__colorBox--rowPosition { grid-row: 2; margin-top: -1rem; }

@media (min-width: 768px) {
  .FullBleedShadowBoxHero__colorBox { grid-column: 2 / 6; z-index: -1; }
}

@media (min-width: 1024px) {
  .FullBleedShadowBoxHero__colorBox { grid-column: 3 / 11; }
}

.FullBleedShadowBoxHero__colorBox--orange-400 { background-color: var(--pal-colors-default-background-brand-01-xstrong); }

.FullBleedShadowBoxHero__colorBox--magenta-400 { background-color: var(--pal-colors-default-background-brand-02-xstrong); }

.FullBleedShadowBoxHero__colorBox--fire-400 { background-color: var(--pal-colors-default-background-brand-03-xstrong); }

.FullBleedShadowBoxHero__colorBox--plum-400 { background-color: var(--pal-colors-default-background-brand-04-xstrong); }

.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; }