.contact-page{background:var(--color-bg-primary);min-height:100vh}.contact-hero{padding:8rem 2rem var(--space-2xl);text-align:center}.contact-title{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 var(--space-sm);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.contact-subtitle{font-family:var(--font-body);font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:420px;margin:0 auto;line-height:1.6}.contact-options{max-width:540px;padding:0 2rem var(--space-4xl);margin:0 auto}.contact-option-label{font-family:var(--font-body);font-size:var(--text-label-sm);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-sm);font-weight:600}.contact-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:all .15s;display:flex}.contact-card--email{cursor:pointer}.contact-card--email:hover{border-color:var(--color-accent-primary);background:var(--color-accent-softest)}.contact-card--email:hover .contact-card-arrow{color:var(--color-accent-primary);transform:translate(3px)}.contact-card-icon{background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent-primary);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-icon svg{width:20px;height:20px}.contact-card-content{gap:var(--space-3xs);flex-direction:column;flex:1;min-width:0;display:flex}.contact-card-value{font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-text-primary);font-weight:600}.contact-card-response{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-subtle)}.contact-card-arrow{width:18px;height:18px;color:var(--color-text-subtle);flex-shrink:0;transition:all .15s}.contact-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.contact-divider-text{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-subtle);text-transform:lowercase}.contact-form-wrap{perspective:1000px}.contact-textarea{resize:vertical;min-height:100px;font-family:var(--font-body);line-height:1.5}