.wp-block-amp-hero
{
    color: var(--bchd-white);
    overflow: hidden;
    position: relative;
}
.wp-block-amp-hero .amp-hero__content
{
    align-items: center;
    display: flex;
    order: 2;
    padding: var(--bchd-vertical-spacing-macro-1) 0;
}
@media screen and (min-width: 961px)
{
    .wp-block-amp-hero .amp-hero__content
    {
        order: 1;
        padding: var(--bchd-vertical-spacing-macro-4) 0;
    }
}
.wp-block-amp-hero .amp-hero__content .wp-block-buttons, .wp-block-amp-hero .amp-hero__content .wp-block-heading, .wp-block-amp-hero .amp-hero__content p
{
    margin: 32px 0 0;
}
.wp-block-amp-hero .amp-hero__pause-toggle
{
    background: none;
    border: none;
    color: var(--bchd-white);
    cursor: pointer;
    display: inline-block;
    font-family: var(--wp--preset--font-family--sans-serif);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0;
}
.wp-block-amp-hero .amp-hero__pause-toggle .icon-pause, .wp-block-amp-hero .amp-hero__pause-toggle .icon-play
{
    bottom: 1px;
    content: "";
    height: 24px;
    position: relative;
    transition: opacity var(--animation-default);
    vertical-align: middle;
    width: 24px;
}
.wp-block-amp-hero .amp-hero__pause-toggle .icon-play
{
    align-items: center;
    display: flex;
    display: inline-flex;
    gap: var(--button-gap);
    opacity: 0;
}
.wp-block-amp-hero .amp-hero__pause-toggle .icon-play:after
{
    background-color: var(--bchd-white);
    content: "";
    display: block;
    flex-shrink: 0;
    height: var(--button-icon-size-md);
    -webkit-mask-image: url(../image/play.svg);
    mask-image: url(../image/play.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: var(--button-icon-size-md);
}
.wp-block-amp-hero .amp-hero__pause-toggle .icon-pause
{
    align-items: center;
    display: flex;
    display: inline-flex;
    gap: var(--button-gap);
    left: -24px;
    margin-right: -16px;
    opacity: 1;
}
.wp-block-amp-hero .amp-hero__pause-toggle .icon-pause:after
{
    background-color: var(--bchd-white);
    content: "";
    display: block;
    flex-shrink: 0;
    height: var(--button-icon-size-md);
    -webkit-mask-image: url(../image/pause.svg);
    mask-image: url(../image/pause.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: var(--button-icon-size-md);
}
.wp-block-amp-hero .amp-hero__pause-toggle.paused .icon-play
{
    opacity: 1;
}
.wp-block-amp-hero .amp-hero__pause-toggle.paused .icon-pause
{
    opacity: 0;
}
.wp-block-amp-hero .amp-hero__media
{
    margin-left: calc((100vw - var(--bchd-layout-wide-size)) / -2);
    margin-right: calc((100vw - var(--bchd-layout-wide-size)) / -2);
    order: 1;
    position: relative;
}
@media screen and (min-width: 961px)
{
    .wp-block-amp-hero .amp-hero__media
    {
        margin-left: 0;
        margin-right: calc((100vw - var(--bchd-layout-wide-size)) / -2);
        order: 2;
    }
}
.wp-block-amp-hero .amp-hero__media img
{
    display: block;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    width: 100%;
}
.wp-block-amp-hero .amp-hero__media .block-editor-media-placeholder, .wp-block-amp-hero .amp-hero__media img:not(:first-child)
{
    display: none;
}
.wp-block-amp-hero .amp-hero__media .swiper
{
    height: 100%;
}
.wp-block-amp-hero .amp-hero__media .swiper-wrapper
{
    align-items: stretch;
}
.wp-block-amp-hero .amp-hero__media .swiper-slide
{
    height: auto;
}
.wp-block-amp-hero .amp-hero__gradient-grid
{
    grid-template-rows: 1fr;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
}
@media screen and (min-width: 961px)
{
    .wp-block-amp-hero .amp-hero__gradient-grid
    {
        width: var(--bchd-layout-wide-size);
    }
}
.wp-block-amp-hero .amp-hero__gradient
{
    height: 100%;
    left: -1px;
    position: relative;
}
.wp-block-amp-hero.amp-hero--secondary .amp-hero__content
{
    padding: 32px 0;
    position: relative;
    z-index: 3;
}
.wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-buttons
{
    gap: 1rem;
}
.wp-block-amp-hero.amp-hero--secondary .amp-hero__content p
{
    margin-top: 16px;
}
@media screen and (max-width: 600px)
{
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-button
    {
        width: 100%;
    }
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-button .wp-block-button__link
    {
        justify-content: center;
    }
}
@media screen and (max-width: 960px)
{
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content
    {
        justify-content: center;
    }
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .amp-hero__content-wrapper
    {
        text-align: center;
    }
}
@media screen and (min-width: 961px)
{
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content
    {
        padding: 48px 0;
    }
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-buttons, .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-heading
    {
        margin: 48px 0 0;
    }
    .wp-block-amp-hero.amp-hero--secondary .amp-hero__content .wp-block-buttons
    {
        gap: 1.5rem;
        margin-right: -110px;
    }
}