.pf-hero>.pf-shell:has(.pf-hero-component-mark){display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:0 52px;align-items:center}
.pf-hero>.pf-shell:has(.pf-hero-component-mark)>:not(.pf-hero-component-mark){grid-column:1}
.pf-hero-component-mark{grid-column:2;grid-row:1/4;display:grid;place-items:center;justify-self:end;width:174px;height:174px;border:1px solid #d5e2e9;border-radius:50%;background:#fff;overflow:hidden}
.pf-hero-component-mark .sas-portfolio-icon{margin:0!important;transform:scale(1.9);transform-origin:center;background-color:transparent!important;clip-path:circle(49%)!important;border-radius:50%!important}
.pf-hero-component-mark .sas-portfolio-cmp{display:block;width:128px;height:128px;object-fit:contain}
.pf-component-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:end;padding-block:54px}
.pf-component-opening h2{max-width:500px}
.pf-component-opening>p{font-size:16px;line-height:1.8;color:#42566a}
.pf-component-benefits{background:#f4f8fa;border-block:1px solid #d3e0e8;padding-block:48px}
.pf-component-benefits .pf-eyebrow{margin-bottom:26px!important}
.pf-component-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,54px)}
.pf-component-benefit-grid>div{border-top:2px solid #238375;padding-top:18px}
.pf-component-benefit-grid>div:nth-child(2){border-color:#e77c2d}
.pf-component-benefit-grid>div:nth-child(3){border-color:#2585ba}
.pf-component-benefit-grid h3{margin-bottom:10px!important}
.pf-component-benefit-grid p,.pf-component-context p:not(.pf-eyebrow){font-size:15px;line-height:1.75;color:#42566a}
.pf-component-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,88px);padding-block:54px}
.pf-component-context>div{border-top:1px solid #cbdce5;padding-top:22px}
.pf-component-context h2{margin-bottom:14px!important}
.pf-component-availability{display:flex;align-items:baseline;gap:24px;border-top:1px solid #cbdce5;padding-block:22px;color:#234b77}
.pf-component-availability strong{flex:0 0 160px;font-size:14px}
.pf-component-availability p{font-size:14px;line-height:1.7;color:#42566a}
.pf-component-links{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #cbdce5;padding-block:24px 48px}
.pf-component-links .pf-link{margin:0}
@media(max-width:760px){.pf-hero>.pf-shell:has(.pf-hero-component-mark){grid-template-columns:minmax(0,1fr) 96px;gap:8px 16px}.pf-hero-component-mark{grid-row:1;width:96px;height:96px}.pf-hero-component-mark .sas-portfolio-icon{transform:scale(1.12)}.pf-hero-component-mark .sas-portfolio-cmp{width:76px;height:76px}.pf-hero>.pf-shell:has(.pf-hero-component-mark)>.pf-eyebrow{grid-column:1}.pf-hero>.pf-shell:has(.pf-hero-component-mark)>h1,.pf-hero>.pf-shell:has(.pf-hero-component-mark)>.pf-lead{grid-column:1/-1}.pf-component-opening,.pf-component-benefit-grid,.pf-component-context{grid-template-columns:1fr}.pf-component-opening,.pf-component-context{padding-block:34px}.pf-component-benefits{padding-block:34px}.pf-component-benefit-grid,.pf-component-context{gap:24px}.pf-component-availability{display:block}.pf-component-availability p{margin-top:6px!important}}
