.hire-pop { width: min(460px, calc(100% - 32px)); max-height: calc(100svh - 32px); overflow: auto; padding: 38px 32px 28px; border: 3px solid var(--ink); border-radius: 0; background: var(--gold); color: var(--ink); text-align: center; box-shadow: 10px 10px 0 var(--red); animation: hire-pop-in .55s cubic-bezier(.2, 1.4, .4, 1) both; }
.hire-pop::backdrop { background: rgba(29, 23, 21, .62); }
.hire-pop-sticker { display: inline-block; margin: 0 0 14px; padding: 6px 14px; background: var(--red); color: white; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; transform: rotate(-3deg); }
.hire-pop h2 { margin: 0 0 12px; font-family: var(--serif); font-size: clamp(36px, 9vw, 50px); font-weight: 400; line-height: .98; letter-spacing: -.02em; text-transform: uppercase; }
.hire-pop-lede { margin: 0 0 16px; font-size: 16px; line-height: 1.5; }
.hire-pop-roles { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
.hire-pop-roles li { padding: 7px 13px; border: 2px solid var(--ink); background: var(--paper); font-size: 14px; font-weight: 800; }
.hire-pop-roles li:nth-child(odd) { transform: rotate(-1.5deg); }
.hire-pop-roles li:nth-child(even) { transform: rotate(1.5deg); }
.hire-pop-fine { margin: 0 0 22px; font-size: 13px; line-height: 1.5; }
.hire-pop-actions { display: grid; gap: 8px; }
.hire-pop-later { padding: 10px; border: 0; background: transparent; color: var(--ink); font-size: 13px; text-decoration: underline; cursor: pointer; }
.hire-pop-close { position: absolute; top: 6px; right: 10px; width: 44px; height: 44px; border: 0; background: transparent; color: var(--ink); font-size: 30px; line-height: 1; cursor: pointer; }
@keyframes hire-pop-in { from { opacity: 0; transform: translateY(24px) rotate(-3deg) scale(.92); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .hire-pop { animation: none; } }