/* The business directory uses the existing website header, colors, and footer. */
@font-face { font-family: 'JunkNix Anton'; src: url('/assets/junknix-anton.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
.businesses-page { padding-top: 70px; background: linear-gradient(180deg, #f4f8fd 0%, #fff 65%); }
.businesses-wrap { max-width: 1160px; margin: 0 auto; padding: 0 1.5rem 4rem; }
.businesses-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; padding: 1.4rem 0 0; color: #596d88; font-size: .875rem; }
.businesses-crumbs a { display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: .2em; color: #2A4A7F; }
.businesses-intro { padding: 2.2rem 0 2.5rem; max-width: 740px; }
.businesses-eyebrow { font-size: .75rem; font-weight: 800; letter-spacing: .13em; color: #9b4100; margin-bottom: .8rem; }
.businesses-intro h1 { font-size: clamp(2.1rem, 4.5vw, 3.25rem); line-height: 1.16; font-weight: 800; color: #2A4A7F; margin: 0 0 1rem; letter-spacing: -.035em; }
.businesses-intro h1 span { color: #b64b00; }
.businesses-intro > p:last-child { font-size: 1.0625rem; line-height: 1.8; color: #52657e; max-width: 650px; }
.businesses-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.5rem; }
.business-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid #dae3ee; border-top: 4px solid #c05000; border-radius: 16px; padding: 1.8rem 1.65rem; box-shadow: 0 8px 28px rgba(42,74,127,.055); }
.dab-card { border-top-color: #2A4A7F; }
.coming-card { background: #f7f9fc; border-top-color: #aab8cb; box-shadow: none; }
.business-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 1.5rem; border-radius: 16px; background: #fff1e8; color: #a44600; }
.business-icon svg { width: 40px; height: 40px; }
.dab-card .business-icon { background: #edf3fc; color: #2A4A7F; }
.coming-card .business-icon { background: #e9eef5; color: #5c6f8a; }
.business-logo-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 160px; padding: 12px; background: #f5f8fc; border-radius: 10px; margin-bottom: 1.5rem; }
.business-logo-wrap img { width: auto; height: auto; max-width: 100%; max-height: 136px; object-fit: contain; }
.business-wordmark-junknix { display: inline-flex; align-items: center; gap: 5px; font-family: 'JunkNix Anton', Impact, 'Arial Narrow', sans-serif; font-size: 44px; font-weight: 400; line-height: 1; letter-spacing: .5px; color: #151515; }
.business-wordmark-junknix .ni { color: #ff6b00; }
.business-wordmark-junknix .x { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #151515; color: #ff6b00; transform: rotate(-6deg); border-radius: 5px; }
.coming-card .business-icon { width: 100%; height: 160px; background: #edf1f7; border-radius: 10px; }
.business-category { font-size: .6875rem; font-weight: 800; letter-spacing: .1em; color: #65748b; margin-bottom: .6rem; }
.business-card h2 { font-size: 1.65rem; line-height: 1.3; color: #2A4A7F; margin: 0 0 1rem; font-weight: 800; }
.business-card h2 span { display: block; font-size: 1rem; line-height: 1.5; font-weight: 700; margin-top: .25rem; }
.business-description { font-size: 1rem; line-height: 1.8; color: #53657d; margin: 0 0 1.8rem; }
.business-card-bottom { margin-top: auto; width: 100%; padding-top: .5rem; }
.business-domain { font-size: .8125rem; color: #60728a; margin-bottom: .85rem; overflow-wrap: anywhere; }
.business-visit { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .8rem 1.1rem; border-radius: 9px; background: #c05000; color: #fff; font-weight: 700; font-size: .9375rem; transition: background .2s; }
.business-visit:hover { background: #a34400; color: #fff; }
.dab-card .business-visit { background: #2A4A7F; }
.dab-card .business-visit:hover { background: #1b355b; }
.business-visit span { font-size: 1.3rem; line-height: 1; }
.business-coming-label { display: inline-flex; align-items: center; min-height: 48px; border: 1px solid #d4deea; color: #566b86; border-radius: 9px; padding: .8rem 1.1rem; font-size: .875rem; font-weight: 600; }
.businesses-note { text-align: center; color: #65748b; font-size: .8125rem; margin-top: 1.5rem; }
.businesses-back { display: inline-flex; align-items: center; margin-top: 1.5rem; color: #2A4A7F; font-weight: 700; font-size: .9375rem; text-decoration: underline; text-underline-offset: .2em; }
.footer-businesses-link { margin-top: .75rem; }
.footer-businesses-link a { color: inherit; }
@media (max-width: 900px) { .businesses-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .businesses-wrap { padding: 0 1.25rem 3rem; } .businesses-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; } .businesses-intro { padding: 1.4rem 0 2rem; } .business-card { padding: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .business-visit { transition: none; } }