/* contact.css – Portfolio-Fotograf */
.contact-section { background: var(--color-surface); }
.contact-inner { display: grid; grid-template-columns: 1fr 360px; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.contact-form { display: flex; flex-direction: column; gap: var(--space-5); }
/* Info */
.contact-info__title { font-family: var(--font-display); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-text); margin-bottom: var(--space-6); }
.contact-info__list { display: flex; flex-direction: column; gap: var(--space-5); margin-bottom: var(--space-8); }
.contact-info__list li { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }
.contact-info__icon { flex-shrink: 0; font-size: var(--font-size-lg); }
.contact-info__list a { color: var(--color-gold); transition: color var(--transition-fast); }
.contact-info__list a:hover { color: var(--color-gold-light); }
.contact-social { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.contact-social__link { font-size: var(--font-size-sm); color: var(--color-text-muted); transition: color var(--transition-fast); }
.contact-social__link:hover { color: var(--color-gold); }
@media (max-width: 900px) { .contact-inner { grid-template-columns: 1fr; } }