/* orvio — página de portfólio: hero compacto + grid de projetos */

.folio-hero { min-height: 60svh; display: flex; align-items: center; padding-top: 72px; }
.folio-hero .wrap { position: relative; z-index: 2; padding-block: clamp(80px, 14vh, 140px) clamp(40px, 6vh, 64px); }
.folio-hero h1 { font-size: clamp(38px, 6vw, 64px); font-weight: 400; letter-spacing: -0.03em; line-height: 1.05; margin: 22px 0 20px; max-width: 780px; }
.folio-hero-sub { font-size: clamp(16px, 1.6vw, 19px); font-weight: 300; line-height: 1.6; color: var(--fg-2); max-width: 560px; margin: 0; }

.folio-section { padding-top: 0; }
.folio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }

.folio-cta { justify-content: center; }
.folio-cta-body { padding: 28px 26px; display: flex; flex-direction: column; gap: 10px; }
.folio-cta-body h3 { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; margin: 0; }
.folio-cta-body p { font-size: 14px; font-weight: 300; line-height: 1.55; color: var(--fg-2); margin: 0; }