/* Identidade oficial Laíza Bastos — oliva, sálvia, areia, branco e grafite. */
.direction-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.1em;flex-shrink:0}
@media(max-width:800px){
  .direction-icon{width:14px;height:14px;stroke-width:1.25}
  .circle-link{width:44px;height:44px;min-width:44px;border-color:rgba(65,70,52,.3)}
  .insta-strip a>span{width:30px;height:30px;display:grid;place-items:center;font-size:14px;padding:0;right:10px;bottom:10px}
  .view-project{display:inline-flex;align-items:center;gap:10px;min-height:44px}
  .text-link>span,.contact-link>span{display:inline-flex;align-items:center;justify-content:center;font-size:14px}
}
.instagram h2 em{display:block;font-size:clamp(1.1rem,3.5vw,3.5rem);overflow-wrap:anywhere;line-height:1.3;margin-top:12px}
:root {
  --lb-olive: #626856;
  --lb-olive-deep: #414634;
  --lb-sage: #9a9982;
  --lb-sage-light: #bab9a4;
  --lb-ivory: #f4f3ee;
  --lb-blush: #c3a39c;
}

.loader > img {
  width: 52px;
  height: auto;
  object-fit: contain;
}

.brand-symbol {
  width: 34px;
  height: 76px;
  overflow: hidden;
  display: block;
}

.brand-symbol img {
  width: 34px;
  height: auto;
  transform: translateY(-1px);
  object-fit: contain;
}

.manifesto-orbit > img {
  width: 55px;
  height: auto;
  object-fit: contain;
  transform: translateY(-5px);
}

.instagram {
  background: var(--lb-sage);
  color: var(--lb-olive-deep);
}

.view-project,
.circle-link:hover,
.whatsapp {
  background: var(--lb-olive-deep);
  color: var(--lb-ivory);
}

.manifesto,
.contact,
footer,
.mobile-menu,
.loader {
  background: var(--lb-olive-deep);
}

.manifesto h2 em,
.contact h2 em,
.hero h1 em {
  color: var(--lb-sage-light);
}

.section-head h2 em,
.process h2 em,
.instagram h2 em,
.manifesto-orbit text,
.values strong,
.steps span {
  color: var(--lb-olive);
  fill: var(--lb-sage-light);
}

.footer-brand {
  width: 118px;
  height: 162px;
  overflow: hidden;
  display: block;
}

.footer-brand img {
  width: 118px;
  height: auto;
  object-fit: contain;
  transform: translateY(-1px);
}

.legal-brand {
  width: 30px;
  height: 67px;
}

.legal-brand img { width: 30px; }

.legal-header { min-height: 92px; align-items: center; }

@media (max-width: 800px) {
  .brand-symbol { width: 28px; height: 62px; }
  .brand-symbol img { width: 28px; }
  .footer-brand { width: 104px; height: 143px; }
  .footer-brand img { width: 104px; }
}