.mx{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:0 var(--pad) 6px;scroll-padding-left:var(--pad)}.mx::-webkit-scrollbar{display:none}.mx>*{flex:0 0 calc(100% - var(--pad));scroll-snap-align:start;scroll-snap-stop:always;min-width:0}@media (min-width:880px){.mx{display:flex;overflow:visible;margin-left:0;margin-right:0;padding:0}.mx>*{flex:1 1 0;min-width:0;transition:flex-grow .55s var(--ease)}.job--active{flex-grow:2}.mx:has(>:hover)>*{flex-grow:1}.mx:has(>:hover)>:hover{flex-grow:2}}@media (prefers-reduced-motion:reduce){.mx>*{transition:none}.mx .job--active,.mx:has(>:hover)>:hover,.mx>*{flex-grow:1}}.job{border-radius:var(--r-lg);display:flex;flex-direction:column;position:relative;height:clamp(340px,46vh,440px);min-width:0}.job,.job__img{overflow:hidden;background:var(--blue-deep)}.job__img{position:absolute;inset:0}.job__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.job:hover .job__img img{transform:scale(1.05)}.job__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 18 25/.1),rgb(11 18 25/.05) 40%,rgb(11 18 25/.78));transition:opacity .5s var(--ease)}.job__name{position:absolute;left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);bottom:clamp(16px,1.6vw,24px);z-index:3;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,1.5vw,1.45rem);letter-spacing:-.02em;color:#fff;transition:opacity .4s var(--ease),transform .5s var(--ease)}.job:hover .job__name{opacity:0;transform:translateY(-10px)}.job--active{outline:2px solid var(--blue);outline-offset:-2px}.mx:has(>:hover) .job--active{outline-color:transparent}.job__tag{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;background:rgb(255 255 255/.92);color:var(--blue);padding:6px 11px;border-radius:var(--radius-pill)}.job__b{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:clamp(18px,1.8vw,26px) clamp(18px,1.6vw,26px) clamp(18px,1.8vw,24px);display:flex;flex-direction:column;background:rgb(11 18 25/.82);backdrop-filter:blur(10px);opacity:0;transform:translateY(14px);transition:opacity .42s var(--ease),transform .5s var(--ease)}.job:focus-within .job__b,.job:hover .job__b{opacity:1;transform:none}.job__b a{visibility:hidden}.job:focus-within .job__b a,.job:hover .job__b a{visibility:visible}@media (hover:none){.job__b{opacity:1;transform:none}.job__b a{visibility:visible}.job__name{display:none}}@media (prefers-reduced-motion:reduce){.job__b{transition:none}}.job__b h3{font-family:var(--display);font-weight:600;font-size:1.28rem;letter-spacing:-.02em;color:#fff}.job__b p{font-size:.9rem;color:rgb(255 255 255/.78);line-height:1.6;margin:10px 0 16px}.job__spec{list-style:none;border-top:1px solid rgb(255 255 255/.16);padding-top:13px}.job__spec li{font-family:var(--mono);font-size:.67rem;letter-spacing:.03em;color:rgb(255 255 255/.62);padding:4px 0}.job__spec b{color:#fff;font-weight:500}.job__cta.job__cta{margin-top:16px;align-self:flex-start;padding:7px 7px 7px 18px;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-weight:600;transition:background .26s,color .26s}.job__cta.job__cta i{background:#fff;color:var(--blue);width:30px;height:30px;transition:background .26s,color .26s,transform .4s var(--ease)}.job__cta.job__cta:hover{background:var(--red);color:#fff}.job__cta.job__cta:hover i{background:#fff;color:var(--red)}.job__cta.job__cta:focus-visible{background:var(--red)}.job__cta.job__cta:focus-visible i{background:#fff;color:var(--red);transform:rotate(45deg)}