#personnel{width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;overflow:visible;background:transparent;color:#171717;color-scheme:light}#personnel::backdrop{background:#000b;backdrop-filter:none}.personnel-panel{box-sizing:border-box;padding:28px 36px 36px;background:#fff;border:1px solid #d8d8d5;border-top:4px solid var(--orange);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}.personnel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-28px;background:#fff;padding:8px 0;z-index:2;font-size:14px;letter-spacing:.08em}.personnel-head b,.personnel-kicker{color:var(--orange)}#personnel-close{width:48px;height:48px;background:#fff;border:1px solid #d4d4d0;color:#171717;font-size:30px;flex-shrink:0}.personnel-kicker{font-size:13px;letter-spacing:.13em;margin:30px 0 12px}#personnel h2{font:700 clamp(42px,8vw,68px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 16px}#personnel h2 em{font-style:normal;color:var(--orange)}#personnel p{font-size:16px;line-height:1.55}#personnel-intro>p:last-child{color:#50504c;margin-bottom:28px}.personnel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}#personnel label{display:block;font-size:14px;line-height:1.5}#personnel input,#personnel textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;background:#fff;color:#171717;border:1px solid #898983;border-radius:3px;padding:12px;margin-top:8px;font:inherit;font-size:16px}#personnel textarea{resize:vertical}.personnel-requirements{margin-top:24px}#personnel :is(input,textarea,button):focus-visible{outline:2px solid var(--orange);outline-offset:3px}#personnel .personnel-note{font-size:13px;color:#555;line-height:1.5;margin-top:22px}#personnel-status{min-height:24px;color:#ad310b}.personnel-submit{width:100%;justify-content:space-between;margin-top:14px}.personnel-submit:disabled{opacity:.65;cursor:wait}#personnel .form-trap,#personnel [hidden]{display:none!important}#personnel-success{padding:30px 0 40px;outline:none}#personnel-success .cta{margin-top:20px}.personnel-again{display:block;background:none;border:0;padding:16px 0 0;color:#454541;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}#personnel.personnel-animating{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-height:none;overflow:hidden}#personnel.personnel-animating .personnel-panel{position:absolute;max-height:none;overflow:hidden}#personnel .paper-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;contain:strict;z-index:5}.personnel-head button{cursor:pointer}html.personnel-open{overflow:hidden}
@media(max-width:600px){#personnel{width:calc(100vw - 60px)}.personnel-panel{padding:18px 20px 24px}.personnel-head{top:-18px}.personnel-grid{grid-template-columns:1fr;gap:18px}.personnel-kicker{margin-top:22px}#personnel-success{padding:16px 0 26px}}

/* The completed request keeps the actual layered paper laid down by the flight. */
.personnel-panel{position:relative;isolation:isolate}.personnel-panel>.paper-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.personnel-papered{background:#fff;overflow:hidden}.personnel-papered .personnel-head{background:transparent}.personnel-papered #personnel-success>p:not(.personnel-kicker){max-width:42ch}#personnel #personnel-done{background:var(--orange);color:#111;border-color:var(--orange)}

#personnel.personnel-animating button{transition:none}

/* Tissue stays fixed while captured lettering becomes the live controls. */
.personnel-panel.paper-handoff>.personnel-head,.personnel-panel.paper-handoff>#personnel-success{opacity:1;transition:none}

#personnel>.paper-fringe{position:absolute;left:calc(0px - var(--paper-gutter));top:calc(0px - var(--paper-gutter));width:calc(100% + var(--paper-extra));height:calc(100% + var(--paper-extra));pointer-events:none;z-index:3}#personnel.personnel-animating>.paper-fringe{left:calc(var(--paper-left) - var(--paper-gutter));top:calc(var(--paper-top) - var(--paper-gutter));width:calc(var(--paper-width) + var(--paper-extra));height:calc(var(--paper-height) + var(--paper-extra))}

html.personnel-open .decorative{animation-play-state:paused!important}