/* Careers uses the shared commercial-page container and breadcrumb spacing. */
.careers-page{padding-bottom:48px}
.careers-hero{display:grid;grid-template-columns:1fr 1.1fr;background:#062d22;border-radius:8px;overflow:hidden}
.careers-copy{padding:clamp(28px,3.3vw,48px);align-self:center;color:white}
.careers-copy .eyebrow{color:#b7df8c;text-transform:uppercase;font-size:12px;letter-spacing:2px;margin:0 0 18px}
.careers-copy h1{color:white;font-size:clamp(34px,3.6vw,52px);letter-spacing:-1.5px;line-height:1.1;margin:0 0 24px}
.careers-intro{font-size:18px;line-height:1.55;margin:0 0 24px;max-width:490px;color:#f1f6f2}
.careers-hero>img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}
.careers-page .careers-apply{background:#a9d77d;color:#092c21;font-size:16px;gap:18px;padding:14px 22px;border-radius:5px}
.careers-page .careers-apply:hover{background:#c8e79d}
.careers-apply-note{font-size:13px;line-height:1.5;color:#d4e2d9;margin:14px 0 0}
.careers-areas{padding-top:38px}
.careers-areas h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;color:#092c21;margin:0 0 72px}
.careers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.careers-grid article{text-align:center;padding:0 30px;border-right:1px solid #d9e2db}
.careers-grid article:last-child{border-right:0}
.careers-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#e8f0de;color:#073e2f;margin-bottom:12px}
.careers-icon svg{width:34px;height:34px}
.careers-grid h3{font-size:22px;line-height:1.25;color:#092c21;margin:0 0 10px}
.careers-grid p{font-size:16px;line-height:1.5;color:#52645c;max-width:270px;margin:0 auto}
.careers-availability{text-align:center;color:#647168;font-size:13px;line-height:1.5;margin:26px 0 0}
@media(max-width:900px){.careers-hero{grid-template-columns:1fr 1fr}.careers-copy{padding:30px}.careers-intro{font-size:16px}.careers-copy h1{font-size:36px}.careers-hero>img{min-height:400px}}
@media(max-width:700px){.careers-hero{grid-template-columns:1fr}.careers-copy{padding:30px 24px}.careers-copy h1{font-size:38px}.careers-hero>img{min-height:0;height:auto;aspect-ratio:1.5;object-fit:cover}.careers-areas h2{font-size:26px}.careers-grid{grid-template-columns:1fr;gap:24px}.careers-grid article{border-right:0;border-bottom:1px solid #d9e2db;padding:0 0 24px}.careers-grid article:last-child{border-bottom:0;padding-bottom:0}.careers-page{padding-bottom:36px}}
/* Open positions follows the shared page edges and compact commerce controls. */
.careers-openings{box-sizing:border-box;width:100%;margin:72px 0 0;padding:0;background:transparent;scroll-margin-top:28px}
.careers-openings-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #d5e0d6}
.careers-openings-title{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.careers-openings h2{font-size:32px;line-height:1.2;color:#092c21;margin:0}
.careers-jobs-count{font-size:13px;font-weight:700;line-height:1.4;padding:6px 14px;border-radius:20px;background:#e2efdc;color:#092c21}
.careers-openings-head>a{font-size:14px;font-weight:700;color:#073e2f;white-space:nowrap}
#careers-jobs{display:grid;gap:16px}
.careers-job{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 30px;background:#f6f8f4;border:1px solid #cddbd1;border-left:5px solid #073e2f;border-radius:6px}
.careers-job-info{display:flex;align-items:center;gap:28px;min-width:0}
.careers-job-emblem{display:flex;align-items:center;justify-content:center;width:80px;height:80px;flex:0 0 80px;border-radius:5px;background:#e4efdf;color:#073e2f}
.careers-job-emblem svg{width:46px;height:46px}
.careers-job-copy{min-width:0}
.careers-job-department{font-size:12px;line-height:1.4;letter-spacing:.7px;text-transform:uppercase;color:#52645c;margin:0 0 8px}
.careers-job-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px}
.careers-job h3{font-size:22px;line-height:1.3;color:#092c21;margin:0}
.careers-job-level{display:inline-flex;padding:4px 10px;border:1px solid #97a59e;border-radius:4px;color:#52645c;font-size:13px;line-height:1.4;white-space:nowrap}
.careers-job-details{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;color:#52645c;font-size:15px}
.careers-job-details li{display:flex;align-items:center;gap:10px}
.careers-job-details svg{width:21px;height:21px;flex-shrink:0}
.careers-job-details li+li{border-left:1px solid #cddbd1;padding-left:20px}
.careers-job-action{display:flex;flex-direction:column;align-items:stretch;gap:14px;flex:0 0 260px;border-left:1px solid #cddbd1;padding-left:30px}
.careers-job-pay{font-size:23px;line-height:1.3;color:#092c21;margin:0}
.careers-job-pay strong{font-weight:700}.careers-job-pay span{font-size:19px;font-weight:400;color:#52645c}
.careers-job .primary{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:11px 20px;border-radius:4px;background:#a9d77d;color:#092c21;font-size:15px;white-space:nowrap}
.careers-job .primary:hover{background:#c8e79d}
.careers-job .primary:focus-visible{outline:2px solid #073e2f;outline-offset:3px}
.careers-jobs-updated{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font-size:13px;line-height:1.5;color:#647168;margin:16px 0 0}
.careers-jobs-updated>span:last-child{display:flex;align-items:center;gap:8px}.careers-jobs-updated svg{width:16px;height:16px;flex:none}
.careers-jobs-updated[hidden],.careers-jobs-count[hidden]{display:none}
.careers-jobs-empty{font-size:16px;color:#52645c;margin:0;padding:24px;background:#f6f8f4;border:1px solid #cddbd1;border-radius:6px}
@media(max-width:1100px){.careers-job-emblem{width:64px;height:64px;flex-basis:64px}.careers-job-info{gap:20px}.careers-job-action{flex-basis:220px;padding-left:24px}.careers-job{padding:24px;gap:24px}}
@media(max-width:900px){.careers-job{align-items:stretch;flex-direction:column}.careers-job-action{flex:auto;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;border-top:1px solid #cddbd1;padding:20px 0 0}.careers-job .primary{min-width:200px}}
@media(max-width:600px){.careers-areas h2{margin-bottom:58px}.careers-openings{margin-top:58px}.careers-openings-head{align-items:flex-start;flex-direction:column;gap:14px}.careers-openings h2{font-size:28px}.careers-job{padding:20px;gap:20px}.careers-job-info{gap:14px;align-items:flex-start}.careers-job-emblem{width:44px;height:44px;flex-basis:44px}.careers-job-emblem svg{width:28px;height:28px}.careers-job h3{font-size:19px}.careers-job-details{flex-direction:column;gap:10px;font-size:14px}.careers-job-details li+li{padding-left:0;border:0}.careers-job-action{align-items:stretch;flex-direction:column}.careers-jobs-updated{flex-direction:column}.careers-job-title-row{margin-bottom:12px}}

/* Role-specific motion triggered by hovering anywhere on the card. */
@media (prefers-reduced-motion: no-preference) {
:is([data-careers-category="warehouse-retail"],[data-job-category="warehouse-retail"]):is(:hover,:focus-within) :is(.careers-icon,.careers-job-emblem) svg{animation:careers-shop-welcome 700ms ease-out;transform-origin:50% 90%}
:is([data-careers-category="administration"],[data-job-category="administration"]):is(:hover,:focus-within) :is(.careers-icon,.careers-job-emblem) svg{animation:careers-clipboard-tilt 700ms ease-in-out;transform-origin:50% 20%}
:is([data-careers-category="administration"],[data-job-category="administration"]):is(:hover,:focus-within) :is(.careers-icon,.careers-job-emblem) svg path{animation:careers-write-lines 850ms ease-out;stroke-dasharray:20;stroke-dashoffset:0}
:is([data-careers-category="delivery"],[data-job-category="delivery"]):is(:hover,:focus-within) :is(.careers-icon,.careers-job-emblem) svg{animation:careers-truck-drive 900ms ease-in-out}
}
@keyframes careers-shop-welcome{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.04)}60%{transform:translateY(0) scale(1,.97)}80%{transform:translateY(-1px) scale(1)}}
@keyframes careers-clipboard-tilt{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(4deg)}}
@keyframes careers-write-lines{0%{stroke-dashoffset:20}100%{stroke-dashoffset:0}}
@keyframes careers-truck-drive{0%,100%{transform:translate(0,0)}25%{transform:translate(-3px,0)}55%{transform:translate(5px,-1px)}70%{transform:translate(5px,0)}85%{transform:translate(2px,-1px)}}