.section{width:100%}.section__inner{max-width:var(--content-width);margin:0 auto;padding:5rem var(--content-padding)}.section__eyebrow{display:inline-block;color:var(--color-accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-bottom:.75rem}.section__titulo{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:2.5rem}.section__subtitulo{font-size:1.25rem;margin:3rem 0 1.5rem;color:var(--color-support)}.sobre{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:3rem;align-items:start}.sobre__foto img{width:100%;border-radius:var(--radius-lg);border:2px solid var(--color-accent);object-fit:cover;aspect-ratio:1 / 1}.sobre__texto h1{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:.5rem}.sobre__cargo{color:var(--color-accent);font-weight:700;margin-bottom:1.5rem}.sobre__texto p+p{margin-top:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.card{border-radius:var(--radius-lg);border:2px solid var(--color-accent);padding:2rem;display:flex;flex-direction:column;gap:.5rem}.card--preenchido{background:var(--color-accent);color:var(--color-text-on-accent)}.card--preenchido .card__empresa{color:var(--color-text-on-accent);opacity:.75}.card--vazado{background:transparent;color:var(--color-text)}.card--vazado .card__empresa{color:var(--color-accent)}.card__midia{margin:-2rem -2rem 1rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.card__midia img{width:100%;object-fit:cover}.card__empresa{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card__titulo{font-size:1.25rem}.card__descricao{font-size:.95rem;opacity:.9}.card__tags{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.card__tags li{font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:.25rem .65rem;border-radius:999px;border:1px solid currentColor;opacity:.85}.projeto-detalhe{max-width:760px}.projeto-detalhe .card__empresa{color:var(--color-accent)}.projeto-detalhe__voltar{display:block;color:var(--color-accent);font-weight:700;margin-bottom:2rem;transition:opacity .2s ease}.projeto-detalhe__voltar:hover{opacity:.75}.projeto-detalhe__titulo{font-size:clamp(1.5rem,3.5vw,2.25rem);margin:.5rem 0 1rem}.projeto-detalhe__descricao{font-size:1.05rem;line-height:1.7;color:var(--color-text);margin-top:1.5rem}.projeto-detalhe__bullets{list-style:disc;margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem;color:var(--color-text)}.projeto-detalhe__links{display:flex;gap:1.5rem;margin-top:2rem}.projeto-detalhe__links a{color:var(--color-accent);font-weight:700;border-bottom:1px solid var(--color-accent);padding-bottom:2px}.projeto-detalhe__nao-encontrado{margin-bottom:1.5rem}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem;margin-bottom:1rem}.stack-card__lista{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;color:var(--color-support)}.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--color-accent)}.timeline__item{position:relative;padding:0 0 2.5rem 2rem}.timeline__item:last-child{padding-bottom:0}.timeline__marcador{position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-accent)}.timeline__periodo{display:block;font-size:.85rem;color:var(--color-accent);font-weight:700;margin-bottom:.35rem}.timeline__cargo{font-size:1.15rem}.timeline__empresa{color:var(--color-support);margin:.25rem 0 .75rem}.contato{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.contato__form{display:flex;flex-direction:column;gap:1.25rem}.contato__form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--color-support)}.contato__form input,.contato__form textarea{font-family:var(--font-mono);background:transparent;border:2px solid var(--color-accent);border-radius:14px;padding:.75rem 1rem;color:var(--color-text);font-size:1rem;resize:vertical}.contato__form input:focus,.contato__form textarea:focus{outline:none;border-color:var(--color-text)}.contato__form button{align-self:flex-start;background:var(--color-accent);color:var(--color-text-on-accent);border:2px solid var(--color-accent);border-radius:999px;padding:.85rem 2rem;font-weight:700;font-family:var(--font-mono);transition:opacity .2s ease}.contato__form button:disabled{opacity:.6;cursor:not-allowed}.contato__feedback{font-size:.9rem}.contato__feedback--sucesso{color:#7ec97e}.contato__feedback--erro{color:#e08a8a}.contato__links{display:flex;flex-direction:column;gap:1rem;border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:2rem}.contato__links a{color:var(--color-text);border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.contato__links a:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (max-width: 768px){.section__inner{padding:3.5rem var(--content-padding)}.sobre{grid-template-columns:1fr;gap:2rem}.sobre__foto img{max-width:240px;margin:0 auto;aspect-ratio:1 / 1}.cards-grid,.stack-grid,.contato{grid-template-columns:1fr}}@media (max-width: 480px){.section__inner{padding:2.5rem var(--content-padding)}.card{padding:1.5rem}.card__midia{margin:-1.5rem -1.5rem 1rem}.contato__links{padding:1.5rem}.timeline__item{padding-left:1.5rem}}:root{--color-bg: #1a1817;--color-accent: #c08457;--color-text-on-accent: #2a1c12;--color-support: #a58a76;--color-text: #f2e9e0;--color-card-outline: rgba(192, 132, 87, .35);--font-mono: "Space Mono", ui-monospace, monospace;--content-width: 1152px;--content-padding: 2.5rem;--radius-lg: 28px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);line-height:1.6;-webkit-font-smoothing:antialiased}#root{overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}@media (max-width: 480px){:root{--content-padding: 1.25rem;--radius-lg: 20px}}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 var(--content-padding);background:var(--color-bg);border-bottom:1px solid rgba(192,132,87,.2)}.logo{font-weight:700;font-size:1.25rem;letter-spacing:.08em;color:var(--color-accent)}.hamburger{position:relative;z-index:110;width:40px;height:32px;padding:0;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background:var(--color-accent);transition:transform .25s ease,opacity .25s ease}.hamburger.is-open span:nth-child(1){transform:translateY(15px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-15px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;background:var(--color-accent);opacity:0;pointer-events:none;transform:translateY(-16px);transition:opacity .3s ease,transform .3s ease}.menu-overlay.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-overlay ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.menu-overlay button{background:none;border:none;font-family:var(--font-mono);font-weight:700;font-size:clamp(1.5rem,5vw,2.5rem);color:var(--color-text-on-accent)}.menu-overlay__contatos{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.menu-overlay__contatos a{color:var(--color-text-on-accent);font-size:.95rem;border-bottom:1px solid var(--color-text-on-accent);padding-bottom:2px}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:var(--content-width);margin:0 auto;padding:2.5rem var(--content-padding) 3rem;border-top:2px solid var(--color-accent);color:var(--color-support)}.site-footer__links{display:flex;gap:1.5rem;flex-wrap:wrap}.site-footer__links a{color:var(--color-support);transition:color .2s ease}.site-footer__links a:hover{color:var(--color-accent)}main{padding-top:88px}@media (max-width: 480px){.site-header{height:72px}main{padding-top:72px}}
