.contact-page{background:#fff;min-height:100vh}.contact-hero{text-align:center;background:#fafafa;border-bottom:1px solid #e5e5e5;padding:120px 20px 80px}.contact-hero h1{letter-spacing:.2em;text-transform:uppercase;color:#222;margin-bottom:20px;font-family:serif;font-size:2.25rem;font-weight:300}.contact-hero p{letter-spacing:.03em;color:#666;max-width:600px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.8}.contact-container{grid-template-columns:1fr 1.5fr;gap:80px;max-width:1200px;margin:0 auto;padding:100px 8vw 80px;display:grid}.contact-info{flex-direction:column;align-self:start;gap:50px;margin-top:100px;display:flex;position:sticky;top:20px}.info-section h2{letter-spacing:.15em;text-transform:uppercase;color:#222;margin-bottom:10px;font-family:serif;font-size:1.85rem;font-weight:300}.tagline{color:#666;letter-spacing:.03em;font-size:.95rem;font-style:italic;font-weight:300;line-height:1.6}.info-section h3{letter-spacing:.1em;text-transform:uppercase;color:#222;margin-bottom:18px;font-family:serif;font-size:1.15rem;font-weight:400}.info-section p{color:#555;margin:5px 0;font-size:1rem;font-weight:300;line-height:2}.info-section a{color:#222;font-weight:300;text-decoration:none;transition:color .3s}.info-section a:hover{color:#666;text-decoration:underline}.social-links{flex-direction:column;gap:12px;display:flex}.social-links a{color:#222;letter-spacing:.03em;padding:5px 0;font-size:1rem;font-weight:300;text-decoration:none;transition:all .3s}.social-links a:hover{color:#666;padding-left:10px}.contact-form-wrapper{background:#fafafa;border-radius:1.25rem;padding:60px 50px;box-shadow:0 2px 16px #0000000a}.contact-form h2{letter-spacing:.15em;text-transform:uppercase;color:#222;text-align:center;margin-bottom:50px;font-family:serif;font-size:1.85rem;font-weight:300}.form-group{margin-bottom:35px}.form-group label{letter-spacing:.08em;text-transform:uppercase;color:#333;margin-bottom:12px;font-family:serif;font-size:.95rem;font-weight:400;display:block}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #ddd;width:100%;padding:16px 20px;font-family:inherit;font-size:1rem;font-weight:300;line-height:1.6;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#222;outline:none;box-shadow:0 0 0 2px #00000014}.form-group textarea{resize:vertical;min-height:180px;line-height:1.8}.message{letter-spacing:.03em;border-radius:1.25rem;margin-bottom:25px;padding:18px 24px;font-size:.95rem;font-weight:300;line-height:1.6}.message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.submit-btn{letter-spacing:.15em;text-transform:uppercase;color:#fff;cursor:pointer;background:#222;border:none;border-radius:.25rem;width:100%;padding:20px 40px;font-family:serif;font-size:1rem;font-weight:400;transition:all .3s}.submit-btn:hover:not(:disabled){background:#444;transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:968px){.contact-container{grid-template-columns:1fr;gap:60px;padding:80px 6vw}.contact-info{margin-top:0}.contact-hero h1{letter-spacing:.18em;font-size:2rem}.contact-form-wrapper{padding:50px 40px}}@media (max-width:640px){.contact-hero{padding:80px 20px 50px}.contact-hero h1{letter-spacing:.15em;font-size:1.75rem}.contact-hero p{font-size:.95rem}.contact-container{padding:60px 5vw}.contact-form-wrapper{padding:40px 25px}.contact-form h2,.info-section h2{letter-spacing:.12em;font-size:1.5rem}.info-section h3{font-size:1rem}}