/* Careers: the application renders itself, pass by pass. Loaded only on /careers. */
.cr-h{max-width:12ch}
.cr-h em{font-style:normal;color:var(--accent);background:linear-gradient(transparent 82%,rgba(246,135,33,.22) 82%)}
.cr-vals{list-style:none;display:grid;gap:18px;margin:44px 0 0;max-width:980px}
.cr-vals li{border-top:1.5px solid var(--ink);padding-top:14px;color:var(--mute);font-size:15px}
.cr-vals b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
@media(min-width:760px){.cr-vals{grid-template-columns:repeat(3,1fr);gap:32px}}
.cr-sec{padding-top:clamp(24px,4vw,48px);background:linear-gradient(var(--paper),var(--soft) 40%)}
.cr-grid{display:grid;gap:36px;align-items:start}
@media(min-width:980px){.cr-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}.rv{position:sticky;top:96px}}

/* The render window */
.rv-win{background:#1b1915;color:#d8d4cb;box-shadow:0 30px 60px -30px rgba(20,18,15,.55)}
.rv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;font:500 12px/1 ui-monospace,Menlo,Consolas,monospace;border-bottom:1px solid #2e2b25}
.rv-dot{width:9px;height:9px;border-radius:50%;background:#3a362f}
.rv-dot:first-child{background:var(--accent)}
.rv-t{margin-left:8px;color:#a39e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-s{margin-left:auto;color:#7d786e;font-variant-numeric:tabular-nums}
.rv-vp{position:relative;background:#24221d;aspect-ratio:320/285;overflow:hidden}
.rv-vp svg{width:100%;height:100%;display:block}
@media(max-width:979px){.rv-vp{aspect-ratio:16/10}}
.rv-c{position:absolute;width:16px;height:16px;border:0 solid var(--accent);opacity:0;transition:opacity .6s}
.rv-c1{top:12px;left:12px;border-width:2px 0 0 2px}.rv-c2{top:12px;right:12px;border-width:2px 2px 0 0}
.rv-c3{bottom:12px;left:12px;border-width:0 0 2px 2px}.rv-c4{bottom:12px;right:12px;border-width:0 2px 2px 0}
.rv-cap{position:absolute;left:18px;bottom:16px;margin:0;font-size:13px;line-height:1.35;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.rv-cap b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.rv-cap span{color:#e9e3d8}
.rv-prog{height:3px;background:#2e2b25}
.rv-prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.rv-passes{list-style:none;display:flex;justify-content:space-between;padding:12px 14px 14px;font:500 11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:#6c675d}
.rv-passes li{transition:color .4s}
.rv-passes li.on{color:#e9e3d8}
.rv-passes li.now{color:var(--accent)}

/* Scene layers: each pass fades a new one in. */
.rv .L{transition:opacity .9s ease}
.rv .L-clay,.rv .L-mat,.rv .L-light,.rv .L-post{opacity:0}
.rv .L-wire *{fill:none;stroke:#8f8a7f;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.rv .L-wire .gd{stroke:#4a463e;stroke-dasharray:none}
.rv .L-clay .wl{fill:#bdb9b0}.rv .L-clay .wr{fill:#cfcbc2}.rv .L-clay .fl{fill:#a9a59c}.rv .L-clay .wn{fill:#8e8a81}
.rv .L-clay .ct{fill:#dedad2}.rv .L-clay .cr{fill:#b2aea5}.rv .L-clay .cf{fill:#c6c2b9}.rv .L-clay .sp{fill:#d2cec5}
.rv .L-mat .wl{fill:#e3dccf}.rv .L-mat .wr{fill:#efe9de}.rv .L-mat .fl{fill:url(#g-wood)}.rv .L-mat .wn{fill:#9db6c8}
.rv .L-mat .ct{fill:#4a4640}.rv .L-mat .cr{fill:#2b2925}.rv .L-mat .cf{fill:#38352f}.rv .L-mat .sp{fill:url(#g-sp)}
.rv .L-light>*{fill:none}
.rv .L-light .wn{fill:url(#g-wn)}
.rv .L-light .beam{fill:url(#g-beam);mix-blend-mode:screen}
.rv .L-light .sh{fill:#1b1712;opacity:.45}
.rv .L-light .wl{fill:#1b1712;opacity:.18}
.rv[data-pass="1"] .rv-cap{opacity:.7}
.rv:not([data-pass="1"]) .L-wire{opacity:.12}
.rv:not([data-pass="1"]) .L-clay{opacity:1}
.rv[data-pass="3"] .L-mat,.rv[data-pass="4"] .L-mat,.rv[data-pass="5"] .L-mat,.rv[data-pass="6"] .L-mat{opacity:1}
.rv[data-pass="4"] .L-light,.rv[data-pass="5"] .L-light,.rv[data-pass="6"] .L-light{opacity:1}
.rv[data-pass="5"] .L-post,.rv[data-pass="6"] .L-post{opacity:1}
.rv[data-pass="5"] .L-wire,.rv[data-pass="6"] .L-wire{opacity:0}
.rv[data-pass="5"] svg,.rv[data-pass="6"] svg{filter:saturate(1.08) contrast(1.04)}
.rv[data-pass="6"] .rv-c{opacity:1}
.rv.tick .rv-vp::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.05) 22px 24px);animation:rv-scan .9s steps(8) 1 forwards}
@keyframes rv-scan{0%{clip-path:inset(0 0 100% 0);opacity:1}70%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0);opacity:0}}

/* Steps */
.cr-fm,.rv{scroll-margin-top:84px}
.cr-fm{gap:28px}
.cr-step{border:0;margin:0;padding:0;min-width:0;display:grid;gap:22px}
.cr-step legend{padding:0;margin:0 0 6px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.1}
.cr-n{display:block;font:600 12px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d);margin-bottom:12px}
.cr-js .cr-step{display:none}
.cr-js .cr-step.on{display:grid;animation:cr-in .45s ease}
@keyframes cr-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cr-js .cr-send{display:none}
.cr-hint,.cr-note{color:var(--mute);font-size:14px;margin:0}
.cr-note{display:block;margin-top:8px}
.cr-lbl{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}

.cr-roles{display:grid;gap:10px}
@media(min-width:560px){.cr-roles{grid-template-columns:1fr 1fr}}
.cr-role{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;cursor:pointer;position:relative}
.cr-role input,.cr-chips input,.cr-pills input{position:absolute;opacity:0;width:1px;height:1px}
.cr-role span{display:block;height:100%;padding:16px 18px 16px;border:1.5px solid var(--line);background:#fff;font-size:14px;line-height:1.45;color:var(--mute);transition:border-color .15s,background .15s,transform .15s}
.cr-role small{display:block;font:600 11px/1 ui-monospace,Menlo,Consolas,monospace;color:#a39e93;margin-bottom:10px}
.cr-role b{display:block;color:var(--ink);font-size:16px;font-weight:600;margin-bottom:3px}
.cr-role:hover span{border-color:var(--ink)}
.cr-role input:checked+span{border-color:var(--ink);background:var(--ink);color:#c9c5bc;transform:translateY(-2px)}
.cr-role input:checked+span b{color:#fff}
.cr-role input:checked+span small{color:var(--accent)}
.cr-role input:focus-visible+span,.cr-chips input:focus-visible+span,.cr-pills input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}

.cr-chips,.cr-pills{display:flex;flex-wrap:wrap;gap:8px}
.cr-chips label,.cr-pills label{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;cursor:pointer;position:relative}
.cr-chips span,.cr-pills span{display:inline-block;padding:9px 15px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:500;border-radius:999px;transition:all .15s}
.cr-chips label:hover span,.cr-pills label:hover span{border-color:var(--ink)}
.cr-chips input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.cr-chips input:checked+span::before{content:"✓ "}
.cr-pills input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}

.cr-exp-row{display:flex;align-items:center;gap:18px}
.cr-fm input[type=range]{flex:1;border:0;padding:0;height:28px;background:transparent;accent-color:var(--accent);appearance:auto}
.cr-exp output{min-width:7.5em;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}

.cr-drop{display:block;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:15px!important;position:relative;border:1.5px dashed #c9c4b8;background:#fff;padding:22px 18px;text-align:center;color:var(--mute);cursor:pointer;transition:border-color .15s,background .15s}
.cr-drop:hover,.cr-drop.over{border-color:var(--accent);background:#fff8f0}
.cr-drop b{color:var(--ink)}
.cr-drop.has{border-style:solid;border-color:var(--ink);color:var(--ink)}
.cr-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}
.cr-fm [data-field][aria-invalid] .cr-role span,.cr-fm .cr-drop[aria-invalid]{border-color:#c0392b}

.cr-nav{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px}
.cr-nav [data-next]{margin-left:auto}
.cr-nav [data-prev][disabled]{visibility:hidden}
.cr-count{font:500 13px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--mute)}
@media(prefers-reduced-motion:reduce){.rv .L,.rv-prog i,.cr-js .cr-step.on{transition:none;animation:none}.rv.tick .rv-vp::after{animation:none}}
/* Objects are repainted on the light layer so the sunbeam falls behind them, not across them. */
.rv .L-light .ct{fill:#5a554d}.rv .L-light .cr{fill:#24221e}.rv .L-light .cf{fill:#34312c}
.rv .L-light .sp{fill:url(#g-sp)}