/* Front door: two notes on the wall. Companies go to the intake; players go to the join form. */
.ibar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px var(--gutter); border-block-end: 2px solid var(--rule); }
.doors { max-width: 980px; margin-inline: auto; padding: clamp(28px, 6vw, 72px) var(--gutter) 64px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(16px, 3vw, 32px); align-items: stretch; }
.door { display: flex; flex-direction: column; gap: 12px; padding: clamp(24px, 4vw, 40px); color: var(--ink); text-decoration: none; min-height: 260px; transition: transform .15s ease-out, box-shadow .15s ease-out; }
.door:hover { transform: translateY(-3px) rotate(-.4deg); box-shadow: 0 1px 1px rgba(17,17,17,.12), 0 16px 26px -10px rgba(17,17,17,.35); }
.door b { font-size: clamp(36px, 5.4vw, 64px); text-wrap: balance; }
.door span { font-size: 18px; max-width: 34ch; }
.door .go { margin-block-start: auto; font-weight: 800; display: inline-flex; gap: 8px; align-items: center; }
.door .go::after { content: ''; width: 22px; height: 2px; background: var(--ink); }
.more { grid-column: 1 / -1; margin: 4px 0 0; font-weight: 700; }
.more a { color: var(--ink); text-underline-offset: 4px; }
@media (max-width: 720px) { .doors { grid-template-columns: minmax(0, 1fr); } .door { min-height: 200px; } }