/* The résumé is an early editorial action, using the site's existing copper and type. */
@scope (.approved-opening){
 :scope[data-variant="2"] .flow-static{top:42%;left:7%;width:80%;height:auto;filter:invert(1);transform:none}
 :scope[data-variant="2"] .hiring-context{top:19%;right:7%;left:auto;bottom:auto;width:30%;max-width:360px;pointer-events:auto}
 .role-focus{font:500 18px/1.35 Public,Arial,sans-serif;color:var(--ink);margin:0 0 12px}
 .role-example{font:400 14px/1.65 Public,Arial,sans-serif;color:var(--muted);margin:0 0 20px;max-width:32ch}
 .hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
 .resume-link{display:flex;align-items:center;gap:12px;position:relative;min-height:58px;padding:6px 0 10px;border-bottom:1px solid var(--copper);text-decoration:none;isolation:isolate}
 .resume-file{width:25px;height:30px;color:var(--copper);transition:transform .3s ease;flex-shrink:0}
 .resume-file svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
 .resume-copy{display:flex;flex-direction:column;gap:3px}
 .resume-copy strong{font:500 15px/1.4 Public,Arial,sans-serif;color:var(--ink)}
 .resume-copy small{font:400 10px/1.5 Public,Arial,sans-serif;color:var(--muted)}
 .resume-end{margin-left:9px;font:400 20px/1 Public,Arial,sans-serif;color:var(--copper);transition:transform .3s ease}
 .resume-link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
 .resume-link:is(:hover,:focus-visible):after{transform:scaleX(1)}
 .resume-link:is(:hover,:focus-visible) .resume-file{transform:rotate(-7deg) translateY(-2px)}
 .resume-link:is(:hover,:focus-visible) .resume-end{transform:translate(-3px,3px)}
 .resume-link:is(:hover,:focus-visible) .resume-arrow{animation:resume-drop .65s ease both}
 .hero-work{font:400 12px/1.5 Public,Arial,sans-serif;display:flex;align-items:center;min-height:44px;gap:10px;white-space:nowrap;text-decoration:none}
 .hero-work span{color:var(--copper)}
 @media(max-width:750px){
  :scope[data-variant="2"] .flow-static{top:36%;left:7%;width:76%}
  :scope[data-variant="2"] .hiring-context{top:auto;bottom:15%;left:7%;right:7%;width:auto;max-width:none}
  .role-focus{font-size:15px;margin-bottom:7px}
  .role-example{font-size:12px;max-width:34ch;margin-bottom:8px}
  .hero-actions{gap:22px}
  .resume-link{min-height:50px;padding-bottom:7px}
  .resume-copy strong{font-size:14px}
  .resume-copy small{font-size:10px}
  .resume-download-word{display:none}
  .resume-link{gap:9px}
  .resume-file{width:21px}
  .resume-end{margin-left:2px}
  .hero-work{font-size:12px}
  :scope:not(.motion-ready) .approved-hero,:scope:not(.motion-ready) .flow-art{height:100svh}
 }
 @media(max-width:750px) and (prefers-reduced-motion:reduce){.approved-hero,.flow-art{height:100svh}}
 @media(prefers-reduced-motion:reduce){.resume-link:after,.resume-file,.resume-end{transition:none}.resume-link:is(:hover,:focus-visible) .resume-arrow{animation:none}}
}
@keyframes resume-drop{0%,100%{transform:translateY(0)}45%{transform:translateY(3px)}}