/* sections.css - specific section tweaks and fine-grain adjustments */

.hero-section { display: grid; grid-template-columns: 1fr; }

.hero-content { padding-top: 140px; padding-bottom: 140px; display: grid; gap: var(--space-sm); }

.usp-section { padding-top: calc(var(--space-xl) + 8px); padding-bottom: calc(var(--space-lg) + 8px); }

.insp-section h2, .partners-section h2 { margin-top: 12px; }

.contact-section .contact-aside .img-placeholder { height: 320px; border-radius: 14px; }

/* Contact form inputs */
.contact-form input, .contact-form textarea { background: var(--color-input-bg); border: 1px solid var(--color-input-border); color: var(--color-text-primary); }

/* Footer spacing */
.site-footer { padding-top: calc(var(--space-md) + 12px); padding-bottom: calc(var(--space-md) + 12px); }

/* Fine tuning typography */
.hero-title { font-family: var(--font-serif); font-weight: var(--fw-semi); font-size: var(--type-h1-clamp); line-height: 0.95; }
.hero-subtitle { font-family: var(--font-sans); font-size: var(--type-body-large); line-height: 1.35; }

/* small helpers */
.logo-placeholder { font-weight: 700; }