.hire-pop { width: min(440px, calc(100% - 32px)); max-height: calc(100svh - 32px); overflow: auto; padding: 38px 32px 26px; border: 3px solid var(--ink); border-radius: 18px; background: var(--yellow); color: var(--ink); text-align: center; box-shadow: 8px 8px 0 var(--red); animation: hire-pop-in .55s cubic-bezier(.2, 1.4, .4, 1) both; }
.hire-pop::backdrop { background: rgba(23, 18, 14, .6); }
.hire-pop-sticker { display: inline-block; margin: 0 0 14px; padding: 6px 14px; border-radius: 999px; background: var(--red); color: white; font-family: var(--sans); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; transform: rotate(-3deg); }
.hire-pop h2 { margin: 0 0 12px; font-family: var(--serif); font-size: clamp(36px, 9vw, 48px); line-height: 1; letter-spacing: -.02em; }
.hire-pop-lede { margin: 0 0 24px; font-family: var(--sans); font-size: 16px; line-height: 1.5; }
.hire-pop-actions { display: grid; gap: 8px; }
.hire-pop-cta { display: block; padding: 15px 20px; border: 2px solid var(--ink); border-radius: 999px; background: var(--red); color: white; font-family: var(--sans); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .2s; }
.hire-pop-cta:hover { transform: translateY(-2px) rotate(-1deg); }
.hire-pop-later { padding: 10px; border: 0; background: transparent; color: var(--ink); font-family: var(--sans); 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; } }