/* A shared compact banner for internal pages. This file is never loaded by the homepage. */
body.inner-page main > :is(.page-hero,.platform-banner,.case-hero){
 height:310px;min-height:310px!important;padding:26px 0!important;
 display:flex;align-items:center;overflow:hidden;
}
body.inner-page main > :is(.page-hero,.platform-banner,.case-hero) > .wrap{
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
 column-gap:64px;row-gap:10px;align-items:start;
}
body.inner-page :is(.page-hero,.platform-banner,.case-hero) :is(.breadcrumbs,.case-back){
 grid-column:1 / -1;grid-row:1;margin:0!important;font-size:10px;line-height:1.4;
}
body.inner-page :is(.page-hero,.platform-banner,.case-hero) :is(.eyebrow,.hero-kicker,.case-hero-meta){
 grid-column:1;grid-row:2;margin:0!important;font-size:10px;line-height:1.5;
}
body.inner-page :is(.page-hero,.platform-banner,.case-hero) h1{
 grid-column:1;grid-row:3;margin:0!important;width:100%!important;max-width:none!important;
 font-size:40px!important;line-height:1.13!important;text-wrap:balance;
}
body.inner-page .page-hero:not(.photo-hero) h1{font-size:32px!important}
body.inner-page :is(.page-hero .lede,.platform-banner .wrap > p:not(.hero-kicker),.case-hero .wrap > p){
 grid-column:2;grid-row:2 / span 3;align-self:center;
 margin:0!important;width:100%!important;max-width:560px!important;
 font-size:16px!important;line-height:1.65!important;
}
body.inner-page :is(.page-hero,.platform-banner) .wrap > .button{
 grid-column:1;grid-row:4;justify-self:start;margin:5px 0 0!important;
 padding:10px 20px;min-height:43px;font-size:12px;
}
body.inner-page .photo-hero .opengates-brand{
 grid-column:2;grid-row:1;justify-self:end;align-self:center;width:145px;margin:0!important;
}
body.inner-page .photo-hero:after{
 background:linear-gradient(90deg,#171f36f5 0%,#171f36e8 32%,#171f36c9 62%,#171f3699 100%);
}
body.inner-page .case-hero:after{
 background:linear-gradient(90deg,#19223af5 0%,#19223ae8 32%,#19223ac9 65%,#19223a99);
}
@media(min-width:761px) and (max-width:1050px){
 body.inner-page main > :is(.page-hero,.platform-banner,.case-hero) > .wrap{column-gap:32px}
 body.inner-page :is(.page-hero,.platform-banner,.case-hero) h1{font-size:34px!important}
 body.inner-page .page-hero:not(.photo-hero) h1{font-size:29px!important}
 body.inner-page :is(.page-hero .lede,.platform-banner .wrap > p:not(.hero-kicker),.case-hero .wrap > p){font-size:15px!important}
}
@media(max-width:760px){
 body.inner-page main > :is(.page-hero,.platform-banner,.case-hero){height:auto;min-height:310px!important;padding:24px 0!important}
 body.inner-page main > :is(.page-hero,.platform-banner,.case-hero) > .wrap{grid-template-columns:minmax(0,1fr);gap:12px}
 body.inner-page :is(.page-hero,.platform-banner,.case-hero) h1{font-size:30px!important}
 body.inner-page .page-hero:not(.photo-hero) h1{font-size:27px!important}
 body.inner-page :is(.page-hero,.platform-banner,.case-hero) h1 br{display:initial}
 body.inner-page :is(.page-hero .lede,.platform-banner .wrap > p:not(.hero-kicker),.case-hero .wrap > p){grid-column:1;grid-row:4;font-size:14px!important;line-height:1.6!important;max-width:none!important}
 body.inner-page :is(.page-hero,.platform-banner) .wrap > .button{grid-row:5;margin-top:2px!important}
 body.inner-page .photo-hero .opengates-brand{grid-column:1;grid-row:1;width:125px}
 body.inner-page .opengates-hero .breadcrumbs{max-width:calc(100% - 145px)}
 body.inner-page .photo-hero:after{background:linear-gradient(90deg,#171f36ed,#171f36d9 65%,#171f36bf)}
}