/* Motion enhances the existing layout. Content stays visible without JavaScript. */
.motion-ready{--motion-delay:0ms;transition:opacity .7s ease var(--motion-delay),transform .7s cubic-bezier(.2,.7,.2,1) var(--motion-delay)}
.motion-ready:not(.motion-in){opacity:0;transform:translate3d(0,26px,0)}
.motion-ready.motion-in{opacity:1;transform:none}
.motion-ready:not(.motion-in) .underline{background-size:0% 100%}
.motion-ready .underline{background-repeat:no-repeat;background-size:100% 100%;transition:background-size .85s cubic-bezier(.2,.7,.2,1) calc(var(--motion-delay) + .18s)}
.motion-ready:focus-within{opacity:1;transform:none;transition:none}

a.posting-visual{overflow:hidden;cursor:pointer;outline-offset:5px}
a.posting-visual .posting-photo{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}
a.posting-visual .posting-overlay img{transform-origin:left bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.posting-link-hint{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff90;background:#071538bd;color:white;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.5;transition:background .25s,border-color .25s}
.posting-link-hint b{font-size:17px;line-height:1;transition:transform .25s}
a.posting-visual:focus-visible{outline:3px solid var(--orange)}
a.posting-visual:focus-visible .posting-link-hint{background:var(--navy);border-color:var(--orange)}
@media(hover:hover) and (pointer:fine){
  a.posting-visual:hover .posting-photo{transform:scale(1.045);filter:brightness(1.1)}
  a.posting-visual:hover .posting-overlay img{transform:translateY(-5px) scale(1.025)}
  a.posting-visual:hover .posting-link-hint{background:var(--navy);border-color:var(--orange)}
  a.posting-visual:hover .posting-link-hint b{transform:translate(2px,-2px)}
  .cta:not(.mobile-cta)>span{transition:transform .25s}
  .cta:not(.mobile-cta):hover>span{transform:translateX(4px)}
}
@media(max-width:760px){
  .motion-ready:not(.motion-in){transform:translate3d(0,18px,0)}
  .motion-ready:focus-within{transform:none}
  .posting-link-hint{top:13px;right:13px;font-size:11px;padding:7px 12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready,.motion-ready:not(.motion-in),.motion-ready:focus-within{opacity:1;transform:none;transition:none}
  .motion-ready .underline,.motion-ready:not(.motion-in) .underline{background-size:100% 100%;transition:none}
  a.posting-visual .posting-photo,a.posting-visual .posting-overlay img,.posting-link-hint,.posting-link-hint b,.cta:not(.mobile-cta)>span{transition:none!important;transform:none!important}
}
@media print{
  .motion-ready,.motion-ready:not(.motion-in){opacity:1;transform:none}
}
