@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes sway{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(2deg) translateY(4px)}75%{transform:rotate(4deg) translateY(-2px)}to{transform:rotate(0) translateY(0)}}.pageintro{color:var(--mrn-text-light);position:relative}.pageintro__container{background:var(--mrn-body-background);border-radius:1rem;overflow:hidden;position:relative;z-index:1}@media only screen and (min-width:920px){.pageintro__container{border-radius:3rem}}.pageintro__pattern{height:40rem;left:65%;position:absolute;top:-7rem;width:40rem}@media only screen and (max-width:920px){.pageintro__pattern{left:50%;top:-15rem}}.pageintro__content{padding:14rem 2rem;position:relative;text-align:center;z-index:1}.pageintro__content__text{margin:0 auto;max-width:640px;position:relative;z-index:1}@media only screen and (min-width:920px){.pageintro__content__image{align-items:flex-end;bottom:0;display:flex;height:40rem;position:absolute;right:0;width:22rem}.pageintro__content__image>img{width:100%}}@media only screen and (max-width:920px){.pageintro__content__image>img{margin-top:4rem;max-width:210px}}.pageintro--bordered .pageintro__container{border:2px solid var(--mrn-background-default);margin-bottom:4rem}.pageintro--ondarkbg .pageintro__pattern svg *{stroke:var(--mrn-body-background)!important}@media only screen and (max-width:920px){.pageintro--image .pageintro__content{padding-bottom:0}}@media only screen and (min-width:920px){.pageintro--lefttext .pageintro__content{padding:14rem 4rem;text-align:left}.pageintro--lefttext .pageintro__content__text{margin:0;max-width:60%}}
