/* V70 — six roles, six moving typographic portraits. No extra photography. */
.job-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 36px}
.job-poster-card{--poster-y:0px;--poster-x:0px;--pointer-x:0px;--pointer-y:0px;border:0;color:#18201f;text-decoration:none}
.job-poster-card>.job-poster{height:auto;aspect-ratio:1.06;background:var(--poster-paper);isolation:isolate;overflow:hidden;container-type:inline-size}
.job-poster-graphic{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.job-poster-field{position:absolute;width:87%;height:87%;right:-20%;bottom:-30%;background:var(--poster-accent);border-radius:50%;transform:translate3d(0,calc(var(--poster-y)*-.6),0)}
.job-poster-card:nth-child(even) .job-poster-field{border-radius:0;width:95%;height:65%;right:-18%;bottom:-21%;rotate:-24deg}
.job-poster-orbit{position:absolute;width:112%;height:43%;border:1px solid var(--poster-ink);opacity:.35;left:-6%;top:42%;border-radius:50%;rotate:-32deg;animation:job-orbit 18s ease-in-out infinite alternate;animation-play-state:paused}
.poster-in-view .job-poster-orbit{animation-play-state:running}
.job-poster-card:nth-child(even) .job-poster-orbit{animation-delay:-9s;animation-direction:alternate-reverse}
.job-poster-type{position:absolute;left:4%;right:4%;top:19%;z-index:1;pointer-events:none;transform:translate3d(calc(var(--poster-x)*var(--poster-direction)),calc(var(--poster-y)*-.7),0) rotate(-6deg)}
.job-poster-type>span{display:block;white-space:nowrap;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(80px,11.6vw,180px);font-size:27cqw;font-weight:900;letter-spacing:-.085em;line-height:.89;color:var(--poster-ink)}
.job-poster-type>span+span{margin-left:-9%;margin-top:4%;color:transparent;-webkit-text-stroke:1.3px var(--poster-ink)}
.job-poster-card:nth-child(even) .job-poster-type{top:22%;transform:translate3d(calc(var(--poster-x)*var(--poster-direction)),calc(var(--poster-y)*-.7),0) rotate(6deg)}
.job-poster-card:nth-child(even) .job-poster-type>span+span{margin-left:10%}
.job-poster-card>.job-poster>.job-poster-index{position:absolute;top:22px;left:25px;font-size:22px;color:var(--poster-ink);font-weight:700;z-index:4;display:flex;align-items:center;gap:15px;line-height:1}
.job-poster-index>i{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em}
.job-poster-person{position:absolute;z-index:2;inset:8% 0 -7%;pointer-events:none;transform:translate3d(var(--pointer-x),calc(var(--poster-y) + var(--pointer-y)),0);transition:transform .35s cubic-bezier(.2,.65,.2,1)}
.job-poster-card>.job-poster .job-poster-person img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateX(5%);filter:drop-shadow(3px 1px 0 #fff);transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.job-poster-card:nth-child(even)>.job-poster .job-poster-person img{transform:translateX(-3%)}
.job-poster-card:is(:hover,:focus-visible)>.job-poster .job-poster-person img{transform:translateX(5%) scale(1.035)}
.job-poster-card:nth-child(even):is(:hover,:focus-visible)>.job-poster .job-poster-person img{transform:translateX(-3%) scale(1.035)}
.job-poster-card>.job-poster>.job-poster-note{position:absolute;bottom:42px;left:25px;margin:0;z-index:3;padding:12px 16px;background:#fff;color:#18201f;font-size:clamp(12px,1.2vw,17px);font-weight:800;line-height:1.7;rotate:-5deg;box-shadow:3px 4px 0 var(--poster-ink);transform:translateY(calc(var(--poster-y)*-.3))}
.job-poster-card:nth-child(even)>.job-poster>.job-poster-note{rotate:4deg}
.job-poster-card>.job-poster>.job-poster-edge{position:absolute;top:auto;bottom:14px;left:25px;font-size:7px;font-weight:700;letter-spacing:.12em;color:var(--poster-ink);z-index:3}
.job-poster-card>.job-poster>.job-poster-arrow{position:absolute;left:auto;top:auto;right:20px;bottom:24px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--poster-ink);color:var(--poster-paper);font-size:30px;font-weight:400;z-index:4;transition:transform .4s}
.job-poster-card:is(:hover,:focus-visible) .job-poster-arrow{transform:rotate(45deg)}
.job-poster-card>section{position:relative;padding:28px 0 24px;border-bottom:1px solid #18201f33}
.job-poster-card h2{font-size:clamp(24px,2.15vw,33px);letter-spacing:-.04em;line-height:1.55;margin:12px 0}
.job-poster-card small{font-size:9px;letter-spacing:.11em}
.job-poster-card section>.job-poster-more{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;color:#254be8;font-size:11px;font-weight:700}
.job-poster-more i{font-size:24px;font-style:normal;transition:transform .3s}
.job-poster-card:focus-visible{outline:3px solid #254be8;outline-offset:7px}
@keyframes job-orbit{from{transform:rotate(-9deg) scale(.96)}to{transform:rotate(16deg) scale(1.06)}}
@media(max-width:899px){.job-poster-grid{gap:40px 23px}.job-poster-card>.job-poster{aspect-ratio:.9}.job-poster-type>span{font-size:27cqw}.job-poster-card>.job-poster>.job-poster-note{left:17px;bottom:39px;font-size:10px;padding:9px}.job-poster-card>.job-poster>.job-poster-arrow{right:12px;bottom:22px;width:42px;height:42px;font-size:25px}.job-poster-card>.job-poster>.job-poster-index{left:17px;top:18px;font-size:18px}.job-poster-index>i{font-size:7px}.job-poster-card>.job-poster>.job-poster-edge{left:17px;font-size:6px}.job-poster-card h2{font-size:23px}}
@media(max-width:767px){.job-poster-grid{grid-template-columns:1fr;gap:38px}.job-poster-card>.job-poster{aspect-ratio:1.02}.job-poster-card>.job-poster>.job-poster-note{font-size:12px;left:20px;bottom:38px;padding:9px 12px}.job-poster-card>.job-poster>.job-poster-arrow{right:15px;bottom:21px;width:44px;height:44px;font-size:26px}.job-poster-card>.job-poster>.job-poster-index{left:20px;top:20px;font-size:20px}.job-poster-index>i{font-size:8px}.job-poster-card>.job-poster>.job-poster-edge{left:20px;font-size:6px}.job-poster-card>section{padding:23px 0 24px}.job-poster-card h2{font-size:25px}.job-poster-card section>.job-poster-more{margin-top:20px}}
@media(max-width:374px){.job-poster-card>.job-poster>.job-poster-note{font-size:10px;left:14px;padding:8px}.job-poster-card>.job-poster>.job-poster-arrow{right:10px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.job-poster-card *{animation:none!important;transition:none!important}.job-poster-type{transform:rotate(-6deg)!important}.job-poster-card:nth-child(even) .job-poster-type{transform:rotate(6deg)!important}.job-poster-person,.job-poster-field,.job-poster-note{transform:none!important}.job-poster-card:is(:hover,:focus-visible) .job-poster-arrow{transform:none}}
html.motion-off .job-poster-card *{animation:none!important;transition:none!important}
html.motion-off .job-poster-person,html.motion-off .job-poster-field,html.motion-off .job-poster-note{transform:none!important}
