.hcont-contact{--contact-banner-radius:var(--hcont-radius,18px);border-radius:var(--contact-banner-radius);border:1px solid color-mix(in oklch, var(--primary) 28%, var(--border));background:linear-gradient(120deg, color-mix(in oklch, var(--card) 88%, var(--primary) 12%), var(--card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:22px 24px;display:flex}.hcont-contact p{font-family:var(--font-display);color:var(--foreground);max-width:36rem;margin:0;font-size:clamp(1.05rem,1.5vw,1.25rem)}.hcont-contact-cta{border:1px solid color-mix(in oklch, var(--primary) 45%, var(--border));background:color-mix(in oklch, var(--primary) 14%, transparent);color:var(--foreground);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s;display:inline-flex}.hcont-contact-cta:hover,.hcont-contact-cta:focus-visible{background:color-mix(in oklch, var(--primary) 28%, transparent);border-color:var(--primary);outline:none}.hcont-contact-cta:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--primary)}@media (prefers-reduced-motion:reduce){.hcont-contact-cta{transition:none}}@media (width<=640px){.hcont-contact{padding:18px}}