/* Careers: human-forward recruiting aesthetic, familiar blue and white */
.cr-hero{padding:68px 0 70px;background:linear-gradient(135deg,var(--ec-white),var(--ec-soft))}
.cr-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px}
.cr-hero h1{font-size:clamp(42px,4.8vw,64px);margin:13px 0 19px}
.cr-hero h1 em{color:var(--ec-blue)}
.cr-hero p:not(.x-eyebrow){color:var(--ec-muted);font-size:15px;max-width:570px}
.cr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:25px}
.cr-photo-wrap{height:410px;position:relative;overflow:visible}
.cr-photo-wrap>img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 18px 39px rgba(7,26,45,.16)}
.cr-photo-note{position:absolute;bottom:-23px;left:-22px;max-width:270px;border-radius:13px;padding:21px 23px;background:var(--ec-blue);box-shadow:0 16px 40px rgba(7,26,45,.18);color:white}
.cr-photo-note small{display:block;font-size:10px;letter-spacing:.07em;color:var(--ec-line)}
.cr-photo-note strong{display:block;font-size:16px;line-height:1.35;margin-top:7px}
.cr-intro{padding:29px 0;background:var(--ec-blue);color:white}
.cr-intro>.x-inner{display:flex;justify-content:space-between;gap:45px;align-items:center}
.cr-intro span{color:var(--ec-line);font:800 12px/1.5 var(--ecc-font-display);letter-spacing:.08em;min-width:220px}
.cr-intro p{max-width:770px;font-size:14px;color:var(--ec-soft)}
.cr-benefits{background:white}.cr-benefit-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}
.cr-benefit-title-col h2{color:var(--ec-blue);margin:10px 0 16px}
.cr-benefit-title-col>p:not(.x-eyebrow){font-size:14px;color:var(--ec-muted)}
.cr-note{font-size:12px;color:var(--ec-blue);font-weight:800;margin-top:20px}
.cr-accordion{border:1px solid var(--ec-line);border-radius:15px;overflow:hidden;background:var(--ec-white)}
.cr-benefit{border-bottom:1px solid var(--ec-soft)}.cr-benefit:last-child{border:0}
.cr-benefit summary{list-style:none;cursor:pointer;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:800;color:var(--ec-blue)}
.cr-benefit summary::-webkit-details-marker{display:none}
.cr-benefit summary:hover,.cr-benefit[open] summary{background:var(--ec-soft);color:var(--ec-blue)}
.cr-plus{font-size:22px;line-height:1;color:var(--ec-blue);transition:.2s}
.cr-benefit[open] .cr-plus{transform:rotate(45deg)}
.cr-benefit>p{padding:0 22px 18px;font-size:13px;color:var(--ec-muted)}
.cr-support{background:var(--ec-soft)}.cr-support-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;flex-wrap:wrap;margin-bottom:28px}
.cr-support-heading .x-eyebrow{width:100%;margin:0}
.cr-support h2{color:var(--ec-blue)}.cr-support-heading>p:not(.x-eyebrow){font-size:14px;color:var(--ec-muted);max-width:340px}
.cr-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cr-support-grid article{border:1px solid var(--ec-soft);border-radius:14px;background:var(--ec-white);padding:25px 20px;transition:.22s}
.cr-support-grid article:hover{transform:translateY(-4px);border-color:var(--ec-bright);box-shadow:0 15px 31px rgba(7,26,45,.09)}
.cr-icon{display:grid;place-items:center;background:var(--ec-soft);border-radius:12px;width:51px;height:51px;color:var(--ec-blue);font-size:26px;margin-bottom:18px}
.cr-support-grid h3{font-size:16px;margin-bottom:11px}
.cr-support-grid p{font-size:13px;color:var(--ec-muted)}
.cr-openings{background:white}.cr-openings h2{color:var(--ec-blue)}
.cr-openings p{font-size:14px;color:var(--ec-muted)}
.cr-openings .x-inner>div{margin-top:22px}
.cr-notice{background:var(--ec-soft);padding:35px 0}.cr-notice h2{color:var(--ec-blue);font-size:20px}.cr-notice p{font-size:13px;color:var(--ec-muted);margin-top:10px}
.cr-end{background:linear-gradient(105deg,var(--ec-blue),var(--ec-blue));padding:48px 0;color:white}
.cr-end-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cr-end h2{font-size:30px;color:white;margin:8px 0}
.cr-end p:not(.x-eyebrow){font-size:13px;color:var(--ec-soft)}
.cr-end .x-eyebrow{color:var(--ec-bright)}.cr-end .x-btn{background:white;color:var(--ec-blue)!important;flex-shrink:0}
@media(max-width:850px){.cr-hero-grid,.cr-benefit-grid{grid-template-columns:1fr;gap:40px}.cr-intro>.x-inner,.cr-end-grid{flex-direction:column;align-items:start}.cr-support-grid{grid-template-columns:repeat(2,1fr)}.cr-photo-wrap{height:340px}.cr-hero{padding:52px 0 78px}}
@media(max-width:560px){.cr-support-grid{grid-template-columns:1fr}.cr-hero h1{font-size:42px}.cr-photo-note{left:12px;bottom:-31px}.cr-hero-grid{gap:20px}}

.cr-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.cr-role-list article,.cr-role-list>a{display:block;padding:25px;border:1px solid var(--ec-line);border-radius:14px;background:var(--ec-white);transition:.22s}
.cr-role-list article:hover,.cr-role-list>a:hover{border-color:var(--ec-bright);box-shadow:0 15px 28px rgba(7,26,45,.07)}
.cr-role-list h3{font-size:18px;color:var(--ec-blue);margin-bottom:8px}
.cr-role-list p{font-size:13px;color:var(--ec-muted)}
.cr-role-list a{color:var(--ec-blue);font-size:12px;font-weight:800}
@media(max-width:650px){.cr-role-list{grid-template-columns:1fr}}