.contact{background:var(--color-ink-900);color:var(--color-cream-50);padding:clamp(56px,8vw,120px) var(--gutter);position:relative;overflow:hidden;isolation:isolate}.contact:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 50% at 80% 0%,rgba(212,255,63,.18) 0%,transparent 55%);pointer-events:none}.contact:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 40% at 0% 100%,rgba(94,196,255,.06) 0%,transparent 55%);pointer-events:none}.contact__inner{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:clamp(28px,3.5vw,48px)}.contact__header{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px)}.contact__label{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--color-chartreuse-500)}.contact__headline{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--color-cream-50);margin:0;display:flex;flex-direction:column;gap:.04em;text-wrap:balance}html[lang=ar] .contact__headline{font-family:var(--font-arabic);font-weight:700;line-height:1.2;letter-spacing:0;font-size:clamp(2rem,4.4vw,3.85rem)}.contact__headline-line--accent{color:var(--color-chartreuse-500)}.contact__hint{margin:0;font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1.0625rem);font-weight:400;line-height:1.6;color:var(--color-charcoal-300);max-width:52ch}html[lang=ar] .contact__hint{font-family:var(--font-arabic);line-height:1.85;max-width:56ch}.contact__actions{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,2vw,28px)}.contact__email-pill{display:inline-flex;align-items:center;gap:16px;padding:16px 20px 16px 28px;border-radius:999px;background:var(--color-chartreuse-500);color:var(--color-ink-950);font-family:var(--font-mono);font-size:clamp(.9375rem,1.1vw,1.0625rem);font-weight:700;letter-spacing:-.005em;text-decoration:none;transition:background var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.contact__email-pill:hover{background:var(--color-chartreuse-400);transform:translateY(-2px);box-shadow:0 18px 48px #d4ff3f73}.contact__email-arrow{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-ink-950);color:var(--color-chartreuse-500);transition:transform var(--duration-base) var(--ease-out-quart)}.contact__email-pill:hover .contact__email-arrow{transform:rotate(-15deg) scale(1.08)}html[dir=rtl] .contact__email-arrow svg{transform:scaleX(-1)}.contact__email-secondary{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;font-family:var(--font-mono);font-size:.875rem;color:var(--color-charcoal-300);transition:color var(--duration-base) var(--ease-out-quart)}.contact__email-secondary:hover{color:var(--color-cream-50)}.contact__email-secondary-label{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-charcoal-500)}.contact__email-secondary-addr{border-bottom:1px dashed currentColor;padding-bottom:1px}html[lang=ar] .contact__email-secondary-label{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:600}.contact__status{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-charcoal-300);align-self:flex-start}html[lang=ar] .contact__status{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:500}.contact__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-chartreuse-500);box-shadow:0 0 #d4ff3f8c;animation:contact-pulse 2s var(--ease-out-quart) infinite}@keyframes contact-pulse{0%,to{transform:scale(1);box-shadow:0 0 #d4ff3f8c}50%{transform:scale(1.3);box-shadow:0 0 0 8px #d4ff3f00}}@media(prefers-reduced-motion:reduce){.contact__status-dot{animation:none}}.contact__status-sep{color:var(--color-charcoal-500);margin:0 4px}.contact__socials{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,18px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(245,244,238,.12)}.contact__socials-label{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--color-charcoal-300)}html[lang=ar] .contact__socials-label{font-family:var(--font-arabic);font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:600}.contact__social-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}.contact__social-link{display:flex;flex-direction:column;gap:4px;padding:clamp(14px,1.4vw,20px) 0;text-decoration:none;color:var(--color-cream-50);border-bottom:1px solid rgba(245,244,238,.06);transition:color var(--duration-base) var(--ease-out-quart),padding-inline-start var(--duration-base) var(--ease-out-quart);position:relative}.contact__social-link:before{content:"↗";position:absolute;inset-inline-end:4px;inset-block-start:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:1rem;color:var(--color-charcoal-300);transition:color var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart)}.contact__social-link:hover{color:var(--color-chartreuse-500);padding-inline-start:6px}.contact__social-link:hover:before{color:var(--color-chartreuse-500);transform:translate(4px,calc(-50% - 4px))}html[dir=rtl] .contact__social-link:hover:before{transform:translate(-4px,calc(-50% - 4px))}.contact__social-name{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-charcoal-300)}html[lang=ar] .contact__social-name{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:500}.contact__social-handle{font-family:var(--font-mono);font-size:.9375rem;font-weight:500;letter-spacing:-.005em;color:inherit}
