.recruitment-motion{max-width:1152px;margin:0 auto 36px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,var(--portal-bg,#f5faf7));color:var(--portal-accent,#087755);overflow:hidden;position:relative}
.recruitment-motion-heading .page-kicker{font-size:16px}.recruitment-motion-heading h2{font-size:32px;line-height:1.4;color:var(--portal-deep);margin:8px 0}.recruitment-motion-heading p{font-size:18px;color:#687873;margin:0}
.recruitment-motion-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:center;margin-top:24px}
.recruitment-stage-tabs{display:grid;gap:9px}.recruitment-stage-tabs button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;min-height:48px;padding:10px 14px;text-align:right;background:#fff;color:#536a62;font-size:18px;line-height:1.4;transition:background .25s,color .25s}
.recruitment-stage-tabs button>span{font:600 13px Arial,sans-serif;opacity:.7}.recruitment-stage-tabs button>i{margin-inline-start:auto;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.2}
.recruitment-stage-tabs button[aria-pressed=true]{background:var(--portal-accent);color:#fff;border-color:var(--portal-accent);box-shadow:0 5px 16px #0000000b}.recruitment-stage-tabs button[aria-pressed=true]>i{opacity:1;animation:stage-beacon 1.7s ease-in-out infinite}
.recruitment-stage-caption{font-size:17px;line-height:1.65;color:#687873;margin:16px 0 8px;min-height:56px}
.recruitment-motion-toggle{border:0;background:transparent;color:var(--portal-accent);font-size:15px;min-height:40px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.recruitment-motion button:focus-visible{outline:3px solid var(--portal-accent);outline-offset:3px}
.recruitment-scene{position:relative;min-width:0;border-radius:20px;background:linear-gradient(135deg,#ffffff,#f8f7f4);padding:16px 8px 22px;border:1px solid var(--line)}
.recruitment-art{display:block;width:100%;height:auto;max-height:330px;overflow:visible;color:var(--portal-accent)}
.art-shadow{fill:currentColor;opacity:.07}.art-halo{fill:currentColor;opacity:.055}.art-orbit{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 10;opacity:.2;transform-origin:354px 152px;animation:art-orbit 45s linear infinite}
.art-building{fill:#fff;stroke:currentColor;stroke-width:1.5}.art-window{fill:currentColor;fill-opacity:.09;stroke:currentColor;stroke-opacity:.15}.art-frame{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-opacity:.3}.art-outline{stroke:currentColor;stroke-opacity:.25;stroke-width:1.5}.art-flight-route{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 9;opacity:.22;animation:art-route 3s linear infinite}
.art-profile{animation:art-float 5s ease-in-out infinite;transform-origin:154px 198px}.art-document{animation:art-float 6s ease-in-out -2s infinite;transform-origin:565px 205px}.art-scan{animation:art-scan 4s ease-in-out infinite}.art-plane{animation:art-flight 12s ease-in-out infinite;transform:translate(135px,150px) rotate(-35deg)}
.art-stamp{animation:art-stamp 4s ease-in-out infinite;transform-origin:565px 237px}.art-sparks{animation:stage-beacon 4s ease-in-out infinite}.art-clouds{animation:art-float 10s ease-in-out infinite}.art-connection{animation:art-route 2s linear infinite}
.recruitment-scene[data-stage="0"] .art-profile,.recruitment-scene[data-stage="1"] .art-document,.recruitment-scene[data-stage="2"] .art-office,.recruitment-scene[data-stage="3"] .art-plane{filter:drop-shadow(0 5px 8px #00000015)}
.recruitment-scene-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:19px;line-height:1.5;color:var(--portal-accent)}
.motion-paused *{animation-play-state:paused!important}
@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes art-scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(54px);opacity:.8}}
@keyframes art-route{to{stroke-dashoffset:-56}}
@keyframes art-orbit{to{transform:rotate(360deg)}}
@keyframes art-stamp{0%,25%,100%{transform:scale(.85);opacity:.3}40%,75%{transform:scale(1);opacity:1}}
@keyframes stage-beacon{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes art-flight{0%{transform:translate(133px,154px) rotate(-35deg);opacity:0}10%{opacity:1}45%{transform:translate(352px,56px) rotate(0deg);opacity:1}80%{opacity:1}90%,100%{transform:translate(593px,164px) rotate(35deg);opacity:0}}
@media(max-width:1200px){.recruitment-motion{margin-inline:24px}}
@media(max-width:700px){.recruitment-motion{padding:22px 16px;margin:0 14px 28px;border-radius:18px}.recruitment-motion-heading h2{font-size:26px}.recruitment-motion-layout{display:flex;flex-direction:column-reverse;gap:20px;margin-top:20px}.recruitment-scene,.recruitment-stage-panel{width:100%}.recruitment-scene{padding:10px 0 14px}.recruitment-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recruitment-stage-tabs button{font-size:16px;gap:6px;padding:10px;min-height:56px}.recruitment-stage-tabs button>i{display:none}.recruitment-stage-caption{min-height:56px}.recruitment-scene-label{font-size:17px}}
@media(prefers-reduced-motion:reduce){.recruitment-motion *{animation:none!important;transition:none!important}.art-plane{transform:translate(350px,56px);opacity:1}.recruitment-motion-toggle{display:none}}
@media print{.recruitment-motion *{animation:none!important}.recruitment-motion-toggle{display:none}}
.catalogue-access-gate{text-align:center;max-width:760px;margin:0 auto;padding:28px 20px 32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#fff,var(--portal-bg,#f8faf8))}.catalogue-access-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--portal-accent);color:#fff;margin:0 auto 20px}.catalogue-access-icon svg{width:28px;height:28px}.catalogue-access-gate h1{font-size:clamp(27px,3vw,37px);line-height:1.5;color:var(--portal-deep);margin:10px 0 14px}.catalogue-access-gate p{font-size:20px;line-height:1.75;color:#687873;margin:0 auto 22px;max-width:580px}.catalogue-access-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.catalogue-access-actions .btn{min-height:48px;font-size:18px}.catalogue-access-benefits{display:flex;gap:12px 24px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:#687873;font-size:17px}.catalogue-access-benefits span{display:flex;gap:7px;align-items:center}.catalogue-access-benefits svg{width:18px;height:18px;flex:none;color:var(--portal-accent)}
@media(max-width:700px){.catalogue-access-gate{padding:24px 16px;border-radius:16px}.catalogue-access-gate p{font-size:18px}.catalogue-access-actions{flex-direction:column}.catalogue-access-actions .btn{width:100%;font-size:17px}.catalogue-access-benefits{gap:12px;font-size:15px}.catalogue-access-gate h1{font-size:27px}}