.hero{background:#04261f!important;animation:none!important;isolation:isolate}
.v64-gl{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;opacity:0;animation:v64in 1.6s .1s ease forwards}
@keyframes v64in{to{opacity:1}}
.hero>div:first-child{position:relative;z-index:2}
.v64-on .hero::before,.v64-on .hero::after{display:none!important}
.v64-on .v63-mark i,.v64-on .v63-mark small{display:none}
@media(min-width:951px){
 .v64-on .v63-mark{display:none}
 .v64-on .hero{grid-template-columns:1fr!important;min-height:470px;align-content:center}
 .v64-on .hero h1{text-shadow:0 2px 30px rgba(0,0,0,.35)}
}
@media(max-width:700px){.v64-on .hero{min-height:340px;padding-bottom:70px!important}}
.v64-on .hero h1 em{background:linear-gradient(90deg,#ff9aa5,#ee8990 60%,#f7c6b8);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(min-width:951px){.v64-on .hero{padding-left:max(46px,calc((100vw - 1320px)/2 + 86px))!important}}
@media(max-width:700px){.v64-on .v63-mark{display:none}.v64-on .hero{min-height:450px;padding-bottom:200px!important}.v64-on .hero h1{padding-right:0!important}}

/* Keep the mission principles and disclosure centred on wider screens. */
.mission>.principles,
.mission>details{
 width:min(100%,1120px);
 margin-left:auto;
 margin-right:auto;
}
.mission>details>summary{text-align:center}