body:not(.page-home) .page-hero { position:relative; min-height:470px; display:flex; align-items:center; overflow:hidden; padding:72px 0; }
body:not(.page-home) .page-hero .container { width:min(1160px,calc(100% - 40px)); margin:auto; padding-right:54%; position:relative; z-index:2; }
body:not(.page-home) .page-hero::after { content:''; position:absolute; top:46px; right:max(20px,calc((100% - 1160px)/2)); bottom:46px; width:min(50%,570px); border-radius:26px; background-size:cover; background-position:center; border:6px solid rgba(255,255,255,.88); box-shadow:0 22px 55px rgba(10,43,114,.2); animation:innerHeroIn .8s both; }
.page-about .page-hero::after { background-image:url('../images/hero-about.png'); }
.page-exports .page-hero::after { background-image:url('../images/hero-exports.png'); }
.page-network .page-hero::after { background-image:url('../images/hero-network.png'); }
.page-membership .page-hero::after { background-image:url('../images/hero-membership.png'); }
.page-contact .page-hero::after { background-image:url('../images/hero-contact.png'); }
@keyframes innerHeroIn { from{opacity:0;transform:translateX(24px)} to{opacity:1;transform:none} }
@media(max-width:900px){body:not(.page-home) .page-hero{display:block;padding:58px 0 35px}body:not(.page-home) .page-hero .container{padding-right:0}body:not(.page-home) .page-hero::after{position:relative;display:block;top:auto;right:auto;bottom:auto;width:min(100% - 40px,1160px);height:300px;margin:34px auto 0;border-radius:22px}}
@media(max-width:640px){body:not(.page-home) .page-hero::after{height:235px;width:calc(100% - 28px);border-radius:18px}}