.recruit-page{background:#100f16;color:#f6efe3;min-height:100vh}.office-world{position:fixed;inset:0;overflow:hidden;perspective:1000px;pointer-events:none}.room{position:absolute;inset:0;background:linear-gradient(0deg,#09081080,transparent 70%),url('assets/recruitment-office.webp') center/cover;transform:scale(.82);filter:blur(2px);transition:transform 3s ease,filter 3s}.sergeant{position:absolute;width:36vw;height:36vw;max-width:560px;max-height:560px;left:50%;top:3%;transform:translateX(-50%);clip-path:inset(0 0 32% 0)}.sergeant img{position:absolute;width:100%;height:100%;object-fit:contain}.desk-edge{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(#21161000,#180e0c88)}.corridor{position:absolute;inset:-15%;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#12151d 0 15%,#232333 15.2% 15.6%,#151722 16% 32%);box-shadow:inset 0 0 180px 100px #000c;transition:transform 2.5s ease,opacity 1.5s 2.7s}.door-frame{height:72%;width:29%;min-width:240px;border:18px solid #211a20;box-shadow:0 0 0 3px #70604b,0 0 100px #ba8ae733;perspective:1000px;background:#08090d}.door{height:100%;background:repeating-linear-gradient(90deg,#352429,#39272d 7%,#302127 8%);border:6px solid #50393c;transform-origin:left;transition:transform 1.8s 2s;position:relative;box-shadow:inset 0 0 0 20px #21151e55}.door-plaque{position:absolute;top:26%;left:7%;right:7%;padding:25px 4px;background:linear-gradient(110deg,#a58b61,#ddc6a0,#a88f69);color:#241b1e;text-align:center;font:bold clamp(14px,2vw,28px) Georgia;box-shadow:0 4px 10px #0008}.door-plaque small{display:block;font:9px sans-serif;letter-spacing:2px;margin-top:10px}.door-handle{position:absolute;right:8%;top:57%;width:30px;height:9px;background:#ceb68b;border-radius:3px}.entering .corridor{transform:scale(1.75);opacity:0}.entering .door{transform:rotateY(-108deg)}.seated .room{transform:scale(1);filter:none}.office-header{position:relative;z-index:10;background:linear-gradient(#090910b0,transparent);padding:22px 4%;height:auto;display:flex;justify-content:space-between}.office-brand{font-weight:800;letter-spacing:2px}.office-header div{display:flex;gap:15px;flex-wrap:wrap}.office-header button,.office-squad button{background:#14141b99;color:#eee;border:1px solid #ffffff25;padding:9px 14px;border-radius:30px;font-size:12px}.arrival-caption{position:fixed;z-index:11;bottom:12%;width:100%;text-align:center;letter-spacing:5px;font-size:12px;transition:opacity 1s}.seated .arrival-caption{opacity:0;pointer-events:none}.desk-ui{position:relative;z-index:3;padding:30vh 6% 50px;opacity:0;transform:translateY(60px);transition:opacity 1.5s,transform 1.5s;pointer-events:none}.seated .desk-ui{opacity:1;transform:none;pointer-events:auto}.desk-heading{text-shadow:0 2px 20px #000}.desk-heading h1{font:500 clamp(28px,4vw,54px) Georgia;margin:10px 0}.desk-heading p{color:#d4c7ba}.desk-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;margin-top:25px}.dossier{position:relative;min-height:400px;perspective:1400px;transform:rotate(-4deg);filter:drop-shadow(0 18px 20px #0009);margin:20px}.dossier-paper{background:#eae3cf;color:#272528;min-height:400px;padding:25px;text-align:center;border-radius:3px}.dossier-paper>span{font-size:10px;letter-spacing:3px}.dossier-paper h2{font:25px Georgia}.dossier-paper img{width:210px;height:210px;object-fit:contain;margin:auto;background:#d7cce6}.dossier-paper p{font-size:13px;line-height:1.5}.folder-cover{position:absolute;inset:0;background:linear-gradient(115deg,#b39a70,#ceb68b);color:#382e28;padding:36px;transform-origin:left;transition:transform 1.8s cubic-bezier(.2,.7,.2,1),opacity 1.8s;border-radius:3px;backface-visibility:hidden}.folder-cover:before{content:'';position:absolute;top:-17px;left:0;width:42%;height:20px;background:#b9a078;border-radius:6px 6px 0 0}.folder-cover>span{font:12px monospace;letter-spacing:4px}.folder-cover h2{font:bold clamp(24px,3vw,43px) Georgia;line-height:1.1;margin:40px 0 20px}.folder-cover p{font:9px monospace;letter-spacing:2px}.folder-cover b{display:block;font-size:80px;color:#55415f99;transform:rotate(-12deg)}.dossier.open .folder-cover{transform:rotateY(-155deg);opacity:0;pointer-events:none}.recruit-controls{background:#12121bc9;backdrop-filter:blur(16px);border:1px solid #ffffff17;border-radius:8px;padding:26px;max-width:450px}.recruit-controls h2{font:25px Georgia;margin:15px 0}.recruit-controls p{font-size:13px;line-height:1.6}.recruit-controls .button{width:100%;margin-top:15px}.test-disclosure,.metadata-note{color:#cab5e7}.preview-button{background:none;border:0;color:#d0b3f7;text-decoration:underline;font-size:12px;padding:10px 0;display:block}.office-squad{margin-top:70px;background:#11121cbd;padding:24px;border-radius:8px}.office-squad h2{font:24px Georgia}.office-squad .holder-grid{max-width:650px}.office-squad .holder-card{background:#20202a;color:white}.office-squad .holder-image{height:180px}.office-squad .empty-squad{padding:15px;color:#ddd}.office-squad .holder-info{padding:15px}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid #c59af9;outline-offset:5px}
@media(max-width:700px){.office-header{align-items:flex-start;gap:10px}.office-header div{gap:5px;justify-content:flex-end}.office-header button{font-size:10px;padding:7px}.office-brand{font-size:12px;white-space:nowrap}.sergeant{width:95vw;height:95vw;top:13%;clip-path:inset(0 0 36% 0)}.room{background-position:50% center}.desk-ui{padding:38vh 5% 30px}.desk-heading h1{font-size:29px}.desk-layout{grid-template-columns:1fr;gap:16px}.dossier{margin:15px 20px;min-height:320px}.dossier-paper{min-height:320px}.folder-cover h2{margin-top:20px}.folder-cover b{font-size:60px}.recruit-controls{max-width:none}.dossier-paper img{width:170px;height:170px}.arrival-caption{font-size:10px;letter-spacing:2px}.office-squad{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}.corridor{display:none}.room{transform:none;filter:none}.desk-ui{opacity:1;transform:none;pointer-events:auto}.arrival-caption{display:none}}

[hidden]{display:none!important}.entering:not(.seated) .room{animation:footsteps 2.8s ease-in-out 2s}.seated .room{transition-duration:2s}@keyframes footsteps{0%,100%{translate:0 0}20%,60%{translate:4px 9px}40%,80%{translate:-4px 0}}

.office-header{top:0}.recruit-page h1,.recruit-page h2{letter-spacing:-.025em}.instant-entry .corridor{display:none}.instant-entry .room,.instant-entry .desk-ui{transition:none;animation:none}


.test-controls{font-size:13px;line-height:1.7}.test-controls p{max-width:850px}.test-controls a{color:#d4b5fa;overflow-wrap:anywhere}.test-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.test-controls label{display:block;margin-top:20px}.test-resume{display:flex;gap:12px;margin:10px 0}.test-resume input{min-width:0;flex:1;padding:12px;background:#171521;color:white;border:1px solid #776387;border-radius:5px}.test-controls button:disabled{opacity:.4}.holder-image>span{position:relative;display:block;padding:10px}.holder-image img{height:100%;width:100%;object-fit:contain}.office-squad .holder-image{height:auto;min-height:180px}.office-squad .holder-image img{aspect-ratio:1}.holder-info button{margin-top:12px}