.contact-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:3rem 2rem}.page-header{text-align:center;margin-bottom:3rem}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:inline-block}.page-title{letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:800;line-height:1.1}.page-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.contact-content{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.info-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.info-section p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem;line-height:1.7}.contact-methods{flex-direction:column;gap:1rem;display:flex}.contact-method{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s;display:flex}.contact-method:hover{border-color:var(--method-color,var(--color-primary));transform:translate(8px)}.method-details,.social-details{min-width:0}.method-label,.method-value,.social-label,.social-username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.method-icon{background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:48px;height:48px;color:var(--method-color,var(--color-primary));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.method-details{flex-direction:column;display:flex}.method-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem}.method-value{color:var(--text-primary);font-size:1rem;font-weight:500}.social-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.social-links{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.social-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:14px;align-items:center;gap:1rem;min-width:0;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.social-card:hover{border-color:var(--social-color,var(--color-primary))}.social-icon{background:color-mix(in srgb, var(--text-strong) 5%, transparent);width:40px;height:40px;color:var(--social-color,var(--text-secondary));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.social-details{flex-direction:column;min-width:0;display:flex}.social-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.social-username{color:var(--text-muted);font-size:.8125rem}.contact-cta{flex-direction:column;gap:1.5rem;display:flex}.cta-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, transparent) 0%, color-mix(in srgb, var(--color-secondary) 4%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);text-align:center;border-radius:16px;padding:2rem}.cta-icon{margin-bottom:1.5rem}.cta-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.cta-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.cta-button{color:var(--text-on-primary);background:var(--gradient-primary);border-radius:999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button svg{transition:transform .3s}.cta-button:hover svg{transform:translate(4px)}.availability-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-emerald) 8%, transparent) 0%, color-mix(in srgb, var(--color-emerald-dark) 4%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-accent-emerald) 20%, transparent);border-radius:14px;padding:1.5rem}.availability-status{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.status-dot{background:var(--color-accent-emerald);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.availability-status span:last-child{color:var(--color-emerald-dark);font-size:.9375rem;font-weight:600}.availability-card>p{color:var(--text-muted);margin-bottom:1rem;font-size:.9375rem}.availability-tags{flex-wrap:wrap;gap:.5rem;display:flex}.availability-tags span{background:color-mix(in srgb, var(--color-accent-emerald) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-emerald) 20%, transparent);color:var(--color-emerald-dark);border-radius:999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.contact-fit-list{color:var(--text-secondary);margin:1rem 0 0;padding-left:1.15rem;font-size:.98rem;line-height:1.55}.contact-fit-list li{margin-bottom:.4rem}.contact-method.is-static{cursor:default;text-decoration:none}.contact-footer a{color:var(--color-primary-dark,var(--color-primary));font-weight:600;text-decoration:none}.contact-footer a:hover{text-decoration:underline}.contact-footer{text-align:center;border-top:1px solid var(--border-hairline);padding-top:2rem}.contact-footer p{color:var(--text-faint);margin-bottom:.5rem;font-size:.875rem}@media (width<=1024px){.contact-content{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.contact-page{padding:2rem 1rem}.page-title{font-size:2rem}.social-links{grid-template-columns:1fr}.cta-card{padding:1.5rem}}.contact-method-wrap{display:flex;position:relative}.contact-method-wrap>.contact-method{flex:1;min-width:0}.method-copy{font:inherit;letter-spacing:.02em;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-hairline);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:500;transition:color .2s,border-color .2s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.method-copy:hover,.method-copy:focus-visible{color:var(--text-primary);border-color:var(--color-primary)}.contact-method-wrap:hover .method-copy{transform:translate(8px,-50%)}.method-copy[data-state=copied]{color:var(--color-primary);border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){.method-copy,.contact-method-wrap:hover .method-copy{transition:none;transform:translateY(-50%)}}.method-copy:after{content:"";min-width:44px;min-height:44px;position:absolute;inset:50%;transform:translate(-50%,-50%)}